reactor:新增随手拍报表;

src/views/snapshot/centerMark/list.vue

@@ -258,5 +258,3 @@ onMounted(() => {
 	queryList();
 });
 </script>
-
-layout/routerView/parer

src/views/snapshot/centerMark/log.vue

@@ -240,5 +240,3 @@ onMounted(() => {
 	queryList();
 });
 </script>
-
-layout/routerView/parer

src/views/snapshot/handle/orderMark.vue

@@ -238,5 +238,3 @@ onMounted(() => {
 	queryList();
 });
 </script>
-
-layout/routerView/parer

src/views/snapshot/publish/audit.vue

@@ -185,5 +185,3 @@ onMounted(() => {
 	queryList();
 });
 </script>
-
-layout/routerView/parer

src/views/snapshot/publish/index.vue

@@ -336,5 +336,3 @@ onMounted(() => {
 	getBaseData();
 });
 </script>
-
-layout/routerView/parer

src/views/snapshot/statistics/dqhOrder.vue

@@ -0,0 +1,238 @@
+<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">
+        <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>
+</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';
+import { defaultTimeStartEnd, shortcuts } from '@/utils/constants';
+import { getGridReplyCount } from '@/api/snapshot/statistics';
+import Other from '@/utils/other';
+
+// 引入组件
+const pagination = defineAsyncComponent(() => import('@/components/ProTable/components/Pagination.vue')); // 分页
+const OrderDetail = defineAsyncComponent(() => import('@/components/OrderDetail/index.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, // 总条数
+});
+
+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: [],
+});
+/** 搜索按钮操作 节流操作 */
+const handleQuery = () => {
+  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;
+      });
+};
+// 重置表单
+const drawerRuleFormRef = ref<RefType>();
+const ruleFormRef = ref<any>(null); // 表单ref
+const drawer = ref(false);
+const resetQuery = (formEl: FormInstance | undefined) => {
+  if (!formEl) return;
+  formEl.resetFields();
+  ruleFormRef.value?.resetFields();
+  queryList();
+};
+
+// 页面加载时
+onMounted(() => {
+  queryList();
+});
+</script>

src/views/snapshot/statistics/gridReply.vue

@@ -236,5 +236,3 @@ onMounted(() => {
 	queryList();
 });
 </script>
-
-layout/routerView/parer

src/views/snapshot/statistics/handleOrder.vue

