reactor:新增随手拍报表;

src/views/snapshot/statistics/detailStatistics.vue

@@ -1,182 +1,179 @@
 <template>
-  <div class="snapshot-statistics-all-order-container layout-padding">
-    <div class="layout-padding-auto layout-padding-view pd20">
-      <vxe-grid v-bind="gridOptions" v-on="gridEvents" ref="gridRef" @checkbox-all="selectAllChangeEvent" @checkbox-change="selectChangeEvent">
-        <template #form>
-          <el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent inline :disabled="state.loading">
-            <el-form-item label="工单标题" prop="Keyword">
-              <el-input v-model.trim="state.queryParams.Keyword" placeholder="工单标题" clearable @keyup.enter="handleQuery" class="keyword-input" />
-            </el-form-item>
-            <el-form-item label="工单编码" prop="No">
-              <el-input v-model.trim="state.queryParams.No" placeholder="工单编码" clearable @keyup.enter="handleQuery" class="keyword-input" />
-            </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="drawer = true" class="default-button"> <SvgIcon name="ele-Search" class="mr5" />更多查询</el-button>
-            </el-form-item>
-          </el-form>
-        </template>
-        <template #toolbar_buttons>
-          <el-button type="primary" @click="onJbExport" :disabled="isChecked" :loading="state.loading"
-          ><SvgIcon name="iconfont icon-daochu" class="mr5" />交办单导出<span v-if="checkTable.length">({{ checkTable.length }})</span></el-button
-          >
-        </template>
-        <template #statusTxt="{ row }">
-          <el-text type="danger" tag="b" v-if="[1, 2, 3, 9, 101, 102, 103, 104, 105, 200].includes(row.status)">{{ row.statusTxt }}</el-text>
-          <span v-else>{{ row.statusTxt }}</span>
-        </template>
-        <template #order_detail="{ row }">
-          <order-detail :order="row" @updateList="queryList">{{ row.title }}</order-detail>
-        </template>
-        <template #pager>
-          <pagination
-              @pagination="queryList"
-              :total="state.total"
-              v-model:current-page="state.queryParams.PageIndex"
-              v-model:page-size="state.queryParams.PageSize"
-              :disabled="state.loading"
-          />
-        </template>
-      </vxe-grid>
-    </div>
-    <!--	更多查询	-->
-    <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="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.key" :key="item.key" :label="item.value" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="受理人" prop="NameOrNo">
-          <el-input v-model="state.queryParams.NameOrNo" placeholder="受理人/坐席工号" clearable @keyup.enter="handleQuery" />
-        </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="FromPhone">
-          <el-input v-model.trim="state.queryParams.FromPhone" placeholder="来电号码" clearable @keyup.enter="handleQuery" />
-        </el-form-item>
-        <el-form-item label="联系电话" prop="PhoneNo">
-          <el-input v-model.trim="state.queryParams.PhoneNo" placeholder="联系电话" clearable @keyup.enter="handleQuery" />
-        </el-form-item>
-        <el-form-item label="来电人姓名" prop="FromName">
-          <el-input v-model="state.queryParams.FromName" placeholder="来电人姓名" clearable @keyup.enter="handleQuery" />
-        </el-form-item>
-        <el-form-item label="期满时间" prop="exTime">
-          <el-date-picker
-              v-model="state.queryParams.exTime"
-              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="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="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="County">
-          <el-select v-model="state.queryParams.County" placeholder="请选择区域" clearable @change="handleQuery">
-            <el-option v-for="item in state.area" :value="item.key" :key="item.key" :label="item.value" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="是否甄别" prop="IsScreen">
-          <el-select v-model="state.queryParams.IsScreen" placeholder="请选择是否甄别" clearable @change="handleQuery">
-            <el-option label="是" :value="true" />
-            <el-option label="否" :value="false" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="当前节点" prop="CurrentStepName">
-          <el-select v-model="state.queryParams.CurrentStepName" placeholder="请选择当前节点" clearable @change="handleQuery">
-            <el-option v-for="item in state.currentStepOptions" :value="item.value" :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="Hotspot">
-          <el-input v-model.trim="state.queryParams.Hotspot" placeholder="热点分类名称" clearable @keyup.enter="handleQuery" />
-        </el-form-item>
-        <el-form-item label="工单标签" prop="OrderTagCode" v-if="['ZiGong', 'LuZhou'].includes(themeConfig.appScope)">
-          <el-select v-model="state.queryParams.OrderTagCode" placeholder="请选择工单标签" clearable @change="handleQuery">
-            <el-option v-for="item in state.orderTagOptions" :value="item.dicDataValue" :key="item.dicDataValue" :label="item.dicDataName" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="是否紧急" prop="IsUrgent">
-          <el-select v-model="state.queryParams.IsUrgent" placeholder="请选择是否紧急" clearable @change="handleQuery">
-            <el-option :value="true" label="紧急" />
-            <el-option :value="false" label="不紧急" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="转接来源" prop="TransferPhone">
-          <el-input v-model="state.queryParams.TransferPhone" placeholder="转接来源" clearable @keyup.enter="handleQuery" />
-        </el-form-item>
-        <el-form-item label="一级部门" prop="OrgLevelOneName">
-          <el-input v-model="state.queryParams.OrgLevelOneName" placeholder="请填写一级部门名称" clearable @keyup.enter="handleQuery" />
-        </el-form-item>
-        <el-form-item label="不满意转办" prop="DiscontentTurnTo">
-          <el-select v-model="state.queryParams.DiscontentTurnTo" placeholder="请选择不满意转办" clearable @change="handleQuery">
-            <el-option :value="true" label="是" />
-            <el-option :value="false" label="否" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="行业" prop="IndustryId">
-          <el-select v-model="state.queryParams.IndustryId" placeholder="请选择行业" clearable @change="handleQuery">
-            <el-option v-for="item in state.industryOptions" :value="item.id" :key="item.id" :label="item.name" />
-          </el-select>
-        </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>
-  </div>
+	<div class="snapshot-statistics-all-order-container layout-padding">
+		<div class="layout-padding-auto layout-padding-view pd20">
+			<vxe-grid v-bind="gridOptions" v-on="gridEvents" ref="gridRef" @checkbox-all="selectAllChangeEvent" @checkbox-change="selectChangeEvent">
+				<template #form>
+					<el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent inline :disabled="state.loading">
+						<el-form-item label="工单标题" prop="Keyword">
+							<el-input v-model.trim="state.queryParams.Keyword" placeholder="工单标题" clearable @keyup.enter="handleQuery" class="keyword-input" />
+						</el-form-item>
+						<el-form-item label="工单编码" prop="No">
+							<el-input v-model.trim="state.queryParams.No" placeholder="工单编码" clearable @keyup.enter="handleQuery" class="keyword-input" />
+						</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="drawer = true" class="default-button"> <SvgIcon name="ele-Search" class="mr5" />更多查询</el-button>
+						</el-form-item>
+					</el-form>
+				</template>
+				<template #toolbar_buttons>
+					<el-button type="primary" @click="onJbExport" :disabled="isChecked" :loading="state.loading"
+						><SvgIcon name="iconfont icon-daochu" class="mr5" />交办单导出<span v-if="checkTable.length">({{ checkTable.length }})</span></el-button
+					>
+				</template>
+				<template #statusTxt="{ row }">
+					<el-text type="danger" tag="b" v-if="[1, 2, 3, 9, 101, 102, 103, 104, 105, 200].includes(row.status)">{{ row.statusTxt }}</el-text>
+					<span v-else>{{ row.statusTxt }}</span>
+				</template>
+				<template #order_detail="{ row }">
+					<order-detail :order="row" @updateList="queryList">{{ row.title }}</order-detail>
+				</template>
+				<template #pager>
+					<pagination
+						@pagination="queryList"
+						:total="state.total"
+						v-model:current-page="state.queryParams.PageIndex"
+						v-model:page-size="state.queryParams.PageSize"
+						:disabled="state.loading"
+					/>
+				</template>
+			</vxe-grid>
+		</div>
+		<!--	更多查询	-->
+		<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="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.key" :key="item.key" :label="item.value" />
+					</el-select>
+				</el-form-item>
+				<el-form-item label="受理人" prop="NameOrNo">
+					<el-input v-model="state.queryParams.NameOrNo" placeholder="受理人/坐席工号" clearable @keyup.enter="handleQuery" />
+				</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="FromPhone">
+					<el-input v-model.trim="state.queryParams.FromPhone" placeholder="来电号码" clearable @keyup.enter="handleQuery" />
+				</el-form-item>
+				<el-form-item label="联系电话" prop="PhoneNo">
+					<el-input v-model.trim="state.queryParams.PhoneNo" placeholder="联系电话" clearable @keyup.enter="handleQuery" />
+				</el-form-item>
+				<el-form-item label="来电人姓名" prop="FromName">
+					<el-input v-model="state.queryParams.FromName" placeholder="来电人姓名" clearable @keyup.enter="handleQuery" />
+				</el-form-item>
+				<el-form-item label="期满时间" prop="exTime">
+					<el-date-picker
+						v-model="state.queryParams.exTime"
+						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="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="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="County">
+					<el-select v-model="state.queryParams.County" placeholder="请选择区域" clearable @change="handleQuery">
+						<el-option v-for="item in state.area" :value="item.key" :key="item.key" :label="item.value" />
+					</el-select>
+				</el-form-item>
+				<el-form-item label="是否甄别" prop="IsScreen">
+					<el-select v-model="state.queryParams.IsScreen" placeholder="请选择是否甄别" clearable @change="handleQuery">
+						<el-option label="是" :value="true" />
+						<el-option label="否" :value="false" />
+					</el-select>
+				</el-form-item>
+				<el-form-item label="当前节点" prop="CurrentStepName">
+					<el-select v-model="state.queryParams.CurrentStepName" placeholder="请选择当前节点" clearable @change="handleQuery">
+						<el-option v-for="item in state.currentStepOptions" :value="item.value" :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="Hotspot">
+					<el-input v-model.trim="state.queryParams.Hotspot" placeholder="热点分类名称" clearable @keyup.enter="handleQuery" />
+				</el-form-item>
+				<el-form-item label="工单标签" prop="OrderTagCode" v-if="['ZiGong', 'LuZhou'].includes(themeConfig.appScope)">
+					<el-select v-model="state.queryParams.OrderTagCode" placeholder="请选择工单标签" clearable @change="handleQuery">
+						<el-option v-for="item in state.orderTagOptions" :value="item.dicDataValue" :key="item.dicDataValue" :label="item.dicDataName" />
+					</el-select>
+				</el-form-item>
+				<el-form-item label="是否紧急" prop="IsUrgent">
+					<el-select v-model="state.queryParams.IsUrgent" placeholder="请选择是否紧急" clearable @change="handleQuery">
+						<el-option :value="true" label="紧急" />
+						<el-option :value="false" label="不紧急" />
+					</el-select>
+				</el-form-item>
+				<el-form-item label="转接来源" prop="TransferPhone">
+					<el-input v-model="state.queryParams.TransferPhone" placeholder="转接来源" clearable @keyup.enter="handleQuery" />
+				</el-form-item>
+				<el-form-item label="一级部门" prop="OrgLevelOneName">
+					<el-input v-model="state.queryParams.OrgLevelOneName" placeholder="请填写一级部门名称" clearable @keyup.enter="handleQuery" />
+				</el-form-item>
+				<el-form-item label="不满意转办" prop="DiscontentTurnTo">
+					<el-select v-model="state.queryParams.DiscontentTurnTo" placeholder="请选择不满意转办" clearable @change="handleQuery">
+						<el-option :value="true" label="是" />
+						<el-option :value="false" label="否" />
+					</el-select>
+				</el-form-item>
+				<el-form-item label="行业" prop="IndustryId">
+					<el-select v-model="state.queryParams.IndustryId" placeholder="请选择行业" clearable @change="handleQuery">
+						<el-option v-for="item in state.industryOptions" :value="item.id" :key="item.id" :label="item.name" />
+					</el-select>
+				</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>
+	</div>
 </template>
 <script setup lang="tsx" name="snapshotStatisticsDetail">
