reactor:对接信件来源统计;

src/layout/navBars/breadcrumb/telControl.vue

@@ -803,7 +803,6 @@ const onControlClick = (val: string) => {
 };
 // 链接呼叫中心
 const websocket_connect = () => {
-	console.log(isReconnect.value, '是否需要重连');
 	console.log('链接呼叫中心');
 	if (ola.ws) {
 		// 如果已经连接 则先关闭

src/router/route.ts

@@ -365,6 +365,23 @@ export const dynamicRoutes: Array<RouteRecordRaw> = [
 			isKeepAlive: true,
 			isDynamic:true
 		},
+	},{
+		path: '/statistics/order/detailSource',
+		name: 'statisticsOrderDetailSource',
+		component: () => import('@/views/statistics/order/detailSource.vue'),
+		meta: {
+			title: '信件来源列表',
+			isKeepAlive: true,
+		},
+	},{
+		path: '/statistics/order/detailSourceOrder/:id/:tagsViewName?',
+		name: 'statisticsDetailSourceOrder',
+		component: () => import('@/views/statistics/order/detailSourceOrder.vue'),
+		meta: {
+			title: '信件来源列表明细',
+			isKeepAlive: true,
+			isDynamic:true
+		},
 	},
 ];
 

src/views/statistics/center/wrongItem.vue

@@ -25,7 +25,7 @@
 					<el-button @click="resetQuery(ruleFormRef)" class="default-button" :loading="state.loading">
 						<SvgIcon name="ele-Refresh" class="mr5" />重置
 					</el-button>
-					<el-button type="info" @click="onDetail" :loading="state.loading"> 回退错件明细 </el-button>
+					<el-button type="info" @click="onDetail" :loading="state.loading"><SvgIcon name="ele-List" class="mr5" /> 回退错件明细 </el-button>
 				</el-form-item>
 			</el-form>
 		</el-card>
@@ -53,7 +53,7 @@
 import { onMounted, reactive, ref } from 'vue';
 import { FormInstance } from 'element-plus';
 import { centerReturnError } from '@/api/statistics/center';
-import { defaultDate, shortcuts } from "@/utils/constants";
+import { defaultDate, shortcuts } from '@/utils/constants';
 import { useRouter } from 'vue-router';
 
 // 表格配置项

src/views/statistics/order/detailSource.vue

