reactor:工单受理页面优化;

src/views/todo/seats/accept/ybAccept.vue

@@ -11,15 +11,15 @@
 								:options="[
 									{
 										value: '',
-										label: '全部',
+										label: '全部'
 									},
 									{
 										value: 'user',
-										label: '市民',
+										label: '市民'
 									},
 									{
 										value: 'agent',
-										label: '坐席',
+										label: '坐席'
 									},
 								]"
 								v-model="voiceType"
@@ -58,15 +58,7 @@
 												class="w100"
 												clearable
 												value-key="dicDataValue"
-												@change="
-													(val) => {
-														state.ruleForm.fromPhone = null;
-														state.ruleForm.sourceChannel = val?.dicDataName ?? null;
-														state.ruleForm.sourceChannelCode = val?.dicDataValue ?? null;
-														if (route.query.fromTel) state.ruleForm.fromPhone = route.query.fromTel;
-														else ruleFormRef.resetFields('fromPhone');
-													}
-												"
+												@change="changeChannel"
 											>
 												<el-option v-for="item in state.channelOptions" :value="item" :key="item.dicDataValue" :label="item.dicDataName" />
 											</el-select>
@@ -159,10 +151,7 @@
 											class="w100"
 											clearable
 											value-key="dicDataValue"
-											@change="(val:any) => {
-											state.ruleForm.licenceType = val?.dicDataName ?? null;
-											state.ruleForm.licenceTypeCode = val?.dicDataValue ?? null;
-										}"
+											@change="changeLicenceType"
 										>
 											<el-option v-for="item in state.licenceTypeOptions" :key="item.dicDataValue" :label="item.dicDataName" :value="item" />
 										</el-select>
@@ -227,12 +216,7 @@
 											class="w100"
 											value-key="dicDataValue"
 											clearable
-											@change="
-												(val) => {
-													state.ruleForm.acceptType = val?.dicDataName ?? null;
-													state.ruleForm.acceptTypeCode = val?.dicDataValue ?? null;
-												}
-											"
+											@change="changeAcceptType"
 										>
 											<el-option
 												v-for="item in state.acceptTypeOptions"
@@ -419,11 +403,7 @@
 													placeholder="请选择互转市州"
 													class="w100"
 													value-key="dicDataValue"
-													@change="(val:any) => {
-                        state.ruleForm.transpondCityId = val?.id ?? null;
-                        state.ruleForm.transpondCityValue = val?.dicDataValue ?? null;
-                        state.ruleForm.transpondCityName = val?.dicDataName ?? null;
-										}"
+													@change="changeTranspondCity"
 												>
 													<el-option v-for="item in state.transpondCity" :key="item.dicDataValue" :label="item.dicDataName" :value="item" />
 												</el-select>
@@ -664,7 +644,24 @@ const handleLeftTop = (val: string) => {
 		}, 300);
 	}
 };