-import { defineAsyncComponent, onMounted, reactive, ref, onActivated, onBeforeUnmount, computed } from 'vue';
+import { defineAsyncComponent, onMounted, reactive, ref, computed } from 'vue';
 import type { FormInstance } from 'element-plus';
-import { ElMessage, ElMessageBox } from 'element-plus';
 import { defaultTimeStartEnd, shortcuts } from '@/utils/constants';
 import { exportOrder } from '@/api/business/order';
-import { addObserve } from '@/api/query/observe';
 import { exportAssignment } from '@/utils/tools';
 import Other from '@/utils/other';
-import mittBus from '@/utils/mitt';
 import { useThemeConfig } from '@/stores/themeConfig';
 import { storeToRefs } from 'pinia';
 import { getSSPAllBaseData, getSSPAllOrder } from '@/api/snapshot/statistics';
@@ -189,287 +186,287 @@ const storesThemeConfig = useThemeConfig();
 const { themeConfig } = storeToRefs(storesThemeConfig);
 // 定义变量内容
 const state = reactive<any>({
-  queryParams: {
-    PageIndex: 1, // 当前页
-    PageSize: 20, // 每页条数
-    // 查询条件
-    No: null, // 工单编码
-    ProvinceNo: null, // 省本地编码
-    ActualHandlerName: null, // 接办人
-    IsScreen: null, // 是否甄别
-    CurrentStepName: null, // 办理节点
-    IsOverTime: null, // 是否超期
-    FromName: null, // 来电人姓名
-    County: null, // 区域
-    FromPhone: null, // 来电号码
-    AcceptType: null, // 受理类型
-    Hotspot: null, //  热点分类名称
-    OrgId: null, // 接办部门
-    ActualHandleOrgName: null, // 接办部门
-    OrgLevelOneName: null, // 一级部门
-    NameOrNo: null, // 受理坐席
-    Status: null, // 工单状态
-    TransferPhone: null, // 转接来源
-    exTime: [], // 过期时间
-    BeginExpiredTime: null, //期满时间 开始
-    EndExpiredTime: null, //期满时间 结束
-    PhoneNo: null, // 手机号
-    doneTime: [], // 办结时间
-    BeginCenterToOrgTime: null,
-    EndCenterToOrgTime: null,
-    IsUrgent: null, // 是否加急
-    OrderTagCode: null, // 工单标签
-    SortField: null,
-    SortRule: null,
-    slTime: [], // 受理时间
-    BeginCreationTime: null,
-    EndCreationTime: null,
-    DiscontentTurnTo: null, // 不满意转办
-    IndustryId: null, // 行业
-  },
-  tableData: [], //表单
-  loading: false, // 加载
-  total: 0, // 总数
-  acceptTypeOptions: [], //受理类型
-  channelOptions: [], // 来源频道
-  orderStatusOptions: [], // 工单状态
-  currentStepOptions: [], // 办理节点
-  industryOptions: [], //行业
-  orgsOptions: [], // 部门
-  pushTypeOptions: [], //推送分类
-  orgData: [], // 机构数据
-  areaOptions: [], // 省市区数据
-  area: [], // 区域
-  industry: [], // 行业
-  orderStatus: [], // 工单状态
-  orderTags: [], // 工单标签
-  steps: [], // 当前节点
+	queryParams: {
+		PageIndex: 1, // 当前页
+		PageSize: 20, // 每页条数
+		// 查询条件
+		No: null, // 工单编码
+		ProvinceNo: null, // 省本地编码
+		ActualHandlerName: null, // 接办人
+		IsScreen: null, // 是否甄别
+		CurrentStepName: null, // 办理节点
+		IsOverTime: null, // 是否超期
+		FromName: null, // 来电人姓名
+		County: null, // 区域
+		FromPhone: null, // 来电号码
+		AcceptType: null, // 受理类型
+		Hotspot: null, //  热点分类名称
+		OrgId: null, // 接办部门
+		ActualHandleOrgName: null, // 接办部门
+		OrgLevelOneName: null, // 一级部门
+		NameOrNo: null, // 受理坐席
+		Status: null, // 工单状态
+		TransferPhone: null, // 转接来源
+		exTime: [], // 过期时间
+		BeginExpiredTime: null, //期满时间 开始
+		EndExpiredTime: null, //期满时间 结束
+		PhoneNo: null, // 手机号
+		doneTime: [], // 办结时间
+		BeginCenterToOrgTime: null,
+		EndCenterToOrgTime: null,
+		IsUrgent: null, // 是否加急
+		OrderTagCode: null, // 工单标签
+		SortField: null,
+		SortRule: null,
+		slTime: [], // 受理时间
+		BeginCreationTime: null,
+		EndCreationTime: null,
+		DiscontentTurnTo: null, // 不满意转办
+		IndustryId: null, // 行业
+	},
+	tableData: [], //表单
+	loading: false, // 加载
+	total: 0, // 总数
+	acceptTypeOptions: [], //受理类型
+	channelOptions: [], // 来源频道
+	orderStatusOptions: [], // 工单状态
+	currentStepOptions: [], // 办理节点
+	industryOptions: [], //行业
+	orgsOptions: [], // 部门
+	pushTypeOptions: [], //推送分类
+	orgData: [], // 机构数据
+	areaOptions: [], // 省市区数据
+	area: [], // 区域
+	industry: [], // 行业
+	orderStatus: [], // 工单状态
+	orderTags: [], // 工单标签
+	steps: [], // 当前节点
 });
 const requestParams = ref<EmptyObjectType>({});
 const gridOptions = reactive<any>({
-  loading: false,
-  border: true,
-  showOverflow: true,
-  columnConfig: {
-    resizable: true,
-  },
-  scrollY: {
-    enabled: true,
-    gt: 100,
-  },
-  toolbarConfig: {
-    zoom: true,
-    custom: true,
-    refresh: {
-      queryMethod: () => {
-        handleQuery();
-      },
-    },
-    /*	tools: [{ toolRender: { name: 'exportCurrent' } }, { toolRender: { name: 'exportAll' } }],*/
-    slots: {
-      buttons: 'toolbar_buttons',
-    },
-  },
-  customConfig: {
-    storage: true,
-  },
-  id: 'order',
-  rowConfig: { isHover: true, height: 30, isCurrent: true, useKey: true },
-  height: 'auto',
-  columns: [
-    { type: 'checkbox', width: 50, align: 'center' },
-    {
-      field: 'snapshotStatisticsDetail',
-      title: '状态',
-      width: 60,
-      align: 'center',
-      slots: {
-        default: ({ row }) => {
-          return <span class={'overdue-status-' + row.expiredStatus} title={row.expiredStatusText}></span>;
-        },
-      },
-    },
-    { field: 'no', title: '工单编码', width: 140 },
-    {
-      field: 'statusTxt',
-      title: '工单状态',
-      width: 110,
-      slots: {
-        default: 'statusTxt',
-      },
-    },
-    { field: 'sourceChannel', title: '来源渠道', width: 110 },
-    { field: 'currentStepName', title: '当前节点', width: 120 },
-    { field: 'reTransactNum', title: '重办次数', width: 90 },
-    {
-      field: 'isUrgentText',
-      title: '是否紧急',
-      width: 90,
-      slots: {
-        default: ({ row }) => {
-          return <span class="color-danger font-bold">{row.isUrgentText}</span>;
-        },
-      },
-    },
-    {
-      field: 'startTime',
-      title: '受理时间',
-      width: 160,
-      sortable: true,
-      formatter: 'formatDate',
-    },
-    {
-      field: 'title',
-      title: '工单标题',
-      minWidth: 200,
-      slots: { default: 'order_detail' },
-    },
-    { field: 'industryName', title: '行业', width: 100 },
-    /*		{ field: 'industryName', title: '重点', width: 100 },
+	loading: false,
+	border: true,
+	showOverflow: true,
+	columnConfig: {
+		resizable: true,
+	},
+	scrollY: {
+		enabled: true,
+		gt: 100,
+	},
+	toolbarConfig: {
+		zoom: true,
+		custom: true,
+		refresh: {
+			queryMethod: () => {
+				handleQuery();
+			},
+		},
+		/*	tools: [{ toolRender: { name: 'exportCurrent' } }, { toolRender: { name: 'exportAll' } }],*/
+		slots: {
+			buttons: 'toolbar_buttons',
+		},
+	},
+	customConfig: {
+		storage: true,
+	},
+	id: 'order',
+	rowConfig: { isHover: true, height: 30, isCurrent: true, useKey: true },
+	height: 'auto',
+	columns: [
+		{ type: 'checkbox', width: 50, align: 'center' },
+		{
+			field: 'snapshotStatisticsDetail',
+			title: '状态',
+			width: 60,
+			align: 'center',
+			slots: {
+				default: ({ row }) => {
+					return <span class={'overdue-status-' + row.expiredStatus} title={row.expiredStatusText}></span>;
+				},
+			},
+		},
+		{ field: 'no', title: '工单编码', width: 140 },
+		{
+			field: 'statusTxt',
+			title: '工单状态',
+			width: 110,
+			slots: {
+				default: 'statusTxt',
+			},
+		},
+		{ field: 'sourceChannel', title: '来源渠道', width: 110 },
+		{ field: 'currentStepName', title: '当前节点', width: 120 },
+		{ field: 'reTransactNum', title: '重办次数', width: 90 },
+		{
+			field: 'isUrgentText',
+			title: '是否紧急',
+			width: 90,
+			slots: {
+				default: ({ row }) => {
+					return <span class="color-danger font-bold">{row.isUrgentText}</span>;
+				},
+			},
+		},
+		{
+			field: 'startTime',
+			title: '受理时间',
+			width: 160,
+			sortable: true,
+			formatter: 'formatDate',
+		},
+		{
+			field: 'title',
+			title: '工单标题',
+			minWidth: 200,
+			slots: { default: 'order_detail' },
+		},
+		{ field: 'industryName', title: '行业', width: 100 },
+		/*		{ field: 'industryName', title: '重点', width: 100 },
         { field: 'industryName', title: '办理时长(天)', width: 120 },*/
-    { field: 'county', title: '区域', width: 150 },
-    { field: 'contact', title: '电话', width: 140 },
+		{ field: 'county', title: '区域', width: 150 },
+		{ field: 'contact', title: '电话', width: 140 },
 
-    { field: 'memberName', title: '网格员姓名', width: 120 },
-    { field: 'memberMobile', title: '网格员电话', width: 140 },
-    { field: 'networkRemark', title: '网格员回复内容', width: 140 },
-    { field: 'networkENumber', title: '网格E通编号', width: 140 },
-    {
-      field: 'expiredTime',
-      title: '工单期满时间',
-      width: 160,
-      sortable: true,
-      formatter: 'formatDate',
-    },
-    { field: 'orgLevelOneName', title: '一级部门', width: 140 },
-    { field: 'actualHandleOrgName', title: '接办部门', width: 140 },
-    {
-      field: 'filedTime',
-      title: '办结时间',
-      width: 160,
-      sortable: true,
-      formatter: 'formatDate',
-    },
-    { field: 'hotspotName', title: '热点分类', width: 150 },
-    { field: 'acceptorName', title: '受理人', width: 120 },
-    { field: 'content', title: '受理内容', width: 200, visible: false },
-    { field: 'fileOpinion', title: '承办意见', width: 200, visible: false },
-  ],
-  data: [],
-  params: {
-    exportMethod: exportOrder,
-    exportParams: requestParams,
-  },
-  sortConfig: {
-    remote: true,
-  },
+		{ field: 'memberName', title: '网格员姓名', width: 120 },
+		{ field: 'memberMobile', title: '网格员电话', width: 140 },
+		{ field: 'networkRemark', title: '网格员回复内容', width: 140 },
+		{ field: 'networkENumber', title: '网格E通编号', width: 140 },
+		{
+			field: 'expiredTime',
+			title: '工单期满时间',
+			width: 160,
+			sortable: true,
+			formatter: 'formatDate',
+		},
+		{ field: 'orgLevelOneName', title: '一级部门', width: 140 },
+		{ field: 'actualHandleOrgName', title: '接办部门', width: 140 },
+		{
+			field: 'filedTime',
+			title: '办结时间',
+			width: 160,
+			sortable: true,
+			formatter: 'formatDate',
+		},
+		{ field: 'hotspotName', title: '热点分类', width: 150 },
+		{ field: 'acceptorName', title: '受理人', width: 120 },
+		{ field: 'content', title: '受理内容', width: 200, visible: false },
+		{ field: 'fileOpinion', title: '承办意见', width: 200, visible: false },
+	],
+	data: [],
+	params: {
+		exportMethod: exportOrder,
+		exportParams: requestParams,
+	},
+	sortConfig: {
+		remote: true,
+	},
 });
 // 获取查询条件基础信息
 const getBaseData = async () => {
-  try {
-    const { result } = await getSSPAllBaseData();
-    console.log(result, '11');
-    const mappings: any = {
-      area: 'area',
-      industryOptions: 'industry',
-      orderStatusOptions: 'orderStatus',
-      orderTagOptions: 'orderTags',
-      acceptTypeOptions:'acceptType',
-      currentStepOptions:'steps'
-    };
-    for (const key in mappings) {
-      state[key] = result?.[mappings[key]] ?? [];
-    }
-  } catch (error) {
-    console.log(error);
-  }
+	try {
+		const { result } = await getSSPAllBaseData();
+		console.log(result, '11');
+		const mappings: any = {
+			area: 'area',
+			industryOptions: 'industry',
+			orderStatusOptions: 'orderStatus',
+			orderTagOptions: 'orderTags',
+			acceptTypeOptions: 'acceptType',
+			currentStepOptions: 'steps',
+		};
+		for (const key in mappings) {
+			state[key] = result?.[mappings[key]] ?? [];
+		}
+	} catch (error) {
+		console.log(error);
+	}
 };
 const gridEvents = {
-  sortChange(val: any) {
-    state.queryParams.SortField = val.order ? val.field : null;
-    // 0 升序 1 降序
-    state.queryParams.SortRule = val.order ? (val.order == 'desc' ? 1 : 0) : null;
-    handleQuery();
-  },
+	sortChange(val: any) {
+		state.queryParams.SortField = val.order ? val.field : null;
+		// 0 升序 1 降序
+		state.queryParams.SortRule = val.order ? (val.order == 'desc' ? 1 : 0) : null;
+		handleQuery();
+	},
 };
 // 手动查询，将页码设置为1
 const handleQuery = () => {
-  state.queryParams.PageIndex = 1;
-  queryList();
+	state.queryParams.PageIndex = 1;
+	queryList();
 };
 // 改变页码
 const queryList = () => {
-  return new Promise((resolve, reject) => {
-    requestParams.value = Other.deepClone(state.queryParams);
-    requestParams.value.BeginCreationTime = state.queryParams.slTime === null ? null : state.queryParams.slTime[0]; // 受理时间
-    requestParams.value.EndCreationTime = state.queryParams.slTime === null ? null : state.queryParams.slTime[1];
-    Reflect.deleteProperty(requestParams.value, 'slTime'); // 删除无用的参数
-    requestParams.value.BeginExpiredTime = state.queryParams.exTime === null ? null : state.queryParams.exTime[0]; // 期满时间
-    requestParams.value.EndExpiredTime = state.queryParams.exTime === null ? null : state.queryParams.exTime[1];
-    Reflect.deleteProperty(requestParams.value, 'exTime'); // 删除无用的参数
-    requestParams.value.BeginCenterToOrgTime = state.queryParams.doneTime === null ? null : state.queryParams.doneTime[0]; // 办结时间
-    requestParams.value.EndCenterToOrgTime = state.queryParams.doneTime === null ? null : state.queryParams.doneTime[1];
-    Reflect.deleteProperty(requestParams.value, 'doneTime'); // 删除无用的参数
-    state.loading = true;
-    gridOptions.loading = true;
-    getSSPAllOrder(requestParams.value)
-        .then((response: any) => {
-          gridOptions.data = response?.result.items ?? [];
-          state.total = response?.result.total;
-          state.loading = false;
-          gridOptions.loading = false;
-          gridRef.value.clearCheckboxRow();
-          checkTable.value = [];
-          resolve(response);
-        })
-        .catch(() => {
-          state.loading = false;
-          gridOptions.loading = false;
-          gridRef.value.clearCheckboxRow();
-          checkTable.value = [];
-          reject();
-        });
-  });
+	return new Promise((resolve, reject) => {
+		requestParams.value = Other.deepClone(state.queryParams);
+		requestParams.value.BeginCreationTime = state.queryParams.slTime === null ? null : state.queryParams.slTime[0]; // 受理时间
+		requestParams.value.EndCreationTime = state.queryParams.slTime === null ? null : state.queryParams.slTime[1];
+		Reflect.deleteProperty(requestParams.value, 'slTime'); // 删除无用的参数
+		requestParams.value.BeginExpiredTime = state.queryParams.exTime === null ? null : state.queryParams.exTime[0]; // 期满时间
+		requestParams.value.EndExpiredTime = state.queryParams.exTime === null ? null : state.queryParams.exTime[1];
+		Reflect.deleteProperty(requestParams.value, 'exTime'); // 删除无用的参数
+		requestParams.value.BeginCenterToOrgTime = state.queryParams.doneTime === null ? null : state.queryParams.doneTime[0]; // 办结时间
+		requestParams.value.EndCenterToOrgTime = state.queryParams.doneTime === null ? null : state.queryParams.doneTime[1];
+		Reflect.deleteProperty(requestParams.value, 'doneTime'); // 删除无用的参数
+		state.loading = true;
+		gridOptions.loading = true;
+		getSSPAllOrder(requestParams.value)
+			.then((response: any) => {
+				gridOptions.data = response?.result.items ?? [];
+				state.total = response?.result.total;
+				state.loading = false;
+				gridOptions.loading = false;
+				gridRef.value.clearCheckboxRow();
+				checkTable.value = [];
+				resolve(response);
+			})
+			.catch(() => {
+				state.loading = false;
+				gridOptions.loading = false;
+				gridRef.value.clearCheckboxRow();
+				checkTable.value = [];
+				reject();
+			});
+	});
 };
 /** 重置按钮操作 */
 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();
