|
|
@@ -101,6 +101,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="FromPhone">
|
|
|
+ <el-input v-model.trim="state.queryParams.FromPhone" placeholder="来电号码" clearable @keyup.enter="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="接办部门" prop="ActualHandleOrgName">
|
|
|
+ <el-input v-model="state.queryParams.ActualHandleOrgName" placeholder="请填写接办部门名称" clearable @keyup.enter="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="受理类型" prop="AcceptType">
|
|
|
+ <el-select v-model="state.queryParams.AcceptType" placeholder="请选择受理类型" clearable @change="handleQuery">
|
|
|
+ <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.trim="state.queryParams.Hotspot" placeholder="热点分类名称" clearable @keyup.enter="handleQuery" />
|
|
|
+ </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="CurrentStepCode">
|
|
|
+ <el-select v-model="state.queryParams.CurrentStepCode" placeholder="请选择当前节点" clearable @change="handleQuery">
|
|
|
+ <el-option v-for="item in state.currentStepOptions" :value="item.key" :key="item.key" :label="item.value" />
|
|
|
+ </el-select>
|
|
|
+ </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="Status">
|
|
|
+ <el-select v-model="state.queryParams.Status" placeholder="请选择工单状态" clearable @change="handleQuery">
|
|
|
+ <el-option v-for="item in state.orderStatusOptions" :value="item.key" :key="item.key" :label="item.value" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="是否省工单" prop="IsProvince">
|
|
|
<el-select v-model="state.queryParams.IsProvince" placeholder="请选择是否省工单" @change="handleQuery" clearable>
|
|
|
<el-option label="是" value="true" />
|
|
|
@@ -127,6 +179,10 @@ import { FormInstance } from 'element-plus';
|
|
|
import { formatDate } from '@/utils/formatTime';
|
|
|
import { exportOverdueList, overdueList } from '@/api/query/overdue';
|
|
|
import { exportAssignment } from '@/utils/tools';
|
|
|
+import { defaultTimeStartEnd, shortcuts } from '@/utils/constants';
|
|
|
+import Other from '@/utils/other';
|
|
|
+import { listBaseData } from '@/api/business/order';
|
|
|
+import { departmentSatisfactionDetailBase } from '@/api/statistics/department';
|
|
|
|
|
|
// 引入组件
|
|
|
const OrderDetail = defineAsyncComponent(() => import('@/components/OrderDetail/index.vue')); // 工单详情
|
|
|
@@ -144,10 +200,26 @@ const state = reactive<any>({
|
|
|
Delay: null, // 是否延期
|
|
|
SortField: null,
|
|
|
SortRule: null,
|
|
|
+ FromPhone:null, // 来电号码
|
|
|
+ ActualHandleOrgName:null, // 接办部门
|
|
|
+ AcceptType:null, // 受理类型
|
|
|
+ Hotspot:null, // 热点
|
|
|
+ crTime:[], // 受理时间
|
|
|
+ CreationTimeStart:null,
|
|
|
+ CreationTimeEnd:null,
|
|
|
+ CurrentStepCode:null,
|
|
|
+ doneTime:[], // 办结时间
|
|
|
+ FiledTimeStart:null,
|
|
|
+ FiledTimeEnd:null,
|
|
|
+ Status:null,// 工单状态
|
|
|
},
|
|
|
tableData: [], //表单
|
|
|
loading: false, // 加载
|
|
|
total: 0, // 总数
|
|
|
+ acceptTypeOptions: [], //受理类型
|
|
|
+ channelOptions: [], // 来源频道
|
|
|
+ orderStatusOptions: [], // 工单状态
|
|
|
+ currentStepOptions: [], // 办理节点
|
|
|
});
|
|
|
// 排序
|
|
|
const sortChange = (val: any) => {
|
|
|
@@ -165,7 +237,13 @@ const handleQuery = () => {
|
|
|
const requestParams = ref<EmptyObjectType>({});
|
|
|
const queryList = () => {
|
|
|
state.loading = true;
|
|
|
- requestParams.value = state.queryParams;
|
|
|
+ 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.FiledTimeStart = state.queryParams.doneTime === null ? null : state.queryParams.doneTime[0]; // 办结时间
|
|
|
+ requestParams.value.FiledTimeEnd = state.queryParams.doneTime === null ? null : state.queryParams.doneTime[1];
|
|
|
+ Reflect.deleteProperty(requestParams.value, 'doneTime'); // 删除无用的参数
|
|
|
overdueList(state.queryParams)
|
|
|
.then((res) => {
|
|
|
state.tableData = res.result?.items ?? [];
|
|
|
@@ -216,13 +294,31 @@ const resetQuery = (formEl: FormInstance | undefined) => {
|
|
|
if (!formEl) return;
|
|
|
formEl.resetFields();
|
|
|
ruleFormRef.value?.resetFields();
|
|
|
- queryList();
|
|
|
+ handleQuery();
|
|
|
};
|
|
|
+// 获取查询基础数据
|
|
|
+const getBaseData = async () => {
|
|
|
+ try {
|
|
|
+ const res: any = await departmentSatisfactionDetailBase();
|
|
|
+ const mappings: any = {
|
|
|
+ acceptTypeOptions: 'acceptTypeOptions',
|
|
|
+ channelOptions: 'channelOptions',
|
|
|
+ orderStatusOptions: 'orderStatusOptions',
|
|
|
+ currentStepOptions: 'currentStepOptions',
|
|
|
+ };
|
|
|
+ for (const key in mappings) {
|
|
|
+ state[key] = res.result?.[mappings[key]] ?? [];
|
|
|
+ }
|
|
|
+ }catch (e){
|
|
|
+ console.log(e);
|
|
|
+ }
|
|
|
+}
|
|
|
const toolbarRef = ref<RefType>();
|
|
|
-onMounted(async () => {
|
|
|
+onMounted(() => {
|
|
|
queryList();
|
|
|
if (tableRef.value && toolbarRef.value) {
|
|
|
tableRef.value.connect(toolbarRef.value);
|
|
|
}
|
|
|
+ getBaseData();
|
|
|
});
|
|
|
</script>
|
zhangchong