-
+// 选择来源渠道
+const changeChannel = (val: any) => {
+	state.ruleForm.fromPhone = null;
+	state.ruleForm.sourceChannel = val?.dicDataName ?? null;
+	state.ruleForm.sourceChannelCode = val?.dicDataValue ?? null;
+	if (route.query.fromTel) state.ruleForm.fromPhone = route.query.fromTel;
+	else ruleFormRef.value.resetFields('fromPhone');
+};
+// 选择证件类型
+const changeLicenceType = (val: any) => {
+	state.ruleForm.licenceType = val?.dicDataName ?? null;
+	state.ruleForm.licenceTypeCode = val?.dicDataValue ?? null;
+};
+// 选择受理类型
+const changeAcceptType = (val: any) => {
+	state.ruleForm.acceptType = val?.dicDataName ?? null;
+	state.ruleForm.acceptTypeCode = val?.dicDataValue ?? null;
+};
 // 选择企业
 const companySearchRef = ref<RefType>();
 const handleSelect = () => {
@@ -682,11 +679,11 @@ const selectIdentity = (val: number) => {
 	if (val === 2) {
 		const item = state.pushTypeOptions.find((item: any) => item.dicDataValue === '8'); // 助企纾困
 		// 如果已经选择了助企纾困就不添加
-		if(item){
+		if (item) {
 			if (state.ruleForm.orderPushTypes.includes(item)) return;
 			state.ruleForm.orderPushTypes.push(item);
 		}
-	}else{
+	} else {
 		// 如果选择其他需要清除
 		state.ruleForm.orderPushTypes = state.ruleForm.orderPushTypes.filter((item: any) => item.dicDataValue !== '8');
 	}
@@ -764,6 +761,12 @@ const selectMap = (location: any) => {
 	state.ruleForm.street = location.formattedAddress;
 	state.ruleForm.address = location.formattedAddress;
 };
+// 选择市州互转
+const changeTranspondCity = (val: any) => {
+	state.ruleForm.transpondCityId = val?.id ?? null;
+	state.ruleForm.transpondCityValue = val?.dicDataValue ?? null;
+	state.ruleForm.transpondCityName = val?.dicDataName ?? null;
+};
 // 将当前工单添加到重复性事件中
 const repeatableEventDetails = ref<EmptyArrayType>([]);
 const orderAddRepeat = (row: any) => {
@@ -1284,9 +1287,9 @@ const loadForm = async () => {
 	}
 };
 // 联系电话验证是否必填 新增必填修改非必填
-const contactValidate = computed(()=>{
+const contactValidate = computed(() => {
 	return !state.ruleForm.id;
-})
+});
 // 加载省市区
 const addressLoading = ref<boolean>(false);
 const loadAddress = async () => {
@@ -1334,7 +1337,7 @@ const getCurrentData = (val: any) => {
 loadBaseData();
 loadAddress();
 loadExtra();
-const handleBeforeUnload = (event) => {
+const handleBeforeUnload = (event: any) => {
 	event.preventDefault();
 	event.returnValue = ''; // 对于某些浏览器，设置 returnValue
 };

src/views/todo/seats/accept/zgAccept.vue

@@ -112,10 +112,7 @@
 											class="w100"
 											clearable
 											value-key="dicDataValue"
-											@change="(val:any) => {
-											state.ruleForm.licenceType = val?.dicDataName ?? null;
-											state.ruleForm.licenceTypeCode = val?.dicDataValue ?? null;
-										}"
+											@change="changeLicenceType"
 										>
 											<el-option v-for="item in state.licenceTypeOptions" :key="item.dicDataValue" :label="item.dicDataName" :value="item" />
 										</el-select>
@@ -171,12 +168,7 @@
 											class="w100"
 											value-key="dicDataValue"
 											clearable
-											@change="
-												(val:any) => {
-													state.ruleForm.acceptType = val?.dicDataName ?? null;
-													state.ruleForm.acceptTypeCode = val?.dicDataValue ?? null;
-												}
-											"
+											@change="changeAcceptType"
 										>
 											<el-option
 												v-for="item in state.acceptTypeOptions"
@@ -222,10 +214,7 @@
 											class="w100"
 											clearable
 											value-key="dicDataValue"
-											@change="(val:any) => {
-											state.ruleForm.orderTag = val?.dicDataName ?? null;
-											state.ruleForm.orderTagCode = val?.dicDataValue ?? null;
-										}"
+											@change="changeOrderTag"
 										>
 											<el-option v-for="item in state.orderTags" :key="item.dicDataValue" :label="item.dicDataName" :value="item" />
 										</el-select>
@@ -347,11 +336,7 @@
 													placeholder="请选择互转市州"
 													class="w100"
 													value-key="dicDataValue"
-													@change="(val:any) => {
-                        state.ruleForm.transpondCityId = val?.id ?? null;
-                        state.ruleForm.transpondCityValue = val?.dicDataValue ?? null;
-                        state.ruleForm.transpondCityName = val?.dicDataName ?? null;
-										}"
+													@change="changeTranspondCity"
 												>
 													<el-option v-for="item in state.transpondCity" :key="item.dicDataValue" :label="item.dicDataName" :value="item" />
 												</el-select>
@@ -587,6 +572,27 @@ const changeChannel = (val: any) => {
 		state.ruleForm.orderPushTypes = state.ruleForm.orderPushTypes.filter((item: any) => item.dicDataValue !== '7');
 	}
 };
+// 选择证件类型
+/*const changeLicenceType = (val: any) => {
+	state.ruleForm.licenceType = val?.dicDataName ?? null;
+	state.ruleForm.licenceTypeCode = val?.dicDataValue ?? null;
+};*/
+// 选择受理类型
+const changeAcceptType = (val: any) => {
+	state.ruleForm.acceptType = val?.dicDataName ?? null;
+	state.ruleForm.acceptTypeCode = val?.dicDataValue ?? null;
+};
+// 选择工单标签
+const changeOrderTag = (val: any) => {
+	state.ruleForm.orderTag = val?.dicDataName ?? null;
+	state.ruleForm.orderTagCode = val?.dicDataValue ?? null;
+};
+// 选择市州互转
+const changeTranspondCity = (val: any) => {
+	state.ruleForm.transpondCityId = val?.id ?? null;
+	state.ruleForm.transpondCityValue = val?.dicDataValue ?? null;
+	state.ruleForm.transpondCityName = val?.dicDataName ?? null;
+};
 // 选择热点分类
 const knowledgeRef = ref<RefType>();
 const chooseHotSpot = (val: any, node: any, externalArr: any) => {
@@ -895,11 +901,11 @@ const selectIdentity = (val: number) => {
 	if (val === 2) {
 		const item = state.pushTypeOptions.find((item: any) => item.dicDataValue === '8'); // 助企纾困
 		// 如果已经选择了助企纾困就不添加
-		if(item){
+		if (item) {
 			if (state.ruleForm.orderPushTypes.includes(item)) return;
 			state.ruleForm.orderPushTypes.push(item);
 		}
-	}else{
+	} else {
 		// 如果选择其他需要清除
 		state.ruleForm.orderPushTypes = state.ruleForm.orderPushTypes.filter((item: any) => item.dicDataValue !== '8');
 	}