|
|
@@ -2,27 +2,12 @@
|
|
|
<div class="statistics-department-satisfaction-detail-container layout-padding">
|
|
|
<div class="layout-padding-auto layout-padding-view pd20">
|
|
|
<el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent inline :disabled="state.loading">
|
|
|
- <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-select>
|
|
|
+ <el-form-item label="工单编码" prop="No">
|
|
|
+ <el-input v-model="state.queryParams.No" placeholder="工单编码" clearable @keyup.enter="handleQuery" class="keyword-input" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="回访方式" prop="VisitType">
|
|
|
- <el-select v-model="state.queryParams.VisitType" placeholder="请选择回访方式" clearable @change="handleQuery">
|
|
|
- <el-option v-for="item in state.visitType" :value="item.key" :key="item.key" :label="item.value" />
|
|
|
- </el-select>
|
|
|
+ <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="IsProvinceOrder">
|
|
|
- <el-select v-model="state.queryParams.IsProvinceOrder" placeholder="请选择省/市工单" clearable @change="handleQuery">
|
|
|
- <el-option :value="true" label="省工单" />
|
|
|
- <el-option :value="false" label="市工单" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="回访内容" prop="ContentRetrieval">
|
|
|
- <el-input v-model="state.queryParams.ContentRetrieval" placeholder="回访内容" clearable @keyup.enter="handleQuery" />
|
|
|
- </el-form-item>
|
|
|
<!-- <el-form-item label="超期类型" prop="ExpiredType">
|
|
|
<el-select v-model="state.queryParams.ExpiredType" placeholder="请选择超期类型" clearable @change="handleQuery">
|
|
|
<el-option value="1" label="系统中超期"></el-option>
|
|
|
@@ -31,9 +16,10 @@
|
|
|
</el-form-item>-->
|
|
|
<el-form-item>
|
|
|
<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">
|
|
|
+ <el-button @click="drawer = true" class="default-button"> <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-button>-->
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<vxe-toolbar
|
|
|
@@ -91,6 +77,7 @@
|
|
|
>
|
|
|
<vxe-column type="checkbox" width="60" align="center"></vxe-column>
|
|
|
<vxe-column field="no" title="工单编码" width="140"></vxe-column>
|
|
|
+ <vxe-column field="isProvinceText" title="省/市工单" width="90"></vxe-column>
|
|
|
<vxe-column field="reTransactNum" title="重办次数" width="90"></vxe-column>
|
|
|
<vxe-column field="orderScreenStatusText" title="甄别" width="90"></vxe-column>
|
|
|
<vxe-column field="visitContent" title="回访信息" width="150"></vxe-column>
|
|
|
@@ -138,6 +125,109 @@
|
|
|
:disabled="state.loading"
|
|
|
/>
|
|
|
</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-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-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="省/市工单" prop="IsProvinceOrder">
|
|
|
+ <el-select v-model="state.queryParams.IsProvinceOrder" placeholder="请选择省/市工单" clearable @change="handleQuery">
|
|
|
+ <el-option :value="true" label="省工单" />
|
|
|
+ <el-option :value="false" label="市工单" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="回访内容" prop="ContentRetrieval">
|
|
|
+ <el-input v-model="state.queryParams.ContentRetrieval" placeholder="回访内容" clearable @keyup.enter="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="回访方式" prop="VisitType">
|
|
|
+ <el-select v-model="state.queryParams.VisitType" placeholder="请选择回访方式" clearable class="w100" @change="handleQuery">
|
|
|
+ <el-option v-for="item in state.visitType" :value="item.key" :key="item.key" :label="item.value" />
|
|
|
+ </el-select>
|
|
|
+ </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"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="部门分类" prop="OrgVisitStatisticsType">
|
|
|
+ <el-select v-model="state.queryParams.OrgVisitStatisticsType" placeholder="请选择部门分类" @change="handleQuery" clearable>
|
|
|
+ <el-option label="中心归档" value="10" />
|
|
|
+ <el-option label="部门归档" value="20" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="来源渠道" prop="Channel">
|
|
|
+ <el-select v-model="state.queryParams.Channel" placeholder="请选择来源渠道" clearable @change="handleQuery">
|
|
|
+ <el-option v-for="item in state.channelOptions" :value="item.dicDataValue" :key="item.dicDataValue" :label="item.dicDataName" />
|
|
|
+ </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>
|
|
|
+ <el-form-item label="办件结果" prop="OrgProcessingResults">
|
|
|
+ <el-select v-model="state.queryParams.OrgProcessingResults" 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-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-cascader
|
|
|
+ :options="state.orgsOptions"
|
|
|
+ filterable
|
|
|
+ :show-all-levels="false"
|
|
|
+ :props="{ checkStrictly: true, value: 'id', label: 'name', emitPath: false }"
|
|
|
+ placeholder="请选择回访部门"
|
|
|
+ clearable
|
|
|
+ class="w100"
|
|
|
+ v-model="state.queryParams.OrgId"
|
|
|
+ @change="handleQuery"
|
|
|
+ >
|
|
|
+ </el-cascader>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="办结时间" prop="doneTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="state.queryParams.doneTime"
|
|
|
+ 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="IsProvinceOrder">
|
|
|
+ <el-select v-model="state.queryParams.IsProvinceOrder" placeholder="请选择省/市工单" clearable @change="handleQuery">
|
|
|
+ <el-option :value="true" label="省工单" />
|
|
|
+ <el-option :value="false" label="市工单" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="回访内容" prop="ContentRetrieval">
|
|
|
+ <el-input v-model="state.queryParams.ContentRetrieval" placeholder="回访内容" clearable @keyup.enter="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <template #footer>
|
|
|
+ <el-button type="primary" @click="handleQuery" :loading="state.loading"> <SvgIcon name="ele-Search" class="mr5" />查询 </el-button>
|
|
|
+ <el-button @click="resetQuery(drawerRuleFormRef)" class="default-button"> <SvgIcon name="ele-Refresh" class="mr5" />重置 </el-button>
|
|
|
+ </template>
|
|
|
+ </el-drawer>
|
|
|
<!-- 回访详情 -->
|
|
|
<visit-detail-com ref="visitDetailRef" @updateList="queryList" />
|
|
|
</div>
|
|
|
@@ -145,12 +235,16 @@
|
|
|
<script setup lang="tsx" name="statisticsDepartmentSatisfiedDetail">
|
|
|
import { onMounted, reactive, ref, defineAsyncComponent, computed } from 'vue';
|
|
|
import { FormInstance } from 'element-plus';
|
|
|
-import { departmentSatisfactionBase, departmentSatisfactionDetail, departmentSatisfactionDetailExport } from '@/api/statistics/department';
|
|
|
+import {
|
|
|
+ departmentSatisfactionBase,
|
|
|
+ departmentSatisfactionDetail,
|
|
|
+ departmentSatisfactionDetailBase,
|
|
|
+ departmentSatisfactionDetailExport,
|
|
|
+} from '@/api/statistics/department';
|
|
|
import { formatDate } from '@/utils/formatTime';
|
|
|
-import { defaultDate } from '@/utils/constants';
|
|
|
+import { defaultTimeStartEnd, shortcuts } from '@/utils/constants';
|
|
|
import { useRoute } from 'vue-router';
|
|
|
import { exportAssignment } from '@/utils/tools';
|
|
|
-import Other from "@/utils/other";
|
|
|
|
|
|
// 引入组件
|
|
|
const VisitDetailCom = defineAsyncComponent(() => import('@/views/business/visit/components/Visit-detail.vue')); // 回访
|
|
|
@@ -158,24 +252,38 @@ const OrderDetail = defineAsyncComponent(() => import('@/components/OrderDetail/
|
|
|
const pagination = defineAsyncComponent(() => import('@/components/ProTable/components/Pagination.vue')); // 分页
|
|
|
|
|
|
// 定义变量内容
|
|
|
-const ruleFormRef = ref<RefType>(); // 表单ref
|
|
|
const state = reactive<any>({
|
|
|
queryParams: {
|
|
|
// 查询条件
|
|
|
PageIndex: 1,
|
|
|
PageSize: 20,
|
|
|
+ No: null, // 工单编码
|
|
|
+ Title: null, // 标题
|
|
|
+ crTime: [], // 受理时间
|
|
|
+ CreationTimeStart: null,
|
|
|
+ CreationTimeEnd: null, // 受理时间
|
|
|
+ OrgVisitStatisticsType: null, // 部门分类
|
|
|
+ Channel: null, // 来源渠道
|
|
|
+ VisitUser: null, // 回访人
|
|
|
+ OrgProcessingResults: null, // 办件结果
|
|
|
+ Hotspot: null, // 热点分类
|
|
|
+ OrgId: null, // 回访部门
|
|
|
+ doneTime: [], // 办结时间
|
|
|
+ ActualHandleTimeStart: null,
|
|
|
+ ActualHandleTimeEnd: null,
|
|
|
+ IsProvinceOrder: null, // 省工单
|
|
|
+ ContentRetrieval: null, // 回访内容
|
|
|
TypeId: '1', //
|
|
|
LineNum: null,
|
|
|
TypeCode: 0,
|
|
|
SortField: null,
|
|
|
SortRule: null,
|
|
|
visitType: null,
|
|
|
- IsProvinceOrder: null,
|
|
|
- ContentRetrieval:null,
|
|
|
},
|
|
|
tableData: [], //表单
|
|
|
loading: false, // 加载
|
|
|
total: 0, // 总数
|
|
|
+ channelOptions: [],
|
|
|
visitType: [],
|
|
|
});
|
|
|
// 排序
|
|
|
@@ -203,9 +311,9 @@ const queryList = () => {
|
|
|
TypeId: routeQueryParams.TypeId,
|
|
|
LineNum: routeQueryParams.LineNum,
|
|
|
OrgCode: routeQueryParams.OrgCode,
|
|
|
- IsOnlyMy: routeQueryParams.IsOnlyMy,
|
|
|
+ IsOnlyMy: routeQueryParams.IsOnlyMy,
|
|
|
DateValue: routeQueryParams.DateValue,
|
|
|
- PickOrgCode: routeQueryParams.PickOrgCode,
|
|
|
+ PickOrgCode: routeQueryParams.PickOrgCode,
|
|
|
...state.queryParams,
|
|
|
};
|
|
|
departmentSatisfactionDetail(requestParams.value)
|
|
|
@@ -219,9 +327,13 @@ const queryList = () => {
|
|
|
});
|
|
|
};
|
|
|
/** 重置按钮操作 */
|
|
|
+const drawerRuleFormRef = ref();
|
|
|
+const ruleFormRef = ref<RefType>(); // 表单ref
|
|
|
+const drawer = ref(false);
|
|
|
const resetQuery = (formEl: FormInstance | undefined) => {
|
|
|
if (!formEl) return;
|
|
|
formEl.resetFields();
|
|
|
+ ruleFormRef.value?.resetFields();
|
|
|
queryList();
|
|
|
};
|
|
|
// 回访详情
|
|
|
@@ -258,10 +370,19 @@ const tableRef = ref<RefType>();
|
|
|
// 获取查询基础数据
|
|
|
const getBaseData = async () => {
|
|
|
try {
|
|
|
- const { result } = await departmentSatisfactionBase();
|
|
|
- state.visitType = result.visitType;
|
|
|
- } catch (e) {
|
|
|
- console.log(e);
|
|
|
+ const { result } = await departmentSatisfactionDetailBase();
|
|
|
+ const mappings: any = {
|
|
|
+ visitSatisfaction: 'visitSatisfaction',
|
|
|
+ orgsOptions: 'orgsOptions',
|
|
|
+ attitudeType: 'attitudeType',
|
|
|
+ channelOptions: 'channelOptions',
|
|
|
+ visitType: 'visitType',
|
|
|
+ };
|
|
|
+ for (const key in mappings) {
|
|
|
+ state[key] = result?.[mappings[key]] ?? [];
|
|
|
+ }
|
|
|
+ } catch (error) {
|
|
|
+ console.log(error);
|
|
|
}
|
|
|
};
|
|
|
onMounted(() => {
|
zhangchong