@@ -0,0 +1,328 @@
+<template>
+	<div class="snapshot-statistics-handle-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" @submit.native.prevent inline :disabled="gridOptions.loading">
+						<el-form-item prop="crTime">
+							<statistical-time v-model="state.queryParams.crTime" @change="handleQuery" ref="statisticalTimeRef" :disabled="state.loading" />
+						</el-form-item>
+						<el-form-item label="行业" prop="IndustryId">
+							<el-select v-model="state.queryParams.IndustryId" class="w100" placeholder="请选择行业" @change="queryList" clearable>
+								<el-option v-for="item in industry" :key="item.id" :label="item.name" :value="item.id" />
+							</el-select>
+						</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="resetQuery(ruleFormRef)" class="default-button" :loading="state.loading">
+								<SvgIcon name="ele-Refresh" class="mr5" />重置
+							</el-button>
+						</el-form-item>
+					</el-form>
+				</template>
+			</vxe-grid>
+		</div>
+	</div>
+</template>
+
+<script lang="tsx" setup name="snapshotStatisticsHandleOrder">
+import { defineAsyncComponent, onMounted, reactive, ref } from 'vue';
+import { FormInstance } from 'element-plus';
+import { defaultDate } from '@/utils/constants';
+import { getGridReplyCount } from '@/api/snapshot/statistics';
+import Other from '@/utils/other';
+
+// 引入组件
+const StatisticalTime = defineAsyncComponent(() => import('@/components/StatisticalTime/index.vue')); // 日期类型选择组件
+
+// 定义变量内容
+const state = reactive<any>({
+	loading: false,
+	queryParams: {
+		// 查询参数
+    crTime: defaultDate, // 时间默认今天开始到今天结束
+    StartTime: null,
+    EndTime: null,
+    IndustryId:null,
+	},
+	total: 0, // 总条数
+});
+
+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: 'snapshotStatisticsHandleOrder',
+	rowConfig: { isHover: true, height: 30, isCurrent: true, useKey: true },
+	height: 'auto',
+	columns: [
+		{
+			field: 'no',
+			title: '部门名称',
+			width: 200,
+			fixed: 'left',
+		},
+		{
+			field: 'no',
+			title: '信件总量',
+			width: 100,
+			fixed: 'left',
+		},
+		{
+			field: 'county',
+			title: '已办件数',
+			width: 100,
+			slots: {
+				default({ row }) {
+					return (
+						<el-button type="primary" onClick={() => linkDetail(row)} link>
+							{row.sumCount}
+						</el-button>
+					);
+				},
+			},
+		},
+    {
+      field: 'county',
+      title: '在办件数',
+      width: 100,
+      slots: {
+        default({ row }) {
+          return (
+              <el-button type="primary" onClick={() => linkDetail(row)} link>
+                {row.sumCount}
+              </el-button>
+          );
+        },
+      },
+    },
+    {
+      field: 'no',
+      title: '办结率',
+      width: 100,
+    },
+    {
+      field: 'county',
+      title: '20分钟内接件',
+      width: 120,
+      slots: {
+        default({ row }) {
+          return (
+              <el-button type="primary" onClick={() => linkDetail(row)} link>
+                {row.sumCount}
+              </el-button>
+          );
+        },
+      },
+    },
+    {
+      field: 'county',
+      title: '20分钟后接件',
+      width: 120,
+      slots: {
+        default({ row }) {
+          return (
+              <el-button type="primary" onClick={() => linkDetail(row)} link>
+                {row.sumCount}
+              </el-button>
+          );
+        },
+      },
+    },
+    {
+      field: 'no',
+      title: '工单及时响应率',
+      width: 120,
+    },
+    {
+      field: 'no',
+      title: '退回件',
+      width: 100,
+      slots: {
+        default({ row }) {
+          return (
+              <el-button type="primary" onClick={() => linkDetail(row)} link>
+                {row.sumCount}
+              </el-button>
+          );
+        },
+      },
+    },
+    {
+      field: 'no',
+      title: '办件总时长(小时)',
+      width: 140,
+    },
+    {
+      field: 'no',
+      title: '3日内办结',
+      width: 100,
+      slots: {
+        default({ row }) {
+          return (
+              <el-button type="primary" onClick={() => linkDetail(row)} link>
+                {row.sumCount}
+              </el-button>
+          );
+        },
+      },
+    },
+    {
+      field: 'no',
+      title: '3至5日办结',
+      width: 100,
+      slots: {
+        default({ row }) {
+          return (
+              <el-button type="primary" onClick={() => linkDetail(row)} link>
+                {row.sumCount}
+              </el-button>
+          );
+        },
+      },
+    },
+    {
+      field: 'no',
+      title: '5至7日办结',
+      width: 100,
+      slots: {
+        default({ row }) {
+          return (
+              <el-button type="primary" onClick={() => linkDetail(row)} link>
+                {row.sumCount}
+              </el-button>
+          );
+        },
+      },
+    },
+    {
+      field: 'no',
+      title: '7日外办结',
+      width: 100,
+      slots: {
+        default({ row }) {
+          return (
+              <el-button type="primary" onClick={() => linkDetail(row)} link>
+                {row.sumCount}
+              </el-button>
+          );
+        },
+      },
+    },
+    {
+      field: 'no',
+      title: '按时办结率',
+      width: 100,
+    },
+    {
+      field: 'no',
+      title: '满意量',
+      width: 100,
+      slots: {
+        default({ row }) {
+          return (
+              <el-button type="primary" onClick={() => linkDetail(row)} link>
+                {row.sumCount}
+              </el-button>
+          );
+        },
+      },
+    },
+    {
+      field: 'no',
+      title: '不满意量',
+      width: 100,
+      slots: {
+        default({ row }) {
+          return (
+              <el-button type="primary" onClick={() => linkDetail(row)} link>
+                {row.sumCount}
+              </el-button>
+          );
+        },
+      },
+    },
+    {
+      field: 'no',
+      title: '满意率',
+      width: 100,
+    },
+    {
+      field: 'no',
+      title: '二次办理',
+      width: 100,
+      slots: {
+        default({ row }) {
+          return (
+              <el-button type="primary" onClick={() => linkDetail(row)} link>
+                {row.sumCount}
+              </el-button>
+          );
+        },
+      },
+    },
+	],
+	data: [],
+});
+/** 搜索按钮操作 节流操作 */
+const handleQuery = () => {
+	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.StartTime = state.queryParams.crTime === null ? null : state.queryParams.crTime[0]; // 受理时间
+  requestParams.value.EndTime = state.queryParams.crTime === null ? null : state.queryParams.crTime[1];
+  Reflect.deleteProperty(requestParams.value, 'crTime'); // 删除无用的参数
+	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;
+		});
+};
+// 重置表单
+const ruleFormRef = ref<any>(null); // 表单ref
+const statisticalTimeRef = ref<RefType>();
+const resetQuery = (formEl: FormInstance | undefined) => {
+	if (!formEl) return;
+	formEl.resetFields();
+	statisticalTimeRef.value.reset();
+	queryList();
+};
+// 跳转详情
+const linkDetail = (row: any) => {};
+const industry = ref<EmptyArrayType>([]);
+// 页面加载时
+onMounted(() => {
+	queryList();
+});
+</script>

src/views/snapshot/statistics/handleTable.vue

@@ -57,486 +57,353 @@
 					>
 				</el-form-item>
 			</el-form>
-			<el-scrollbar v-loading="state.loading" class="scrollbar-view">
+			<el-scrollbar v-loading="state.loading" class="scrollbar-view" always>
 				<table style="width: 85%; margin: 0 auto" ref="exportTableRef">
 					<tr>
 						<td>
-							<table style="width: 100%; border: 1px solid #000000; border-collapse: collapse; padding: 0" id="DivControl">
+							<table style="width: 100%; border: 1px solid #000000; border-collapse: collapse; padding: 0">
 								<tbody>
 									<tr>
-										<th
-											id="sspTitle"
-											colspan="4"
-											style="height: 79px; font-size: 2.2em; font-family: 微软雅黑; text-align: center; vertical-align: middle"
-										>
+										<th id="sspTitle" colspan="4" style="height: 79px; font-size: 2.2em; text-align: center; vertical-align: middle">
 											随手拍 {{ tableTitle }}办理工作统计
 										</th>
 									</tr>
 									<tr>
-										<td
-											style="
-												width: 360px;
-												height: 36px;
-												padding-left: 10px;
-												font-size: 16px;
-												font-weight: 500;
-												text-align: left;
-												vertical-align: middle;
-												border: 1px solid #808080;
-											"
-											rowspan="3"
-										>
+										<td style="width: 360px; height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" rowspan="3">
 											随手拍来件数
 										</td>
-										<td id="Td0" class="tdclick" rowspan="3" style="
-												height: 36px;
-												padding-left: 10px;
-												font-size: 16px;
-												font-weight: 500;
-												text-align: left;
-												vertical-align: middle;
-												border: 1px solid #808080;
-											">34</td>
+										<td id="Td0" class="tdclick" rowspan="3" style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">
+											<el-button type="primary" link @click="linkDetail('1')">34</el-button>
+										</td>
 
-										<td style="width: 360px;height: 36px;
-												padding-left: 10px;
-												font-size: 16px;
-												font-weight: 500;
-												text-align: left;
-												vertical-align: middle;
-												border: 1px solid #808080;">未在受理范围内件数</td>
-										<td id="Td1" class="tdclick">0</td>
+										<td style="width: 360px; height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">未在受理范围内件数</td>
+										<td id="Td1" style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">0</el-button>
+										</td>
 									</tr>
 									<tr>
