|
@@ -11,13 +11,13 @@
|
|
|
v-model:page-index="state.queryParams.PageIndex"
|
|
|
v-model:page-size="state.queryParams.PageSize"
|
|
|
:toolButton="['refresh', 'setting', 'exportCurrent', 'exportAll']"
|
|
|
- :exportMethod="departmentSatisfactionListExport"
|
|
|
+ :exportMethod="visitTurnExport"
|
|
|
:exportParams="requestParams"
|
|
|
>
|
|
|
<template #table-search>
|
|
|
<el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent label-width="100px" inline>
|
|
|
- <el-form-item label="工单标题" prop="Keyword">
|
|
|
- <el-input v-model="state.queryParams.Keyword" placeholder="工单标题" clearable @keyup.enter="handleQuery" class="keyword-input"/>
|
|
|
+ <el-form-item label="工单标题" prop="Title">
|
|
|
+ <el-input v-model="state.queryParams.Title" placeholder="工单标题" clearable @keyup.enter="handleQuery" class="keyword-input"/>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="工单编码" prop="No">
|
|
|
<el-input v-model="state.queryParams.No" placeholder="工单编码" clearable @keyup.enter="handleQuery" class="keyword-input"/>
|
|
@@ -34,10 +34,10 @@
|
|
|
</el-button>
|
|
|
</template>
|
|
|
<template #title="{ row }">
|
|
|
- <order-detail :order="row" @updateList="queryList">{{ row.title }}</order-detail>
|
|
|
+ <order-detail :order="row.order" @updateList="queryList">{{ row.order?.title }}</order-detail>
|
|
|
</template>
|
|
|
<template #expiredStatusText="{ row }">
|
|
|
- <span :class="'overdue-status-' + row.expiredStatus" :title="row.expiredStatusText"></span>
|
|
|
+ <span :class="'overdue-status-' + row.order?.expiredStatus" :title="row.order?.expiredStatusText"></span>
|
|
|
</template>
|
|
|
<template #operation="{ row }">
|
|
|
<el-button link type="primary" @click="visitDetail(row)" title="查看回访详情"> 回访详情 </el-button>
|
|
@@ -47,45 +47,58 @@
|
|
|
<!-- 更多查询 -->
|
|
|
<el-drawer v-model="drawer" title="更多查询" size="500px">
|
|
|
<el-form :model="state.queryParams" ref="drawerRuleFormRef" @submit.native.prevent label-width="100px">
|
|
|
- <el-form-item label="受理时间" prop="crTime">
|
|
|
- <el-date-picker
|
|
|
- v-model="state.queryParams.crTime"
|
|
|
- type="datetimerange"
|
|
|
- unlink-panels
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始时间"
|
|
|
- end-placeholder="结束时间"
|
|
|
- :shortcuts="shortcuts"
|
|
|
+ <el-form-item label="热线号码" prop="TransferPhone">
|
|
|
+ <el-select
|
|
|
+ v-model="state.queryParams.TransferPhone"
|
|
|
+ placeholder="请选择热线号码"
|
|
|
+ clearable
|
|
|
+ class="w100"
|
|
|
@change="handleQuery"
|
|
|
- value-format="YYYY-MM-DD[T]HH:mm:ss"
|
|
|
- :default-time="defaultTimeStartEnd"
|
|
|
- :clearable="false"
|
|
|
- />
|
|
|
+ >
|
|
|
+ <el-option v-for="item in state.callForwardingOptions" :value="item.dicDataValue" :key="item.dicDataValue" :label="item.dicDataName" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="归档类型" prop="FiledType">
|
|
|
+ <el-select
|
|
|
+ v-model="state.queryParams.FiledType"
|
|
|
+ placeholder="请选择归档类型"
|
|
|
+ clearable
|
|
|
+ class="w100"
|
|
|
+ @change="handleQuery"
|
|
|
+ >
|
|
|
+ <el-option v-for="item in state.filedTypeOptions" :value="item.key" :key="item.key" :label="item.value" />
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="回访人姓名" prop="VisitUser">
|
|
|
- <el-input v-model="state.queryParams.VisitUser" placeholder="回访人姓名" clearable @keyup.enter="handleQuery" />
|
|
|
+ <el-form-item label="回访人" prop="VisitUserName">
|
|
|
+ <el-input v-model="state.queryParams.VisitUserName" placeholder="回访人" clearable @keyup.enter="handleQuery" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="办件结果" prop="OrgProcessingResults">
|
|
|
+ <el-form-item label="来电号码" prop="FromPhone">
|
|
|
+ <el-input v-model="state.queryParams.FromPhone" placeholder="来电号码" clearable @keyup.enter="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="受理类型" prop="AcceptType">
|
|
|
<el-select
|
|
|
- v-model="state.queryParams.OrgProcessingResults"
|
|
|
- placeholder="请选择来办件结果"
|
|
|
+ v-model="state.queryParams.AcceptType"
|
|
|
+ placeholder="请选择受理类型"
|
|
|
clearable
|
|
|
class="w100"
|
|
|
@change="handleQuery"
|
|
|
>
|
|
|
- <el-option v-for="item in state.visitSatisfaction" :value="item.dicDataValue" :key="item.dicDataValue" :label="item.dicDataName" />
|
|
|
+ <el-option v-for="item in state.acceptTypeOptions" :value="item.dicDataValue" :key="item.dicDataValue" :label="item.dicDataName" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="热点分类" prop="Hotspot">
|
|
|
<el-input v-model="state.queryParams.Hotspot" placeholder="热点分类名称" clearable @keyup.enter="handleQuery" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="回访部门" prop="OrgId">
|
|
|
+ <el-form-item label="受理人" prop="NameOrNo">
|
|
|
+ <el-input v-model="state.queryParams.NameOrNo" placeholder="受理人" clearable @keyup.enter="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="接办部门" prop="OrgId">
|
|
|
<el-cascader
|
|
|
:options="state.orgsOptions"
|
|
|
filterable
|
|
|
:show-all-levels="false"
|
|
|
:props="{ checkStrictly: true, value: 'id', label: 'name', emitPath: false }"
|
|
|
- placeholder="请选择回访部门"
|
|
|
+ placeholder="请选择接办部门"
|
|
|
clearable
|
|
|
class="w100"
|
|
|
v-model="state.queryParams.OrgId"
|
|
@@ -93,6 +106,21 @@
|
|
|
>
|
|
|
</el-cascader>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="受理时间" prop="crTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="state.queryParams.crTime"
|
|
|
+ type="datetimerange"
|
|
|
+ unlink-panels
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始时间"
|
|
|
+ end-placeholder="结束时间"
|
|
|
+ :shortcuts="shortcuts"
|
|
|
+ @change="handleQuery"
|
|
|
+ value-format="YYYY-MM-DD[T]HH:mm:ss"
|
|
|
+ :default-time="defaultTimeStartEnd"
|
|
|
+ :clearable="false"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="办结时间" prop="doneTime">
|
|
|
<el-date-picker
|
|
|
v-model="state.queryParams.doneTime"
|
|
@@ -107,11 +135,29 @@
|
|
|
:default-time="defaultTimeStartEnd"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="来电主体" prop="TypeCode">
|
|
|
- <el-select v-model="state.queryParams.TypeCode" placeholder="请选择来电主体" @change="handleQuery">
|
|
|
- <el-option :value="0" label="全部" />
|
|
|
- <el-option :value="1" label="市民" />
|
|
|
- <el-option :value="2" label="企业" />
|
|
|
+ <el-form-item label="回访时间" prop="hfTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="state.queryParams.hfTime"
|
|
|
+ type="datetimerange"
|
|
|
+ unlink-panels
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始时间"
|
|
|
+ end-placeholder="结束时间"
|
|
|
+ :shortcuts="shortcuts"
|
|
|
+ @change="handleQuery"
|
|
|
+ value-format="YYYY-MM-DD[T]HH:mm:ss"
|
|
|
+ :default-time="defaultTimeStartEnd"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="评判状态" prop="JudgeState">
|
|
|
+ <el-select
|
|
|
+ v-model="state.queryParams.JudgeState"
|
|
|
+ placeholder="请选择评判状态"
|
|
|
+ clearable
|
|
|
+ class="w100"
|
|
|
+ @change="handleQuery"
|
|
|
+ >
|
|
|
+ <el-option v-for="item in state.visitSatisfaction" :value="item.dicDataValue" :key="item.dicDataValue" :label="item.dicDataName" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
@@ -127,13 +173,13 @@
|
|
|
<script setup lang="tsx" name="statisticsCenterDetailTwist">
|
|
|
import { onMounted, reactive, ref, defineAsyncComponent } from 'vue';
|
|
|
import { ElMessage, ElMessageBox, FormInstance } from 'element-plus';
|
|
|
-import { departmentSatisfactionDetailBase, departmentSatisfactionList, departmentSatisfactionListExport } from '@/api/statistics/department';
|
|
|
import { formatDate } from '@/utils/formatTime';
|
|
|
-import { defaultDateOne, defaultTimeStartEnd, shortcuts } from '@/utils/constants';
|
|
|
+import { defaultTimeStartEnd, shortcuts } from '@/utils/constants';
|
|
|
import { useRoute } from 'vue-router';
|
|
|
import Other from '@/utils/other';
|
|
|
import { exportJbOrder } from '@/api/business/order';
|
|
|
import { downloadZip } from '@/utils/tools';
|
|
|
+import { visitTurnList,visitTurnBaseData,visitTurnExport } from '@/api/business/visit';
|
|
|
|
|
|
// 引入组件
|
|
|
const VisitDetailCom = defineAsyncComponent(() => import('@/views/business/visit/component/Visit-detail.vue')); // 回访
|
|
@@ -141,43 +187,43 @@ const OrderDetail = defineAsyncComponent(() => import('@/components/OrderDetail/
|
|
|
// 表格配置项
|
|
|
const columns = ref<any[]>([
|
|
|
{ type: 'selection', width: 40, align: 'center' },
|
|
|
- { prop: 'expiredStatusText', label: '超期状态', align: 'center', minWidth: 80 },
|
|
|
- { prop: 'statusText', label: '工单状态', width: 100 },
|
|
|
- { prop: 'sourceChannel', label: '来源渠道', minWidth: 100 },
|
|
|
- { prop: 'currentStepName', label: '当前节点', minWidth: 100 },
|
|
|
- { prop: 'no', label: '工单编码', minWidth: 140 },
|
|
|
+ { prop: 'order.expiredStatusText', label: '超期状态', align: 'center', minWidth: 80 },
|
|
|
+ { prop: 'order.statusText', label: '工单状态', width: 100 },
|
|
|
+ { prop: 'order.sourceChannel', label: '来源渠道', minWidth: 100 },
|
|
|
+ { prop: 'order.currentStepName', label: '当前节点', minWidth: 100 },
|
|
|
+ { prop: 'order.no', label: '工单编码', minWidth: 140 },
|
|
|
{
|
|
|
- prop: 'creationTime',
|
|
|
+ prop: 'order.startTime',
|
|
|
label: '受理时间',
|
|
|
minWidth: 160,
|
|
|
- render: (scope) => {
|
|
|
- return <span>{formatDate(scope.row.creationTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
+ render: (scope:any) => {
|
|
|
+ return <span>{formatDate(scope.row.order.startTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
},
|
|
|
},
|
|
|
- { prop: 'title', label: '工单标题', width: 200 },
|
|
|
- { prop: 'fromPhone', label: '来电号码', minWidth: 130 },
|
|
|
- { prop: 'currentHandleOrgName', label: '接办部门', minWidth: 140 },
|
|
|
+ { prop: 'order.title', label: '工单标题', width: 200 },
|
|
|
+ { prop: 'order.fromPhone', label: '来电号码', minWidth: 130 },
|
|
|
+ { prop: 'order.currentHandleOrgName', label: '接办部门', minWidth: 140 },
|
|
|
{
|
|
|
- prop: 'actualHandleTime',
|
|
|
+ prop: 'order.actualHandleTime',
|
|
|
label: '接办时间',
|
|
|
minWidth: 160,
|
|
|
- render: (scope) => {
|
|
|
- return <span>{formatDate(scope.row.actualHandleTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
+ render: (scope:any) => {
|
|
|
+ return <span>{formatDate(scope.row.order?.actualHandleTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
},
|
|
|
},
|
|
|
{
|
|
|
- prop: 'filedTime',
|
|
|
+ prop: 'order.filedTime',
|
|
|
label: '办结时间',
|
|
|
minWidth: 160,
|
|
|
- render: (scope) => {
|
|
|
- return <span>{formatDate(scope.row.filedTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
+ render: (scope:any) => {
|
|
|
+ return <span>{formatDate(scope.row.order?.filedTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
},
|
|
|
},
|
|
|
- { prop: 'visitUser', label: '回访人', minWidth: 120 },
|
|
|
- { prop: 'visitUser', label: '评判状态', minWidth: 100 },
|
|
|
- { prop: 'acceptType', label: '受理类型', minWidth: 100 },
|
|
|
- { prop: 'hotspotName', label: '热点分类', minWidth: 150 },
|
|
|
- { prop: 'acceptorName', label: '受理人', minWidth: 120 },
|
|
|
+ { prop: 'employeeName', label: '回访人', minWidth: 120 },
|
|
|
+ { prop: 'judgeStateText', label: '评判状态', minWidth: 100 },
|
|
|
+ { prop: 'order.acceptType', label: '受理类型', minWidth: 100 },
|
|
|
+ { prop: 'order.hotspotName', label: '热点分类', minWidth: 150 },
|
|
|
+ { prop: 'order.acceptorName', label: '受理人', minWidth: 120 },
|
|
|
{ prop: 'operation', label: '操作', fixed: 'right', width: 90, align: 'center' },
|
|
|
]);
|
|
|
// 定义变量内容
|
|
@@ -187,22 +233,36 @@ const state = reactive<any>({
|
|
|
// 查询条件
|
|
|
PageIndex: 1,
|
|
|
PageSize: 20,
|
|
|
- HotspotIds: null,
|
|
|
- crTime: defaultDateOne,
|
|
|
+ Title: null,
|
|
|
+ No:null,
|
|
|
+ VisitUserName:null,
|
|
|
+ FromPhone:null,
|
|
|
+ AcceptType:null,
|
|
|
+ Hotspot:null,
|
|
|
+ OrgId:null,
|
|
|
+ NameOrNo:null,
|
|
|
+ crTime: [], // 受理时间
|
|
|
CreationTimeStart: null,
|
|
|
CreationTimeEnd: null,
|
|
|
doneTime: [], // 办结时间
|
|
|
ActualHandleTimeStart: null,
|
|
|
ActualHandleTimeEnd: null,
|
|
|
- VisitUser: null,
|
|
|
- OrgProcessingResults: null,
|
|
|
- OrgId:null,
|
|
|
- TypeId:'1',
|
|
|
- TypeCode:0
|
|
|
+ hfTime:[], // 回访时间
|
|
|
+ VisitTimeStart:null,
|
|
|
+ VisitTimeEnd:null,
|
|
|
+ JudgeState:null,
|
|
|
+ TransferPhone:null,
|
|
|
+ FiledType:null,
|
|
|
+ OrgJudge:null, // 部门扭转
|
|
|
+ SeatJudge:null, // 坐席扭转
|
|
|
},
|
|
|
tableData: [], //表单
|
|
|
loading: false, // 加载
|
|
|
total: 0, // 总数
|
|
|
+ acceptTypeOptions:[],
|
|
|
+ callForwardingOptions:[],
|
|
|
+ filedTypeOptions:[],
|
|
|
+ orgsOptions:[],
|
|
|
});
|
|
|
/** 搜索按钮操作 */
|
|
|
const handleQuery = () => {
|
|
@@ -213,17 +273,30 @@ const handleQuery = () => {
|
|
|
/** 获取列表 */
|
|
|
const route = useRoute();
|
|
|
const routeQueryParams = route.query;
|
|
|
-const requestParams = ref({});
|
|
|
+const requestParams = ref<EmptyObjectType>({});
|
|
|
const queryList = () => {
|
|
|
state.loading = true;
|
|
|
+ if(routeQueryParams.type){
|
|
|
+ switch (routeQueryParams.type) {
|
|
|
+ case 'department':
|
|
|
+ state.queryParams.OrgJudge = true;
|
|
|
+ break;
|
|
|
+ case 'seat':
|
|
|
+ state.queryParams.SeatJudge = true;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
requestParams.value = Other.deepClone(state.queryParams);
|
|
|
requestParams.value.CreationTimeStart = state.queryParams.crTime === null ? null : state.queryParams.crTime[0]; // 生成时间
|
|
|
requestParams.value.CreationTimeEnd = state.queryParams.crTime === null ? null : state.queryParams.crTime[1];
|
|
|
- Reflect.deleteProperty(requestParams.value, 'crTime'); // 删除无用的参数
|
|
|
- requestParams.value.ActualHandleTimeStart = state.queryParams.doneTime === null ? null : state.queryParams.doneTime[0]; // 生成时间
|
|
|
+ Reflect.deleteProperty(requestParams.value, 'crTime'); // 受理时间
|
|
|
+ requestParams.value.ActualHandleTimeStart = state.queryParams.doneTime === null ? null : state.queryParams.doneTime[0];
|
|
|
requestParams.value.ActualHandleTimeEnd = state.queryParams.doneTime === null ? null : state.queryParams.doneTime[1];
|
|
|
- Reflect.deleteProperty(requestParams.value, 'doneTime'); // 删除无用的参数
|
|
|
- departmentSatisfactionList(requestParams.value)
|
|
|
+ Reflect.deleteProperty(requestParams.value, 'doneTime'); // 办结时间
|
|
|
+ requestParams.value.VisitTimeStart = state.queryParams.hfTime === null ? null : state.queryParams.hfTime[0];
|
|
|
+ requestParams.value.VisitTimeEnd = state.queryParams.hfTime === null ? null : state.queryParams.hfTime[1];
|
|
|
+ Reflect.deleteProperty(requestParams.value, 'hfTime'); // 回访时间
|
|
|
+ visitTurnList(requestParams.value)
|
|
|
.then((res: any) => {
|
|
|
state.tableData = res.result?.items ?? [];
|
|
|
state.total = res.result.total ?? 0;
|
|
@@ -245,15 +318,17 @@ const resetQuery = (formEl: FormInstance | undefined) => {
|
|
|
// 回访详情
|
|
|
const visitDetailRef = ref<RefType>();
|
|
|
const visitDetail = (row: any) => {
|
|
|
- visitDetailRef.value.openDialog({ ...row, id: row.visitId }, '回访详情');
|
|
|
+ visitDetailRef.value.openDialog(row, '回访详情');
|
|
|
};
|
|
|
// 获取查询条件基础信息
|
|
|
const getBaseData = async () => {
|
|
|
try {
|
|
|
- const res: any = await departmentSatisfactionDetailBase();
|
|
|
+ const res: any = await visitTurnBaseData();
|
|
|
const mappings: any = {
|
|
|
- visitSatisfaction: 'visitSatisfaction',
|
|
|
+ acceptTypeOptions: 'acceptTypeOptions',
|
|
|
+ callForwardingOptions:'callForwardingOptions',
|
|
|
orgsOptions: 'orgsOptions',
|
|
|
+ filedTypeOptions:'filedTypeOptions'
|
|
|
};
|
|
|
for (const key in mappings) {
|
|
|
state[key] = res.result?.[mappings[key]] ?? [];
|
|
@@ -265,7 +340,7 @@ const getBaseData = async () => {
|
|
|
// 交办单导出
|
|
|
const proTableRef = ref<RefType>();
|
|
|
const onJbExport = () => {
|
|
|
- const ids = proTableRef.value.selectedList.map((item: any) => item.id);
|
|
|
+ const ids = proTableRef.value.selectedList.map((item: any) => item.order?.id);
|
|
|
ElMessageBox.confirm(`您确定导出选中的${proTableRef.value.selectedList.length}个工单的交办单,是否继续?`, '提示', {
|
|
|
confirmButtonText: '确认',
|
|
|
cancelButtonText: '取消',
|
|
@@ -289,6 +364,7 @@ const onJbExport = () => {
|
|
|
.catch(() => {});
|
|
|
};
|
|
|
onMounted(() => {
|
|
|
+ ruleFormRef.value?.resetFields();
|
|
|
getBaseData();
|
|
|
queryList();
|
|
|
});
|