reactor:对接信件来源统计;

src/api/auxiliary/smartCallOut.ts

@@ -111,4 +111,15 @@ export const smartCallOutTaskAdd = (data: object) => {
     method: 'post',
     data
   });
+};
+/**
+ * @description 终止外呼任务
+ * @param {object} data
+ */
+export const smartCallOutTaskStop = (data: object) => {
+  return request({
+    url: '/api/v1/Ai/callout/closecallouttask',
+    method: 'post',
+    data
+  });
 };

src/api/statistics/order.ts

@@ -157,3 +157,28 @@ export const departmentDispatchDetail = (params: object) => {
 		params,
 	});
 };
+/**
+ * @description 信件来源统计
+ * @param {object} params
+ */
+export const orderSource = (params: object) => {
+	return request({
+		url: `/api/v1/BiOrder/order_source_report`,
+		method: 'get',
+		params,
+	});
+};
+/**
+ * @description 信件来源统计导出
+ * @param {object} data
+ */
+export const orderSourceExport = (data: object) => {
+	return request({
+		url: `/api/v1/BiOrder/order_source/_export`,
+		method: 'post',
+		data,
+		responseType: 'blob'
+	},{
+		reduce_data_format:false
+	});
+};

src/components/ProcessAudit/index.vue

@@ -67,7 +67,18 @@
 						</el-form-item>
 					</el-col>
 					<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
-						<el-form-item label="延期后期满时间"> {{ state.delayForm.endTime }} </el-form-item>
+						<el-form-item label="延期后期满时间" label-width="160px">
+              <template #label>
+                <div style="height: 34px; display: flex; align-items: center">
+                  延期后期满时间
+                  <el-tooltip placement="top-start">
+                    <SvgIcon name="ele-QuestionFilled" size="18px" class="ml3" />
+                    <template #content> 当前计算结果为预计时间，具体结果以申请单通过后时间为准 </template>
+                  </el-tooltip>
+                </div>
+              </template>
+              {{ state.delayForm.endTime }}
+            </el-form-item>
 					</el-col>
 					<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
 						<el-form-item label="申请理由" prop="content" :rules="[{ required: true, message: '请填写延期申请理由', trigger: 'blur' }]">

src/layout/navBars/breadcrumb/telControl.vue

