|
@@ -136,6 +136,59 @@
|
|
|
<!-- 更多查询 -->
|
|
|
<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="AcceptType ">
|
|
|
+ <el-select v-model="state.queryParams.AcceptType" placeholder="请选择受理类型" @change="handleQuery" clearable>
|
|
|
+ <el-option v-for="item in acceptTypeOptions" :value="item.dicDataValue" :key="item.dicDataValue" :label="item.dicDataName" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="来源渠道" prop="Channel">
|
|
|
+ <el-select v-model="state.queryParams.Channel" placeholder="请选择来源渠道" @change="handleQuery" clearable>
|
|
|
+ <el-option v-for="item in channelOptions" :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="slTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="state.queryParams.slTime"
|
|
|
+ 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="qmTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="state.queryParams.qmTime"
|
|
|
+ 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="DelayApplyName">
|
|
|
+ <el-input v-model.trim="state.queryParams.DelayApplyName" placeholder="延期申请人" clearable @keyup.enter="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="延期申请部门" prop="DelayApplyOrgName">
|
|
|
+ <el-input v-model.trim="state.queryParams.DelayApplyOrgName" placeholder="延期申请部门" clearable @keyup.enter="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="是否自动延期" prop="IsAutomaticDelay" v-if="['ZiGong'].includes(themeConfig.appScope)">
|
|
|
+ <el-select v-model="state.queryParams.IsAutomaticDelay" placeholder="请选择是否自动延期" @change="handleQuery" clearable>
|
|
|
+ <el-option :value="true" label="是" />
|
|
|
+ <el-option :value="false" label="否" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="当前节点" prop="CurrentStepName">
|
|
|
<!-- <el-select v-model="state.queryParams.CurrentStepName" placeholder="当前节点" @change="handleQuery" clearable>
|
|
|
<el-option v-for="item in state.visitTypeOptions" :value="item.key" :key="item.key" :label="item.value" />
|
|
@@ -165,7 +218,7 @@
|
|
|
</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>
|
|
|
+ <el-button @click="resetQuery(drawerRuleFormRef)" class="default-button" :loading="state.loading"> <SvgIcon name="ele-Refresh" class="mr5" />重置 </el-button>
|
|
|
</template>
|
|
|
</el-drawer>
|
|
|
</div>
|
|
@@ -202,6 +255,18 @@ const state = reactive<any>({
|
|
|
sqTime: [], // 延期申请时间
|
|
|
StartCreationTime: null,
|
|
|
EndCreationTime: null,
|
|
|
+ AcceptType: null, // 受理类型
|
|
|
+ Channel: null, // 来源渠道
|
|
|
+ Hotspot: null, // 热点分类
|
|
|
+ slTime: [], // 受理时间
|
|
|
+ CreationTimeStart: null, // 受理时间开始
|
|
|
+ CreationTimeEnd: null, // 受理时间结束
|
|
|
+ qmTime: [], // 期满时间
|
|
|
+ ExpiredTimeStart: null, // 期满时间开始
|
|
|
+ ExpiredTimeEnd: null, // 期满时间结束
|
|
|
+ DelayApplyName: null, // 延期申请人
|
|
|
+ DelayApplyOrgName: null, // 延期申请部门
|
|
|
+ IsAutomaticDelay: null, // 是否自动延期
|
|
|
},
|
|
|
tableData: [], //表格
|
|
|
loading: false, // 加载
|
|
@@ -211,6 +276,8 @@ const state = reactive<any>({
|
|
|
// 获取查询条件基础信息
|
|
|
const delayStateOptions = ref<EmptyArrayType>([]); // 延期状态
|
|
|
const queryDelayState = ref<EmptyArrayType>([]); // 延期状态快捷查询
|
|
|
+const acceptTypeOptions = ref<EmptyArrayType>([]); // 受理类型
|
|
|
+const channelOptions = ref<EmptyArrayType>([]); // 来源渠道
|
|
|
const getBaseData = async () => {
|
|
|
const res: any = await delayBaseData();
|
|
|
delayStateOptions.value = res.result?.delayState ?? [];
|
|
@@ -222,6 +289,8 @@ const getBaseData = async () => {
|
|
|
};
|
|
|
})
|
|
|
.sort((a, b) => a.value - b.value);
|
|
|
+ acceptTypeOptions.value = res.result?.acceptTypeOptions ?? [];
|
|
|
+ channelOptions.value = res.result?.channelOptions ?? [];
|
|
|
};
|
|
|
// 手动查询,将页码设置为1
|
|
|
const handleQuery = () => {
|
|
@@ -238,9 +307,15 @@ const queryList = () => {
|
|
|
return new Promise((resolve, reject) => {
|
|
|
state.loading = true;
|
|
|
requestParams.value = Other.deepClone(state.queryParams);
|
|
|
- requestParams.value.StartCreationTime = state.queryParams.sqTime === null ? null : state.queryParams.sqTime[0];
|
|
|
+ requestParams.value.StartCreationTime = state.queryParams.sqTime === null ? null : state.queryParams.sqTime[0]; // 申请时间
|
|
|
requestParams.value.EndCreationTime = state.queryParams.sqTime === null ? null : state.queryParams.sqTime[1];
|
|
|
Reflect.deleteProperty(requestParams.value, 'sqTime');
|
|
|
+ requestParams.value.CreationTimeStart = state.queryParams.slTime === null ? null : state.queryParams.slTime[0]; // 受理时间
|
|
|
+ requestParams.value.CreationTimeEnd = state.queryParams.slTime === null ? null : state.queryParams.slTime[1];
|
|
|
+ Reflect.deleteProperty(requestParams.value, 'slTime');
|
|
|
+ requestParams.value.ExpiredTimeStart = state.queryParams.qmTime === null ? null : state.queryParams.qmTime[0]; // 期满时间
|
|
|
+ requestParams.value.ExpiredTimeEnd = state.queryParams.qmTime === null ? null : state.queryParams.qmTime[1];
|
|
|
+ Reflect.deleteProperty(requestParams.value, 'qmTime');
|
|
|
delayList(requestParams.value)
|
|
|
.then((res: any) => {
|
|
|
state.tableData = res.result?.items ?? [];
|