+	if (!formEl) return;
+	formEl.resetFields();
+	ruleFormRef.value?.resetFields();
+	queryList();
 };
 // 交办单导出
 const onJbExport = () => {
-  const ids = checkTable.value.map((item: any) => item.id);
-  exportAssignment(ids);
+	const ids = checkTable.value.map((item: any) => item.id);
+	exportAssignment(ids);
 };
 const checkTable = ref<EmptyArrayType>([]);
 const gridRef = ref<RefType>();
 const selectAllChangeEvent = ({ checked }) => {
-  if (gridRef.value) {
-    const records = gridRef.value.getCheckboxRecords();
-    checkTable.value = records;
-    console.log(checked ? '所有勾选事件' : '所有取消事件', records);
-  }
+	if (gridRef.value) {
+		const records = gridRef.value.getCheckboxRecords();
+		checkTable.value = records;
+		console.log(checked ? '所有勾选事件' : '所有取消事件', records);
+	}
 };
 
 const selectChangeEvent = ({ checked }) => {
-  if (gridRef.value) {
-    const records = gridRef.value.getCheckboxRecords();
-    checkTable.value = records;
-    console.log(checked ? '勾选事件' : '取消事件', records);
-  }
+	if (gridRef.value) {
+		const records = gridRef.value.getCheckboxRecords();
+		checkTable.value = records;
+		console.log(checked ? '勾选事件' : '取消事件', records);
+	}
 };
 const isChecked = computed(() => {
-  return !Boolean(checkTable.value.length);
+	return !Boolean(checkTable.value.length);
 });
 
 onMounted(() => {
-  queryList().then(() => {
-    getBaseData();
-  });
+	queryList().then(() => {
+		getBaseData();
+	});
 });
 </script>