|
@@ -13,7 +13,7 @@
|
|
|
</el-checkbox-group>
|
|
|
</div>
|
|
|
<el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent label-width="100px">
|
|
|
- <el-row :gutter="10">
|
|
|
+ <el-row :gutter="0">
|
|
|
<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
<el-form-item label="工单标题" prop="Keyword">
|
|
|
<el-input v-model="state.queryParams.Keyword" placeholder="工单标题" clearable @keyup.enter="handleQuery" />
|
|
@@ -25,8 +25,18 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
- <el-form-item label="省本地编号" prop="ProvinceNo">
|
|
|
- <el-input v-model="state.queryParams.ProvinceNo" placeholder="省本地编号" clearable @keyup.enter="handleQuery" />
|
|
|
+ <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"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<transition name="el-zoom-in-top">
|
|
@@ -162,18 +172,8 @@
|
|
|
</transition>
|
|
|
<transition name="el-zoom-in-top">
|
|
|
<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol">
|
|
|
- <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="timeStartChangeCr"
|
|
|
- value-format="YYYY-MM-DD[T]HH:mm:ss"
|
|
|
- />
|
|
|
+ <el-form-item label="省本地编号" prop="ProvinceNo">
|
|
|
+ <el-input v-model="state.queryParams.ProvinceNo" placeholder="省本地编号" clearable @keyup.enter="handleQuery" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</transition>
|
|
@@ -211,7 +211,7 @@
|
|
|
</transition>
|
|
|
<transition name="el-zoom-in-top">
|
|
|
<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol">
|
|
|
- <el-form-item label="过期时间" prop="exTime">
|
|
|
+ <el-form-item label="期满时间" prop="exTime">
|
|
|
<el-date-picker
|
|
|
v-model="state.queryParams.exTime"
|
|
|
type="datetimerange"
|
|
@@ -220,7 +220,7 @@
|
|
|
start-placeholder="开始时间"
|
|
|
end-placeholder="结束时间"
|
|
|
:shortcuts="shortcuts"
|
|
|
- @change="timeStartChangeEx"
|
|
|
+ @change="handleQuery"
|
|
|
value-format="YYYY-MM-DD[T]HH:mm:ss"
|
|
|
/>
|
|
|
</el-form-item>
|
|
@@ -263,7 +263,7 @@
|
|
|
start-placeholder="开始时间"
|
|
|
end-placeholder="结束时间"
|
|
|
:shortcuts="shortcuts"
|
|
|
- @change="timeStartChangeDone"
|
|
|
+ @change="handleQuery"
|
|
|
value-format="YYYY-MM-DD[T]HH:mm:ss"
|
|
|
/>
|
|
|
</el-form-item>
|
|
@@ -382,7 +382,7 @@
|
|
|
import { defineAsyncComponent, onMounted, reactive, ref } from 'vue';
|
|
|
import type { FormInstance } from 'element-plus';
|
|
|
import { ElMessage, ElMessageBox, ElNotification } from 'element-plus';
|
|
|
-import { shortcuts } from '@/utils/constants';
|
|
|
+import { defaultDateOne, shortcuts } from "@/utils/constants";
|
|
|
import other from '@/utils/other';
|
|
|
import { useRoute, useRouter } from 'vue-router';
|
|
|
import { formatDate } from '@/utils/formatTime';
|
|
@@ -392,6 +392,7 @@ import { addEnd } from '@/api/query/end';
|
|
|
import { treeArea } from '@/api/auxiliary/area';
|
|
|
import { orderSign } from '@/api/todo/order';
|
|
|
import { downloadFileByStream, downloadZip } from '@/utils/tools';
|
|
|
+import Other from "@/utils/other";
|
|
|
|
|
|
// 引入组件
|
|
|
const OrderDetail = defineAsyncComponent(() => import('@/components/OrderDetail/index.vue')); // 工单详情
|
|
@@ -423,7 +424,7 @@ const state = reactive<any>({
|
|
|
HotspotIds: [], // 热点
|
|
|
OrgCodes: [], // 机构
|
|
|
NameOrNo: null, // 受理坐席
|
|
|
- crTime: [], // 创建时间
|
|
|
+ crTime: defaultDateOne, // 生成时间
|
|
|
CreationTimeStart: null, // 创建时间 开始
|
|
|
CreationTimeEnd: null, // 创建时间 结束
|
|
|
TransferPhone: null, // 转派人
|
|
@@ -555,28 +556,6 @@ const changeArea = () => {
|
|
|
const area = areaRef.value?.getCheckedNodes() ?? [];
|
|
|
state.queryParams.AreaCodes = area.map((item: any) => item.value);
|
|
|
};
|
|
|
-const handleTimeChange = (val: string[], startKey: string, endKey: string) => {
|
|
|
- if (val) {
|
|
|
- state.queryParams[startKey] = val[0];
|
|
|
- state.queryParams[endKey] = val[1];
|
|
|
- } else {
|
|
|
- state.queryParams[startKey] = '';
|
|
|
- state.queryParams[endKey] = '';
|
|
|
- }
|
|
|
- handleQuery();
|
|
|
-};
|
|
|
-// 受理时间
|
|
|
-const timeStartChangeCr = (val: string[]) => {
|
|
|
- handleTimeChange(val, 'CreationTimeStart', 'CreationTimeEnd');
|
|
|
-};
|
|
|
-// 过期时间
|
|
|
-const timeStartChangeEx = (val: string[]) => {
|
|
|
- handleTimeChange(val, 'ExpiredTimeStart', 'ExpiredTimeEnd');
|
|
|
-};
|
|
|
-// 办结时间
|
|
|
-const timeStartChangeDone = (val: string[]) => {
|
|
|
- handleTimeChange(val, 'ActualHandleTimeStart', 'ActualHandleTimeEnd');
|
|
|
-};
|
|
|
// 获取查询条件基础信息
|
|
|
const getBaseData = async () => {
|
|
|
try {
|
|
@@ -607,11 +586,19 @@ const handleQuery = () => {
|
|
|
};
|
|
|
/** 获取列表 */
|
|
|
const queryList = () => {
|
|
|
- let request = other.deepClone(state.queryParams);
|
|
|
- Reflect.deleteProperty(request, 'crTime'); // 删除无用的参数
|
|
|
- Reflect.deleteProperty(request, 'exTime'); // 删除无用的参数
|
|
|
- Reflect.deleteProperty(request, 'doneTime'); // 删除无用的参数
|
|
|
- Reflect.deleteProperty(request, 'AreaCode'); // 删除无用的参数
|
|
|
+
|
|
|
+ let request = Other.deepClone(state.queryParams);
|
|
|
+ request.CreationTimeStart = state.queryParams.crTime === null ? null : state.queryParams.crTime[0]; // 生成时间
|
|
|
+ request.CreationTimeEnd = state.queryParams.crTime === null ? null : state.queryParams.crTime[1];
|
|
|
+ request.ExpiredTimeStart = state.queryParams.exTime === null ? null : state.queryParams.exTime[0]; // 期满时间
|
|
|
+ request.ExpiredTimeEnd = state.queryParams.exTime === null ? null : state.queryParams.exTime[1];
|
|
|
+ request.ActualHandleTimeStart = state.queryParams.doneTime === null ? null : state.queryParams.doneTime[0]; // 期满时间
|
|
|
+ request.ActualHandleTimeEnd = state.queryParams.doneTime === null ? null : state.queryParams.doneTime[1];
|
|
|
+ Reflect.deleteProperty(request, 'crTime'); // 删除无用的参数
|
|
|
+ Reflect.deleteProperty(request, 'exTime'); // 删除无用的参数
|
|
|
+ Reflect.deleteProperty(request, 'doneTime'); // 删除无用的参数
|
|
|
+ Reflect.deleteProperty(request, 'AreaCode'); // 删除无用的参数
|
|
|
+
|
|
|
state.loading = true;
|
|
|
orderList(request)
|
|
|
.then((response: any) => {
|
|
@@ -629,12 +616,6 @@ const hotSpotRef = ref<RefType>();
|
|
|
const resetQuery = (formEl: FormInstance | undefined) => {
|
|
|
if (!formEl) return;
|
|
|
formEl.resetFields();
|
|
|
- state.queryParams.CreationTimeStart = null;
|
|
|
- state.queryParams.CreationTimeEnd = null;
|
|
|
- state.queryParams.ExpiredTimeStart = null;
|
|
|
- state.queryParams.ExpiredTimeEnd = null;
|
|
|
- state.queryParams.ActualHandleTimeStart = null;
|
|
|
- state.queryParams.ActualHandleTimeEnd = null;
|
|
|
state.queryParams.IsSensitiveWord = null;
|
|
|
state.queryParams.IsProvinceOrder = null;
|
|
|
fastSearch.value = 'all';
|