reactor:随手拍功能对接;

src/views/snapshot/statistics/allOrder/index.vue

@@ -205,16 +205,11 @@ import { defaultTimeStartEnd, shortcuts } from '@/utils/constants';
 import { addObserve } from '@/api/query/observe';
 import { exportAssignment } from '@/utils/tools';
 import Other from '@/utils/other';
-import { useThemeConfig } from '@/stores/themeConfig';
-import { storeToRefs } from 'pinia';
 import { getSSPAllBaseData, getSSPAllOrder, getSSPAllOrderExport } from '@/api/snapshot/statistics';
 
 // 引入组件
 const OrderDetail = defineAsyncComponent(() => import('@/components/OrderDetail/index.vue')); // 工单详情
 const pagination = defineAsyncComponent(() => import('@/components/ProTable/components/Pagination.vue')); // 分页
-
-const storesThemeConfig = useThemeConfig();
-const { themeConfig } = storeToRefs(storesThemeConfig);
 // 定义变量内容
 const state = reactive<any>({
 	queryParams: {
@@ -306,7 +301,7 @@ const gridOptions = reactive<any>({
 	customConfig: {
 		storage: true,
 	},
-	id: 'order',
+	id: 'snapshotStatisticsAllOrder',
 	rowConfig: { isHover: true, height: 30, isCurrent: true, useKey: true },
 	height: 'auto',
 	columns: [

src/views/snapshot/statistics/dqhOrder.vue

@@ -1,238 +1,468 @@
 <template>
-  <div class="snapshot-statistics-dqh-order-container layout-padding">
-    <div class="layout-padding-auto layout-padding-view pd20">
-      <vxe-grid v-bind="gridOptions" ref="gridRef">
-        <template #form>
-          <el-form :model="state.queryParams" ref="ruleFormRef" inline @submit.native.prevent :disabled="gridOptions.loading">
-            <el-form-item label="工单编码" prop="No">
-              <el-input v-model="state.queryParams.No" placeholder="请填写工单编码" clearable @keyup.enter="handleQuery" class="keyword-input" />
-            </el-form-item>
-            <el-form-item label="工单标题" prop="Title">
-              <el-input v-model="state.queryParams.Title" 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 #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" :disabled="gridOptions.loading">
-        <el-form-item label="网格员姓名" prop="GuiderName">
-          <el-input
-              v-model="state.queryParams.GuiderName"
-              placeholder="请填写网格员姓名"
-              clearable
-              @keyup.enter="handleQuery"
-              class="keyword-input"
-          />
-        </el-form-item>
-        <el-form-item label="网格员电话" prop="GuiderPhoneNumber">
-          <el-input
-              v-model="state.queryParams.GuiderPhoneNumber"
-              placeholder="请填写网格员电话"
-              clearable
-              @keyup.enter="handleQuery"
-              class="keyword-input"
-          />
-        </el-form-item>
-        <el-form-item label="编号" prop="NewtorkENumber">
-          <el-input v-model="state.queryParams.NewtorkENumber" placeholder="请填写编号" clearable @keyup.enter="handleQuery" class="keyword-input" />
-        </el-form-item>
-        <el-form-item label="状态" prop="Satus">
-          <el-input v-model="state.queryParams.Satus" placeholder="请填写状态" clearable @keyup.enter="handleQuery" class="keyword-input" />
-        </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>
-      <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-dqh-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="onKeynote" v-auth="'snapshot:allOrder:keynote'" :disabled="isChecked" :loading="state.loading"
+            >设置重点<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">
+					<el-cascader
+						:options="state.orderTagOptions"
+						filterable
+						:props="{ value: 'dicDataValue', label: 'dicDataName', emitPath: false, checkStrictly: true }"
+						placeholder="请选择工单标签"
+						class="w100"
+						v-model="state.queryParams.OrderTagCode"
+						@change="handleQuery"
+						clearable
+					>
+					</el-cascader>
+				</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 lang="tsx" setup name="snapshotStatisticsDqhOrder">
-import { computed, defineAsyncComponent, onMounted, reactive, ref } from 'vue';
-import { FormInstance } from 'element-plus';
-import { getClueList } from '@/api/snapshot/config';
+<script setup lang="tsx" name="snapshotStatisticsDqhOrder">
+import { defineAsyncComponent, onMounted, reactive, ref, computed } from 'vue';
+import type { FormInstance } from 'element-plus';
 import { defaultTimeStartEnd, shortcuts } from '@/utils/constants';
-import { getGridReplyCount } from '@/api/snapshot/statistics';
 import Other from '@/utils/other';
+import { getSSPAllBaseData, getSSPAllOrder, getSSPAllOrderExport } from '@/api/snapshot/statistics';
 
 // 引入组件
-const pagination = defineAsyncComponent(() => import('@/components/ProTable/components/Pagination.vue')); // 分页
 const OrderDetail = defineAsyncComponent(() => import('@/components/OrderDetail/index.vue')); // 工单详情
-
+const pagination = defineAsyncComponent(() => import('@/components/ProTable/components/Pagination.vue')); // 分页
 // 定义变量内容
 const state = reactive<any>({
-  loading: false,
-  queryParams: {
-    // 查询参数
-    PageIndex: 1,
-    PageSize: 20,
-    No:null, // 工单编码
-    Title:null, // 工单编码
-    GuiderName:null, // 网格员姓名
-    GuiderPhoneNumber:null, // 网格员电话
-    NewtorkENumber:null, // 编号
-    slTime: [], // 受理时间
-    BeginCreationTime:null,
-    EndCreationTime:null,
-  },
-  total: 0, // 总条数
+	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,
+		AmountStatus: 0, // 快捷查询 资金状态
+		DiscontentTurnTo: null, // 不满意转办
+		IndustryId: null, // 行业
+		IsElectric: true, //  电气焊作业申报工单
+	},
+	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();
-      },
-    },
-  },
-  customConfig: {
-    storage: true,
-  },
-  id: 'snapshotStatisticsDqhOrder',
-  rowConfig: { isHover: true, height: 30, isCurrent: true, useKey: true },
-  height: 'auto',
-  columns: [
-    {
-      field: 'no',
-      title: '工单编码',
-      width: 140,
-    },
-    {
-      field: 'title',
-      title: '工单标题',
-      slots: { default: 'order_detail' },
-      minWidth: 200,
-    },
-    {
-      field: 'creationTime',
-      title: '受理时间',
-      formatter: 'formatDate',
-      width: 160,
-    },
-    {
-      field: 'county',
-      title: '区域',
-      width: 150,
-    },
-    {
-      field: 'replyResultTypeTxt',
-      title: '状态',
-      width: 100,
-    },
-    {
-      field: 'networkRemark',
-      title: '回复内容',
-      minWidth: 200,
-    },
-    {
-      field: 'replyDate',
-      title: '回复时间',
-      width: 160,
-      formatter: 'formatDate',
-    },
-    {
-      field: 'memberName',
-      title: '网格员姓名',
-      width: 120,
-    },
-    {
-      field: 'memberMobile',
-      title: '网格员电话',
-      width: 140,
-    },
-    {
-      field: 'networkENumber',
-      title: '编号',
-      width: 200,
-    },
-  ],
-  data: [],
+	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',
+		},
+	},
+	params: {
+		exportMethod: getSSPAllOrderExport,
+		exportParams: requestParams,
+	},
+	customConfig: {
+		storage: true,
+	},
+	id: 'snapshotStatisticsDqhOrder',
+	rowConfig: { isHover: true, height: 30, isCurrent: true, useKey: true },
+	height: 'auto',
+	columns: [
+		{ type: 'checkbox', width: 50, align: 'center' },
+		{
+			field: 'expiredStatusText',
+			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: '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: [],
+	sortConfig: {
+		remote: true,
+	},
 });
-/** 搜索按钮操作 节流操作 */
+// 获取查询条件基础信息
+const getBaseData = async () => {
+	try {
+		const { result } = await getSSPAllBaseData();
+		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();
+	},
+};
+// 手动查询，将页码设置为1
 const handleQuery = () => {
-  state.queryParams.PageIndex = 1;
-  queryList();
+	state.queryParams.PageIndex = 1;
+	queryList();
 };
-const requestParams = ref<EmptyObjectType>({});
-// 获取参数列表
+// 改变页码
 const queryList = () => {
-  state.loading = true;
-  gridOptions.loading = true;
-  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'); // 删除无用的参数
-  getGridReplyCount(requestParams.value)
-      .then((res) => {
-        state.loading = false;
-        gridOptions.data = res.result.items ?? [];
-        state.total = res.result.total ?? 0;
-        gridOptions.loading = false;
-      })
-      .finally(() => {
-        state.loading = false;
-        gridOptions.loading = false;
-      });
+	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.BeginFiledTime = state.queryParams.doneTime === null ? null : state.queryParams.doneTime[0]; // 办结时间
+		requestParams.value.EndFiledTime = 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<RefType>();
-const ruleFormRef = ref<any>(null); // 表单ref
+/** 重置按钮操作 */
+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 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);
+	}
 };
 
-// 页面加载时
+const selectChangeEvent = ({ checked }) => {
+	if (gridRef.value) {
+		const records = gridRef.value.getCheckboxRecords();
+		checkTable.value = records;
+		console.log(checked ? '勾选事件' : '取消事件', records);
+	}
+};
+const isChecked = computed(() => {
+	return !Boolean(checkTable.value.length);
+});
 onMounted(() => {
-  queryList();
+	queryList().then(() => {
+		getBaseData();
+	});
 });
 </script>