-										<td>随手拍转12345件数</td>
-										<td id="Td15" class="tdclick">4</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">随手拍转12345件数</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" id="Td15" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">4</el-button>
+										</td>
 									</tr>
 									<tr>
-										<td>受理范围内总件数</td>
-										<td id="Td2" class="tdclick">30</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">受理范围内总件数</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">30</el-button>
+										</td>
 									</tr>
 									<tr>
-										<td rowspan="3">受理范围内派给各网格员件数</td>
-										<td id="Td3" rowspan="3" class="tdclick">8</td>
+										<td rowspan="3" style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">
+											受理范围内派给各网格员件数
+										</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" rowspan="3" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">8</el-button>
+										</td>
 
-										<td>受理范围内派给网格员四小时内回复件数</td>
-										<td id="Td5" class="tdclick">6</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">受理范围内派给网格员四小时内回复件数</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">6</el-button>
+										</td>
 									</tr>
 									<tr>
-										<td>受理范围内派给网格员超过四小时回复件数</td>
-										<td id="Td6" class="tdclicks">0</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">
+											受理范围内派给网格员超过四小时回复件数
+										</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclicks">
+											<el-button type="primary" link @click="linkDetail('1')">0</el-button>
+										</td>
 									</tr>
 									<tr>
-										<td>受理范围内派给网格员未回复件数</td>
-										<td id="Td7" class="tdclick">2</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">受理范围内派给网格员未回复件数</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">0</el-button>
+										</td>
 									</tr>
 
 									<tr>
-										<td rowspan="2">受理范围内按12345直派给各区县或部门件数</td>
-										<td id="Td26" rowspan="2">22</td>
-
-										<td>受理范围内按12345直派给各部门件数</td>
-										<td id="Td4" class="tdclick">8</td>
+										<td rowspan="2" style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">
+											受理范围内按12345直派给各区县或部门件数
+										</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" rowspan="2">
+											<el-button type="primary" link @click="linkDetail('1')">22</el-button>
+										</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">受理范围内按12345直派给各部门件数</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">8</el-button>
+										</td>
 									</tr>
 									<tr>
-										<td>受理范围内按12345直派给各区县件数</td>
-										<td id="Td34" class="tdclick">14</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">受理范围内按12345直派给各区县件数</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">14</el-button>
+										</td>
 									</tr>
 
 									<tr>
-										<td rowspan="2">受理范围内已办信件</td>
-										<td id="Td35" rowspan="2">25</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" rowspan="2">受理范围内已办信件</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" rowspan="2">
+											<el-button type="primary" link @click="linkDetail('1')">25</el-button>
+										</td>
 
-										<td>中心已办</td>
-										<td id="Td36" class="tdclick">2</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">中心已办</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">2</el-button>
+										</td>
 									</tr>
 									<tr>
-										<td>部门已办</td>
-										<td id="Td37" class="tdclick">23</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">部门已办</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">23</el-button>
+										</td>
 									</tr>
 
 									<tr>
-										<td rowspan="2">受理范围满意度</td>
-										<td id="Td49" rowspan="2">0.000%</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" rowspan="2">受理范围满意度</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" rowspan="2">0.000%</td>
 
-										<td title="非常满意+满意+甄别为满意+默认满意+一般+未做评价+未接通">满意量</td>
-										<td id="Td47" class="tdclick">0</td>
+										<td
+											style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080"
+											title="非常满意+满意+甄别为满意+默认满意+一般+未做评价+未接通"
+										>
+											满意量
+										</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">0</el-button>
+										</td>
 									</tr>
 									<tr>
-										<td title="不满意+非常不满意">不满意量</td>
-										<td id="Td48" class="tdclick">0</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" title="不满意+非常不满意">不满意量</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">9</el-button>
+										</td>
 									</tr>
 
 									<tr>
-										<td rowspan="2">审核发放奖励个数</td>
-										<td id="Td10" rowspan="2" class="tdclick">9</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" rowspan="2">审核发放奖励个数</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" rowspan="2" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">9</el-button>
+										</td>
 
-										<td>审批不同意红包个数</td>
-										<td id="Td11" class="tdclick">0</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">审批不同意红包个数</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">0</el-button>
+										</td>
 									</tr>
 									<tr>
-										<td>审批同意红包个数</td>
-										<td id="Td12" class="tdclick">9</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">审批同意红包个数</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">9</el-button>
+										</td>
 									</tr>
 
 									<tr>
-										<td rowspan="2">局审核发放网格员奖励个数</td>
-										<td id="Td29" rowspan="2">0</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" rowspan="2">局审核发放网格员奖励个数</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" rowspan="2">
+											<el-button type="primary" link @click="linkDetail('1')">8</el-button>
+										</td>
 
-										<td>审批同意（网格员）红包个数</td>
-										<td id="Td16" class="tdclick">0</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">审批同意（网格员）红包个数</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">0</el-button>
+										</td>
 									</tr>
 									<tr>
-										<td>审批不同意（网格员）红包个数</td>
-										<td id="Td17" class="tdclick">0</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">审批不同意（网格员）红包个数</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">0</el-button>
+										</td>
 									</tr>
 
 									<tr>
-										<td rowspan="5">市民奖励总额</td>
-										<td id="Td27" rowspan="5">0</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" rowspan="5">市民奖励总额</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" rowspan="5">
+											<el-button type="primary" link @click="linkDetail('1')">0</el-button>
+										</td>
 
-										<td title="审批时间">市民已发放奖励总额</td>
-										<td id="Td18" class="tdclick">0</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">市民已发放奖励总额</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">0</el-button>
+										</td>
 									</tr>
 									<tr>
-										<td title="审批时间">市民待发奖励总额</td>
-										<td id="Td19" class="tdclick">0</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">市民待发奖励总额</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">0</el-button>
+										</td>
 									</tr>
 
 									<tr>