@@ -0,0 +1,205 @@
+<template>
+	<div class="statistics-order-dispatch-container layout-pd">
+		<!-- 搜索  -->
+		<el-card shadow="never">
+			<el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent inline>
+				<el-form-item label="来电人身份" prop="IdentityType">
+					<el-select v-model="state.queryParams.IdentityType" placeholder="请选择来电人身份" clearable @change="handleQuery">
+						<el-option v-for="item in identityTypeOptions" :value="item.value" :key="item.value" :label="item.key" />
+					</el-select>
+				</el-form-item>
+				<el-form-item label="时间段" prop="crTime">
+					<el-date-picker
+						v-model="state.queryParams.crTime"
+						type="daterange"
+						unlink-panels
+						range-separator="至"
+						start-placeholder="开始时间"
+						end-placeholder="结束时间"
+						:shortcuts="shortcuts"
+						@change="handleQuery"
+						value-format="YYYY-MM-DD"
+						:clearable="false"
+					/>
+				</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-button type="info" @click="onDetail" :loading="state.loading"> <SvgIcon name="ele-PieChart" class="mr5" />图表 </el-button>
+				</el-form-item>
+			</el-form>
+		</el-card>
+		<el-card shadow="never">
+			<ProTable
+				ref="proTableRef"
+				:columns="columns"
+				:data="state.tableData"
+				@updateTable="queryList"
+				:loading="state.loading"
+				border
+				:pagination="false"
+				:toolButton="['refresh', 'setting', 'exportAll']"
+				@export-all="exportTable($event, true)"
+			>
+			</ProTable>
+		</el-card>
+	</div>
+</template>
+<script setup lang="tsx" name="statisticsOrderDetailSource">
+import { onMounted, reactive, ref } from 'vue';
+import { FormInstance } from 'element-plus';
+import { departmentDispatch, orderSourceExport } from "@/api/statistics/order";
+import { defaultDate, shortcuts } from '@/utils/constants';
+import { useRouter } from 'vue-router';
+import { downloadFileByStream, guid } from "@/utils/tools";
+import Other from "@/utils/other";
+
+// 表格配置项
+const columns = ref<any[]>([
+	{ type: 'index', fixed: 'left', width: 55, label: '序号', align: 'center' },
+	{ prop: 'userName', label: '派单人员', align: 'center' },
+	{
+		prop: 'sendOrderNum',
+		label: '派单量',
+		align: 'center',
+		sortable: true,
+		render: (scope) => {
+			return (
+				<el-button type="primary" link onClick={() => linkDetail(scope)}>
+					{scope.row.sendOrderNum}
+				</el-button>
+			);
+		},
+	},
+	{
+		prop: 'noSendOrderNum',
+		label: '待派单件',
+		align: 'center',
+		sortable: true,
+		render: (scope) => {
+			return (
+				<el-button type="primary" link onClick={() => linkDetail(scope)}>
+					{scope.row.noSendOrderNum}
+				</el-button>
+			);
+		},
+	},
+	{
+		prop: 'reSendOrderNum',
+		label: '重办信件',
+		align: 'center',
+		sortable: true,
+		render: (scope) => {
+			return (
+				<el-button type="primary" link onClick={() => linkDetail(scope)}>
+					{scope.row.reSendOrderNum}
+				</el-button>
+			);
+		},
+	},
+	{ prop: 'chainRate', label: '派单准确率', align: 'center' },
+]);
+// 定义变量内容
+const ruleFormRef = ref<RefType>(); // 表单ref
+const state = reactive<any>({
+	queryParams: {
+		UserName: null,
+		// 查询条件
+		crTime: defaultDate,
+	},
+	tableData: [], //表单
+	loading: false, // 加载
+	total: 0, // 总数
+});
+const identityTypeOptions = [
+	{ key: '市民', value: 1 },
+	{ key: '企业', value: 2 },
+];
+/** 搜索按钮操作 */
+const handleQuery = () => {
+	// state.queryParams.PageIndex = 1;
+	queryList();
+};
+/** 获取列表 */
+const queryList = () => {
+	state.loading = true;
+	let StartTime = null;
+	let EndTime = null;
+	if (state.queryParams?.crTime) {
+		StartTime = state.queryParams?.crTime[0];
+		EndTime = state.queryParams?.crTime[1];
+	}
+	const request = {
+		StartTime,
+		EndTime,
+		UserName: state.queryParams.UserName,
+	};
+	departmentDispatch(request)
+		.then((res: any) => {
+			state.tableData = res.result ?? [];
+			state.loading = false;
+		})
+		.catch(() => {
+			state.loading = false;
+		});
+};
+/** 重置按钮操作 */
+const resetQuery = (formEl: FormInstance | undefined) => {
+	if (!formEl) return;
+	formEl.resetFields();
+	queryList();
+};
+// 查看明细
+const router = useRouter();
+const linkDetail = (scope: any) => {
+	router.push({
+		name: 'statisticsDetailSourceOrder',
+		params: {
+			id: guid(),
+		},
+		state: {
+      IdentityType: scope.row.IdentityType,
+			startTime: state.queryParams.crTime[0],
+			endTime: state.queryParams.crTime[1],
+		},
+	});
+};
+// 表格导出
+const exportTable = (val: any, isExportAll = false) => {
+	let 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');
+	const columnInfos = val.map((item: any) => {
+		return {
+			prop: item.prop,
+			name: item.label,
+		};
+	});
+	const req = {
+		queryDto: request,
+		columnInfos,
+		isExportAll,
+	};
+	state.loading = true;
+	orderSourceExport(req)
+		.then((res: any) => {
+			state.loading = false;
+			downloadFileByStream(res);
+		})
+		.catch(() => {
+			state.loading = false;
+		});
+};
+// 查看图表
+const onDetail = () => {
+	router.push({
+		name: 'statisticsOrderSource',
+	});
+};
+onMounted(() => {
+	queryList();
+});
+</script>

