reactor:对接作坐席月接通率;预案库新增热点;

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

@@ -56,23 +56,17 @@
 		class="pt10"
 	/>
 </template>
-<script setup lang="ts" name="orderAcceptKnowledge">
+<script setup lang="ts" name="orderAcceptPlan">
 // 定义变量内容
 import { onMounted, reactive, defineAsyncComponent, ref, watch } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
+import { useRouter } from 'vue-router';
 import { formatDate } from '@/utils/formatTime';
-import { knowledgeRetrieval, knowledgeRetrievalAccept } from '@/api/knowledge/retrieval';
 import { throttle } from '@/utils/tools';
 import { planRetrieval } from '@/api/plan/retrieval';
 
 const pagination = defineAsyncComponent(() => import('@/components/ProTable/components/Pagination.vue')); // 分页
 
 const props = defineProps({
-	type: {
-		// 知识库类型 （中心|部门）
-		type: String,
-		default: '',
-	},
 	formData: {
 		// 表单填写的数据
 		type: Object,
@@ -107,6 +101,7 @@ const knowledgeRetrievalPaged = throttle(async () => {
 		state.queryParams.Content = state.queryParams.Keyword;
 		const request = {
 			...state.queryParams,
+			HotspotId: props.formData.hotspotId,
 		};
 		const { result } = await planRetrieval(request);
 		state.knowledgeList = result?.items ?? [];
@@ -147,6 +142,13 @@ const querySearch = async (name: string) => {
 		state.loading = false;
 	}
 };
+watch(
+	() => props.formData.hotspotId,
+	(val: any) => {
+		knowledgeRetrievalPaged();
+	},
+	{ immediate: true, deep: true }
+);
 onMounted(() => {
 	knowledgeRetrievalPaged();
 });

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

@@ -249,7 +249,7 @@
 												<el-col :xs="24" :sm="24" :md="24" :lg="16" :xl="16">
 													<el-input v-model="state.ruleForm.street" placeholder="请填写详细地址" clearable> </el-input>
 												</el-col>
-<!--																								<el-col :xs="24" :sm="24" :md="24" :lg="7" :xl="7" :offset="1">
+												<!--																								<el-col :xs="24" :sm="24" :md="24" :lg="7" :xl="7" :offset="1">
 													<el-button type="primary" link @click="selectLocation"><SvgIcon name="ele-Location" size="16px" /> 地图定位</el-button>
 												</el-col>-->
 											</el-form-item>
@@ -411,10 +411,10 @@
 					<el-card shadow="never">
 						<el-tabs v-model="rightBottomActive" @tab-change="handleRightBottom" stretch>
 							<el-tab-pane label="知识库" name="knowledge">
-								<Knowledge ref="knowledgeRef" :formData="state.ruleForm" @changeYYType="changeYYType"/>
+								<Knowledge ref="knowledgeRef" :formData="state.ruleForm" @changeYYType="changeYYType" />
 							</el-tab-pane>
-							<el-tab-pane label="预案库" name="plan">
-								<plan />
+							<el-tab-pane label="预案库" name="plan" >
+								<plan  ref="planRef" :formData="state.ruleForm"/>
 							</el-tab-pane>
 						</el-tabs>
 					</el-card>
@@ -535,7 +535,7 @@ const state = reactive<any>({
 		},
 		industryId: null, // 行业分类
 		industryName: null, // 行业分类名称
-		knowledgeQuote:[], // 知识库引用
+		knowledgeQuote: [], // 知识库引用
 	},
 	formLoading: false, // 表单加载状态
 	hotspotExternal: [], // 热点分类外部数据
@@ -985,9 +985,10 @@ const processOrder = (orderDetail: any, isAgent = false) => {
 					annexName: '办理附件',
 				},
 			};
-			if(state.ruleForm.sourceChannelCode === 'ZGSSP'){ // 随手拍工单办理
+			if (state.ruleForm.sourceChannelCode === 'ZGSSP') {
+				// 随手拍工单办理
 				zgSspProcessRef.value.openDialog(params);
-			}else{
+			} else {
 				zgProcessRef.value.openDialog(params);
 			}
 		} else {
@@ -1004,9 +1005,10 @@ const processOrder = (orderDetail: any, isAgent = false) => {
 							annexName: '办理附件',
 						},
 					};
-					if(state.ruleForm.sourceChannelCode === 'ZGSSP'){ // 随手拍工单办理
+					if (state.ruleForm.sourceChannelCode === 'ZGSSP') {
+						// 随手拍工单办理
 						zgSspProcessRef.value.openDialog(params);
-					}else{
+					} else {
 						zgProcessRef.value.openDialog(params);
 					}
 				});
@@ -1022,9 +1024,10 @@ const processOrder = (orderDetail: any, isAgent = false) => {
 					},
 					orderDetail,
 				};
-				if(state.ruleForm.sourceChannelCode === 'ZGSSP'){ // 随手拍工单办理
+				if (state.ruleForm.sourceChannelCode === 'ZGSSP') {
+					// 随手拍工单办理
 					zgSspProcessRef.value.openDialog(params);
-				}else{
+				} else {
 					zgProcessRef.value.openDialog(params);
 				}
 			}
@@ -1124,7 +1127,7 @@ const chooseAdvice = (item: any) => {
 };
 // 取消并关闭当前页
 const onCancel = () => {
-	mittBus.emit('clearCachePage', ['order', 'todoOrder', 'todoCenter', 'callLog','todoSeats']);
+	mittBus.emit('clearCachePage', ['order', 'todoOrder', 'todoCenter', 'callLog', 'todoSeats']);
 	// 关闭当前 tagsView
 	if (state.ruleForm.callId) {
 		const currentRoute = state.tagsViewList.find((v: any) => v.query?.callId === state.ruleForm.callId);
@@ -1258,7 +1261,7 @@ const loadForm = async () => {
 					dicDataValue: state.ruleForm.acceptTypeCode,
 					dicDataName: state.ruleForm.acceptType,
 				};
-			}else{
+			} else {
 				state.ruleForm.acceptTypeObj = {
 					// 受理类型
 					dicDataValue: state.ruleForm.acceptTypeCode,