@@ -803,6 +803,7 @@ const onControlClick = (val: string) => {
 };
 // 链接呼叫中心
 const websocket_connect = () => {
+	console.log(isReconnect.value, '是否需要重连');
 	console.log('链接呼叫中心');
 	if (ola.ws) {
 		// 如果已经连接 则先关闭
@@ -845,7 +846,7 @@ const onConnect = () => {
 		// 普通模式才链接语音助手
 		connectVoiceAssistant(currentTel.value.telNo); // 坐席助手开启
 	}
-  // isReconnect.value = true;
+	// isReconnect.value = true;
 };
 // 业务系统发送消息
 const sendMsg = (msg: any) => {
@@ -1243,9 +1244,8 @@ const submitLogFn = async (event: any) => {
 const isReconnect = ref<boolean>(true); // 是否需要重连
 const onClose = async (event: any) => {
 	resetState();
-	const { result } = await getTelStatus();
-	console.log('呼叫中心断开链接', result && isReconnect.value ? '需要重连' : '不需要重连');
-	if (result && isReconnect.value) {
+	console.log('呼叫中心断开链接', !event.wasClean && isReconnect.value ? '需要重连' : '不需要重连');
+	if (!event.wasClean && isReconnect.value) {
 		// 签入状态需要重连
 		await reConnect(); // 重新链接呼叫中心
 	}
@@ -1281,6 +1281,7 @@ const reConnect = async () => {
 // 链接成功 停止重连
 const stopReconnect = () => {
 	clearTimeout(reconnectTimeout.value);
+	isReconnect.value = true; // 重置需要重连状态
 	console.log('停止重连');
 };
 const dutyFormRef = ref<RefType>();

src/router/route.ts

@@ -113,6 +113,16 @@ export const dynamicRoutes: Array<RouteRecordRaw> = [
 			isDynamic:true
 		},
 	},
+	{
+		path: '/auxiliary/notice/detail/:tagsViewName/:id/:isRead',
+		name: 'auxiliaryNoticeDetail',
+		component: () => import('@/views/auxiliary/notice/detail.vue'),
+		meta: {
+			title: '通知详情',
+			isKeepAlive: true,
+			isDynamic:true
+		},
+	},
 	{
 		path: '/public/notice/:tagsViewName/:id/:isRead',
 		name: 'auxiliaryNoticeRead',

src/theme/media/login.scss

@@ -18,6 +18,15 @@
 			}
 		}
 	}
+	// 电话控件不显示
+	.phoneControls{
+		display: none !important;
+		width: 0 !important;
+	}
+	.seizeSeat-box{
+		display: block !important;
+		width: 100% !important;
+	}
 }
 
 /* 页面宽度小于992px
@@ -28,15 +37,6 @@
 		left: 50% !important;
 		transform: translate(-50%, -50%) translate3d(0, 0, 0) !important;
 	}
-	// 电话控件不显示
-	.phoneControls{
-		display: none !important;
-		width: 0 !important;
-	}
-	.seizeSeat-box{
-		display: block !important;
-		width: 100% !important;
-	}
 }
 
 /* 页面宽度小于576px

src/views/auxiliary/smartCallOut/components/Task-detail.vue

@@ -2,15 +2,15 @@
 	<el-dialog v-model="state.dialogVisible" draggable title="外呼明细" destroy-on-close append-to-body>
 		<el-form :model="state.queryParams" ref="ruleFormRef" inline @submit.native.prevent>
 			<el-form-item label="市民姓名" prop="Name">
-				<el-input v-model="state.queryParams.Name" placeholder="请填写市民姓名" clearable @keyup.enter="handleQuery" class="keyword-input" />
+				<el-input v-model="state.queryParams.Name" placeholder="请填写市民姓名" clearable @keyup.enter="handleQuery" />
 			</el-form-item>
 			<el-form-item label="联系电话" prop="OuterNo">
-				<el-input v-model="state.queryParams.OuterNo" placeholder="请填写市民联系电话" clearable @keyup.enter="handleQuery" class="keyword-input" />
+				<el-input v-model="state.queryParams.OuterNo" placeholder="请填写市民联系电话" clearable @keyup.enter="handleQuery" />
 			</el-form-item>
 			<el-form-item>
-				<el-form-item label="外呼状态" prop="AiCallOutStat">
-					<el-select v-model="state.queryParams.AiCallOutStat" placeholder="请选择外呼状态" @change="handleQuery">
-						<el-option v-for="item in aiCallOutTaskState" :value="item.key" :key="item.key" :label="item.value" />
+				<el-form-item label="外呼状态" prop="AiCallOutState">
+					<el-select v-model="state.queryParams.AiCallOutState" placeholder="请选择外呼状态" @change="handleQuery">
+						<el-option v-for="item in aiCallOutStateArr" :value="item.key" :key="item.key" :label="item.value" />
 					</el-select>
 				</el-form-item>
 				<el-button type="primary" @click="handleQuery" :loading="state.loading"> <SvgIcon name="ele-Search" class="mr5" />查询 </el-button>
@@ -51,7 +51,7 @@ const state = reactive<any>({
 		OuterNo: null,
 		Name: null,
 		id: null,
-		AiCallOutStat: null,
+    AiCallOutState: null,
 	},
 	tableData: [],
 });
@@ -86,16 +86,16 @@ const proTableRef = ref<RefType>(); // 表格ref
 const columns = ref<any[]>([
 	{ prop: 'name', label: '市民姓名' },
 	{ prop: 'outerNo', label: '联系电话' },
-	{ prop: 'phoneNum', label: '外呼状态' },
+	{ prop: 'aiCallOutStateText', label: '外呼状态' },
 ]);
 
 let loading = ref<boolean>(false); // 加载状态
 // 获取基础数据
-const aiCallOutTaskState = ref([]);
+const aiCallOutStateArr = ref([]);
 const getBaseData = async () => {
 	try {
 		const { result } = await smartCallOutTaskBaseData();
-		aiCallOutTaskState.value = result.aiCallOutTaskState;
+    aiCallOutStateArr.value = result.aiCallOutState;
 	} catch (e) {
 		console.log(e);
 	}

src/views/auxiliary/smartCallOut/task.vue

@@ -49,12 +49,22 @@
 				<!-- 表格操作 -->
 				<template #operation="{ row }">
 					<el-button link type="primary" @click="onDetail(row)" title="外呼明细"> 外呼明细 </el-button>
-					<el-button link type="primary" @click="onEnd(row)" v-auth="'auxiliary:smartCallOut:end'" title="终止任务"> 终止任务 </el-button>
+					<!-- 已结束，已终止不能终止任务 其他状态都可以中止任务 -->
+					<el-button
+						link
+						type="primary"
+						@click="onEnd(row)"
+						v-auth="'auxiliary:smartCallOut:end'"
+						title="终止任务"
+						v-if="[1, 2].includes(row.aiCallOutTaskState)"
+					>
+						终止任务
+					</el-button>
 				</template>
 			</ProTable>
 		</el-card>
 		<!-- 创建任务   -->
-		<create-task ref="createTaskRef" />
+		<create-task ref="createTaskRef" @updateList="queryList" />
 		<task-detail ref="taskDetailRef" />
 	</div>
 </template>
@@ -63,7 +73,7 @@
 import { defineAsyncComponent, onMounted, reactive, ref } from 'vue';
 import { ElMessage, ElMessageBox, FormInstance } from 'element-plus';
 import { formatDate } from '@/utils/formatTime';
-import { smartCallOutTaskBaseData, smartCallOutTaskList } from '@/api/auxiliary/smartCallOut';
+import { smartCallOutTaskBaseData, smartCallOutTaskList, smartCallOutTaskStop } from '@/api/auxiliary/smartCallOut';
 import { shortcuts } from '@/utils/constants';
 import Other from '@/utils/other';
 
@@ -85,14 +95,14 @@ const columns = ref<any[]>([
 			return <span>{formatDate(scope.row.beginTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
 		},
 	},
-  {
-    prop: 'endTime',
-    label: '任务结束时间',
-    width: 170,
-    render: (scope) => {
-      return <span>{formatDate(scope.row.endTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
-    },
-  },
+	{
+		prop: 'endTime',
+		label: '任务结束时间',
+		width: 170,
+		render: (scope) => {
+			return <span>{formatDate(scope.row.endTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
+		},
+	},
 	{ prop: 'creatorName', label: '创建人' },
 	{ prop: 'creatorOrgName', label: '创建部门' },
 	{
@@ -183,11 +193,13 @@ const onEnd = (row: any) => {
 		autofocus: false,
 	})
 		.then(() => {
-			ElMessage({
-				type: 'success',
-				message: '终止任务成功',
+			smartCallOutTaskStop({ id: row.id }).then(() => {
+				ElMessage({
+					type: 'success',
+					message: '终止任务成功',
+				});
+				queryList();
 			});
-      queryList();
 		})
 		.catch(() => {});
 };

src/views/statistics/department/unSigned.vue

@@ -6,7 +6,7 @@
         <el-form-item label="" prop="Level">
           <el-radio-group v-model="state.queryParams.Level" @change="handleQuery">
             <el-radio-button label="0">全部</el-radio-button>
-            <el-radio-button label="1">本部</el-radio-button>
+            <el-radio-button label="1">本级</el-radio-button>
             <el-radio-button label="2">下级</el-radio-button>
           </el-radio-group>
         </el-form-item>

src/views/statistics/order/source.vue

@@ -0,0 +1,218 @@
+<template>
+  <div class="statistics-order-souce-container layout-pd">
+    <!-- 搜索  -->
+    <el-card shadow="never">
+      <el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent inline>
+        <el-form-item label="来电人身份" prop="IdentityType">
+          <el-select v-model="state.queryParams.IdentityType" placeholder="请选择来电人身份" clearable @change="handleQuery">
+            <el-option v-for="item in identityTypeOptions" :value="item.value" :key="item.value" :label="item.key" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="时间段" prop="crTime">
+          <el-date-picker
+            v-model="state.queryParams.crTime"
+            type="daterange"
+            unlink-panels
+            range-separator="至"
+            start-placeholder="开始时间"
+            end-placeholder="结束时间"
+            :shortcuts="shortcuts"
+            @change="handleQuery"
+            value-format="YYYY-MM-DD"
+            :clearable="false"
+          />
+        </el-form-item>
+        <el-form-item label-width="0">
+          <el-button type="primary" @click="handleQuery" :loading="state.loading"> <SvgIcon name="ele-Search" class="mr5" />查询 </el-button>
+          <el-button @click="resetQuery(ruleFormRef)" class="default-button" :loading="state.loading">
+            <SvgIcon name="ele-Refresh" class="mr5" />重置
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+    <el-card shadow="never">
+      <el-row :gutter="20">
+        <el-col :xs="24" :sm="12" :md="18" :lg="18" :xl="18">
+          <v-chart class="chart" :option="option" :loading="state.loading" autoresize />
+        </el-col>
+        <el-col :xs="24" :sm="12" :md="6" :lg="6" :xl="6">
+          <ProTable
+            ref="proTableRef"
+            :columns="columns"
+            :data="state.tableData"
+            @updateTable="queryList"
+            :loading="state.loading"
+            :pagination="false"
+            border
+            :tool-button="false"
+            max-height="60vh"
+            :toolButton="['refresh', 'setting', 'exportAll']"
+            @export-all="exportTable($event, true)"
+          >
+          </ProTable>
+        </el-col>
+      </el-row>
+    </el-card>
+  </div>
+</template>
+<script setup lang="tsx" name="statisticsOrderSource">
+import { onMounted, reactive, ref } from 'vue';
+import { FormInstance } from 'element-plus';
+import { callList, callPeriodBase } from '@/api/statistics/call';
+import { defaultDate, shortcuts } from '@/utils/constants';
+import Other from "@/utils/other";
+import { orderSource, orderSourceExport } from "@/api/statistics/order";
+import { downloadFileByStream } from "@/utils/tools";
+
+const proTableRef = ref<RefType>(); // 表格ref
+// 表格配置项
+const columns = ref<any[]>([
+  { prop: 'source', label: '信件来源', align: 'center' },
+  { prop: 'num', label: '数量', align: 'center' },
+  { prop: 'rateText', label: '占比', align: 'center' },
+]);
+// 定义变量内容
+const ruleFormRef = ref<RefType>(); // 表单ref
+const state = reactive<any>({
+  queryParams: {
+    // 查询条件
+    IdentityType: null, // 关键词
+    crTime: defaultDate, //
+    StartTime: null,
+    EndTime: null,
+  },
+  tableData: [], //表单
+  loading: false, // 加载
+  total: 0, // 总数
+  callForwardingSource: [],
+});
+const identityTypeOptions = [
+  { key: '市民', value: 1 },
+  { key: '企业', value: 2 }
+]
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  // state.queryParams.PageIndex = 1;
+  queryList();
+};
+/** 获取列表 */
+const queryList = () => {
+  state.loading = true;
+  let request = Other.deepClone(state.queryParams);
+  request.StartTime = state.queryParams.crTime === null ? null : state.queryParams.crTime[0];
+  request.EndTime = state.queryParams.crTime === null ? null : state.queryParams.crTime[1];
+  Reflect.deleteProperty(request, 'crTime');
+  orderSource(request)
+    .then((res: any) => {
+      state.tableData = res.result;
+      const legendData = state.tableData.map((item: any) => {
+        return item.source;
+      }).filter((item: any) => item !== '合计');
+      const dataTable = state.tableData.map((item: any) => {
+        return {
+          name: item.source,
+          value: item.num,
+          ...item
+        };
+      }).filter((item: any) => item.name !== '合计')
+      setOption(legendData,dataTable);
+      state.loading = false;
+    })
+    .catch(() => {
+      state.loading = false;
+    });
+};
+/** 重置按钮操作 */
+const resetQuery = (formEl: FormInstance | undefined) => {
+  if (!formEl) return;
+  formEl.resetFields();
+  queryList();
+};
+const option = ref<any>({});
+// 信件来源统计
+const setOption = (legendData:string[],data: any) => {
+  option.value = {
+    title: {
+      text: '信件来源统计',
+      left: 'center',
+    },
+    tooltip: {
+      formatter: '{b}:{d}%',
+    },
+    legend: [
+      {
+        left: 'left',
+        top: '40',
+        orient: 'vertical',
+        data:legendData,
+      },
+    ],
+    grid: {
+      containLabel: true,
+    },
+    series: [
+      {
+        type: 'pie',
+        radius: ['0%', '80%'],
+        label: {
+          show: true,
+          overflow: 'none',
+          formatter: function (params) {
+            if (params.name !== '') {
+              return `${params.name}:${params.data.value}（${params.percent}%）`;
+            }
+          },
+        },
+        data: data,
+      },
+    ],
+  };
+};
+// 获取基础信息
+const getBaseInfo = async () => {
+  try {
+    const { result } = await callPeriodBase();
+    state.callForwardingSource = result.callForwardingSource ?? [];
+  } catch (e) {
+    console.log(e);
+  }
+};
+// 表格导出
+const exportTable = (val: any, isExportAll = false) => {
+  let request = Other.deepClone(state.queryParams);
+  request.StartTime = state.queryParams.crTime === null ? null : state.queryParams.crTime[0];
+  request.EndTime = state.queryParams.crTime === null ? null : state.queryParams.crTime[1];
+  Reflect.deleteProperty(request, 'crTime');
+  const columnInfos = val.map((item: any) => {
+    return {
+      prop: item.prop,
+      name: item.label,
+    };
+  });
+  const req = {
+    queryDto: request,
+    columnInfos,
+    isExportAll,
+  };
+  state.loading = true;
+  orderSourceExport(req)
+    .then((res: any) => {
+      state.loading = false;
+      downloadFileByStream(res);
+    })
+    .catch(() => {
+      state.loading = false;
+    });
+};
+onMounted(() => {
+  getBaseInfo();
+  queryList();
+});
+</script>
+<style lang="scss" scoped>
+.chart,
+.chart1 {
+  height: 60vh;
+  margin-top: 10px;
+}
+</style>

src/views/tels/callLog/component/Connect-business.vue

@@ -213,7 +213,7 @@ const handleSelectionChange = (row: any) => {
 const onSubmit = () => {
 	loading.value = true;
 	const request = {
-		callId: state.currentCall.callAccept,
+		callId: state.currentCall.otherAccept,
 		id: tableRadio.value,
 		isOrder: isOrder.value,
 	};

src/views/tels/callLog/index.vue

@@ -6,6 +6,7 @@
 				<el-tab-pane name="1" label="呼入已接"></el-tab-pane>
 				<el-tab-pane name="2" label="呼出已接"></el-tab-pane>
 				<el-tab-pane name="3" label="未接"></el-tab-pane>
+				<el-tab-pane name="4" label="智能应答"></el-tab-pane>
 			</el-tabs>
 			<el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent label-width="20px">
 				<el-row :gutter="10">
@@ -19,19 +20,19 @@
 							<el-input v-model="state.queryParams.CDPN" placeholder="被叫号码" clearable @keyup.enter="handleQuery" />
 						</el-form-item>
 					</el-col>
-					<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="['0', '1', '3'].includes(state.queryParams.type)">
+					<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="['0', '1', '2', '3'].includes(state.queryParams.type)">
 						<el-form-item prop="TelNo">
 							<el-input v-model="state.queryParams.TelNo" placeholder="响应分机" clearable @keyup.enter="handleQuery" />
 						</el-form-item>
 					</el-col>
 
-					<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
+					<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="['0', '1', '2', '3'].includes(state.queryParams.type)">
 						<el-form-item prop="UserName">
 							<el-input v-model="state.queryParams.UserName" placeholder="话务员名称" clearable @keyup.enter="handleQuery" />
 						</el-form-item>
 					</el-col>
 					<transition name="el-zoom-in-top">
-						<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol">
+						<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol || ['4'].includes(state.queryParams.type)">
 							<el-form-item prop="gateway">
 								<el-input v-model="state.queryParams.gateway" placeholder="中继号码" clearable @keyup.enter="handleQuery" />
 							</el-form-item>
@@ -56,7 +57,7 @@
 						</el-col>
 					</transition>
 					<transition name="el-zoom-in-top">
-						<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol">
+						<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol || ['4'].includes(state.queryParams.type)">
 							<el-form-item prop="EndBy">
 								<el-select v-model="state.queryParams.EndBy" placeholder="挂机类型" clearable class="w100" @change="handleQuery">
 									<el-option v-for="item in state.endByOptions" :value="item.key" :key="item.key" :label="item.value" />
@@ -312,10 +313,14 @@ const state = reactive({
 		PageSize: 10, // 每页条数
 		type: '0',
 		StaffNo: null, // 分机号
-		CPN: null, // 中继号码
-		CDPN: null, // 分机号
-		callDirection: null, // 呼叫类型
+		CPN: null, // 主叫号码
+		CDPN: null, // 被叫号码
+		TelNo: null, // 响应分机
+		CallDirection: null, // 呼叫类型
+		UserName: null, // 话务员名称
+		gateway: null, //中继号码
 		OnState: null, // 结果
+		IsAiAnswered: null, // 是否智能应答
 		callTime: [], // 通话时间
 		answeredTime: [], // 接通时间
 		overTime: [], // 挂断时间段
@@ -623,6 +628,70 @@ const noColumns = [
 	},
 	{ prop: 'overTime', label: '挂断时间', width: 170, render: (scope) => <span>{formatDate(scope.row.overTime, 'YYYY-mm-dd HH:MM:SS')}</span> },
 ];
+// 智能应答
+const smartColumns = [
+	{ prop: 'cpn', label: '主叫号码', width: 120 },
+	{ prop: 'cdpn', label: '被叫号码', width: 120 },
+	{ prop: 'gateway', label: '中继号码', width: 120 },
+	{ prop: 'duration', label: '通话时间(秒)', width: 120 },
+	{ prop: 'endByText', label: '挂机类型', width: 120 },
+	{
+		prop: 'beginIvrTime',
+		label: 'ivr开始时间',
+		width: 170,
+		render: (scope) => <span>{formatDate(scope.row.beginIvrTime, 'YYYY-mm-dd HH:MM:SS')}</span>,
+	},
+	{
+		prop: 'endIvrTime',
+		label: 'ivr结束时间',
+		width: 170,
+		render: (scope) => <span>{formatDate(scope.row.endIvrTime, 'YYYY-mm-dd HH:MM:SS')}</span>,
+	},
+	{
+		prop: 'beginQueueTime',
+		label: '队列开始时间',
+		width: 170,
+		render: (scope) => <span>{formatDate(scope.row.beginQueueTime, 'YYYY-mm-dd HH:MM:SS')}</span>,
+	},
+	{
+		prop: 'endQueueTime',
+		label: '队列结束时间',
+		width: 170,
+		render: (scope) => {
+			return <span>{formatDate(scope.row.endQueueTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
+		},
+	},
+	{
+		prop: 'beginRingTime',
+		label: '开始振铃时间',
+		width: 170,
+		render: (scope) => {
+			return <span>{formatDate(scope.row.beginRingTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
+		},
+	},
+	{
+		prop: 'endRingTimg',
+		label: '结束振铃时间',
+		width: 170,
+		render: (scope) => {
+			return <span>{formatDate(scope.row.endRingTimg, 'YYYY-mm-dd HH:MM:SS')}</span>;
+		},
+	},
+	{
+		prop: 'createdTime',
+		label: '开始时间',
+		width: 170,
+		render: (scope) => <span>{formatDate(scope.row.createdTime, 'YYYY-mm-dd HH:MM:SS')}</span>,
+	},
+	{
+		prop: 'answeredTime',
+		label: '接通时间',
+		width: 170,
+		render: (scope) => <span>{formatDate(scope.row.answeredTime, ' YYYY-mm-dd HH:MM:SS')}</span>,
+	},
+	{ prop: 'overTime', label: '挂断结束时间', width: 170, render: (scope) => <span>{formatDate(scope.row.overTime, 'YYYY-mm-dd HH:MM:SS')}</span> },
+	{ prop: 'operation', label: '操作', fixed: 'right', width: 310, align: 'center' },
+];
 const changeTba = () => {
 	ruleFormRef.value.resetFields();
 	handleQuery();
@@ -666,6 +735,12 @@ const queryList = async () => {
 				columns.value = noColumns;
 				request.OnState = 2;
 				break;
+			case '4':
+				columns.value = smartColumns;
+				request.IsAiAnswered = true;
+				request.OnState = 1;
+				request.CallDirection = 0;
+				break;
 			default:
 				columns.value = allColumns;
 				break;
@@ -744,12 +819,12 @@ const onCreate = (row: any) => {
 		state: {
 			createBy: 'tel',
 			fromTel: row.cpn,
-			telGuid: row.callAccept,
+			telGuid: row.otherAccept,
 			transfer: row.gateway,
 			telArea: '',
 		},
 		params: {
-			callId: row.callAccept,
+			callId: row.otherAccept,
 			tagsViewName: '创建失联工单',
 		},
 	});