src/views/statistics/order/detailSourceOrder.vue

@@ -0,0 +1,141 @@
+<template>
+  <div class="statistics-order-detail-accept-type layout-pd">
+    <el-card shadow="never">
+      <!-- 表格 -->
+      <ProTable
+        ref="proTableRef"
+        :columns="columns"
+        :data="state.tableData"
+        @updateTable="queryList"
+        :loading="state.loading"
+        :total="state.total"
+        v-model:page-index="state.queryParams.PageIndex"
+        v-model:page-size="state.queryParams.PageSize"
+        @export-current="exportCurrent"
+        @export-all="exportAll"
+        :key="Math.random()"
+      >
+        <template #expiredStatusText="{ row }">
+          <span :class="'overdue-status-' + row.expiredStatus" :title="row.expiredStatusText"></span>
+        </template>
+        <template #title="{ row }">
+          <order-detail :order="row" @updateList="queryList">{{ row.title }}</order-detail>
+        </template>
+      </ProTable>
+    </el-card>
+  </div>
+</template>
+<script setup lang="tsx" name="statisticsDetailSourceOrder">
+import { defineAsyncComponent, onMounted, reactive, ref } from 'vue';
+import type { FormInstance } from 'element-plus';
+import other from '@/utils/other';
+import { useRoute, useRouter } from 'vue-router';
+import { formatDate } from '@/utils/formatTime';
+import { departmentAcceptTypeDetail } from '@/api/statistics/order';
+
+// 引入组件
+const OrderDetail = defineAsyncComponent(() => import('@/components/OrderDetail/index.vue')); // 工单详情
+
+// 定义变量内容
+const state = reactive<any>({
+  queryParams: {
+    PageIndex: 1, // 当前页
+    PageSize: 10, // 每页条数
+  },
+  tableData: [], //表单
+  loading: false, // 加载
+  total: 0, // 总数
+});
+const ruleFormRef = ref<RefType>(); // 表单ref
+const route = useRoute(); // 路由
+const router = useRouter(); // 路由
+const proTableRef = ref<RefType>(); // 表格ref
+// 表格配置项
+const columns = ref<any[]>([
+  { prop: 'expiredStatusText', label: '超期状态', align: 'center' ,width: 80,fixed:'left'},
+  { prop: 'statusText', label: '工单状态', width: 100 },
+  { prop: 'sourceChannel', label: '来源方式' },
+  { prop: 'actualHandleStepName', label: '当前节点', width: 120 },
+  { prop: 'reTransactNum',label: '重办次数',},
+  { prop: 'no', label: '工单编码', width: 150 },
+  {
+    prop: 'startTime',
+    label: '受理时间',
+    width: 170,
+    render: (scope) => {
+      return <span>{formatDate(scope.row.startTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
+    },
+  },
+  { prop: 'title', label: '工单标题', width: 300 },
+  {
+    prop: 'expiredTime',
+    label: '工单期满时间',
+    width: 170,
+    render: (scope) => {
+      return <span>{formatDate(scope.row.expiredTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
+    },
+  },
+  { prop: 'actualHandleOrgName', label: '接办部门', width: 170 },
+  {
+    prop: 'actualHandleTime',
+    label: '接办时间',
+    width: 170,
+    render: (scope) => {
+      return <span>{formatDate(scope.row.actualHandleTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
+    },
+  },
+  {
+    prop: 'filedTime',
+    label: '办结时间',
+    width: 170,
+    render: (scope) => {
+      return <span>{formatDate(scope.row.filedTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
+    },
+  },
+  { prop: 'acceptType', label: '受理类型', width: 150 },
+  { prop: 'hotspotName', label: '热点分类', width: 200 },
+  { prop: 'acceptorName', label: '受理人', width: 120 }
+]);
+// 手动查询，将页码设置为1
+const handleQuery = () => {
+  state.queryParams.PageIndex = 1;
+  queryList();
+};
+const historyParams = history.state;
+/** 获取列表 */
+const queryList = () => {
+  let request = other.deepClone(state.queryParams);
+  request.StartDate = historyParams.StartDate;
+  request.EndDate = historyParams.EndDate;
+  request.OrgCode = historyParams.OrgCode;
+  request.AcceptTypeCode = historyParams.AcceptTypeCode;
+  request.TypeCode = historyParams.TypeCode;
+  state.loading = true;
+  console.log(historyParams)
+  departmentAcceptTypeDetail(request)
+    .then((response: any) => {
+      state.tableData = response?.result.items ?? [];
+
+      state.total = response?.result.total;
+      state.loading = false;
+    })
+    .catch(() => {
+      state.loading = false;
+    });
+};
+/** 重置按钮操作 */
+const resetQuery = (formEl: FormInstance | undefined) => {
+  if (!formEl) return;
+  formEl.resetFields();
+  queryList();
+};
+const exportCurrent = () => {
+  console.log('导出当前页', proTableRef.value);
+};
+const exportAll = () => {
+  console.log('导出全部', proTableRef.value);
+};
+onMounted(() => {
+  queryList();
+});
+</script>

src/views/statistics/order/source.vue

@@ -1,218 +1,231 @@
 <template>
-  <div class="statistics-order-souce-container layout-pd">
-    <!-- 搜索  -->
-    <el-card shadow="never">
-      <el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent inline>
-        <el-form-item label="来电人身份" prop="IdentityType">
-          <el-select v-model="state.queryParams.IdentityType" placeholder="请选择来电人身份" clearable @change="handleQuery">
-            <el-option v-for="item in identityTypeOptions" :value="item.value" :key="item.value" :label="item.key" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="时间段" prop="crTime">
-          <el-date-picker
-            v-model="state.queryParams.crTime"
-            type="daterange"
-            unlink-panels
-            range-separator="至"
-            start-placeholder="开始时间"
-            end-placeholder="结束时间"
-            :shortcuts="shortcuts"
-            @change="handleQuery"
-            value-format="YYYY-MM-DD"
-            :clearable="false"
-          />
-        </el-form-item>
-        <el-form-item label-width="0">
-          <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>
-    </el-card>
-    <el-card shadow="never">
-      <el-row :gutter="20">
-        <el-col :xs="24" :sm="12" :md="18" :lg="18" :xl="18">
-          <v-chart class="chart" :option="option" :loading="state.loading" autoresize />
-        </el-col>
-        <el-col :xs="24" :sm="12" :md="6" :lg="6" :xl="6">
-          <ProTable
-            ref="proTableRef"
-            :columns="columns"
-            :data="state.tableData"
-            @updateTable="queryList"
-            :loading="state.loading"
-            :pagination="false"
-            border
-            :tool-button="false"
-            max-height="60vh"
-            :toolButton="['refresh', 'setting', 'exportAll']"
-            @export-all="exportTable($event, true)"
-          >
-          </ProTable>
-        </el-col>
-      </el-row>
-    </el-card>
-  </div>
+	<div class="statistics-order-souce-container layout-pd">
+		<!-- 搜索  -->
+		<el-card shadow="never">
+			<el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent inline>
+				<el-form-item label="来电人身份" prop="IdentityType">
+					<el-select v-model="state.queryParams.IdentityType" placeholder="请选择来电人身份" clearable @change="handleQuery">
+						<el-option v-for="item in identityTypeOptions" :value="item.value" :key="item.value" :label="item.key" />
+					</el-select>
+				</el-form-item>
+				<el-form-item label="时间段" prop="crTime">
+					<el-date-picker
+						v-model="state.queryParams.crTime"
+						type="daterange"
+						unlink-panels
+						range-separator="至"
+						start-placeholder="开始时间"
+						end-placeholder="结束时间"
+						:shortcuts="shortcuts"
+						@change="handleQuery"
+						value-format="YYYY-MM-DD"
+						:clearable="false"
+					/>
+				</el-form-item>
+				<el-form-item label-width="0">
+					<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-button type="info" @click="onDetail" :loading="state.loading"> <SvgIcon name="ele-List" class="mr5" /> 列表明细 </el-button>
+				</el-form-item>
+			</el-form>
+		</el-card>
+		<el-card shadow="never">
+			<el-row :gutter="20">
+				<el-col :xs="24" :sm="12" :md="18" :lg="18" :xl="18">
+					<v-chart class="chart" :option="option" :loading="state.loading" autoresize />
+				</el-col>
+				<el-col :xs="24" :sm="12" :md="6" :lg="6" :xl="6">
+					<ProTable
+						ref="proTableRef"
+						:columns="columns"
+						:data="state.tableData"
+						@updateTable="queryList"
+						:loading="state.loading"
+						:pagination="false"
+						border
+						:tool-button="false"
+						max-height="60vh"
+						:toolButton="['refresh', 'setting', 'exportAll']"
+						@export-all="exportTable($event, true)"
+					>
+					</ProTable>
+				</el-col>
+			</el-row>
+		</el-card>
+	</div>
 </template>
 <script setup lang="tsx" name="statisticsOrderSource">
 import { onMounted, reactive, ref } from 'vue';
 import { FormInstance } from 'element-plus';
 import { callList, callPeriodBase } from '@/api/statistics/call';
 import { defaultDate, shortcuts } from '@/utils/constants';
-import Other from "@/utils/other";
-import { orderSource, orderSourceExport } from "@/api/statistics/order";
-import { downloadFileByStream } from "@/utils/tools";
+import Other from '@/utils/other';
+import { orderSource, orderSourceExport } from '@/api/statistics/order';
+import { downloadFileByStream } from '@/utils/tools';
+import { useRouter } from 'vue-router';
 
 const proTableRef = ref<RefType>(); // 表格ref
 // 表格配置项
 const columns = ref<any[]>([
-  { prop: 'source', label: '信件来源', align: 'center' },
-  { prop: 'num', label: '数量', align: 'center' },
-  { prop: 'rateText', label: '占比', align: 'center' },
+	{ prop: 'source', label: '信件来源', align: 'center' },
+	{ prop: 'num', label: '数量', align: 'center' },
+	{ prop: 'rateText', label: '占比', align: 'center' },
 ]);
 // 定义变量内容
 const ruleFormRef = ref<RefType>(); // 表单ref
 const state = reactive<any>({
-  queryParams: {
-    // 查询条件
-    IdentityType: null, // 关键词
-    crTime: defaultDate, //
-    StartTime: null,
-    EndTime: null,
-  },
-  tableData: [], //表单
-  loading: false, // 加载
-  total: 0, // 总数
-  callForwardingSource: [],
+	queryParams: {
+		// 查询条件
+		IdentityType: null, // 关键词
+		crTime: defaultDate, //
+		StartTime: null,
+		EndTime: null,
+	},
+	tableData: [], //表单
+	loading: false, // 加载
+	total: 0, // 总数
+	callForwardingSource: [],
 });
 const identityTypeOptions = [
-  { key: '市民', value: 1 },
-  { key: '企业', value: 2 }
-]
+	{ key: '市民', value: 1 },
+	{ key: '企业', value: 2 },
+];
 /** 搜索按钮操作 */
 const handleQuery = () => {
-  // state.queryParams.PageIndex = 1;
-  queryList();
+	// state.queryParams.PageIndex = 1;
+	queryList();
 };
 /** 获取列表 */
 const queryList = () => {
-  state.loading = true;
-  let 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');
-  orderSource(request)
-    .then((res: any) => {
-      state.tableData = res.result;
-      const legendData = state.tableData.map((item: any) => {
-        return item.source;
-      }).filter((item: any) => item !== '合计');
-      const dataTable = state.tableData.map((item: any) => {
-        return {
-          name: item.source,
-          value: item.num,
-          ...item
-        };
-      }).filter((item: any) => item.name !== '合计')
-      setOption(legendData,dataTable);
-      state.loading = false;
-    })
-    .catch(() => {
-      state.loading = false;
-    });
+	state.loading = true;
+	let 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');
+	orderSource(request)
+		.then((res: any) => {
+			state.tableData = res.result;
+			const legendData = state.tableData
+				.map((item: any) => {
+					return item.source;
+				})
+				.filter((item: any) => item !== '合计');
+			const dataTable = state.tableData
+				.map((item: any) => {
+					return {
+						name: item.source,
+						value: item.num,
+						...item,
+					};
+				})
+				.filter((item: any) => item.name !== '合计');
+			setOption(legendData, dataTable);
+			state.loading = false;
+		})
+		.catch(() => {
+			state.loading = false;
+		});
 };
 /** 重置按钮操作 */
 const resetQuery = (formEl: FormInstance | undefined) => {
-  if (!formEl) return;
-  formEl.resetFields();
-  queryList();
+	if (!formEl) return;
+	formEl.resetFields();
+	queryList();
 };
 const option = ref<any>({});
 // 信件来源统计
-const setOption = (legendData:string[],data: any) => {
-  option.value = {
-    title: {
-      text: '信件来源统计',
-      left: 'center',
-    },
-    tooltip: {
-      formatter: '{b}:{d}%',
-    },
-    legend: [
-      {
-        left: 'left',
-        top: '40',
-        orient: 'vertical',
-        data:legendData,
-      },
-    ],
-    grid: {
-      containLabel: true,
-    },
-    series: [
-      {
-        type: 'pie',
-        radius: ['0%', '80%'],
-        label: {
-          show: true,
-          overflow: 'none',
-          formatter: function (params) {
-            if (params.name !== '') {
-              return `${params.name}:${params.data.value}（${params.percent}%）`;
-            }
-          },
-        },
-        data: data,
-      },
-    ],
-  };
+const setOption = (legendData: string[], data: any) => {
+	option.value = {
+		title: {
+			text: '信件来源统计',
+			left: 'center',
+		},
+		tooltip: {
+			formatter: '{b}:{d}%',
+		},
+		legend: [
+			{
+				left: 'left',
+				top: '40',
+				orient: 'vertical',
+				data: legendData,
+			},
+		],
+		grid: {
+			containLabel: true,
+		},
+		series: [
+			{
+				type: 'pie',
+				radius: ['0%', '80%'],
+				label: {
+					show: true,
+					overflow: 'none',
+					formatter: function (params) {
+						if (params.name !== '') {
+							return `${params.name}:${params.data.value}（${params.percent}%）`;
+						}
+					},
+				},
+				data: data,
+			},
+		],
+	};
 };
 // 获取基础信息
 const getBaseInfo = async () => {
-  try {
-    const { result } = await callPeriodBase();
-    state.callForwardingSource = result.callForwardingSource ?? [];
-  } catch (e) {
-    console.log(e);
-  }
+	try {
+		const { result } = await callPeriodBase();
+		state.callForwardingSource = result.callForwardingSource ?? [];
+	} catch (e) {
+		console.log(e);
+	}
 };
 // 表格导出
 const exportTable = (val: any, isExportAll = false) => {
-  let 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');
-  const columnInfos = val.map((item: any) => {
-    return {
-      prop: item.prop,
-      name: item.label,
-    };
-  });
-  const req = {
-    queryDto: request,
-    columnInfos,
-    isExportAll,
-  };
-  state.loading = true;
-  orderSourceExport(req)
-    .then((res: any) => {
-      state.loading = false;
-      downloadFileByStream(res);
-    })
-    .catch(() => {
-      state.loading = false;
-    });
+	let 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');
+	const columnInfos = val.map((item: any) => {
+		return {
+			prop: item.prop,
+			name: item.label,
+		};
+	});
+	const req = {
+		queryDto: request,
+		columnInfos,
+		isExportAll,
+	};
+	state.loading = true;
+	orderSourceExport(req)
+		.then((res: any) => {
+			state.loading = false;
+			downloadFileByStream(res);
+		})
+		.catch(() => {
+			state.loading = false;
+		});
+};
+// 查看列表明细
+const router = useRouter();
+const onDetail = () => {
+	router.push({
+		name: 'statisticsOrderDetailSource',
+	});
 };
 onMounted(() => {
-  getBaseInfo();
-  queryList();
+	getBaseInfo();
+	queryList();
 });
 </script>
 <style lang="scss" scoped>
 .chart,
 .chart1 {
-  height: 60vh;
-  margin-top: 10px;
+	height: 60vh;
+	margin-top: 10px;
 }
 </style>