线索详情页新增手动上传录音，点击上传录音，打开手机录音列表，需用户选择一条录音进行上传

components/ba-tree-picker/ba-tree-picker.vue

@@ -319,7 +319,6 @@
 			},
 			// 节点选中、取消选中
 			_onItemSelect(item, index) {
-				console.log(item);
 				// if(item.Pchildren !== void 0 && item.Pchildren.length > 0) return;
 				//console.log('_onItemSelect')
 				//console.log(item)

components/ld-select/ld-select.vue

@@ -371,6 +371,8 @@
 
 					.title {
 						flex: 1;
+						overflow-wrap: break-word;
+						word-break: break-all;
 					}
 
 					.checkboxMark {

manifest.json

@@ -2,8 +2,8 @@
     "name" : "时与",
     "appid" : "__UNI__0C0EF72",
     "description" : "",
-    "versionName" : "1.1.8",
-    "versionCode" : 118,
+    "versionName" : "1.1.9",
+    "versionCode" : 119,
     "transformPx" : false,
     /* 5+App特有相关 */
     "app-plus" : {

pages.json

@@ -184,6 +184,13 @@
 			{
 				"navigationStyle": "custom"
 			}
+		},
+		{
+			"path": "pages/uploadRecord/index",
+			"style": {
+				"navigationBarTitleText": "上传录音",
+				"navigationStyle": "custom"
+			}
 		}
 	],
 	"globalStyle": {

pages/circumstances/index.vue

@@ -1,434 +1,432 @@
 <template>
-  <view class="cirumstances_wrap">
-    <u-navbar placeholder :autoBack="true" title="环境监测" v-hideNav>
-      <view class="u-nav-slot right_btn" slot="right">
-        <view class="reset" @click="handleReset">
-          <u-icon name="reload" color="#108CFF"></u-icon>刷新
-        </view>
-      </view>
-    </u-navbar>
-    <view class="option_list">
-      <view class="option_item">
-        <view class="item_left">
-          <text class="label">登录用户</text>
-        </view>
-        <view class="item-right">
-          <text>{{ nickName }}</text>
-        </view>
-      </view>
-      <template v-if="isCallOff === '1'">
-        <view class="option_item">
-          <view class="item_left">
-            <text class="label">外呼分机号</text>
-          </view>
-          <view class="item-right">
-            <text>{{
+	<view class="cirumstances_wrap">
+		<u-navbar placeholder :autoBack="true" title="环境监测" v-hideNav>
+			<view class="u-nav-slot right_btn" slot="right">
+				<view class="reset" @click="handleReset">
+					<u-icon name="reload" color="#108CFF"></u-icon>刷新
+				</view>
+			</view>
+		</u-navbar>
+		<view class="option_list">
+			<view class="option_item">
+				<view class="item_left">
+					<text class="label">登录用户</text>
+				</view>
+				<view class="item-right">
+					<text>{{ nickName }}</text>
+				</view>
+			</view>
+			<template v-if="isCallOff === '1'">
+				<view class="option_item">
+					<view class="item_left">
+						<text class="label">外呼分机号</text>
+					</view>
+					<view class="item-right">
+						<text>{{
               callAccount ? callAccount.extenNum : "未配置分机号"
             }}</text>
-          </view>
-        </view>
-        <view class="option_item">
-          <view class="item_left">
-            <text class="label">外呼注册状态</text>
-          </view>
-          <view class="item-right" @longpress="handleRegisterFun">
-            <text v-if="callAccount != null && callSystem != null">
-              {{ ipAddress }}
-            </text>
-            <text class="btn" v-else @click="handleRegisterFun">点击注册</text>
-            <icon-img
-              :value="callAccount != null && callSystem != null"
-            ></icon-img>
-          </view>
-        </view>
-        <view class="option_item">
-          <view class="item_left">
-            <text class="label">外呼签入状态</text>
-          </view>
-          <view class="item-right">
-            <text v-if="signInState">正常</text>
-            <text class="btn" v-else @click="handleRegisterFun">点击签入</text>
-            <icon-img :value="signInState"></icon-img>
-            <icon-img :value="redisStatus"></icon-img>
-          </view>
-        </view>
-      </template>
-      <template v-else>
-        <view class="option_item">
-          <view class="item_left">
-            <text class="label">呼叫中心</text>
-          </view>
-          <view class="item-right" @longpress="handleRegisterFun">
-            <text>不启用</text>
-            <icon-img :value="isCallOff === '1'"></icon-img>
-          </view>
-        </view>
-      </template>
-      <view class="option_item">
-        <view class="item_left">
-          <text class="label">麦克风权限</text>
-        </view>
-        <view class="item-right">
-          <text v-if="isRecord">已授权</text>
-          <text class="btn" v-else @click="handleOpenSet">点击授权</text>
-          <icon-img :value="isRecord"></icon-img>
-        </view>
-      </view>
-      <!-- 通话自动录音状态 -->
-      <view class="option_item">
-        <view class="item_left">
-          <text class="label">通话自动录音</text>
-        </view>
-        <view class="item-right">
-          <text v-if="isAutoRecord">已开启</text>
-          <text class="btn" v-else @click="toCallRecorderSettings"
-            >点击开启</text
-          >
-          <icon-img :value="isAutoRecord"></icon-img>
-        </view>
-      </view>
-      <!-- 文件访问权限状态 -->
-      <view class="option_item">
-        <view class="item_left">
-          <text class="label">文件访问权限</text>
-        </view>
-        <view class="item-right">
-          <text v-if="hasStoragePermission">已授权</text>
-          <text class="btn" v-else @click="requestStoragePermission"
-            >点击授权</text
-          >
-          <icon-img :value="hasStoragePermission"></icon-img>
-        </view>
-      </view>
-      <view class="option_item">
-        <view class="item_left">
-          <text class="label">定位服务</text>
-        </view>
-        <view class="item-right">
-          <text v-if="systemLocation">已开启</text>
-          <text v-else>未开启</text>
-          <icon-img :value="systemLocation"></icon-img>
-        </view>
-      </view>
-      <view class="option_item">
-        <view class="item_left">
-          <text class="label">定位权限</text>
-        </view>
-        <view class="item-right">
-          <text v-if="isLocation">已授权</text>
-          <text class="btn" v-else @click="handleOpenSet">点击授权</text>
-          <icon-img :value="isLocation"></icon-img>
-        </view>
-      </view>
-      <view class="option_item">
-        <view class="item_left">
-          <text class="label">X5引擎</text>
-        </view>
-        <view class="item-right">
-          <text v-if="isX5">启用</text>
-          <text v-else>不启用</text>
-          <icon-img :value="isX5"></icon-img>
-        </view>
-      </view>
-      <view class="option_item">
-        <view class="item_left">
-          <text class="label">品牌型号</text>
-        </view>
-        <view class="item-right">
-          <text>{{ deviceBrand }}</text>
-        </view>
-      </view>
-      <view class="option_item">
-        <view class="item_left">
-          <text class="label">所用系统</text>
-        </view>
-        <view class="item-right">
-          <text>{{ system }}</text>
-        </view>
-      </view>
-    </view>
-    <view class="tips_wrap" @longpress="handleOpenSet">
-      <view class="left">
-        <image
-          src="../../static/circumstances/success.png"
-          mode=""
-          class="icon_img"
-        >
-        </image>
-        <text>正常</text>
-      </view>
-      <view class="right">
-        <image
-          src="../../static/circumstances/error.png"
-          mode=""
-          class="icon_img"
-        ></image>
-        <text>不正常</text>
-      </view>
-    </view>
-  </view>
+					</view>
+				</view>
+				<view class="option_item">
+					<view class="item_left">
+						<text class="label">外呼注册状态</text>
+					</view>
+					<view class="item-right" @longpress="handleRegisterFun">
+						<text v-if="callAccount != null && callSystem != null">
+							{{ ipAddress }}
+						</text>
+						<text class="btn" v-else @click="handleRegisterFun">点击注册</text>
+						<icon-img :value="callAccount != null && callSystem != null"></icon-img>
+					</view>
+				</view>
+				<view class="option_item">
+					<view class="item_left">
+						<text class="label">外呼签入状态</text>
+					</view>
+					<view class="item-right">
+						<text v-if="signInState">正常</text>
+						<text class="btn" v-else @click="handleRegisterFun">点击签入</text>
+						<icon-img :value="signInState"></icon-img>
+						<icon-img :value="redisStatus"></icon-img>
+					</view>
+				</view>
+			</template>
+			<template v-else>
+				<view class="option_item">
+					<view class="item_left">
+						<text class="label">呼叫中心</text>
+					</view>
+					<view class="item-right" @longpress="handleRegisterFun">
+						<text>不启用</text>
+						<icon-img :value="isCallOff === '1'"></icon-img>
+					</view>
+				</view>
+			</template>
+			<view class="option_item">
+				<view class="item_left">
+					<text class="label">麦克风权限</text>
+				</view>
+				<view class="item-right">
+					<text v-if="isRecord">已授权</text>
+					<text class="btn" v-else @click="handleOpenSet">点击授权</text>
+					<icon-img :value="isRecord"></icon-img>
+				</view>
+			</view>
+			<!-- 通话自动录音状态 -->
+			<view class="option_item">
+				<view class="item_left">
+					<text class="label">通话自动录音</text>
+				</view>
+				<view class="item-right">
+					<text v-if="isAutoRecord">已开启</text>
+					<text class="btn" v-else @click="toCallRecorderSettings">点击开启</text>
+					<icon-img :value="isAutoRecord"></icon-img>
+				</view>
+			</view>
+			<!-- 文件访问权限状态 -->
+			<view class="option_item">
+				<view class="item_left">
+					<text class="label">文件访问权限</text>
+				</view>
+				<view class="item-right">
+					<text v-if="hasStoragePermission">已授权</text>
+					<text class="btn" v-else @click="requestStoragePermission">点击授权</text>
+					<icon-img :value="hasStoragePermission"></icon-img>
+				</view>
+			</view>
+			<!-- 读取手机状态权限 -->
+			<view class="option_item">
+				<view class="item_left">
+					<text class="label">读取手机状态</text>
+				</view>
+				<view class="item-right">
+					<text v-if="hasReadPhoneStatePermission">已授权</text>
+					<text class="btn" v-else @click="handleOpenSet">点击授权</text>
+					<icon-img :value="hasReadPhoneStatePermission"></icon-img>
+				</view>
+			</view>
+			<!-- 拨打电话权限 -->
+			<view class="option_item">
+				<view class="item_left">
+					<text class="label">拨打电话</text>
+				</view>
+				<view class="item-right">
+					<text v-if="hasCallPhonePermission">已授权</text>
+					<text class="btn" v-else @click="handleOpenSet">点击授权</text>
+					<icon-img :value="hasCallPhonePermission"></icon-img>
+				</view>
+			</view>
+			<!-- 读取通话记录权限 -->
+			<view class="option_item">
+				<view class="item_left">
+					<text class="label">读取通话记录</text>
+				</view>
+				<view class="item-right">
+					<text v-if="hasReadCallLogPermission">已授权</text>
+					<text class="btn" v-else @click="handleOpenSet">点击授权</text>
+					<icon-img :value="hasReadCallLogPermission"></icon-img>
+				</view>
+			</view>
+			<!-- 读取电话号码权限 -->
+			<view class="option_item">
+				<view class="item_left">
+					<text class="label">读取电话号码</text>
+				</view>
+				<view class="item-right">
+					<text v-if="hasReadPhoneNumbersPermission">已授权</text>
+					<text class="btn" v-else @click="handleOpenSet">点击授权</text>
+					<icon-img :value="hasReadPhoneNumbersPermission"></icon-img>
+				</view>
+			</view>
+			<view class="option_item">
+				<view class="item_left">
+					<text class="label">定位服务</text>
+				</view>
+				<view class="item-right">
+					<text v-if="systemLocation">已开启</text>
+					<text v-else>未开启</text>
+					<icon-img :value="systemLocation"></icon-img>
+				</view>
+			</view>
+			<view class="option_item">
+				<view class="item_left">
+					<text class="label">定位权限</text>
+				</view>
+				<view class="item-right">
+					<text v-if="isLocation">已授权</text>
+					<text class="btn" v-else @click="handleOpenSet">点击授权</text>
+					<icon-img :value="isLocation"></icon-img>
+				</view>
+			</view>
+			<view class="option_item">
+				<view class="item_left">
+					<text class="label">X5引擎</text>
+				</view>
+				<view class="item-right">
+					<text v-if="isX5">启用</text>
+					<text v-else>不启用</text>
+					<icon-img :value="isX5"></icon-img>
+				</view>
+			</view>
+			<view class="option_item">
+				<view class="item_left">
+					<text class="label">品牌型号</text>
+				</view>
+				<view class="item-right">
+					<text>{{ deviceBrand }}</text>
+				</view>
+			</view>
+			<view class="option_item">
+				<view class="item_left">
+					<text class="label">所用系统</text>
+				</view>
+				<view class="item-right">
+					<text>{{ system }}</text>
+				</view>
+			</view>
+		</view>
+		<view class="tips_wrap" @longpress="handleOpenSet">
+			<view class="left">
+				<image src="../../static/circumstances/success.png" mode="" class="icon_img">
+				</image>
+				<text>正常</text>
+			</view>
+			<view class="right">
+				<image src="../../static/circumstances/error.png" mode="" class="icon_img"></image>
+				<text>不正常</text>
+			</view>
+		</view>
+	</view>
 </template>
 
 <script>
-import { mapState } from "vuex";
-import iconImg from "./components/iconImg.vue";
-import permision from "@/js_sdk/wa-permission/permission.js";
+	import {
+		mapState
+	} from "vuex";
+	import iconImg from "./components/iconImg.vue";
+	import permision from "@/js_sdk/wa-permission/permission.js";
 
-import {
-  checkIsAutoRecord,
-  toCallAutoRecorderPage,
-  navigateToCallRecordingSettings,
-  jumpToPermissionPage,
-} from "@/uni_modules/yao-lister";
+	export default {
+		components: {
+			iconImg,
+		},
+		computed: {
+			...mapState({
+				nickName: (state) => state.user.userInfo.nickName,
+				callAccount: (state) => state.app.callAccount,
+				signInState: (state) => state.app.signInState,
+				ipAddress: (state) =>
+					state.app.registerInfo && state.app.registerInfo.register ?
+					state.app.registerInfo.register["IPv4"].slice(-3) : "异常",
+				redisStatus: (state) => state.app.redisStatus,
+				callSystem: (state) => state.app.callSystem,
+				uuid: (state) => state.user.uuid,
+				isCallOff: (state) => state.user.netConfig.isCallOff,
+				// 从call store获取权限状态
+				isAutoRecord: (state) => state.call.isAutoRecord,
+				hasStoragePermission: (state) => state.call.hasStoragePermission,
+				hasReadPhoneStatePermission: (state) => state.call.hasReadPhoneStatePermission,
+				hasCallPhonePermission: (state) => state.call.hasCallPhonePermission,
+				hasReadCallLogPermission: (state) => state.call.hasReadCallLogPermission,
+				hasReadPhoneNumbersPermission: (state) => state.call.hasReadPhoneNumbersPermission,
+			}),
+		},
+		data() {
+			return {
+				isX5: false,
+				isRecord: false,
+				isLocation: false,
+				system: "",
+				deviceBrand: "",
+				systemLocation: false,
+			};
+		},
+		methods: {
+			// 刷新
+			handleReset() {
+				this.getAllStatus();
+				uni.$u.toast("刷新成功");
+			},
+			// 打开设置
+			handleOpenSet() {
+				this.$store.dispatch('call/handleOpenSet');
+			},
+			// 请求文件访问权限
+			requestStoragePermission() {
+				this.$store.dispatch('call/requestStoragePermission');
+			},
+			// 跳转到通话录音设置页面
+			toCallRecorderSettings() {
+				this.$store.dispatch('call/toCallRecorderSettings');
+			},
+			// 跳转到系统通话录音界面
+			toSystemRecorderSettings() {
+				this.$store.dispatch('call/toSystemRecorderSettings');
+			},
+			// 注册
+			handleRegisterFun() {
+				this.$store
+					.dispatch("app/getExtensionByUserId", {
+						userId: this.$store.state.user.userInfo.userId,
+					})
+					.then((res) => {
+						Promise.all([
+							permision.requestAndroidPermission(
+								"android.permission.RECORD_AUDIO"
+							),
+							permision.requestAndroidPermission(
+								"android.permission.MODIFY_AUDIO_SETTINGS"
+							),
+						]).then((result) => {
+							const flag = result.every((v) => v == 1);
+							if (flag) {
+								this.$store.dispatch("app/createWv");
+							}
+						});
+					});
+			},
+			// 检测定位服务是否开启
+			checkSystemEnableLocation() {
+				let context = plus.android.importClass("android.content.Context");
+				let locationManager = plus.android.importClass(
+					"android.location.LocationManager"
+				);
+				let main = plus.android.runtimeMainActivity();
+				let mainSvr = main.getSystemService(context.LOCATION_SERVICE);
+				let result = mainSvr.isProviderEnabled(locationManager.GPS_PROVIDER);
+				return result;
+			},
+			getAllStatus() {
+				uni.getSystemInfo({
+					success: (res) => {
+						this.deviceBrand = res.deviceBrand + " " + res.model;
+						this.system = res.system ? res.system : "获取失败";
+						this.isX5 = res.browserName.includes("x5");
+					},
+				});
 
-export default {
-  components: {
-    iconImg,
-  },
-  computed: {
-    ...mapState({
-      nickName: (state) => state.user.userInfo.nickName,
-      callAccount: (state) => state.app.callAccount,
-      signInState: (state) => state.app.signInState,
-      ipAddress: (state) =>
-        state.app.registerInfo && state.app.registerInfo.register
-          ? state.app.registerInfo.register["IPv4"].slice(-3)
-          : "异常",
-      redisStatus: (state) => state.app.redisStatus,
-      callSystem: (state) => state.app.callSystem,
-      uuid: (state) => state.user.uuid,
-      isCallOff: (state) => state.user.netConfig.isCallOff,
-    }),
-  },
-  data() {
-    return {
-      isX5: false,
-      isRecord: false,
-      isLocation: false,
-      system: "",
-      deviceBrand: "",
-      systemLocation: false,
-      isAutoRecord: false, // 通话自动录音状态
-      hasStoragePermission: false, // 文件访问权限状态
-    };
-  },
-  methods: {
-    // 刷新
-    handleReset() {
-      this.getAllStatus();
-      uni.$u.toast("刷新成功");
-    },
-    // 打开设置
-    handleOpenSet() {
-      permision.gotoAppPermissionSetting("android.permission.RECORD_AUDIO");
-    },
-    // 请求文件访问权限
-    requestStoragePermission() {
-      jumpToPermissionPage();
-    },
-    // 跳转到通话录音设置页面
-    toCallRecorderSettings() {
-      toCallAutoRecorderPage();
-    },
-    // 跳转到系统通话录音界面
-    toSystemRecorderSettings() {
-      navigateToCallRecordingSettings();
-    },
-    // 注册
-    handleRegisterFun() {
-      this.$store
-        .dispatch("app/getExtensionByUserId", {
-          userId: this.$store.state.user.userInfo.userId,
-        })
-        .then((res) => {
-          Promise.all([
-            permision.requestAndroidPermission(
-              "android.permission.RECORD_AUDIO"
-            ),
-            permision.requestAndroidPermission(
-              "android.permission.MODIFY_AUDIO_SETTINGS"
-            ),
-          ]).then((result) => {
-            const flag = result.every((v) => v == 1);
-            if (flag) {
-              this.$store.dispatch("app/createWv");
-            }
-          });
-        });
-    },
-    // 检测定位服务是否开启
-    checkSystemEnableLocation() {
-      let context = plus.android.importClass("android.content.Context");
-      let locationManager = plus.android.importClass(
-        "android.location.LocationManager"
-      );
-      let main = plus.android.runtimeMainActivity();
-      let mainSvr = main.getSystemService(context.LOCATION_SERVICE);
-      let result = mainSvr.isProviderEnabled(locationManager.GPS_PROVIDER);
-      return result;
-    },
-    getAllStatus() {
-      uni.getSystemInfo({
-        success: (res) => {
-          this.deviceBrand = res.deviceBrand + " " + res.model;
-          this.system = res.system ? res.system : "获取失败";
-          this.isX5 = res.browserName.includes("x5");
-          // 获取Android版本号
-          let androidVersion = 0;
-          if (this.system && this.system.includes("Android")) {
-            const versionMatch = this.system.match(/Android (\d+\.?\d*)/);
-            if (versionMatch && versionMatch[1]) {
-              androidVersion = parseFloat(versionMatch[1]);
-            }
-          }
+				// 检查麦克风权限
+				permision
+					.requestAndroidPermission("android.permission.RECORD_AUDIO")
+					.then((result) => {
+						this.isRecord = result == "1";
+					});
 
-          // 检查文件访问权限
-          if (androidVersion >= 11) {
-            // Android 11及以上版本，使用MANAGE_EXTERNAL_STORAGE权限（特殊权限）
-            try {
-              // 使用Android原生API检查特殊权限
-              const Environment = plus.android.importClass("android.os.Environment");
-              const Context = plus.android.importClass("android.content.Context");
-              const mainActivity = plus.android.runtimeMainActivity();
-              // 检查是否有管理外部存储的权限
-              this.hasStoragePermission = Environment.isExternalStorageManager();
-              console.log('MANAGE_EXTERNAL_STORAGE权限状态:', this.hasStoragePermission);
-            } catch (e) {
-              console.error('检查存储权限失败:', e);
-              this.hasStoragePermission = false;
-            }
-          } else {
-            // Android 11以下版本，使用READ_EXTERNAL_STORAGE权限
-            permision
-              .requestAndroidPermission(
-                "android.permission.READ_EXTERNAL_STORAGE"
-              )
-              .then((result) => {
-                this.hasStoragePermission = result === 1;
-              });
-          }
-        },
-      });
+				// 检查定位服务状态
+				this.systemLocation = this.checkSystemEnableLocation();
 
-      permision
-        .requestAndroidPermission("android.permission.RECORD_AUDIO")
-        .then((result) => {
-          this.isRecord = result == "1";
-        });
+				// 检查定位权限
+				permision
+					.requestAndroidPermission("android.permission.ACCESS_FINE_LOCATION")
+					.then((result) => {
+						this.isLocation = result == "1";
+					});
 
-      this.systemLocation = this.checkSystemEnableLocation();
-
-      permision
-        .requestAndroidPermission("android.permission.ACCESS_FINE_LOCATION")
-        .then((result) => {
-          this.isLocation = result == "1";
-        });
-
-      // 检查通话自动录音状态
-      this.isAutoRecord = checkIsAutoRecord();
-    },
-  },
-  mounted() {
-    this.getAllStatus();
-  },
-};
+				// 从store检查所有其他权限状态
+				this.$store.dispatch('call/checkAllPermissions');
+			},
+		},
+		mounted() {
+			this.getAllStatus();
+		},
+	};
 </script>
 
 <style lang="scss" scoped>
-.right_btn {
-  display: flex;
-  align-items: center;
-  font-size: 14px;
+	.right_btn {
+		display: flex;
+		align-items: center;
+		font-size: 14px;
 
-  .copy_btn {
-    display: flex;
-    align-items: center;
-    margin-right: 20rpx;
-  }
+		.copy_btn {
+			display: flex;
+			align-items: center;
+			margin-right: 20rpx;
+		}
 
-  .reset {
-    display: flex;
-    align-items: center;
-  }
-}
+		.reset {
+			display: flex;
+			align-items: center;
+		}
+	}
 
-.tips_wrap {
-  display: flex;
-  align-items: center;
-  justify-content: space-evenly;
-  height: 40px;
-  background: #ececec;
-  border-radius: 4px;
-  margin-top: 15px;
-  margin-left: 15px;
-  margin-right: 15px;
-  margin-bottom: 50px;
+	.tips_wrap {
+		display: flex;
+		align-items: center;
+		justify-content: space-evenly;
+		height: 40px;
+		background: #ececec;
+		border-radius: 4px;
+		margin-top: 15px;
+		margin-left: 15px;
+		margin-right: 15px;
+		margin-bottom: 50px;
 
-  .right {
-    display: flex;
-    align-items: center;
-  }
+		.right {
+			display: flex;
+			align-items: center;
+		}
 
-  .left {
-    display: flex;
-    align-items: center;
-  }
+		.left {
+			display: flex;
+			align-items: center;
+		}
 
-  .icon_img {
-    width: 40rpx;
-    height: 40rpx;
-    margin-right: 20rpx;
-  }
-}
+		.icon_img {
+			width: 40rpx;
+			height: 40rpx;
+			margin-right: 20rpx;
+		}
+	}
 
-.option_list {
-  margin-top: 30rpx;
-  padding: 0 30rpx;
+	.option_list {
+		margin-top: 30rpx;
+		padding: 0 30rpx;
 
-  .option_item {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding-bottom: 36rpx;
-    padding-top: 36rpx;
-    border-bottom: 2rpx solid #dfdfdf;
+		.option_item {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			padding-bottom: 36rpx;
+			padding-top: 36rpx;
+			border-bottom: 2rpx solid #dfdfdf;
 
-    .item_left {
-      display: flex;
-      align-items: center;
+			.item_left {
+				display: flex;
+				align-items: center;
 
-      image {
-        width: 32rpx;
-        height: 32rpx;
-        margin-right: 20rpx;
-      }
+				image {
+					width: 32rpx;
+					height: 32rpx;
+					margin-right: 20rpx;
+				}
 
-      .label {
-        font-size: 28rpx;
-        color: #202020;
-      }
-    }
+				.label {
+					font-size: 28rpx;
+					color: #202020;
+				}
+			}
 
-    .item-right {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
+			.item-right {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
 
-      text {
-        font-size: 24rpx;
-        color: #999999;
-        margin-right: 10rpx;
-      }
+				text {
+					font-size: 24rpx;
+					color: #999999;
+					margin-right: 10rpx;
+				}
 
-      .btn {
-        color: #108cff;
-      }
+				.btn {
+					color: #108cff;
+				}
 
-      .icon_img {
-        width: 40rpx;
-        height: 40rpx;
-      }
-    }
-  }
-}
+				.icon_img {
+					width: 40rpx;
+					height: 40rpx;
+				}
+			}
+		}
+	}
 </style>

pages/clueDetail/page/clueDetail.vue

@@ -3,7 +3,8 @@
 		<view class="telPhone">
 			<view class="left">
 				<view class="phone">电话:
-					<show-real-text :real="clueDetail.telephone" :type='params.type' v-if="clueDetail.telephone"></show-real-text>
+					<show-real-text :real="clueDetail.telephone" :type='params.type'
+						v-if="clueDetail.telephone"></show-real-text>
 					<template v-if="clueDetail.telAddr">
 						({{clueDetail.telAddr}})
 					</template>
@@ -86,25 +87,27 @@
 			<view class="clue_tag_add_btn" @click="handleAddClueTag">
 				+ 添加标签
 			</view>
-			<u-tag :text="tag.name" plain plainFill :closable="true" @close="hanldeTagClose(tag)"  borderColor="#fff" v-for="(tag) in clueDetail.clueTags"
-				:key="tag.id" style="margin-left: 10px;margin-bottom: 10px;" :bgColor="tag.color" color="#fff"></u-tag>
+			<u-tag :text="tag.name" plain plainFill :closable="true" @close="hanldeTagClose(tag)" borderColor="#fff"
+				v-for="(tag) in clueDetail.clueTags" :key="tag.id" style="margin-left: 10px;margin-bottom: 10px;"
+				:bgColor="tag.color" color="#fff"></u-tag>
 		</view>
 
 
 		<yui-tabs :tabs="tabs" :swipeThreshold="10" v-model="activeIndex" :lineWidth="'120rpx'" :isLazyRender="false"
-			color="#108cff" titleActiveColor="#108cff" @click="tabClick" @change="tabChange" :swipeable="false">
+			color="#108cff" titleActiveColor="#108cff" :swipeable="false">
 			<template #clueInfo>
-				<clueInfo :clueId="clueDetail.id" v-if="clueDetail.id" :params="params"></clueInfo>
+				<clueInfo :clueId="clueDetail.id" v-if="clueDetail.id" :params="params" ref="clueInfoRef"></clueInfo>
 			</template>
 			<template #advertising>
-				<advertising :clueId="clueDetail.id" v-if="clueDetail.id"></advertising>
+				<advertising :clueId="clueDetail.id" v-if="clueDetail.id" ref="advertisingRef"></advertising>
 			</template>
 			<template #followRecord>
-				<followRecord :clueId="clueDetail.id" v-if="clueDetail.id"></followRecord>
+				<followRecord :clueId="clueDetail.id" v-if="clueDetail.id" ref="followRecordRef"></followRecord>
+			</template>
+			<template #callRecord>
+				<callRecord :clueId="clueDetail.id" :clueDetail="clueDetail" v-if="clueDetail.id" ref="callRecordRef">
+				</callRecord>
 			</template>
-		<!-- 	<template #callRecord>
-				<callRecord :clueId="clueDetail.id" v-if="clueDetail.id"></callRecord>
-			</template> -->
 		</yui-tabs>
 		<u-tabbar class="clueDetail_tabber" :fixed="true" inactiveColor="#ffffff" :placeholder="true"
 			:safeAreaInsetBottom="true">
@@ -114,17 +117,24 @@
 				@click="handleDistribution"></u-tabbar-item>
 			<u-tabbar-item text="写新跟进" icon="../../static/caseDetail/icon-follow.png"
 				@click="handleAddFollow"></u-tabbar-item>
+			<u-tabbar-item text="上传录音" icon="../../static/caseDetail/icon-record.png"
+				@click="handleUploadRecord"></u-tabbar-item>
 		</u-tabbar>
-		
-		<distribution-modal :clueDetail="clueDetail" ref="distribution" @handleSuccess="distributionSuccess"></distribution-modal>
 
-		<group-select class="clueTagsSelect" :list="clueTagGroupVoList" scrollHeight="720rpx" groupName="groupName" groupChild="clueTagDataList" label-key="name" value-key="id" placeholder="请选择线索标签" v-model="checkTags" multiple clearable ref="clueTag" @confirm="handleClueTagConfirm"></group-select>
+		<distribution-modal :clueDetail="clueDetail" ref="distribution"
+			@handleSuccess="distributionSuccess"></distribution-modal>
+
+		<group-select class="clueTagsSelect" :list="clueTagGroupVoList" scrollHeight="720rpx" groupName="groupName"
+			groupChild="clueTagDataList" label-key="name" value-key="id" placeholder="请选择线索标签" v-model="checkTags"
+			multiple clearable ref="clueTag" @confirm="handleClueTagConfirm"></group-select>
 	</view>
 </template>
 
 <script>
-	import { cloneDeep } from "lodash";
-import {
+	import {
+		cloneDeep
+	} from "lodash";
+	import {
 		selectDictLabel
 	} from "@/utils/util";
 	import clueInfo from "../tabs/clueInfo/index";
@@ -132,11 +142,11 @@ import {
 	import followRecord from "../tabs/followRecord/index";
 	import callRecord from "../tabs/callRecord/index";
 	export default {
-		components : {
+		components: {
 			clueInfo,
 			advertising,
 			followRecord,
-			callRecord
+			callRecord,
 		},
 		props: {
 			clueId: {
@@ -156,65 +166,74 @@ import {
 		},
 		data() {
 			return {
-				
-				showModal : false,
-				
+
+				showModal: false,
+
 				clueDetail: {},
-				
-				checkTags : [],
-				
+
+				checkTags: [],
+
 				clueTagGroupVoList: [],
 
 				crmHandelStatusDict: [],
 				crmCluePhaseDict: [],
 
 				tabs: [{
-					label: '基础信息',
-					slot: 'clueInfo'
-				}, {
-					label: '广告信息',
-					slot: 'advertising'
-				},{
-					label: '跟进记录',
-					slot: 'followRecord'
-				},
-				// {
-					// label: '通话记录',
-					// slot: 'callRecord'
-				// }
+						label: '基础信息',
+						slot: 'clueInfo'
+					}, {
+						label: '广告信息',
+						slot: 'advertising'
+					}, {
+						label: '跟进记录',
+						slot: 'followRecord'
+					},
+					{
+						label: '通话记录',
+						slot: 'callRecord'
+					}
 				],
 				activeIndex: 0,
 			}
 		},
 		methods: {
-			distributionSuccess(){
+			distributionSuccess() {
 				this.handleInit();
 			},
-			async hanldeTagClose(tag){
-				const { cfId : id , clueTags } = this.clueDetail;
-			 	const copyClueTags = cloneDeep(clueTags);
-				if(id == null){
-				  this.$message.error("修改异常");
-				  return;
+			async hanldeTagClose(tag) {
+				const {
+					cfId: id,
+					clueTags
+				} = this.clueDetail;
+				const copyClueTags = cloneDeep(clueTags);
+				if (id == null) {
+					this.$message.error("修改异常");
+					return;
 				}
-				const index = copyClueTags.findIndex(v=>v.id === tag.id);
-				if(index !== -1){
-				  copyClueTags.splice(index,1);
-				  const allTags = copyClueTags.map(v=>v.id).join(",");
-				  await uni.$u.api.updateClueFixedFieldsAllTags({ id , allTags });
-				  this.clueDetail.clueTags = copyClueTags;
-				  this.checkTags = this.clueDetail.clueTags.map(v=>v.id);
+				const index = copyClueTags.findIndex(v => v.id === tag.id);
+				if (index !== -1) {
+					copyClueTags.splice(index, 1);
+					const allTags = copyClueTags.map(v => v.id).join(",");
+					await uni.$u.api.updateClueFixedFieldsAllTags({
+						id,
+						allTags
+					});
+					this.clueDetail.clueTags = copyClueTags;
+					this.checkTags = this.clueDetail.clueTags.map(v => v.id);
 				}
 			},
-			handleDistribution(){
+			handleDistribution() {
 				this.$refs.distribution.show();
 			},
-			confirm(){
-				
+			confirm() {
+
 			},
-			async handleClueTagConfirm(){
+			async handleClueTagConfirm() {
 				const allTags = this.checkTags.join(",");
-				await uni.$u.api.updateClueFixedFieldsAllTags({ id : this.clueDetail.cfId , allTags });
+				await uni.$u.api.updateClueFixedFieldsAllTags({
+					id: this.clueDetail.cfId,
+					allTags
+				});
 				this.getDetail();
 			},
 			handleAddClueTag() {
@@ -276,7 +295,12 @@ import {
 			// 添加催记
 			handleAddFollow() {
 				uni.navigateTo({
-					url:`/pages/addFollow/index?clueId=${this.clueId}`
+					url: `/pages/addFollow/index?clueId=${this.clueId}`
+				})
+			},
+			handleUploadRecord() {
+				uni.navigateTo({
+					url: `/pages/uploadRecord/index?clueId=${this.clueId}`
 				})
 			},
 			// 初始化详情页
@@ -287,22 +311,37 @@ import {
 				this.$getDicts('crm_clue_phase').then((res => {
 					this.crmCluePhaseDict = res.filter(v => v.dictValue !== '6');
 				}))
-				uni.$u.api.getClueTagGroupVoList({ tagGroupApplication : '1' }).then(({data})=>{
+				uni.$u.api.getClueTagGroupVoList({
+					tagGroupApplication: '1'
+				}).then(({
+					data
+				}) => {
 					this.clueTagGroupVoList = data;
 				});
 				this.getDetail();
 			},
-			getDetail(){
+			getDetail() {
 				uni.$u.api.getClueMainInfoVoById({
 					id: this.clueId
 				}).then(res => {
 					this.clueDetail = res.data;
-					this.checkTags = this.clueDetail.clueTags.map(v=>v.id);
+					this.checkTags = this.clueDetail.clueTags.map(v => v.id);
 				});
 			},
 			// 标签点击事件
 			tabClick(index, item) {
-				// console.log("tabClick", index, item);
+				// // 根据索引调用对应组件的getData方法
+				// const componentRefs = [
+				// 	this.$refs.clueInfoRef,
+				// 	this.$refs.advertisingRef,
+				// 	this.$refs.followRecordRef,
+				// 	this.$refs.callRecordRef
+				// ];
+
+				// const currentComponent = componentRefs[index];
+				// if (currentComponent && typeof currentComponent.getData === 'function') {
+				// 	currentComponent.getData();
+				// }
 			},
 			// 标签切换事件
 			tabChange(index, item) {
@@ -316,18 +355,20 @@ import {
 </script>
 
 <style lang="scss" scoped>
-	.clueTagsSelect{
+	.clueTagsSelect {
 		height: 0;
 		overflow: hidden;
 	}
+
 	.clue_tag_wrap {
 		display: flex;
 		align-items: center;
 		background-color: #fff;
-		padding:0  10px;
+		padding: 0 10px;
 		margin: 20px 0;
 		flex-wrap: wrap;
 		min-height: 50px;
+
 		.clue_tag_add_btn {
 			font-size: 14px;
 			color: #108cff;
@@ -371,9 +412,11 @@ import {
 			background: #fff;
 			padding: 20px;
 			justify-content: space-between;
-			.left{
+
+			.left {
 				display: flex;
 			}
+
 			.copy_btn {
 				color: #4fa5fe;
 				margin-left: 10px;

pages/clueDetail/tabs/advertising/index.vue

@@ -92,7 +92,7 @@
 					}
 				});
 			},
-			async getClueMainInfoById() {
+			async getData() {
 				const {
 					data
 				} = await uni.$u.api.getClueAdInfoByClueId({
@@ -102,7 +102,7 @@
 			}
 		},
 		created() {
-			this.getClueMainInfoById();
+			this.getData();
 		},
 		data() {
 			return {

pages/clueDetail/tabs/callRecord/index.vue

@@ -1,12 +1,204 @@
 <template>
-	<view class="callRecord_wrap">12323</view>
+	<view class="callRecord_wrap">
+		<view v-if="dataList.length > 0" class="timeline-list">
+			<view v-for="(data, index) in dataList" :key="index" class="timeline-item">
+				<view class="timeline-icon">
+					<uni-icons type="phone" size="20" color="#6cc040"></uni-icons>
+				</view>
+				<view class="timeline-content">
+					<view class="timestamp">{{ titleText(data) }}</view>
+					<view class="info_top">
+						<view class="info_left">
+							<text class="name_text">{{ data.createNickName }} 打给 {{ clueDetail.name }}</text>
+						</view>
+						<view class="info_right">
+							{{ data.type === 1 ? data.followState : '' }}
+						</view>
+						<view class="delete-btn" @tap="handleDelete({ id: data.id })">
+							<uni-icons type="trash" size="20" color="#ff6666"></uni-icons>
+						</view>
+					</view>
+					<view class="file_name">{{data.fileName}}</view>
+					<view class="call_file">
+						<view class="audio-container">
+							<audio :src="data.fileUrl" controls ></audio>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view v-else class="empty_wrap">
+			<uni-icons type="empty" size="60" color="#cccccc"></uni-icons>
+			<text class="empty-text">暂无通话记录</text>
+		</view>
+	</view>
 </template>
-
 <script>
+	export default {
+		props: {
+			clueId: {
+				type: [String, Number],
+				required: true
+			},
+			clueDetail: {
+				type: Object,
+				default: () => ({})
+			}
+		},
+		data() {
+			return {
+				dataList: []
+			}
+		},
+		methods: {
+			titleText(data) {
+				return `${data.createTime} 号码(${data.caller}) ${(data.type === 1 ?  data.hangupCauseName: '上传录音')}`
+			},
+			handleDelete({
+				id
+			}) {
+				uni.showModal({
+					title: '提示',
+					content: '是否确定删除?',
+					confirmColor: '#6cc040',
+					success: async (res) => {
+						if (res.confirm) {
+							try {
+								await uni.$u.api.deleteClueFile([id])
+								uni.showToast({
+									title: '删除成功',
+									icon: 'success',
+									duration: 2000
+								})
+								this.getData()
+							} catch (error) {
+								uni.showToast({
+									title: '删除失败',
+									icon: 'error',
+									duration: 2000
+								})
+							}
+						}
+					}
+				})
+			},
+			async getData() {
+				const {
+					data
+				} = await uni.$u.api.getCallClueFileByClueId({
+					clueId: this.clueId
+				});
+				this.dataList = data;
+			},
+		},
+		mounted() {
+			this.getData();
+		},
+		beforeDestroy(){
+			uni.$off('uploadRecordSuccess');  
+		},
+		created() {
+			uni.$on('uploadRecordSuccess',()=>{
+				this.getData();
+			});
+		}
+	}
 </script>
-
 <style lang="scss" scoped>
-	.callRecord_wrap{
+	.callRecord_wrap {
+		position: relative;
+		padding: 20rpx;
 		min-height: 400px;
+		box-sizing: border-box;
+
+		.loading-mask {
+			position: absolute;
+			top: 0;
+			left: 0;
+			right: 0;
+			bottom: 0;
+			background-color: rgba(255, 255, 255, 0.8);
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			z-index: 999;
+		}
+
+		.timeline-list {
+			.timeline-item {
+				display: flex;
+				margin-bottom: 30rpx;
+
+				.timeline-icon {
+					width: 60rpx;
+					height: 60rpx;
+					border-radius: 50%;
+					background-color: #f1f3f4;
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					margin-right: 20rpx;
+					flex-shrink: 0;
+				}
+
+				.timeline-content {
+					width:690rpx;
+
+					.timestamp {
+						font-size: 24rpx;
+						color: #999;
+						margin-bottom: 10rpx;
+					}
+
+					.info_top {
+						display: flex;
+						justify-content: space-between;
+						align-items: center;
+						margin-bottom: 20rpx;
+
+						.info_left {
+							.name_text {
+								font-size: 28rpx;
+								font-weight: 500;
+							}
+						}
+
+						.info_right {
+							color: #6cc040;
+							font-size: 26rpx;
+						}
+					}
+					.file_name{
+						color: #999;
+						font-size: 26rpx;
+					}
+
+					.call_file {
+						width: 100%;
+						border-radius: 12rpx;
+						display: flex;
+						align-items: center;
+						justify-content: space-between;
+						box-sizing: border-box;
+
+						.audio-container {
+							width: 100%;
+						}
+					}
+				}
+			}
+		}
+
+		.empty_wrap {
+			text-align: center;
+			padding: 100rpx 0;
+
+			.empty-text {
+				display: block;
+				margin-top: 30rpx;
+				color: #999;
+				font-size: 28rpx;
+			}
+		}
 	}
 </style>

pages/clueDetail/tabs/clueInfo/index.vue

@@ -134,10 +134,10 @@
 				if (!isEqual(this.cloneClueDetail, this.clueDetail)) {
 					await uni.$u.api.updateClueMainInfo(this.clueDetail);
 					uni.$u.toast("修改成功");
-					this.getClueMainInfoById();
+					this.getData();
 				}
 			},
-			async getClueMainInfoById() {
+			async getData() {
 				const {
 					data
 				} = await uni.$u.api.getClueMainInfoById({
@@ -148,7 +148,7 @@
 			}
 		},
 		created() {
-			this.getClueMainInfoById();
+			this.getData();
 		},
 		data() {
 			return {

pages/clueDetail/tabs/followRecord/index.vue

@@ -70,7 +70,7 @@
 				this.showModal = true;
 			},
 			isEmpty,
-			async getCaseFollowList() {
+			async getData() {
 				const {
 					data
 				} = await uni.$u.api.getClueFollowList({
@@ -81,19 +81,19 @@
 			async confirm() {
 				await uni.$u.api.deleteClueFollow([this.currentDeleteFollowId]);
 				uni.$u.toast("删除成功");
-				this.getCaseFollowList();
+				this.getData();
 				this.showModal = false;
 			},
 		},
 		mounted() {
-			this.getCaseFollowList();
+			this.getData();
 		},
 		beforeDestroy(){
 			uni.$off('addFollowSuccess');  
 		},
 		created() {
 			uni.$on('addFollowSuccess',()=>{
-				this.getCaseFollowList();
+				this.getData();
 			});
 		}
 	}

pages/login/index - 副本 (2).vue

@@ -44,7 +44,7 @@
 		navigateToCallRecordingSettings,
 		jumpToPermissionPage,
 		makePhoneCall,
-		allRecorderFilesAction,
+		allRecorderFilesAction
 	} from '@/uni_modules/yao-lister';
 
 
@@ -102,7 +102,7 @@
 				})
 			},
 			makePhoneCall() {
-				makePhoneCall('15099989786')
+				makePhoneCall('13417106969')
 				// uni.makePhoneCall({
 				// 	phoneNumber: '13771854499', // 电话号码
 				// 	success: function() {
@@ -115,16 +115,12 @@
 			},
 			startListerPhone() {
 				startPhoneListener(res => {
-					uni.showToast({
-						icon: 'success',
-						title: '电话监听开启',
-						duration: 2000
-					});
-					this.phoneState = res + "012"
+					console.log(res,"监听结果==============================")
 				})
 			},
 			stopListerPhone() {
 				stopPhoneListener(res => {
+					console.log(res,"3123123123");
 					uni.showToast({
 						icon: 'success',
 						title: res,
@@ -135,7 +131,8 @@
 
 			async initPhoneStateListener() {
 				// 动态申请权限
-				const permissions = ["android.permission.READ_PHONE_STATE",
+				const permissions = [
+					"android.permission.READ_PHONE_STATE",
 					"android.permission.ANSWER_PHONE_CALLS", "android.permission.CALL_PHONE",
 					"android.permission.MANAGE_EXTERNAL_STORAGE",
 					"android.permission.READ_EXTERNAL_STORAGE",
@@ -143,15 +140,7 @@
 					"android.permission.READ_PHONE_NUMBERS",
 					"android.permission.FOREGROUND_SERVICE"
 				]
-				const result = await plus.android.requestPermissions(permissions, 1001)
-
-				if (result.granted) {
-					startListening()
-					// 监听原生事件
-					uni.$on('PHONE_STATE_CHANGE', (state) => {
-						this.phoneState = state
-					})
-				}
+				await plus.android.requestPermissions(permissions, 1001)
 			}
 		},
 	}

pages/uploadRecord/index.vue

@@ -0,0 +1,233 @@
+<template>
+	<view class="follow_wrap">
+		<u-navbar placeholder :autoBack="true" title="上传录音" @rightClick="handleNavSaveClick">
+			<view class="u-nav-slot" slot="right">
+				保存
+			</view>
+		</u-navbar>
+		<view class="form_wrap">
+			<u--form labelPosition="left" labelWidth="80" :model="form" :rules="rules" ref="form" class="form_wrap">
+				<u-form-item label="操作人">
+					{{userInfo.nickName}}
+				</u-form-item>
+
+				<u-form-item label="主叫号码" prop="caller">
+					<u--input clearable v-model="form.caller" placeholder="请输入主叫号码"></u--input>
+				</u-form-item>
+
+				<u-form-item label="被叫号码" prop="callee">
+					<u--input clearable v-model="form.callee" placeholder="请输入被叫号码"></u--input>
+				</u-form-item>
+
+				<u-form-item label="录音" prop="fileUrl">
+					<ld-select :list="filelist" label-key="fileName" value-key="filePath" placeholder="请选择"
+						v-model="form.fileUrl" :border="false" @change="handleFileChange"></ld-select>
+					<u-icon slot="right" name="arrow-right"></u-icon>
+				</u-form-item>
+
+				<u-form-item label="备注" prop="remark">
+					<u--textarea v-model="form.remark" placeholder="请输入内容" count confirmType="done" maxlength="500">
+					</u--textarea>
+				</u-form-item>
+			</u--form>
+		</view>
+		
+		<!-- 录音确认对话框 -->
+		<u-popup :show="showConfirmDialog" mode="center" :closeable="false" :closeOnClickOverlay="false">
+			<view class="confirm-dialog">
+				<view class="dialog-title">确认录音</view>
+				<view class="dialog-content">
+					<view class="file-info">
+						<view class="file-name">{{selectedFile.fileName}}</view>
+					</view>
+					<view class="play-section">
+						<audio :src="selectedFile.filePath" controls class="audio-player"></audio>
+					</view>
+				</view>
+				<view class="dialog-buttons">
+					<u-button text="取消" @click="cancelConfirm" :plain="true"></u-button>
+					<u-button text="确认" @click="confirmUpload" type="primary"></u-button>
+				</view>
+			</view>
+		</u-popup>
+		
+		<!-- <drag-button :isDock="true" /> -->
+	</view>
+</template>
+
+<script>
+	export default {
+		computed: {
+			userInfo() {
+				return this.$store.state.user.userInfo;
+			},
+			filelist(){
+				return this.$store.state.call.filelist;
+			},
+		},
+		data() {
+			return {
+				rules: {
+					'caller': {
+						type: 'string',
+						required: true,
+						message: '请输入内容',
+						trigger: ['blur', 'change']
+					},
+					'callee': {
+						type: 'string',
+						required: true,
+						message: '请输入内容',
+						trigger: ['blur', 'change']
+					},
+					'fileUrl': {
+						type: 'string',
+						required: true,
+						message: '请输入内容',
+						trigger: ['blur', 'change']
+					},
+				},
+				form: {
+					clueId: undefined,
+					remark: '',
+					fileUrl : undefined,
+					fileName : undefined,
+					type : '3',
+					list : [],
+					caller : '',
+					callee : ''
+				},
+				// 对话框相关状态
+				showConfirmDialog: false,
+				selectedFile: {
+					filePath: '',
+					fileName: ''
+				},
+			}
+		},
+		methods: {
+			handleFileChange(file){
+				// {
+				    // "filePath": "/storage/emulated/0/Recordings/Record/Call/15099989786 2025-11-11 09-41-57.m4a",
+				    // "fileName": "15099989786 2025-11-11 09-41-57.m4a"
+				// }
+				
+				const {filePath ,  fileName} = file;
+				
+				// 显示确认对话框
+				this.selectedFile = { filePath, fileName };
+				this.showConfirmDialog = true;
+			},
+			
+			// 取消确认
+			cancelConfirm() {
+				this.showConfirmDialog = false;
+				this.selectedFile = { filePath: '', fileName: '' };
+				this.form.fileUrl = undefined;
+				this.form.fileName = undefined;
+			},
+			
+			// 确认上传
+			async confirmUpload() {
+				try {
+					// 调用上传接口
+					const result = await uni.$u.api.uploadFile(this.selectedFile.filePath);
+					if (result && result.data) {
+						result.data.remark = this.form.remark;
+						result.data.fileName = result.data.name;
+						result.data.fileUrl = result.data.url;
+						this.form.list = [result.data];
+					}
+					// 设置表单值
+					this.form.fileUrl = this.selectedFile.filePath;
+					this.form.fileName = this.selectedFile.fileName;
+					
+					// 关闭对话框
+					this.showConfirmDialog = false;
+				} catch (error) {
+					uni.hideLoading();
+					console.error('上传失败:', error);
+					uni.$u.toast('上传失败，请重试');
+				}
+			},
+			
+			handleNavSaveClick() {
+				this.$refs.form.validate().then(async () => {
+					await uni.$u.api.saveClueFile(this.form);
+					uni.$u.toast("保存成功");
+					this.timer = setTimeout(() => {
+						uni.$emit('uploadRecordSuccess');
+						uni.navigateBack();
+						clearTimeout(this.timer);
+					}, 1000)
+				})
+			},
+		},
+		onLoad(option) {
+			this.$store.dispatch("call/getFileList");
+			this.form.clueId = option.clueId;
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.form_wrap {
+		background-color: #fff;
+		margin: 20rpx 0;
+
+		.form_wrap {
+			::v-deep .u-form-item__body {
+				padding: 20rpx 40rpx;
+			}
+		}
+	}
+	
+	/* 录音确认对话框样式 */
+	.confirm-dialog {
+		padding: 40rpx;
+		min-width: 500rpx;
+		background: #fff;
+		border-radius: 20rpx;
+		
+		.dialog-title {
+			text-align: center;
+			font-size: 32rpx;
+			font-weight: bold;
+			color: #333;
+			margin-bottom: 40rpx;
+		}
+		
+		.dialog-content {
+			margin-bottom: 40rpx;
+			
+			.file-info {
+				margin-bottom: 30rpx;
+				
+				.file-name {
+					background: #f5f5f5;
+					padding: 20rpx;
+					border-radius: 10rpx;
+					font-size: 28rpx;
+					color: #333;
+					word-break: break-all;
+					text-align: center;
+				}
+			}
+			
+			.play-section {
+				.audio-player {
+					width: 100%;
+				}
+			}
+		}
+		
+		.dialog-buttons {
+			display: flex;
+			gap: 30rpx;
+			
+			::v-deep .u-button {
+				flex: 1;
+			}
+		}
+	}
+</style>

store/index.js

@@ -4,6 +4,7 @@ import app from "./modules/app"
 import user from "./modules/user"
 import dict from "./modules/dict"
 import follow from "./modules/follow"
+import call from "./modules/call.js"
 import getters from "./getters";
 import createPersistedState from 'vuex-persistedstate'
 import {
@@ -16,7 +17,8 @@ const store = new Vuex.Store({
 		app,
 		user,
 		dict,
-		follow
+		follow,
+		call
 	},
 	getters,
 	state: {

store/modules/call.js

@@ -0,0 +1,240 @@
+import {
+	startPhoneListener,
+	stopPhoneListener,
+	checkIsAutoRecord,
+	toCallAutoRecorderPage,
+	navigateToCallRecordingSettings,
+	jumpToPermissionPage,
+	makePhoneCall,
+	allRecorderFilesAction
+} from '@/uni_modules/yao-lister';
+import permision from "@/js_sdk/wa-permission/permission.js";
+
+export default {
+	namespaced: true,
+	state: {
+		filelist: [],
+		isAutoRecord: false, // 通话自动录音状态
+		hasStoragePermission: false, // 文件访问权限状态
+		hasReadPhoneStatePermission: false, // 读取手机状态权限
+		hasCallPhonePermission: false, // 拨打电话权限
+		hasReadCallLogPermission: false, // 读取通话记录权限
+		hasReadPhoneNumbersPermission: false, // 读取电话号码权限
+		form: {
+			clueId: undefined,
+			fileUrl : undefined,
+			fileName : undefined,
+			type : '3',
+			list : [],
+			caller : '',
+			callee : ''
+		},
+	},
+	mutations: {
+		SET_FILE_LIST: (state, data) => {
+			state.filelist = data.data
+		},
+		SET_AUTO_RECORD: (state, value) => {
+			state.isAutoRecord = value;
+		},
+		SET_STORAGE_PERMISSION: (state, value) => {
+			state.hasStoragePermission = value;
+		},
+		SET_READ_PHONE_STATE_PERMISSION: (state, value) => {
+			state.hasReadPhoneStatePermission = value;
+		},
+		SET_CALL_PHONE_PERMISSION: (state, value) => {
+			state.hasCallPhonePermission = value;
+		},
+		SET_READ_CALL_LOG_PERMISSION: (state, value) => {
+			state.hasReadCallLogPermission = value;
+		},
+		SET_READ_PHONE_NUMBERS_PERMISSION: (state, value) => {
+			state.hasReadPhoneNumbersPermission = value;
+		},
+	},
+	actions: {
+		getFileList({dispatch,state, commit}) {
+			dispatch("checkStoragePermission").then(()=>{
+				if(state.hasStoragePermission){
+					allRecorderFilesAction(res => {
+						if(res && res.length > 0) {
+							// 将文件路径数组转换为包含filePath和fileName的对象数组
+							const fileListPromise = res.map(filePath => {
+								return new Promise((resolve) => {
+									// 从路径中提取文件名
+									const fileName = filePath.split('/').pop();
+									
+									// 获取文件信息，包括创建时间
+									plus.io.resolveLocalFileSystemURL(filePath, (entry) => {
+										entry.getMetadata((metadata) => {
+											resolve({
+												filePath: filePath,
+												fileName: fileName,
+												createTime: metadata.modificationTime ? metadata.modificationTime : 0, // 文件创建时间
+											});
+										}, (error) => {
+											// 如果获取metadata失败，返回基本信息
+											resolve({
+												filePath: filePath,
+												fileName: fileName,
+												createTime: 0, // 设为0，排序时会在最前面
+											});
+										});
+									}, (error) => {
+										// 如果解析文件路径失败，返回基本信息
+										resolve({
+											filePath: filePath,
+											fileName: fileName,
+											createTime: 0,
+											size: 0
+										});
+									});
+								});
+							});
+							
+							// 等待所有文件信息获取完成后进行排序
+							Promise.all(fileListPromise).then((fileList) => {
+								// 按创建时间排序，最新的文件排在前面（降序）
+								fileList.sort((a, b) => {
+									return b.createTime - a.createTime;
+								});
+								
+								// 提交文件列表到state
+								commit('SET_FILE_LIST', { data: fileList });
+							}).catch((error) => {
+								console.error('获取文件列表失败:', error);
+								// 即使排序失败，也尝试提交原始列表
+								const fallbackFileList = res.map(filePath => {
+									const fileName = filePath.split('/').pop();
+									return {
+										filePath: filePath,
+										fileName: fileName
+									};
+								});
+								commit('SET_FILE_LIST', { data: fallbackFileList });
+							});
+						}
+					})
+				}else{
+					dispatch("requestStoragePermission");
+				}
+			})
+			
+		},
+
+		// 检查所有权限状态
+		checkAllPermissions({ commit }) {
+			return new Promise((resolve, reject) => {
+				try {
+					// 检查通话自动录音状态
+					const autoRecordStatus = checkIsAutoRecord();
+					commit('SET_AUTO_RECORD', autoRecordStatus);
+
+					// 检查文件访问权限
+					this.dispatch('call/checkStoragePermission').then(storagePermission => {
+						commit('SET_STORAGE_PERMISSION', storagePermission);
+
+						// 检查其他权限
+						const permissions = [
+							{
+								id: 'android.permission.READ_PHONE_STATE',
+								mutation: 'SET_READ_PHONE_STATE_PERMISSION'
+							},
+							{
+								id: 'android.permission.CALL_PHONE',
+								mutation: 'SET_CALL_PHONE_PERMISSION'
+							},
+							{
+								id: 'android.permission.READ_CALL_LOG',
+								mutation: 'SET_READ_CALL_LOG_PERMISSION'
+							},
+							{
+								id: 'android.permission.READ_PHONE_NUMBERS',
+								mutation: 'SET_READ_PHONE_NUMBERS_PERMISSION'
+							}
+						];
+
+						const permissionPromises = permissions.map(perm => {
+							return permision.requestAndroidPermission(perm.id).then(result => {
+								commit(perm.mutation, result === 1);
+								return { id: perm.id, granted: result === 1 };
+							});
+						});
+
+						Promise.all(permissionPromises).then(results => {
+								resolve({
+									autoRecordStatus,
+									storagePermission,
+									permissions: results
+								});
+						});
+					});
+				} catch (error) {
+					reject(error);
+				}
+			});
+		},
+
+		// 检查文件访问权限
+		checkStoragePermission({ commit }) {
+			return new Promise((resolve) => {
+				let hasPermission = false;
+				try {
+					// 获取Android版本号
+					let androidVersion = 0;
+					uni.getSystemInfo({
+						success: (res) => {
+							if (res.system && res.system.includes('Android')) {
+								const versionMatch = res.system.match(/Android (\d+\.?\d*)/);
+								if (versionMatch && versionMatch[1]) {
+									androidVersion = parseFloat(versionMatch[1]);
+								}
+							}
+
+							if (androidVersion >= 11) {
+								// Android 11及以上版本，使用MANAGE_EXTERNAL_STORAGE权限
+								const Environment = plus.android.importClass('android.os.Environment');
+								hasPermission = Environment.isExternalStorageManager();
+								commit('SET_STORAGE_PERMISSION', hasPermission);
+								resolve(hasPermission);
+							} else {
+								// Android 11以下版本，使用READ_EXTERNAL_STORAGE权限
+								permision.requestAndroidPermission('android.permission.READ_EXTERNAL_STORAGE')
+									.then(result => {
+										hasPermission = result === 1;
+										commit('SET_STORAGE_PERMISSION', hasPermission);
+										resolve(hasPermission);
+									});
+							}
+						}
+					});
+				} catch (e) {
+					hasPermission = false;
+					commit('SET_STORAGE_PERMISSION', hasPermission);
+					resolve(hasPermission);
+				}
+			});
+		},
+
+		// 请求文件访问权限
+		requestStoragePermission() {
+			jumpToPermissionPage();
+		},
+
+		// 跳转到通话录音设置页面
+		toCallRecorderSettings() {
+			toCallAutoRecorderPage();
+		},
+
+		// 跳转到系统通话录音界面
+		toSystemRecorderSettings() {
+			navigateToCallRecordingSettings();
+		},
+
+		// 打开系统设置
+		handleOpenSet() {
+			permision.gotoAppPermissionSetting('android.permission.RECORD_AUDIO');
+		}
+	},
+}

store/modules/user.js

@@ -28,9 +28,9 @@ export default {
 		netConfig: {
 			// http://59.42.9.166:9520/proxy
 			// http://10.0.7.100:9500
-			ip : "https://crm.nanjingshiyu.com/prod-api", // ip
-			// ip: "http://172.16.7.200", // ip
-			port: "", // 端口
+			// ip : "https://crm.nanjingshiyu.com/prod-api", // ip
+			ip: "http://172.16.7.200", // ip
+			port: "9500", // 端口
 			isCallOff : "2", // 开关
 			folder: "", // 文件夹
 			webRtcIp : "", // 呼叫中心的ip

utils/api.js

@@ -26,7 +26,7 @@ const install = (Vue, vm) => {
 		addCaseOutEquipment : (data = {})=>http.post("system/caseOutEquipment",data), // 申请mac地址授权
 		checkOutEquipment : (params = {},config)=>http.get("/system/caseOutEquipment/checkOutEquipment",{params,...config}), // 检测外访设备是否有申请通过记录
 		concatRecord : (files,params = {})=>http.upload('/fileVisit/concatRecord',{files, params , name: 'files', timeout: 1000 * 60 * 10, custom : { loadingText : "上传中" }}), // 合并录音并上传
-		uploadFile : (url,params = {})=> http.upload('/fileVisit/outVisitUpload',{filePath: url,params ,name : "file",timeout: 1000 * 60 * 10,custom : { loadingText : "上传中" }}), // 上传文件
+		uploadFile : (url,params = {})=> http.upload('/file/upload',{filePath: url,params ,name : "file",timeout: 1000 * 60 * 10,custom : { loadingText : "上传中" }}), // 上传文件
 		watermarkUpload : (url,params = {})=> http.upload('/fileVisit/watermarkUpload',{filePath: url, params, name : "file",timeout: 1000 * 60 * 10,custom : { loadingText : "上传中" }}), // 上传文件
 		getOutPolyline : (params = {})=>http.get("/system/caseOutPolyline/getOutPolyline",{ params , custom : { loading: false } }), // 请求外访轨迹列表
 		addOutPolyline : (data = {})=>http.post("/system/caseOutPolyline/addOutPolyline",data,{ custom : { loading: false } }), // 添加外访轨迹
@@ -67,10 +67,13 @@ const install = (Vue, vm) => {
 		getIdByName:(params,config={})=>http.get(store.state.user.path + "/clueMainInfo/getIdByName",{ params,...config }),
 		addClueMainInfo : (data,config = {})=>http.post(store.state.user.path + '/clueMainInfo/addClueMainInfo',data),
 		saveLog:(data,config={})=>http.post("/system/access/saveLog",data,{ custom : { loading: false } }),
+		saveClueFile:(data,config={})=>http.post(store.state.user.path + '/clueFile/saveClueFile',data),
 		updateClueMainInfo:(data,config={})=>http.post(store.state.user.path + '/clueMainInfo/updateClueMainInfo',data),
 		selectPromotionStats:(data,config={})=>http.post(store.state.user.path + '/promotionStats/selectPromotionStats',data),
 		firstLogin : (data)=> http.post('/system/user/firstLogin',data),
 		shiYuWxLoginGetInfo : (params)=> http.get('/auth/shiYuWxLoginGetInfo',{params, custom : { noAuth: true }}),
+		deleteClueFile : (data)=> http.delete(store.state.user.path + '/clueFile/deleteClueFile',data),
+		getCallClueFileByClueId : (params)=> http.get(store.state.user.path + '/clueFile/getCallClueFileByClueId',{params, custom : { noAuth: true }}),
 	}
 }