-										<td>已发（个）</td>
-										<td id="Td13" class="tdclick">0</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">已发（个）</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">0</el-button>
+										</td>
 									</tr>
 									<tr>
-										<td>无法联系（个）</td>
-										<td id="Td30" class="tdclick">0</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">无法联系（个）</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">0</el-button>
+										</td>
 									</tr>
 									<tr>
-										<td>婉拒红包（个）</td>
-										<td id="Td31" class="tdclick">0</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">婉拒红包（个）</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">0</el-button>
+										</td>
 									</tr>
 
 									<tr>
-										<td rowspan="4">网格员应发奖励金额</td>
-										<td rowspan="4"></td>
-										<td title="发放时间">网格员已发放奖励总额</td>
-										<td id="Td20" class="tdclick">0</td>
+										<td rowspan="4" style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">网格员应发奖励金额</td>
+										<td rowspan="4" style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080"></td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">网格员已发放奖励总额</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">0</el-button>
+										</td>
 									</tr>
 									<tr>
-										<td title="审批时间">网格员待发放奖励总额</td>
-										<td id="Td21" class="tdclick">0</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">网格员待发放奖励总额</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">0</el-button>
+										</td>
 									</tr>
 									<tr>
-										<td title="发放时间">网格员扣款总额（已发）</td>
-										<td id="Td22" class="tdclick">0</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">网格员扣款总额（已发）</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">0</el-button>
+										</td>
 									</tr>
 									<tr>
-										<td title="审批时间">网格员扣款总额（待发）</td>
-										<td id="Td25" class="tdclick">0</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">网格员扣款总额（待发）</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">0</el-button>
+										</td>
 									</tr>
 
 									<tr>
-										<td>受理范围内多部门会签件件数</td>
-										<td id="Td8" class="tdclick">1</td>
-
-										<td></td>
-										<td></td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">受理范围内多部门会签件件数</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">1</el-button>
+										</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080"></td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080"></td>
 									</tr>
 									<tr>
-										<td>受理范围内热线中心归档件数</td>
-										<td id="Td9" class="tdclick">0</td>
-
-										<td></td>
-										<td></td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">受理范围内热线中心归档件数</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">0</el-button>
+										</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080"></td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080"></td>
 									</tr>
 
 									<tr>
-										<td>热线中心发起会签件件数</td>
-										<td id="Td14" class="tdclick">1</td>
-
-										<td></td>
-										<td></td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">热线中心发起会签件件数</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">1</el-button>
+										</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080"></td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080"></td>
 									</tr>
 
 									<tr>
-										<td rowspan="2">安全隐患</td>
-										<td id="Td28" rowspan="2">10</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" rowspan="2">安全隐患</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" rowspan="2">
+											<el-button type="primary" link @click="linkDetail('1')">10</el-button>
+										</td>
 
-										<td>已完成安全隐患整改</td>
-										<td id="Td23" class="tdclick">9</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">已完成安全隐患整改</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">9</el-button>
+										</td>
 									</tr>
 									<tr>
-										<td>申请延期工单件数</td>
-										<td id="Td24" class="tdclick">1</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">申请延期工单件数</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">1</el-button>
+										</td>
 									</tr>
 									<tr>
-										<td>申请延期工单次数</td>
-										<td id="Td40" class="tdclick">1</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">申请延期工单次数</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">1</el-button>
+										</td>
 
-										<td></td>
-										<td></td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080"></td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080"></td>
 									</tr>
 
 									<tr>
-										<td>超期件</td>
-										<td id="Td38" class="tdclick">0</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">超期件</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">0</el-button>
+										</td>
 
-										<td></td>
-										<td></td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080"></td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080"></td>
 									</tr>
 
 									<tr>
-										<td rowspan="3">二次办理件数</td>
-										<td id="Td41" rowspan="3" class="tdclick">1</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" rowspan="3">二次办理件数</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" rowspan="3" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">1</el-button>
+										</td>
 
-										<td>二次办理件数-退回部门</td>
-										<td id="Td42" class="tdclick">0</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">二次办理件数-退回部门</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">0</el-button>
+										</td>
 									</tr>
 									<tr>
-										<td>二次办理件数-回访不满意重办</td>
-										<td id="Td43" class="tdclick">1</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">二次办理件数-回访不满意重办</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">1</el-button>
+										</td>
 									</tr>
 									<tr>
-										<td>二次办理件数-特提到原一级部门</td>
-										<td id="Td32" class="tdclick">0</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">二次办理件数-特提到原一级部门</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">0</el-button>
+										</td>
 									</tr>
 									<tr>
-										<td rowspan="2">二次办理工单满意率</td>
-										<td id="Td44" rowspan="2" class="tdclick">0.000%</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" rowspan="2">二次办理工单满意率</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" rowspan="2">0.000%</td>
 
-										<td>二次办理工单满意率-退回部门</td>
-										<td id="Td45" class="tdclick">0.000%</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">二次办理工单满意率-退回部门</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">0.000%</td>
 									</tr>
 									<tr>
-										<td>二次办理工单满意率-回访不满意重办</td>
-										<td id="Td46" class="tdclick">0.000%</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">二次办理工单满意率-回访不满意重办</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">0.000%</td>
 									</tr>
 									<tr>
-										<td rowspan="3">特提件数</td>
-										<td id="QuickRunCount" rowspan="3" class="tdclick">3</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" rowspan="3">特提件数</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" rowspan="3" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">3</el-button>
+										</td>
 
-										<td>特提到原一级部门件数</td>
-										<td id="QuickRunYJBN" class="tdclick">0</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">特提到原一级部门件数</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">0</el-button>
+										</td>
 									</tr>
 									<tr>
-										<td>特提到派单组件数</td>
-										<td id="QuickRunPDZ" class="tdclick">3</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">特提到派单组件数</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">3</el-button>
+										</td>
 									</tr>
 									<tr>
