历史工单调整

src/views/business/order/accept/orderAdd.vue

@@ -15,7 +15,18 @@
 								<!-- 手动创建 -->
 								<template v-if="state.createFrom == 'manual'">
 									<el-form-item label="来源渠道" prop="channel" :rules="[{ required: true, message: '请选择来源渠道', trigger: 'change' }]">
-										<el-select v-model="state.ruleForm.channel" placeholder="请选择来源渠道" class="w100" clearable>
+										<el-select
+											v-model="state.ruleForm.channel"
+											placeholder="请选择来源渠道"
+											class="w100"
+											clearable
+											@change="
+												() => {
+													ruleFormRef.resetFields('fromPhone');
+													state.ruleForm.fromPhone = '';
+												}
+											"
+										>
 											<el-option v-for="item in state.channelOptions" :key="item.key" :label="item.value" :value="item.key" />
 										</el-select>
 									</el-form-item>
@@ -190,7 +201,7 @@
 								>
 									<el-input
 										v-model="state.ruleForm.contact"
-										:disabled="state.ruleForm.needContact" 
+										:disabled="state.ruleForm.needContact"
 										:placeholder="state.ruleForm.needContact ? '无需联系' : '请填写联系电话'"
 										clearable
 									>
@@ -932,7 +943,7 @@ const resetQuery = (formEl: FormInstance | undefined) => {
 };
 /** 获取历史工单 */
 const searchHistory = () => {
-	if(!state.ruleForm.fromPhone) return;// 如果没有来电号码 不进行查询
+	if (!state.ruleForm.fromPhone) return; // 如果没有来电号码 不进行查询
 	state.historyOrderLoading = true;
 	let request = {
 		...state.queryParams,

src/views/business/order/accept/orderEdit.vue

@@ -7,14 +7,7 @@
 					<!-- <div class="flex-center-between mb20">
 						<p class="table-title">工单信息</p>
 					</div> -->
-					<el-form
-						:model="state.ruleForm"
-						ref="ruleFormRef"
-						label-width="110px"
-						label-position="right"
-						scroll-to-error
-						v-loading="state.formLoading"
-					>
+					<el-form :model="state.ruleForm" ref="ruleFormRef" label-width="110px" label-position="right" scroll-to-error v-loading="state.formLoading">
 						<p class="border-title mb10">来电信息</p>
 						<el-row :gutter="0">
 							<!-- 来源渠道 -->
@@ -22,7 +15,17 @@
 								<!-- 手动创建 -->
 								<template v-if="state.createFrom == 'manual'">
 									<el-form-item label="来源渠道" prop="channel" :rules="[{ required: true, message: '请选择来源渠道', trigger: 'change' }]">
-										<el-select v-model="state.ruleForm.channel" placeholder="请选择来源渠道" class="w100">
+										<el-select
+											v-model="state.ruleForm.channel"
+											placeholder="请选择来源渠道"
+											class="w100"
+											@change="
+												() => {
+													ruleFormRef.resetFields('fromPhone');
+													state.ruleForm.fromPhone = '';
+												}
+											"
+										>
 											<el-option v-for="item in state.channelOptions" :key="item.key" :label="item.value" :value="item.key" />
 										</el-select>
 									</el-form-item>
@@ -544,7 +547,7 @@
 			</el-col>
 		</el-row>
 		<!-- 拓展表单 -->
-		<ExpandForm ref="ExpandFormRef" @saveExpandForm="saveExpandForm" v-if="state.expandFormMouted"/>
+		<ExpandForm ref="ExpandFormRef" @saveExpandForm="saveExpandForm" v-if="state.expandFormMouted" />
 		<!-- 历史工单 -->
 		<History ref="HistoryOrderRef" @saveSlect="saveSlect" />
 		<!-- 提交流程 -->
@@ -590,7 +593,7 @@ const state = reactive<any>({
 		content: '',
 		acceptSms: false,
 		needContact: false,
-		fromPhone:'',
+		fromPhone: '',
 	},
 	formLoading: false, // 表单加载状态
 	historyOrderLoading: false, // 历史工单加载状态
@@ -638,7 +641,7 @@ const state = reactive<any>({
 	},
 	knowledgeTotal: 0, // 知识库总条数
 	fileList: [],
-	expandFormMouted:false,
+	expandFormMouted: false,
 });
 const ruleFormRef = ref();
 const queryParamsRef = ref();
@@ -919,7 +922,7 @@ const resetQuery = (formEl: FormInstance | undefined) => {
 };
 /** 获取历史工单 */
 const searchHistory = () => {
-	if(!state.ruleForm.fromPhone) return;// 如果没有来电号码 不进行查询
+	if (!state.ruleForm.fromPhone) return; // 如果没有来电号码 不进行查询
 	state.historyOrderLoading = true;
 	let request = {
 		...state.queryParams,