|
@@ -33,21 +33,18 @@
|
|
<!-- 更多查询 -->
|
|
<!-- 更多查询 -->
|
|
<el-drawer v-model="drawer" title="更多查询" size="500px">
|
|
<el-drawer v-model="drawer" title="更多查询" size="500px">
|
|
<el-form :model="state.queryParams" ref="drawerRuleFormRef" @submit.native.prevent label-width="100px" :disabled="gridOptions.loading">
|
|
<el-form :model="state.queryParams" ref="drawerRuleFormRef" @submit.native.prevent label-width="100px" :disabled="gridOptions.loading">
|
|
- <el-form-item label="网格员姓名" prop="ActualHandleOrgName">
|
|
|
|
- <el-input v-model="state.queryParams.ActualHandleOrgName" placeholder="网格员姓名" clearable @keyup.enter="handleQuery" />
|
|
|
|
|
|
+ <el-form-item label="网格员姓名" prop="MemberName">
|
|
|
|
+ <el-input v-model="state.queryParams.MemberName" placeholder="网格员姓名" clearable @keyup.enter="handleQuery" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="网格员电话" prop="NameOrNo">
|
|
|
|
- <el-input v-model="state.queryParams.NameOrNo" placeholder="网格员电话" clearable @keyup.enter="handleQuery" />
|
|
|
|
|
|
+ <el-form-item label="网格员电话" prop="MemberMobile">
|
|
|
|
+ <el-input v-model="state.queryParams.MemberMobile" placeholder="网格员电话" clearable @keyup.enter="handleQuery" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="编号" prop="ActualHandlerName">
|
|
|
|
- <el-input v-model="state.queryParams.ActualHandlerName" placeholder="编号" clearable @keyup.enter="handleQuery" />
|
|
|
|
|
|
+ <el-form-item label="编号" prop="NetworkENumber">
|
|
|
|
+ <el-input v-model="state.queryParams.NetworkENumber" placeholder="编号" clearable @keyup.enter="handleQuery" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="状态" prop="ActualHandlerName">
|
|
|
|
- <el-input v-model="state.queryParams.ActualHandlerName" 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.key" :key="item.key" :label="item.value" />
|
|
|
|
|
|
+ <el-form-item label="状态" prop="Status">
|
|
|
|
+ <el-select v-model="state.queryParams.Status" placeholder="请选择状态" clearable @change="handleQuery">
|
|
|
|
+ <el-option v-for="item in state.orderStatus" :value="item.key" :key="item.key" :label="item.value" />
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="受理时间" prop="slTime">
|
|
<el-form-item label="受理时间" prop="slTime">
|
|
@@ -77,7 +74,7 @@ import { defineAsyncComponent, onMounted, reactive, ref } from 'vue';
|
|
import type { FormInstance } from 'element-plus';
|
|
import type { FormInstance } from 'element-plus';
|
|
import { defaultTimeStartEnd, shortcuts } from '@/utils/constants';
|
|
import { defaultTimeStartEnd, shortcuts } from '@/utils/constants';
|
|
import Other from '@/utils/other';
|
|
import Other from '@/utils/other';
|
|
-import { getSSPAllOrder, getSSPAllOrderExport } from '@/api/snapshot/statistics';
|
|
|
|
|
|
+import { getSSPStatisticsGridWorkOrder, getSSPStatisticsGridWorkOrderBaseData, getSSPStatisticsGridWorkOrderExport } from '@/api/snapshot/statistics';
|
|
|
|
|
|
// 引入组件
|
|
// 引入组件
|
|
const OrderDetail = defineAsyncComponent(() => import('@/components/OrderDetail/index.vue')); // 工单详情
|
|
const OrderDetail = defineAsyncComponent(() => import('@/components/OrderDetail/index.vue')); // 工单详情
|
|
@@ -90,6 +87,10 @@ const state = reactive<any>({
|
|
// 查询条件
|
|
// 查询条件
|
|
No: null, // 工单编码
|
|
No: null, // 工单编码
|
|
Title: null, // 工单标题
|
|
Title: null, // 工单标题
|
|
|
|
+ MemberName: null, // 网格员电话
|
|
|
|
+ MemberMobile: null, // 网格员电话
|
|
|
|
+ NetworkENumber: null, // 编号
|
|
|
|
+ Status: null, // 状态
|
|
slTime: [], // 受理时间
|
|
slTime: [], // 受理时间
|
|
BeginCreationTime: null,
|
|
BeginCreationTime: null,
|
|
EndCreationTime: null,
|
|
EndCreationTime: null,
|
|
@@ -97,6 +98,7 @@ const state = reactive<any>({
|
|
tableData: [], //表单
|
|
tableData: [], //表单
|
|
loading: false, // 加载
|
|
loading: false, // 加载
|
|
total: 0, // 总数
|
|
total: 0, // 总数
|
|
|
|
+ orderStatus: [],
|
|
});
|
|
});
|
|
const requestParams = ref<EmptyObjectType>({});
|
|
const requestParams = ref<EmptyObjectType>({});
|
|
const gridOptions = reactive<any>({
|
|
const gridOptions = reactive<any>({
|
|
@@ -121,7 +123,7 @@ const gridOptions = reactive<any>({
|
|
tools: [{ toolRender: { name: 'exportCurrent' } }, { toolRender: { name: 'exportAll' } }],
|
|
tools: [{ toolRender: { name: 'exportCurrent' } }, { toolRender: { name: 'exportAll' } }],
|
|
},
|
|
},
|
|
params: {
|
|
params: {
|
|
- exportMethod: getSSPAllOrderExport,
|
|
|
|
|
|
+ exportMethod: getSSPStatisticsGridWorkOrderExport,
|
|
exportParams: requestParams,
|
|
exportParams: requestParams,
|
|
},
|
|
},
|
|
customConfig: {
|
|
customConfig: {
|
|
@@ -139,17 +141,17 @@ const gridOptions = reactive<any>({
|
|
slots: { default: 'order_detail' },
|
|
slots: { default: 'order_detail' },
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- field: 'startTime',
|
|
|
|
|
|
+ field: 'creationTime',
|
|
title: '受理时间',
|
|
title: '受理时间',
|
|
width: 160,
|
|
width: 160,
|
|
sortable: true,
|
|
sortable: true,
|
|
formatter: 'formatDate',
|
|
formatter: 'formatDate',
|
|
},
|
|
},
|
|
{ field: 'county', title: '区域', width: 150 },
|
|
{ field: 'county', title: '区域', width: 150 },
|
|
- { field: 'contact', title: '状态', width: 140 },
|
|
|
|
|
|
+ { field: 'statusTxt', title: '状态', width: 140 },
|
|
{ field: 'networkRemark', title: '回复内容', minWidth: 200 },
|
|
{ field: 'networkRemark', title: '回复内容', minWidth: 200 },
|
|
{
|
|
{
|
|
- field: 'filedTime',
|
|
|
|
|
|
+ field: 'replyDate',
|
|
title: '回复时间',
|
|
title: '回复时间',
|
|
width: 160,
|
|
width: 160,
|
|
sortable: true,
|
|
sortable: true,
|
|
@@ -157,7 +159,7 @@ const gridOptions = reactive<any>({
|
|
},
|
|
},
|
|
{ field: 'memberName', title: '网格员姓名', width: 120 },
|
|
{ field: 'memberName', title: '网格员姓名', width: 120 },
|
|
{ field: 'memberMobile', title: '网格员电话', width: 140 },
|
|
{ field: 'memberMobile', title: '网格员电话', width: 140 },
|
|
- { field: 'networkENumber', title: '编号', width: 140 },
|
|
|
|
|
|
+ { field: 'networkENumber', title: '编号', width: 200 },
|
|
],
|
|
],
|
|
data: [],
|
|
data: [],
|
|
sortConfig: {
|
|
sortConfig: {
|
|
@@ -186,7 +188,7 @@ const queryList = () => {
|
|
Reflect.deleteProperty(requestParams.value, 'slTime'); // 删除无用的参数
|
|
Reflect.deleteProperty(requestParams.value, 'slTime'); // 删除无用的参数
|
|
state.loading = true;
|
|
state.loading = true;
|
|
gridOptions.loading = true;
|
|
gridOptions.loading = true;
|
|
- getSSPAllOrder(requestParams.value)
|
|
|
|
|
|
+ getSSPStatisticsGridWorkOrder(requestParams.value)
|
|
.then((response: any) => {
|
|
.then((response: any) => {
|
|
gridOptions.data = response?.result.items ?? [];
|
|
gridOptions.data = response?.result.items ?? [];
|
|
state.total = response?.result.total;
|
|
state.total = response?.result.total;
|
|
@@ -212,8 +214,18 @@ const resetQuery = (formEl: FormInstance | undefined) => {
|
|
queryList();
|
|
queryList();
|
|
};
|
|
};
|
|
const gridRef = ref<RefType>();
|
|
const gridRef = ref<RefType>();
|
|
-
|
|
|
|
|
|
+// 获取基础数据
|
|
|
|
+const getBaseData = async () => {
|
|
|
|
+ // 获取基础数据
|
|
|
|
+ try {
|
|
|
|
+ const { result } = await getSSPStatisticsGridWorkOrderBaseData();
|
|
|
|
+ state.orderStatus = result.orderStatus;
|
|
|
|
+ } catch (e) {
|
|
|
|
+ console.log(e);
|
|
|
|
+ }
|
|
|
|
+};
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
queryList();
|
|
queryList();
|
|
|
|
+ getBaseData();
|
|
});
|
|
});
|
|
</script>
|
|
</script>
|