|
|
@@ -1,25 +1,25 @@
|
|
|
<template>
|
|
|
<div class="business-visit-container layout-padding">
|
|
|
<div class="layout-padding-auto layout-padding-view pd20">
|
|
|
- <vxe-grid v-bind="gridOptions" ref="gridRef">
|
|
|
+ <vxe-grid v-bind="gridOptions" ref="gridRef">
|
|
|
<template #form>
|
|
|
<el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent inline :disabled="gridOptions.loading">
|
|
|
<el-form-item label="数据范围" prop="IsProvince">
|
|
|
<el-segmented
|
|
|
:options="[
|
|
|
- {
|
|
|
- value: 'all',
|
|
|
- label: '全部',
|
|
|
- },
|
|
|
- {
|
|
|
- value: 'city',
|
|
|
- label: '市工单',
|
|
|
- },
|
|
|
- {
|
|
|
- value: 'province',
|
|
|
- label: '省工单',
|
|
|
- },
|
|
|
- ]"
|
|
|
+ {
|
|
|
+ value: 'all',
|
|
|
+ label: '全部',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 'city',
|
|
|
+ label: '市工单',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 'province',
|
|
|
+ label: '省工单',
|
|
|
+ },
|
|
|
+ ]"
|
|
|
v-model="fastSearch"
|
|
|
@change="fastSearchChange"
|
|
|
:disabled="state.loading"
|
|
|
@@ -40,10 +40,10 @@
|
|
|
<template #order_detail="{ row }">
|
|
|
<order-detail :order="row.order" @updateList="refreshList">{{ row.order?.title }}</order-detail>
|
|
|
</template>
|
|
|
- <template #actionYB="{row}">
|
|
|
+ <template #actionYB="{ row }">
|
|
|
<el-button link type="primary" @click="visitDetail(row)" title="查看回访详情"> 回访详情 </el-button>
|
|
|
</template>
|
|
|
- <template #action="{row}">
|
|
|
+ <template #action="{ row }">
|
|
|
<el-button link type="primary" @click="visitDetail(row)" title="查看回访详情"> 回访详情 </el-button>
|
|
|
<el-button
|
|
|
link
|
|
|
@@ -69,7 +69,7 @@
|
|
|
</div>
|
|
|
<!-- 更多查询 -->
|
|
|
<el-drawer v-model="drawer" title="更多查询" size="500px">
|
|
|
- <el-form :model="state.queryParams" ref="drawerRuleFormRef" @submit.native.prevent label-width="100px" :disabled="state.loading" >
|
|
|
+ <el-form :model="state.queryParams" ref="drawerRuleFormRef" @submit.native.prevent label-width="100px" :disabled="state.loading">
|
|
|
<el-form-item label="归档类型" prop="FiledType">
|
|
|
<el-select v-model="state.queryParams.FiledType" placeholder="请选择归档类型" @change="handleQuery" clearable>
|
|
|
<el-option label="中心归档" value="10" />
|
|
|
@@ -138,19 +138,19 @@
|
|
|
:default-time="defaultTimeStartEnd"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
-<!-- <el-form-item label="工单标签" prop="OrderTagCode" v-if="['ZiGong', 'LuZhou'].includes(themeConfig.appScope)">
|
|
|
- <el-cascader
|
|
|
- :options="orderTagOptions"
|
|
|
- filterable
|
|
|
- :props="{ value: 'dicDataValue', label: 'dicDataName', emitPath: false, checkStrictly: true }"
|
|
|
- placeholder="请选择工单标签"
|
|
|
- class="w100"
|
|
|
- v-model="state.queryParams.OrderTagCode"
|
|
|
- @change="handleQuery"
|
|
|
- clearable
|
|
|
- >
|
|
|
- </el-cascader>
|
|
|
- </el-form-item>-->
|
|
|
+ <el-form-item label="工单标签" prop="OrderTagCode" v-if="['ZiGong', 'LuZhou'].includes(themeConfig.appScope)">
|
|
|
+ <el-cascader
|
|
|
+ :options="orderTagOptions"
|
|
|
+ filterable
|
|
|
+ :props="{ value: 'dicDataValue', label: 'dicDataName', emitPath: false, checkStrictly: true }"
|
|
|
+ placeholder="请选择工单标签"
|
|
|
+ class="w100"
|
|
|
+ v-model="state.queryParams.OrderTagCode"
|
|
|
+ @change="handleQuery"
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ </el-cascader>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="语音评价" prop="VoiceEvaluate">
|
|
|
<el-select v-model="state.queryParams.VoiceEvaluate" placeholder="请选择语音评价" clearable multiple>
|
|
|
<el-option v-for="items in voiceEvaluate" :key="items.key" :label="items.value" :value="items.key" />
|
|
|
@@ -253,14 +253,14 @@ const state = reactive<any>({
|
|
|
SeatEvaluate: [],
|
|
|
OrgProcessingResults: [],
|
|
|
OrgHandledAttitude: [],
|
|
|
- IdentityType:null,
|
|
|
- FromPhone:null,
|
|
|
- OrgLevelOneName:null,
|
|
|
- ActualHandleOrgName:null,
|
|
|
- slTime:[], // 受理时间
|
|
|
- CreationTimeStart:null,
|
|
|
- CreationTimeEnd:null,
|
|
|
- OrderTagCode:null,
|
|
|
+ IdentityType: null,
|
|
|
+ FromPhone: null,
|
|
|
+ OrgLevelOneName: null,
|
|
|
+ ActualHandleOrgName: null,
|
|
|
+ slTime: [], // 受理时间
|
|
|
+ CreationTimeStart: null,
|
|
|
+ CreationTimeEnd: null,
|
|
|
+ OrderTagCode: null,
|
|
|
},
|
|
|
tableData: [], //表单
|
|
|
loading: false, // 加载
|
|
|
@@ -296,7 +296,7 @@ const gridOptions = reactive<any>({
|
|
|
id: 'businessVisit',
|
|
|
rowConfig: { isHover: true, height: 30, isCurrent: true, useKey: true },
|
|
|
height: 'auto',
|
|
|
- columns:[
|
|
|
+ columns: [
|
|
|
{
|
|
|
field: 'order.expiredStatusText',
|
|
|
title: '状态',
|
|
|
@@ -317,14 +317,14 @@ const gridOptions = reactive<any>({
|
|
|
slots: { default: 'order_detail' },
|
|
|
},
|
|
|
{ field: 'order.sourceChannel', title: '来源渠道', width: 110 },
|
|
|
- // { field: 'order.orderTag', title: '工单标签', width: 100,visible:['ZiGong','LuZhou'].includes(themeConfig.value.appScope) },
|
|
|
+ { field: 'order.orderTag', title: '工单标签', width: 100, visible: ['ZiGong', 'LuZhou'].includes(themeConfig.value.appScope) },
|
|
|
{ field: 'visitStateText', title: '回访状态', width: 100 },
|
|
|
{ field: 'visitTypeText', title: '回访方式', width: 100 },
|
|
|
{ field: 'isEffectiveAiVisitText', title: '有效智能回访', width: 120 },
|
|
|
{ field: 'order.acceptType', title: '受理类型', width: 110 },
|
|
|
{ field: 'order.acceptorName', title: '受理人', width: 120 },
|
|
|
{ field: 'order.hotspotName', title: '热点分类', width: 150 },
|
|
|
- { field: 'order.fromPhone', title: '来电号码', width: 150 },
|
|
|
+ { field: 'order.fromPhone', title: '来电号码', width: 150 },
|
|
|
{ field: 'order.orgLevelOneName', title: '一级部门', width: 150 },
|
|
|
{ field: 'order.actualHandleOrgName', title: '接办部门', width: 140 },
|
|
|
{
|
|
|
@@ -369,15 +369,23 @@ const gridOptions = reactive<any>({
|
|
|
remote: true,
|
|
|
},
|
|
|
});
|
|
|
-if(['YiBin'].includes(themeConfig.value.appScope)){
|
|
|
+if (['YiBin'].includes(themeConfig.value.appScope)) {
|
|
|
gridOptions.columns.push({
|
|
|
- title: '操作', width: 100, fixed: 'right', align: 'center', slots: { default: 'actionYB' }
|
|
|
- })
|
|
|
-}else if(['ZiGong','LuZhou'].includes(themeConfig.value.appScope)){
|
|
|
- gridOptions.columns = gridOptions.columns.filter((item:any) => item.field !== 'isEffectiveAiVisitText');
|
|
|
+ title: '操作',
|
|
|
+ width: 100,
|
|
|
+ fixed: 'right',
|
|
|
+ align: 'center',
|
|
|
+ slots: { default: 'actionYB' },
|
|
|
+ });
|
|
|
+} else if (['ZiGong', 'LuZhou'].includes(themeConfig.value.appScope)) {
|
|
|
+ gridOptions.columns = gridOptions.columns.filter((item: any) => item.field !== 'isEffectiveAiVisitText');
|
|
|
gridOptions.columns.push({
|
|
|
- title: '操作', width: 200, fixed: 'right', align: 'center', slots: { default: 'action' }
|
|
|
- })
|
|
|
+ title: '操作',
|
|
|
+ width: 200,
|
|
|
+ fixed: 'right',
|
|
|
+ align: 'center',
|
|
|
+ slots: { default: 'action' },
|
|
|
+ });
|
|
|
}
|
|
|
// 获取基础数据
|
|
|
const seatEvaluate = ref<EmptyArrayType>([]); // 话务员评价
|
|
|
@@ -396,7 +404,7 @@ const getBaseData = () => {
|
|
|
visitSatisfaction.value = result?.visitSatisfaction ?? [];
|
|
|
visitStateQuery.value = result?.visitStateQuery ?? [];
|
|
|
channelOptions.value = result?.sourceChannel ?? [];
|
|
|
- orderTagOptions.value = result?.orderTag ?? [];
|
|
|
+ orderTagOptions.value = result?.orderTags ?? [];
|
|
|
});
|
|
|
};
|
|
|
// 手动查询，将页码设置为1
|
|
|
@@ -406,7 +414,7 @@ const handleQuery = () => {
|
|
|
};
|
|
|
// 刷新列表 停留当前页 重新查询数据和总数
|
|
|
const refreshList = () => {
|
|
|
- queryList();
|
|
|
+ queryList();
|
|
|
};
|
|
|
/** 获取列表 */
|
|
|
const queryList = () => {
|
zhangchong