-										<td>其他特提件数</td>
-										<td id="QuickRunQT" class="tdclick">0</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080">其他特提件数</td>
+										<td style="height: 36px; padding-left: 10px; font-size: 16px; border: 1px solid #808080" class="tdclick">
+											<el-button type="primary" link @click="linkDetail('1')">0</el-button>
+										</td>
 									</tr>
 								</tbody>
 							</table>
 						</td>
 					</tr>
 				</table>
-				<!--        <table style="width: 85%; margin: 0 auto" ref="exportTableRef">
-          <tr>
-            <td>
-              <table style="width: 100%; border: 1px solid #000000; border-collapse: collapse; padding: 0">
-                <tbody>
-                <tr>
-                  <th colspan="4" style="height: 70px; font-size: 26px; font-family: 微软雅黑, serif; padding: 0 20px">
-                    随手拍 {{ tableTitle }}办理工作统计
-                  </th>
-                </tr>
-                <tr>
-                  <td colspan="4" style="height: 40px; padding-left: 10px; font-size: 24px; font-weight: bold; border: 1px solid #808080">
-                    一、总体情况
-                  </td>
-                </tr>
-                <tr>
-                  <td
-                      rowspan="3"
-                      style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080"
-                  >
-                    随手拍来件数
-                  </td>
-                  <td
-                      rowspan="3"
-                      style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080"
-                  >
-                    <el-button type="primary" link>12</el-button>
-                  </td>
-                </tr>
-                <tr>
-                  <td
-                      colspan="2"
-                      style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080"
-                      title="电话总量=已接通（呼入+呼出）+未接通（呼入+呼出）"
-                  >
-                    1、电话总量：{{centerReportCallInfoDto.allCallCount}}　　呼入：{{centerReportCallInfoDto.inTotal}}　　呼出：{{centerReportCallInfoDto.outTotal}}
-                  </td>
-                  <td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; border: 1px solid #808080; color: #7d7575">
-                    电话总量=已接通（呼入+呼出）+未接通（呼入+呼出）
-                  </td>
-                </tr>
-                <tr>
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">已接通</td>
-                  <td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">
-                    呼入：{{centerReportCallInfoDto.inConnectionQuantity}}&nbsp;&nbsp;呼出：{{centerReportCallInfoDto.outConnectionQuantity}}（接通）
-                  </td>
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">未接通</td>
-                  <td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">
-                    呼入：{{centerReportCallInfoDto.inHanguped}}&nbsp;&nbsp;呼出：{{centerReportCallInfoDto.outHanguped}}（未接通）
-                  </td>
-                </tr>
-                <tr>
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">在IVR中挂断</td>
-                  <td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{centerReportCallInfoDto.ivrByeCount}}</td>
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">在队列中挂断</td>
-                  <td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{centerReportCallInfoDto.queueByeCount}}</td>
-                </tr>
-                <tr>
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">呼入未接通</td>
-                  <td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{centerReportCallInfoDto.callInHanguped}}</td>
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080" colspan="2"></td>
-                </tr>
-                <tr>
-                  <td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080" title="">
-                    2、信件回访量
-                  </td>
-                  <td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; border: 1px solid #808080; color: #7d7575"></td>
-                </tr>
-                <tr>
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">已回访量</td>
-                  <td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">
-                    电话：{{centerReportVisitd.callVisitd}} &nbsp;默认：{{centerReportVisitd.otherVisitd}}&nbsp;&nbsp;短信：{{centerReportVisitd.smsVisitd}}
-                  </td>
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">待回访量</td>
-                  <td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{centerReportVisitd.waitVisitd}}</td>
-                </tr>
-                <tr>
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">坐席满意度</td>
-                  <td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{centerReportVisitd.seatsRate}}%</td>
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">部门满意度</td>
-                  <td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{centerReportVisitd.orgRate}}%</td>
-                </tr>
-                <tr>
-                  <td
-                      colspan="2"
-                      style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080"
-                      title="来件总计=有效+无效"
-                  >
-                    3、来件总计：{{centerReportOrder.allCallCount}}&nbsp;&nbsp;&nbsp;&nbsp;按时办结率{{centerReportOrder.onTimeCompletedCountClc}}%
-                  </td>
-                  <td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; border: 1px solid #808080; color: #7d7575">
-                    来件总计=有效+无效
-                  </td>
-                </tr>
-                <tr>
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">有效</td>
-                  <td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{centerReportOrder.effectiveCount}}</td>
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">无效</td>
-                  <td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{centerReportOrder.invalidCount}}</td>
-                </tr>
-                <tr>
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">已办结信件</td>
-                  <td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">
-                    中心：{{centerReportOrder.centerCompletedCount}}&nbsp;&nbsp;部门：{{centerReportOrder.orgCompletedCount}}
-                  </td>
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">在办信件</td>
-                  <td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">
-                    中心：{{centerReportOrder.centerInProgressCount}}&nbsp;&nbsp;部门：{{centerReportOrder.orgInProgressCount}}
-                  </td>
-                </tr>
-                <tr>
-                  <td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">4、信件来源</td>
-                  <td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080"></td>
-                </tr>
-                <tr>
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">来源方式</td>
-                  <td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">数量</td>
-                  <td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">备注</td>
-                </tr>
-                <tr v-for="item in centerReportOrderSourceChannels">
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{ item.name }}</td>
-                  <td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{ item.countNum }}</td>
-                  <td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">
-                    {{ item.remark }}
-                  </td>
-                </tr>
-                <tr>
-                  <td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">5、信件分类</td>
-                  <td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080"></td>
-                </tr>
-                <tr>
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">分类名称</td>
-                  <td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">数量</td>
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">所占百分比</td>
-                  <td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">百分率</td>
-                </tr>
-                <tr v-for="item in centerReportOrderAcceptTypes">
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{ item.name }}</td>
-                  <td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{ item.countNum }}</td>
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">所占百分比</td>
-                  <td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">
-                    {{ item.proportionRate }}%
-                  </td>
-                </tr>
-                <tr>
-                  <td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">6、专线</td>
-                  <td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080"></td>
-                </tr>
-                <tr>
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">分类名称</td>
-                  <td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">数量</td>
-                  <td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">备注</td>
-                </tr>
-                <tr v-for="item in zhuanxian">
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{ item.name }}</td>
-                  <td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{ item.num }}</td>
-                  <td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">
-                    {{ item.rate }}%
-                  </td>
-                </tr>
-                <tr>
-                  <td colspan="4" style="height: 40px; padding-left: 10px; font-size: 24px; font-weight: bold; border: 1px solid #808080">
-                    二、信件分布情况
-                  </td>
-                </tr>
-                <tr>
-                  <td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">
-                    1、市本级总计：{{orgStatisticsCityAll.orgStatisticsCountAll}}件
-                  </td>
-                  <td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080"></td>
-                </tr>
-                <tr>
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">部门（单位）</td>
-                  <td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">数量</td>
-                  &lt;!&ndash;										<td colspan="2" style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">办件次数</td>&ndash;&gt;
-                </tr>
-                <tr v-for="item in orgStatisticsCityAll.orgStatistics">
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{ item.orgName }}</td>
-                  <td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{ item.countNum }}</td>
-                  &lt;!&ndash;										<td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">
-                                        {{ item.handleCountNum }}
-                                      </td>&ndash;&gt;
-                </tr>
-                <tr>
-                  <td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">
-                    2、县（区）总计：{{orgStatisticsAreaAll.orgStatisticsCountAll}}件
-                  </td>
-                  <td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080"></td>
-                </tr>
-                <tr>
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">部门（单位）</td>
-                  <td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">数量</td>
-                  &lt;!&ndash;										<td colspan="2" style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">办件次数</td>&ndash;&gt;
-                </tr>
-                <tr v-for="item in orgStatisticsAreaAll.orgStatistics">
-                  <td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{ item.orgName }}</td>
-                  <td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{ item.countNum }}</td>
-                  &lt;!&ndash;										<td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">
-                                        {{ item.handleCountNum }}
-                                      </td>&ndash;&gt;
-                </tr>
-                </tbody>
-              </table>
-            </td>
-          </tr>
-        </table>-->
 				<el-backtop target=".scrollbar-view > div" />
 			</el-scrollbar>
 		</div>
@@ -696,19 +563,10 @@ const exportWord = () => {
 		})
 		.catch(() => {});
 };
+// 点击详情
+const linkDetail = (row: any) => {};
 const industry = ref<EmptyArrayType>([]);
 onMounted(() => {
 	queryList();
 });
 </script>
-<style lang="scss" scoped>
-#DivControl td {
-	height: 36px;
-	padding-left: 10px;
-	font-size: 16px;
-	font-weight: 500;
-	text-align: left;
-	vertical-align: middle;
-	border: 1px solid #808080;
-}
-</style>

src/views/snapshot/statistics/hotSubclass.vue

@@ -0,0 +1,211 @@
+<template>
+  <div  class="snapshot-statistics-hot-subclass-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" @submit.native.prevent inline :disabled="gridOptions.loading">
+            <el-form-item prop="crTime">
+              <statistical-time v-model="state.queryParams.crTime" @change="handleQuery" ref="statisticalTimeRef" :disabled="state.loading" />
+            </el-form-item>
+            <el-form-item label="行业" prop="IndustryId">
+              <el-select v-model="state.queryParams.IndustryId" class="w100" placeholder="请选择行业" @change="queryList" clearable>
+                <el-option v-for="item in industry" :key="item.id" :label="item.name" :value="item.id" />
+              </el-select>
+            </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="resetQuery(ruleFormRef)" class="default-button" :loading="state.loading">
+                <SvgIcon name="ele-Refresh" class="mr5" />重置
+              </el-button>
+            </el-form-item>
+          </el-form>
+        </template>
+      </vxe-grid>
+      <vxe-toolbar
+          ref="toolbarRef"
+          :loading="state.loading"
+          custom
+          :refresh="{
+					queryMethod: handleQuery,
+				}"
+          :tools="[{ toolRender: { name: 'exportAll' } }]"
+      >
+      </vxe-toolbar>
+    </div>
+  </div>
+</template>
+<script setup lang="tsx" name="snapshotStatisticsHotSubclass">
+import { defineAsyncComponent, onMounted, reactive, ref } from 'vue';
+import { FormInstance } from 'element-plus';
+import { departmentHotSmall, departmentHotSmallExport } from '@/api/statistics/order';
+import { defaultDate } from '@/utils/constants';
+import Other from '@/utils/other';
+import { formatDate } from '@/utils/formatTime';
+import XEUtils from 'xe-utils';
+import { useRouter } from 'vue-router';
+
+const StatisticalTime = defineAsyncComponent(() => import('@/components/StatisticalTime/index.vue')); // 日期类型选择组件
+// 定义变量内容
+const ruleFormRef = ref<RefType>(); // 表单ref
+const state = reactive<any>({
+  queryParams: {
+    // 查询条件
+    TypeId: 0, // 关键词
+    time: formatDate(new Date(), 'YYYY-MM-DD'), // 时间默认今天
+    crTime: defaultDate, // 时间默认今天开始到今天结束
+  },
+  tableData: [], //表单
+  loading: false, // 加载
+  total: 0, // 总数
+  IndustryId:null,
+});
+
+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: 'exportAll' } }],
+  },
+  customConfig: {
+    storage: true,
+  },
+  id: 'snapshotStatisticsHotSubclass',
+  rowConfig: { isHover: true, height: 30, isCurrent: true, useKey: true },
+  height: 'auto',
+  columns: [
+    { field: 'hotspotName', title: '热点名称', treeNode: true },
+    {
+      field: 'sumCount',
+      title: '分类统计',
+      slots:{
+        default ({row}) {
+          return (
+              <el-button type="primary" onClick={() => linkDetail(row)} link>
+                {row.sumCount}
+              </el-button>
+          )
+        }
+      }
+    },
+  ],
+  data: [],
+  params: {
+    exportMethod: departmentHotSmallExport,
+    exportParams: requestParams,
+  },
+  sortConfig: {
+    remote: true,
+  },
+  treeConfig: {
+    transform: true,
+    rowField: 'hotspotCode',
+    parentField: 'parentId',
+    lazy: true,
+    hasChild: 'hasChild',
+    loadMethod({ row }) {
+      // 异步加载子节点
+      return fetchChildListApi(row);
+    },
+  },
+  showFooter: true,
+  footerMethod: ({ columns, data }) => {
+    return [
+      columns.map((column: any, columnIndex: number) => {
+        if (columnIndex === 0) {
+          return '合计';
+        }
+        if (['sumCount'].includes(column.property)) {
+          return XEUtils.sum(data, column.property);
+        }
+        return null;
+      }),
+    ];
+  },
+});
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  // state.queryParams.PageIndex = 1;
+  state.tableData = [];
+  queryList();
+};
+/** 获取列表 */
+const queryList = () => {
+  state.loading = true;
+  gridOptions.loading = true;
+  requestParams.value = Other.deepClone(state.queryParams);
+  requestParams.value.StartTime = state.queryParams.crTime === null ? null : state.queryParams.crTime[0];
+  requestParams.value.EndTime = state.queryParams.crTime === null ? null : state.queryParams.crTime[1];
+  Reflect.deleteProperty(requestParams.value, 'crTime');
+  departmentHotSmall(requestParams.value)
+      .then((res: any) => {
+        state.tableData = res.result ?? [];
+        state.tableData = state.tableData.map((item: any) => {
+          item.children = [];
+          return item;
+        });
+        gridOptions.data = state.tableData;
+        state.loading = false;
+        gridOptions.loading = false;
+      })
+      .catch(() => {
+        state.loading = false;
+        gridOptions.loading = false;
+      });
+};
+/** 重置按钮操作 */
+const statisticalTimeRef = ref<RefType>();
+const resetQuery = (formEl: FormInstance | undefined) => {
+  if (!formEl) return;
+  formEl.resetFields();
+  statisticalTimeRef.value.reset();
+  queryList();
+};
+const fetchChildListApi = (row: any) => {
+  return new Promise((resolve) => {
+    const request = Other.deepClone(state.queryParams);
+    request.StartTime = state.queryParams.crTime === null ? null : state.queryParams.crTime[0];
+    request.EndTime = state.queryParams.crTime === null ? null : state.queryParams.crTime[1];
+    Reflect.deleteProperty(request, 'crTime');
+    request.HotspotCode = row.hotspotCode;
+    departmentHotSmall(request)
+        .then((res: any) => {
+          resolve(res.result ?? []);
+        })
+        .catch(() => {});
+  });
+};
+// 跳转详情
+const router = useRouter();
+const linkDetail = (row: any) => {
+  router.push({
+    path: '/statistics/order/detailHotspotArea',
+    query: {
+      StartTime: requestParams.value.StartTime,
+      EndTime: requestParams.value.EndTime,
+      HotspotCode: row.hotspotCode,
+      tagsViewName: `热点类型小类统计明细`,
+      type: 'hotspotSubclass',
+    },
+  });
+};
+const industry = ref<EmptyArrayType>([]);
+onMounted(() => {
+  queryList();
+});
+</script>

src/views/snapshot/statistics/reAudit.vue

@@ -0,0 +1,270 @@
+<template>
+	<div class="snapshot-statistics-re-audit-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" @submit.native.prevent inline :disabled="gridOptions.loading">
+						<el-form-item prop="crTime">
+							<statistical-time v-model="state.queryParams.crTime" @change="handleQuery" ref="statisticalTimeRef" :disabled="state.loading" />
+						</el-form-item>
+						<el-form-item label="行业" prop="IndustryId">
+							<el-select v-model="state.queryParams.IndustryId" class="w100" placeholder="请选择行业" @change="queryList" clearable>
+								<el-option v-for="item in industry" :key="item.id" :label="item.name" :value="item.id" />
+							</el-select>
+						</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="resetQuery(ruleFormRef)" class="default-button" :loading="state.loading">
+								<SvgIcon name="ele-Refresh" class="mr5" />重置
+							</el-button>
+						</el-form-item>
+					</el-form>
+				</template>
+				<template #toolbar_buttons>
+					<el-popover :width="500" trigger="click">
+						<template #reference>
+							<el-button type="primary" title="字段说明"><SvgIcon name="ele-QuestionFilled" class="mr5" />字段说明</el-button>
+						</template>
+						<el-descriptions title="" :column="1" border style="max-height: 400px; overflow: auto">
+							<el-descriptions-item label="安全隐患举报（10元"
+								>获取行业类型为安全隐患的工单（剔除安全生产工单、电气焊作业举报工单）</el-descriptions-item
+							>
+							<el-descriptions-item label="安全隐患举报-安全生产（20元"> 行业类型为安全隐患且标记安全生产为【是】的工单 </el-descriptions-item>
+							<el-descriptions-item label="城市管理举报（10元）">获取行业类型为城市管理的工单</el-descriptions-item>
+							<el-descriptions-item label="环境保护举报（10元）">-获取行业类型为环境保护的工单</el-descriptions-item>
+							<el-descriptions-item label="市场监管举报（10元）"> 获取行业类型为市场监管的工单 </el-descriptions-item>
+							<el-descriptions-item label="交通管理设施隐患举报（10元"> 获取行业类型为交通管理设施隐患的工单 </el-descriptions-item>
+							<el-descriptions-item label="文化旅游举报（10元）"> 获取行业类型为文化旅游的工单 </el-descriptions-item>
+							<el-descriptions-item label="电气焊作业申报（20元）">获取行业类型为电气焊作业申报的工单 </el-descriptions-item>
+							<el-descriptions-item label="电气焊作业举报（20元）">获取行业类型为安全隐患，工单标签为动火作业的工单 </el-descriptions-item>
+							<el-descriptions-item label="审批同意总金额">时间范围内审批同意的工单总金额</el-descriptions-item>
+							<el-descriptions-item label="审批同意总个数">时间范围内审批同意的工单总个数</el-descriptions-item>
+							<el-descriptions-item label="发送成功金额">时间范围内在审批同意列表标记【已发红包】的总金额</el-descriptions-item>
+							<el-descriptions-item label="发送成功个数">时间范围内在审批同意列表标记【已发红包】的总个数</el-descriptions-item>
+							<el-descriptions-item label="发送失败金额-">时间范围内在审批同意列表标记【未发】的总金额</el-descriptions-item>
+							<el-descriptions-item label="发送失败个数">时间范围内在审批同意列表标记【未发】的总个数</el-descriptions-item>
+							<el-descriptions-item label="待发送红包金额">时间范围内审批同意尚未添加备注的工单总金额</el-descriptions-item>
+							<el-descriptions-item label="待发送红包个数">时间范围内审批同意尚未添加备注的工单总个数</el-descriptions-item>
+							<el-descriptions-item label="补充红包金额-">时间范围内补充标记金额的工单总金额</el-descriptions-item>
+							<el-descriptions-item label="补充红包个数">时间范围内补充标记金额的工单总个数</el-descriptions-item>
+						</el-descriptions>
+					</el-popover>
+				</template>
+				<template #industryName="{ row }">
+					{{ row.industryName }}
+				</template>
+			</vxe-grid>
+		</div>
+	</div>
+</template>
+
+<script lang="tsx" setup name="snapshotStatisticsReAudit">
+import { defineAsyncComponent, onMounted, reactive, ref } from 'vue';
+import { FormInstance } from 'element-plus';
+import { defaultDate } from '@/utils/constants';
+import { getGridReplyCount } from '@/api/snapshot/statistics';
+import Other from '@/utils/other';
+
+// 引入组件
+const StatisticalTime = defineAsyncComponent(() => import('@/components/StatisticalTime/index.vue')); // 日期类型选择组件
+
+// 定义变量内容
+const state = reactive<any>({
+	loading: false,
+	queryParams: {
+		crTime: defaultDate, // 时间默认今天开始到今天结束
+		StartTime: null,
+		EndTime: null,
+		IndustryId: null,
+	},
+	total: 0, // 总条数
+});
+
+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();
+			},
+		},
+		slots: {
+			buttons: 'toolbar_buttons',
+		},
+	},
+	customConfig: {
+		storage: true,
+	},
+	id: 'snapshotStatisticsReAudit',
+	rowConfig: { isHover: true, height: 30, isCurrent: true, useKey: true },
+	height: 'auto',
+	align: 'center',
+	columns: [
+		{
+			field: 'industryName',
+			title: '行业类型',
+			width: 200,
+			slots: { default: 'industryName' },
+		},
+		{
+			title: '审批',
+			children: [
+				{
+					field: 'creationTime',
+					title: '审批同意总金额',
+				},
+				{
+					field: 'creationTime',
+					title: '审批同意总个数',
+					slots: {
+						default({ row }) {
+							return (
+								<el-button type="primary" onClick={() => linkDetail(row)} link>
+									{row.sumCount}
+								</el-button>
+							);
+						},
+					},
+				},
+			],
+		},
+		{
+			title: '已发',
+			children: [
+				{
+					field: 'creationTime',
+					title: '发送成功金额',
+				},
+				{
+					field: 'creationTime',
+					title: '发送成功个数',
+					slots: {
+						default({ row }) {
+							return (
+								<el-button type="primary" onClick={() => linkDetail(row)} link>
+									{row.sumCount}
+								</el-button>
+							);
+						},
+					},
+				},
+				{
+					field: 'creationTime',
+					title: '发送失败金额',
+				},
+				{
+					field: 'creationTime',
+					title: '发送失败个数',
+					slots: {
+						default({ row }) {
+							return (
+								<el-button type="primary" onClick={() => linkDetail(row)} link>
+									{row.sumCount}
+								</el-button>
+							);
+						},
+					},
+				},
+			],
+		},
+		{
+			title: '待发',
+			children: [
+				{
+					field: 'creationTime',
+					title: '待发金额',
+				},
+				{
+					field: 'creationTime',
+					title: '待发个数',
+					slots: {
+						default({ row }) {
+							return (
+								<el-button type="primary" onClick={() => linkDetail(row)} link>
+									{row.sumCount}
+								</el-button>
+							);
+						},
+					},
+				},
+			],
+		},
+		{
+			title: '补充',
+			children: [
+				{
+					field: 'creationTime',
+					title: '补充红包金额',
+				},
+				{
+					field: 'creationTime',
+					title: '补充红包数',
+					slots: {
+						default({ row }) {
+							return (
+								<el-button type="primary" onClick={() => linkDetail(row)} link>
+									{row.sumCount}
+								</el-button>
+							);
+						},
+					},
+				},
+			],
+		},
+	],
+	data: [],
+});
+/** 搜索按钮操作 节流操作 */
+const handleQuery = () => {
+	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.StartTime = state.queryParams.crTime === null ? null : state.queryParams.crTime[0]; // 受理时间
+	requestParams.value.EndTime = state.queryParams.crTime === null ? null : state.queryParams.crTime[1];
+	Reflect.deleteProperty(requestParams.value, 'crTime'); // 删除无用的参数
+	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;
+		});
+};
+// 重置表单
+const ruleFormRef = ref<any>(null); // 表单ref
+const statisticalTimeRef = ref<RefType>();
+const resetQuery = (formEl: FormInstance | undefined) => {
+	if (!formEl) return;
+	formEl.resetFields();
+	statisticalTimeRef.value.reset();
+	queryList();
+};
+// 跳转详情
+const linkDetail = (row: any) => {};
+const industry = ref<EmptyArrayType>([]);
+// 页面加载时
+onMounted(() => {
+	queryList();
+});
+</script>