reactor:随手拍新增地图位置标点查看;

package.json

@@ -16,6 +16,7 @@
 		"lint-fix": "eslint --fix --ext .js --ext .jsx --ext .vue src/"
 	},
 	"dependencies": {
+		"@amap/amap-jsapi-loader": "^1.0.1",
 		"@element-plus/icons-vue": "^2.0.10",
 		"@logicflow/core": "^1.2.28",
 		"@logicflow/extension": "^1.2.28",

src/components/OrderDetail/Map-view.vue

@@ -0,0 +1,98 @@
+<template>
+	<div class="map-container">
+		<div class="container" id="mapBox"></div>
+	</div>
+</template>
+
+<script setup lang="tsx">
+import { onMounted, shallowRef } from 'vue';
+import AMapLoader from '@amap/amap-jsapi-loader';
+import { useThemeConfig } from '@/stores/themeConfig';
+import { storeToRefs } from 'pinia';
+/*在Vue3中使用时,需要引入Vue3中的shallowRef方法(使用shallowRef进行非深度监听,
+因为在Vue3中所使用的Proxy拦截操作会改变JSAPI原生对象,所以此处需要区别Vue2使用方式对地图对象进行非深度监听,
+否则会出现问题,建议JSAPI相关对象采用非响应式的普通对象来存储)*/
+
+const storesThemeConfig = useThemeConfig();
+const { themeConfig } = storeToRefs(storesThemeConfig);
+const map: any = shallowRef(null);
+let AMapObj, marker;
+const initMap = () => {
+	window._AMapSecurityConfig = {
+		securityJsCode: import.meta.env.VITE_AMAP_SECURITYJSCODE, //安全密钥
+	};
+	AMapLoader.load({
+		key: import.meta.env.VITE_AMAP_KEY, // 申请好的Web端开发者Key，首次调用 load 时必填
+		version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+	})
+		.then((AMap) => {
+			AMapObj = AMap;
+			map.value = new AMap.Map('mapBox', {
+				center: themeConfig.value.locationCenter, //初始化地图中心点位置
+				zoom: 15, //初始化地图级别
+			});
+
+			AMap.plugin(['AMap.ToolBar', 'AMap.Scale', 'AMap.Geolocation', 'AMap.PlaceSearch', 'AMap.Geocoder'], () => {
+				// 缩放条
+				const toolbar = new AMap.ToolBar();
+				// 比例尺
+				const scale = new AMap.Scale();
+				// 定位
+				const geolocation = new AMap.Geolocation({
+					enableHighAccuracy: true, //是否使用高精度定位，默认:true
+					timeout: 10000, //超过10秒后停止定位，默认：5s
+					position: 'RT', //定位按钮的停靠位置
+					buttonOffset: new AMap.Pixel(10, 20), //定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)
+					zoomToAccuracy: true, //定位成功后是否自动调整地图视野到定位点
+				});
+				map.value.addControl(geolocation);
+				map.value.addControl(toolbar);
+				map.value.addControl(scale);
+				if (themeConfig.value.isIsDark) {
+					const styleName = 'amap://styles/' + 'dark';
+					map.value.setMapStyle(styleName);
+				} else {
+					const styleName = 'amap://styles/' + 'normal';
+					map.value.setMapStyle(styleName);
+				}
+			});
+		})
+		.catch((e) => {
+			console.log(e);
+		});
+};
+/*
+ * 监听坐标改变，重新绘制地图设置中心点 添加标点
+ */
+const addMarker = (data: any) => {
+	const { longitude, latitude } = data;
+	if (longitude && latitude) {
+		marker = new AMapObj.Marker({
+			position: new AMapObj.LngLat(longitude, latitude),
+			anchor: 'bottom-center',
+			map: map.value,
+		});
+		map.value.add(marker);
+		map.value.setCenter([longitude, latitude]);
+	}
+};
+onMounted(() => {
+	initMap();
+});
+defineExpose({
+	initMap,
+	addMarker,
+});
+</script>
+
+<style scoped>
+.map-container {
+	position: relative;
+	width: 100%;
+	height: 400px;
+	.container {
+		width: 100%;
+		height: 100%;
+	}
+}
+</style>

src/components/OrderDetail/index.vue

@@ -22,7 +22,7 @@
 	>
 		<template #header>
 			<el-tabs v-model="state.activeName" @tab-change="handleClick">
-				<el-tab-pane :name="item.value" v-for="item in state.tabPaneList" :key="item.value" :label="item.label"></el-tab-pane>
+				<el-tab-pane :name="item.value" v-for="item in state.tabPaneList" :key="item.value" :label="item.label" :disabled="state.loading"></el-tab-pane>
 			</el-tabs>
 		</template>
 		<!-- 工单详情 -->
@@ -506,6 +506,10 @@
 		<div v-show="state.activeName === '4'">
 			<copy-order ref="copyOrderRef" :orderId="state.orderId" />
 		</div>
+		<!--  地图信息  -->
+		<div v-show="state.activeName === '5'">
+			<map-view ref="mapViewRef"/>
+		</div>
 		<template #footer>
 			<span class="dialog-footer">
 				<el-text
@@ -702,6 +706,7 @@ const LZProcess = defineAsyncComponent(() => import('@/components/ProcessAudit/L
 const MarketDetail = defineAsyncComponent(() => import('@/views/business/order/components/Market-detail.vue')); // 市场明细
 const DelayApply = defineAsyncComponent(() => import('@/views/business/delay/components/Delay-apply.vue')); // 延期申请
 const ProcessDetail = defineAsyncComponent(() => import('@/components/ProcessDetail/index.vue')); // 流程明细
+const MapView = defineAsyncComponent(() => import('@/components/OrderDetail/Map-view.vue')); // 地图标点
 
 type ButtonType = '' | 'default' | 'success' | 'warning' | 'info' | 'text' | 'primary' | 'danger';
 const props = defineProps({
@@ -834,6 +839,21 @@ const getPortraitList = async () => {
 		state.dialogVisible = false;
 	}
 };
+// 查询地图信息
+const mapViewRef = ref<RefType>();
+const getMapInfo = async (id:string) => {
+	state.loading = true;
+	try {
+		const { result } = await orderDetail(id);
+		state.ruleForm = result;
+		mapViewRef.value.addMarker(result);
+		state.loading = false;
+	} catch (error) {
+		console.log(error)
+		state.loading = false;
+		state.dialogVisible = false;
+	}
+};
 // 打开弹窗
 const openDialog = (val: any) => {
 	if (!val || !val.id) {
@@ -879,6 +899,10 @@ const openDialog = (val: any) => {
 				label: '副本工单',
 				value: '4',
 			},
+			/*{
+				label: '地图信息',
+				value: '5',
+			},*/
 		];
 	}
 	if (val.activeName) {
@@ -909,6 +933,9 @@ const handleClick = (val: string) => {
 		case '4': // 副本工单
 			getCopyOrder();
 			break;
+		case '5': // 地图信息
+			getMapInfo(state.orderId)
+			break;
 		default:
 			getOrderDetail(state.orderId);
 			break;

src/views/snapshot/config/volunteer/components/Report-detail.vue

@@ -1,5 +1,5 @@
 <template>
-	<el-dialog v-model="state.dialogVisible" draggable title="新增志愿者" destroy-on-close append-to-body>
+	<el-dialog v-model="state.dialogVisible" draggable title="新增志愿者" destroy-on-close append-to-body @close="close">
 		<template #header>
 			<el-tabs v-model="state.activeName" @tab-change="handleClick">
 				<el-tab-pane :name="item.name" v-for="item in state.tabPaneList" :key="item.name" :label="item.label"></el-tab-pane>
@@ -8,22 +8,22 @@
 		<el-form :model="state.ruleForm" label-width="100px" ref="ruleFormRef" class="show-info-form" v-show="state.activeName === '0'">
 			<el-row :gutter="10">
 				<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
-					<el-form-item label="作业类型"></el-form-item>
+					<el-form-item label="作业类型">{{ state.ruleForm.jobType }}</el-form-item>
 				</el-col>
 				<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
-					<el-form-item label="施工人员姓名"></el-form-item>
+					<el-form-item label="施工人员姓名">{{ state.ruleForm.name }}</el-form-item>
 				</el-col>
 				<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
-					<el-form-item label="联系电话"></el-form-item>
+					<el-form-item label="联系电话">{{ state.ruleForm.phoneNumber }}</el-form-item>
 				</el-col>
 				<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
-					<el-form-item label="施工地点"></el-form-item>
+					<el-form-item label="施工地点">{{ state.ruleForm.fullAddress }}</el-form-item>
 				</el-col>
 				<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
-					<el-form-item label="上报时间"></el-form-item>
+					<el-form-item label="上报时间">{{ formatDate(state.ruleForm.creationTime, 'YYYY-mm-dd HH:MM:SS') }}</el-form-item>
 				</el-col>
 				<el-col>
-					<el-form-item label="作业描述"></el-form-item>
+					<el-form-item label="作业描述">{{ state.ruleForm.jobType }}</el-form-item>
 				</el-col>
 			</el-row>
 		</el-form>
@@ -67,6 +67,7 @@
 <script setup lang="ts">
 import { defineAsyncComponent, reactive, ref } from 'vue';
 import { historyOrder } from '@/api/business/order';
+import { formatDate } from '@/utils/formatTime';
 
 const pagination = defineAsyncComponent(() => import('@/components/ProTable/components/Pagination.vue')); // 分页
 const OrderDetail = defineAsyncComponent(() => import('@/components/OrderDetail/index.vue')); // 工单详情
@@ -84,7 +85,7 @@ const state = reactive<any>({
 		PageIndex: 1, // 当前页
 		PageSize: 10, // 每页条数
 	},
-	total:0,
+	total: 0,
 	activeName: '0',
 	tabPaneList: [
 		{
@@ -98,9 +99,10 @@ const state = reactive<any>({
 	],
 });
 // 打开弹窗
-const openDialog = async () => {
+const openDialog = async (row: any) => {
 	try {
 		state.dialogVisible = true;
+		state.ruleForm = row;
 	} catch (error) {
 		console.log(error);
 	}
@@ -119,7 +121,7 @@ const handleClick = (val: string) => {
 const searchHistory = async () => {
 	state.loading = true;
 	let request = {
-		PhoneNo: state.ruleForm.contact,
+		PhoneNo: state.ruleForm.phoneNumber,
 	};
 	try {
 		const response = await historyOrder(request);
@@ -134,6 +136,9 @@ const searchHistory = async () => {
 const closeDialog = () => {
 	state.dialogVisible = false;
 };
+const close = () => {
+	state.activeName = '0';
+};
 // 暴露变量
 defineExpose({
 	openDialog,

src/views/snapshot/config/volunteer/report.vue

@@ -41,7 +41,6 @@
 					/>
 				</template>
 			</vxe-grid>
-			<el-button link type="primary" @click="onView(row)"> 查看 </el-button>
 		</div>
 		<report-detail ref="reportDetailRef" />
 	</div>
@@ -124,30 +123,65 @@ const gridOptions = reactive<any>({
 		{
 			field: 'isApprovalProcess',
 			title: '生产经营单位内部是否按规定办理审批手续',
+			slots:{
+				default ({row}) {
+					return row.isApprovalProcess ? '是' : '否';
+				}
+			}
 		},
 		{
 			field: 'isProfessionalCertificate',
 			title: '电气焊作业人员是否取得职业资格证书',
+			slots:{
+				default ({row}) {
+					return row.isProfessionalCertificate ? '是' : '否';
+				}
+			}
 		},
 		{
 			field: 'isSiteMonitoring',
 			title: '是否落实作业现场监护人员',
+			slots:{
+				default ({row}) {
+					return row.isSiteMonitoring ? '是' : '否';
+				}
+			}
 		},
 		{
 			field: 'isFireWork',
 			title: '是否在人员密集场所营业期间动火作业',
+			slots:{
+				default ({row}) {
+					return row.isFireWork ? '是' : '否';
+				}
+			}
 		},
 		{
 			field: 'isClearSafety',
 			title: '是否清除作业现场及周围易燃物品或落实有效安全防范措施',
+			slots:{
+				default ({row}) {
+					return row.isClearSafety ? '是' : '否';
+				}
+			}
 		},
 		{
 			field: 'hasFireEquipment',
 			title: '作业现场是否配备能满足现场灭火应急需求消防器材',
+			slots:{
+				default ({row}) {
+					return row.hasFireEquipment ? '是' : '否';
+				}
+			}
 		},
 		{
 			field: 'isToolSafety',
 			title: '作业现场使用的工器具是否进行安全检查',
+			slots:{
+				default ({row}) {
+					return row.isToolSafety ? '是' : '否';
+				}
+			}
 		},
 		{ title: '操作', width: 90, fixed: 'right', align: 'center', slots: { default: 'action' } },
 	],

src/views/snapshot/reAudit/citizenTen/index.vue

@@ -0,0 +1,312 @@
+<template>
+	<div class="snapshot-re-audit-citizen-ten-container layout-padding">
+		<div class="layout-padding-auto layout-padding-view pd20">
+			<vxe-grid v-bind="gridOptions" ref="gridRef" @checkbox-all="selectAllChangeEvent" @checkbox-change="selectChangeEvent">
+				<template #form>
+					<el-form :model="state.queryParams" ref="ruleFormRef" inline @submit.native.prevent :disabled="gridOptions.loading">
+						<el-form-item label="发送状态" prop="isPass">
+							<el-radio-group v-model="state.queryParams.isPass">
+								<el-radio value="0">审批中</el-radio>
+								<el-radio value="1">审批同意</el-radio>
+								<el-radio value="2">审批拒绝</el-radio>
+								<el-radio value="3">全部</el-radio>
+							</el-radio-group>
+						</el-form-item>
+						<el-form-item label="工单编码" prop="CaseName">
+							<el-input
+								v-model="state.queryParams.CaseName"
+								placeholder="请填写工单编码"
+								clearable
+								@keyup.enter="handleQuery"
+								class="keyword-input"
+							/>
+						</el-form-item>
+						<el-form-item label="工单标题" prop="IndustryName">
+							<el-input
+								v-model="state.queryParams.IndustryName"
+								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="resetQuery(ruleFormRef)" class="default-button"> <SvgIcon name="ele-Refresh" 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 #statusText="{ row }">
+					<el-text type="danger" tag="b" v-if="[1, 2, 3, 9, 101, 102, 103, 104, 105, 200].includes(row.status)">{{ row.statusText }}</el-text>
+					<span v-else>{{ row.statusText }}</span>
+				</template>
+				<template #order_detail="{ row }">
+					<order-detail :order="row" @updateList="queryList">{{ row.title }}</order-detail>
+				</template>
+				<template #action="{ row }">
+					<el-button link type="primary" @click="onAudit(row)"> 审批 </el-button>
+				</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="zjTime">
+					<el-date-picker
+						v-model="state.queryParams.zjTime"
+						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="snapshotReAuditCitizenTen">
+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';
+
+// 引入组件
+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,
+		CaseName: null, // 线索名称
+		IndustryName: null, // 行业类型
+		zjTime: [],
+	},
+	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: 'snapshotReSendCitizen',
+	rowConfig: { isHover: true, height: 30, isCurrent: true, useKey: true },
+	height: 'auto',
+	columns: [
+		{ type: 'checkbox', width: 50, align: 'center' },
+		{
+			field: 'statusText',
+			title: '工单状态',
+			slots: {
+				default: 'statusText',
+			},
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '来源渠道',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '工单编码',
+		},
+		{
+			field: 'name',
+			title: '工单标题',
+			slots: { default: 'order_detail' },
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '增加时间',
+			// formatter: 'formatDate',
+		},
+		{
+			field: 'guiderReadPackAmountTxt',
+			title: '来电人姓名',
+		},
+		{
+			field: 'displayOrder',
+			title: '来电人号码',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '网格员奖励金额',
+			// formatter: 'formatDate',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '网格员奖励发放结果',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '区域',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '部门是否整改完成',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '部门是否属实',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '网格员是否属实',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '是否重复',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '网格员是否办理',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '网格E通编号',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '受理时间',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '区县审批状态',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '区县审批人',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '区县审批部门',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '区县审批时间',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '网格员办理状态',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '区县审批意见',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '审批状态',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '审批时间',
+		},
+		{
+			field: 'displayOrder',
+			title: '审批意见',
+			minWidth: 200,
+		},
+	],
+	data: [],
+});
+/** 搜索按钮操作 节流操作 */
+const handleQuery = () => {
+	state.queryParams.PageIndex = 1;
+	queryList();
+};
+// 获取参数列表
+const queryList = () => {
+	state.loading = true;
+	gridOptions.loading = true;
+	getClueList(state.queryParams)
+		.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();
+};
+
+const checkTable = ref<EmptyArrayType>([]);
+const gridRef = ref<RefType>();
+const selectAllChangeEvent = ({ checked }) => {
+	if (gridRef.value) {
+		const records = gridRef.value.getCheckboxRecords();
+		checkTable.value = records;
+		console.log(checked ? '所有勾选事件' : '所有取消事件', records);
+	}
+};
+
+const selectChangeEvent = ({ checked }) => {
+	if (gridRef.value) {
+		const records = gridRef.value.getCheckboxRecords();
+		checkTable.value = records;
+		console.log(checked ? '勾选事件' : '取消事件', records);
+	}
+};
+const isChecked = computed(() => {
+	return !Boolean(checkTable.value.length);
+});
+
+// 审批
+const onAudit = (row: any) => {};
+// 页面加载时
+onMounted(() => {
+	queryList();
+});
+</script>

src/views/snapshot/reAudit/citizenTwenty/index.vue

@@ -0,0 +1,312 @@
+<template>
+	<div class="snapshot-re-audit-citizen-Twenty-container layout-padding">
+		<div class="layout-padding-auto layout-padding-view pd20">
+			<vxe-grid v-bind="gridOptions" ref="gridRef" @checkbox-all="selectAllChangeEvent" @checkbox-change="selectChangeEvent">
+				<template #form>
+					<el-form :model="state.queryParams" ref="ruleFormRef" inline @submit.native.prevent :disabled="gridOptions.loading">
+						<el-form-item label="发送状态" prop="isPass">
+							<el-radio-group v-model="state.queryParams.isPass">
+								<el-radio value="0">审批中</el-radio>
+								<el-radio value="1">审批同意</el-radio>
+								<el-radio value="2">审批拒绝</el-radio>
+								<el-radio value="3">全部</el-radio>
+							</el-radio-group>
+						</el-form-item>
+						<el-form-item label="工单编码" prop="CaseName">
+							<el-input
+								v-model="state.queryParams.CaseName"
+								placeholder="请填写工单编码"
+								clearable
+								@keyup.enter="handleQuery"
+								class="keyword-input"
+							/>
+						</el-form-item>
+						<el-form-item label="工单标题" prop="IndustryName">
+							<el-input
+								v-model="state.queryParams.IndustryName"
+								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="resetQuery(ruleFormRef)" class="default-button"> <SvgIcon name="ele-Refresh" 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 #statusText="{ row }">
+					<el-text type="danger" tag="b" v-if="[1, 2, 3, 9, 101, 102, 103, 104, 105, 200].includes(row.status)">{{ row.statusText }}</el-text>
+					<span v-else>{{ row.statusText }}</span>
+				</template>
+				<template #order_detail="{ row }">
+					<order-detail :order="row" @updateList="queryList">{{ row.title }}</order-detail>
+				</template>
+				<template #action="{ row }">
+					<el-button link type="primary" @click="onAudit(row)"> 审批 </el-button>
+				</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="zjTime">
+					<el-date-picker
+						v-model="state.queryParams.zjTime"
+						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="snapshotReAuditCitizenTwenty">
+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';
+
+// 引入组件
+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,
+		CaseName: null, // 线索名称
+		IndustryName: null, // 行业类型
+		zjTime: [],
+	},
+	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: 'snapshotReSendCitizen',
+	rowConfig: { isHover: true, height: 30, isCurrent: true, useKey: true },
+	height: 'auto',
+	columns: [
+		{ type: 'checkbox', width: 50, align: 'center' },
+		{
+			field: 'statusText',
+			title: '工单状态',
+			slots: {
+				default: 'statusText',
+			},
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '来源渠道',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '工单编码',
+		},
+		{
+			field: 'name',
+			title: '工单标题',
+			slots: { default: 'order_detail' },
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '增加时间',
+			// formatter: 'formatDate',
+		},
+		{
+			field: 'guiderReadPackAmountTxt',
+			title: '来电人姓名',
+		},
+		{
+			field: 'displayOrder',
+			title: '来电人号码',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '网格员奖励金额',
+			// formatter: 'formatDate',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '网格员奖励发放结果',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '区域',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '部门是否整改完成',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '部门是否属实',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '网格员是否属实',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '是否重复',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '网格员是否办理',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '网格E通编号',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '受理时间',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '区县审批状态',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '区县审批人',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '区县审批部门',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '区县审批时间',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '网格员办理状态',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '区县审批意见',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '审批状态',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '审批时间',
+		},
+		{
+			field: 'displayOrder',
+			title: '审批意见',
+			minWidth: 200,
+		},
+	],
+	data: [],
+});
+/** 搜索按钮操作 节流操作 */
+const handleQuery = () => {
+	state.queryParams.PageIndex = 1;
+	queryList();
+};
+// 获取参数列表
+const queryList = () => {
+	state.loading = true;
+	gridOptions.loading = true;
+	getClueList(state.queryParams)
+		.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();
+};
+
+const checkTable = ref<EmptyArrayType>([]);
+const gridRef = ref<RefType>();
+const selectAllChangeEvent = ({ checked }) => {
+	if (gridRef.value) {
+		const records = gridRef.value.getCheckboxRecords();
+		checkTable.value = records;
+		console.log(checked ? '所有勾选事件' : '所有取消事件', records);
+	}
+};
+
+const selectChangeEvent = ({ checked }) => {
+	if (gridRef.value) {
+		const records = gridRef.value.getCheckboxRecords();
+		checkTable.value = records;
+		console.log(checked ? '勾选事件' : '取消事件', records);
+	}
+};
+const isChecked = computed(() => {
+	return !Boolean(checkTable.value.length);
+});
+
+// 审批
+const onAudit = (row: any) => {};
+// 页面加载时
+onMounted(() => {
+	queryList();
+});
+</script>

src/views/snapshot/reAudit/gridYJJ/index.vue

@@ -0,0 +1,312 @@
+<template>
+	<div class="snapshot-re-audit-grid-yjj-container layout-padding">
+		<div class="layout-padding-auto layout-padding-view pd20">
+			<vxe-grid v-bind="gridOptions" ref="gridRef" @checkbox-all="selectAllChangeEvent" @checkbox-change="selectChangeEvent">
+				<template #form>
+					<el-form :model="state.queryParams" ref="ruleFormRef" inline @submit.native.prevent :disabled="gridOptions.loading">
+						<el-form-item label="发送状态" prop="isPass">
+							<el-radio-group v-model="state.queryParams.isPass">
+								<el-radio value="0">审批中</el-radio>
+								<el-radio value="1">审批同意</el-radio>
+								<el-radio value="2">审批拒绝</el-radio>
+								<el-radio value="3">全部</el-radio>
+							</el-radio-group>
+						</el-form-item>
+						<el-form-item label="工单编码" prop="CaseName">
+							<el-input
+								v-model="state.queryParams.CaseName"
+								placeholder="请填写工单编码"
+								clearable
+								@keyup.enter="handleQuery"
+								class="keyword-input"
+							/>
+						</el-form-item>
+						<el-form-item label="工单标题" prop="IndustryName">
+							<el-input
+								v-model="state.queryParams.IndustryName"
+								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="resetQuery(ruleFormRef)" class="default-button"> <SvgIcon name="ele-Refresh" 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 #statusText="{ row }">
+					<el-text type="danger" tag="b" v-if="[1, 2, 3, 9, 101, 102, 103, 104, 105, 200].includes(row.status)">{{ row.statusText }}</el-text>
+					<span v-else>{{ row.statusText }}</span>
+				</template>
+				<template #order_detail="{ row }">
+					<order-detail :order="row" @updateList="queryList">{{ row.title }}</order-detail>
+				</template>
+				<template #action="{ row }">
+					<el-button link type="primary" @click="onAudit(row)"> 审批 </el-button>
+				</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="zjTime">
+					<el-date-picker
+						v-model="state.queryParams.zjTime"
+						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="snapshotReAuditGridYJJ">
+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';
+
+// 引入组件
+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,
+		CaseName: null, // 线索名称
+		IndustryName: null, // 行业类型
+		zjTime: [],
+	},
+	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: 'snapshotReSendCitizen',
+	rowConfig: { isHover: true, height: 30, isCurrent: true, useKey: true },
+	height: 'auto',
+	columns: [
+		{ type: 'checkbox', width: 50, align: 'center' },
+		{
+			field: 'statusText',
+			title: '工单状态',
+			slots: {
+				default: 'statusText',
+			},
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '来源渠道',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '工单编码',
+		},
+		{
+			field: 'name',
+			title: '工单标题',
+			slots: { default: 'order_detail' },
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '增加时间',
+			// formatter: 'formatDate',
+		},
+		{
+			field: 'guiderReadPackAmountTxt',
+			title: '来电人姓名',
+		},
+		{
+			field: 'displayOrder',
+			title: '来电人号码',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '网格员奖励金额',
+			// formatter: 'formatDate',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '网格员奖励发放结果',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '区域',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '部门是否整改完成',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '部门是否属实',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '网格员是否属实',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '是否重复',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '网格员是否办理',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '网格E通编号',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '受理时间',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '区县审批状态',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '区县审批人',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '区县审批部门',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '区县审批时间',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '网格员办理状态',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '区县审批意见',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '审批状态',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '审批时间',
+		},
+		{
+			field: 'displayOrder',
+			title: '审批意见',
+			minWidth: 200,
+		},
+	],
+	data: [],
+});
+/** 搜索按钮操作 节流操作 */
+const handleQuery = () => {
+	state.queryParams.PageIndex = 1;
+	queryList();
+};
+// 获取参数列表
+const queryList = () => {
+	state.loading = true;
+	gridOptions.loading = true;
+	getClueList(state.queryParams)
+		.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();
+};
+
+const checkTable = ref<EmptyArrayType>([]);
+const gridRef = ref<RefType>();
+const selectAllChangeEvent = ({ checked }) => {
+	if (gridRef.value) {
+		const records = gridRef.value.getCheckboxRecords();
+		checkTable.value = records;
+		console.log(checked ? '所有勾选事件' : '所有取消事件', records);
+	}
+};
+
+const selectChangeEvent = ({ checked }) => {
+	if (gridRef.value) {
+		const records = gridRef.value.getCheckboxRecords();
+		checkTable.value = records;
+		console.log(checked ? '勾选事件' : '取消事件', records);
+	}
+};
+const isChecked = computed(() => {
+	return !Boolean(checkTable.value.length);
+});
+
+// 审批
+const onAudit = (row: any) => {};
+// 页面加载时
+onMounted(() => {
+	queryList();
+});
+</script>

src/views/snapshot/reAudit/gridZFW/index.vue

@@ -0,0 +1,312 @@
+<template>
+	<div class="snapshot-re-audit-grid-zfw-container layout-padding">
+		<div class="layout-padding-auto layout-padding-view pd20">
+			<vxe-grid v-bind="gridOptions" ref="gridRef" @checkbox-all="selectAllChangeEvent" @checkbox-change="selectChangeEvent">
+				<template #form>
+					<el-form :model="state.queryParams" ref="ruleFormRef" inline @submit.native.prevent :disabled="gridOptions.loading">
+						<el-form-item label="发送状态" prop="isPass">
+							<el-radio-group v-model="state.queryParams.isPass">
+								<el-radio value="0">审批中</el-radio>
+								<el-radio value="1">审批同意</el-radio>
+								<el-radio value="2">审批拒绝</el-radio>
+								<el-radio value="3">全部</el-radio>
+							</el-radio-group>
+						</el-form-item>
+						<el-form-item label="工单编码" prop="CaseName">
+							<el-input
+								v-model="state.queryParams.CaseName"
+								placeholder="请填写工单编码"
+								clearable
+								@keyup.enter="handleQuery"
+								class="keyword-input"
+							/>
+						</el-form-item>
+						<el-form-item label="工单标题" prop="IndustryName">
+							<el-input
+								v-model="state.queryParams.IndustryName"
+								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="resetQuery(ruleFormRef)" class="default-button"> <SvgIcon name="ele-Refresh" 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 #statusText="{ row }">
+					<el-text type="danger" tag="b" v-if="[1, 2, 3, 9, 101, 102, 103, 104, 105, 200].includes(row.status)">{{ row.statusText }}</el-text>
+					<span v-else>{{ row.statusText }}</span>
+				</template>
+				<template #order_detail="{ row }">
+					<order-detail :order="row" @updateList="queryList">{{ row.title }}</order-detail>
+				</template>
+				<template #action="{ row }">
+					<el-button link type="primary" @click="onAudit(row)"> 审批 </el-button>
+				</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="zjTime">
+					<el-date-picker
+						v-model="state.queryParams.zjTime"
+						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="snapshotReAuditGridZFW">
+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';
+
+// 引入组件
+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,
+		CaseName: null, // 线索名称
+		IndustryName: null, // 行业类型
+		zjTime: [],
+	},
+	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: 'snapshotReSendCitizen',
+	rowConfig: { isHover: true, height: 30, isCurrent: true, useKey: true },
+	height: 'auto',
+	columns: [
+		{ type: 'checkbox', width: 50, align: 'center' },
+		{
+			field: 'statusText',
+			title: '工单状态',
+			slots: {
+				default: 'statusText',
+			},
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '来源渠道',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '工单编码',
+		},
+		{
+			field: 'name',
+			title: '工单标题',
+			slots: { default: 'order_detail' },
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '增加时间',
+			// formatter: 'formatDate',
+		},
+		{
+			field: 'guiderReadPackAmountTxt',
+			title: '来电人姓名',
+		},
+		{
+			field: 'displayOrder',
+			title: '来电人号码',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '网格员奖励金额',
+			// formatter: 'formatDate',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '网格员奖励发放结果',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '区域',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '部门是否整改完成',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '部门是否属实',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '网格员是否属实',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '是否重复',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '网格员是否办理',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '网格E通编号',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '受理时间',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '区县审批状态',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '区县审批人',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '区县审批部门',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '区县审批时间',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '网格员办理状态',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '区县审批意见',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '审批状态',
+		},
+		{
+			field: 'citizenReadPackAmountTxt',
+			title: '审批时间',
+		},
+		{
+			field: 'displayOrder',
+			title: '审批意见',
+			minWidth: 200,
+		},
+	],
+	data: [],
+});
+/** 搜索按钮操作 节流操作 */
+const handleQuery = () => {
+	state.queryParams.PageIndex = 1;
+	queryList();
+};
+// 获取参数列表
+const queryList = () => {
+	state.loading = true;
+	gridOptions.loading = true;
+	getClueList(state.queryParams)
+		.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();
+};
+
+const checkTable = ref<EmptyArrayType>([]);
+const gridRef = ref<RefType>();
+const selectAllChangeEvent = ({ checked }) => {
+	if (gridRef.value) {
+		const records = gridRef.value.getCheckboxRecords();
+		checkTable.value = records;
+		console.log(checked ? '所有勾选事件' : '所有取消事件', records);
+	}
+};
+
+const selectChangeEvent = ({ checked }) => {
+	if (gridRef.value) {
+		const records = gridRef.value.getCheckboxRecords();
+		checkTable.value = records;
+		console.log(checked ? '勾选事件' : '取消事件', records);
+	}
+};
+const isChecked = computed(() => {
+	return !Boolean(checkTable.value.length);
+});
+
+// 审批
+const onAudit = (row: any) => {};
+// 页面加载时
+onMounted(() => {
+	queryList();
+});
+</script>

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

@@ -0,0 +1,828 @@
+<template>
+	<div class="snapshot-statistics-all-order-container layout-padding">
+		<div class="layout-padding-auto layout-padding-view pd20">
+			<vxe-grid v-bind="gridOptions" v-on="gridEvents" ref="gridRef" @checkbox-all="selectAllChangeEvent" @checkbox-change="selectChangeEvent">
+				<template #form>
+					<el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent inline :disabled="state.loading">
+						<el-row>
+							<el-col>
+								<el-form-item label="快捷查询" prop="fastSearch">
+									<el-segmented
+										:options="[
+											{
+												value: 'all',
+												label: '全部',
+											},
+											{
+												value: 'city',
+												label: '市工单',
+											},
+											{
+												value: 'province',
+												label: '省工单',
+											},
+										]"
+										v-model="fastSearch"
+										@change="fastSearchChange"
+										:disabled="state.loading"
+									/>
+									<el-checkbox-group v-model="checkList" @change="changeCheckList" class="ml15">
+										<el-checkbox value="IsSensitiveWord" border>敏感类工单</el-checkbox>
+									</el-checkbox-group>
+								</el-form-item>
+								<el-form-item>
+									<el-button @click="contentRetrieval"><SvgIcon name="ele-DocumentCopy" class="mr5" />内容检索</el-button>
+								</el-form-item>
+							</el-col>
+						</el-row>
+						<el-form-item label="工单标题" prop="Keyword">
+							<el-input v-model.trim="state.queryParams.Keyword" placeholder="工单标题" clearable @keyup.enter="handleQuery" class="keyword-input" />
+						</el-form-item>
+						<el-form-item label="工单编码" prop="No">
+							<el-input v-model.trim="state.queryParams.No" placeholder="工单编码" clearable @keyup.enter="handleQuery" class="keyword-input" />
+						</el-form-item>
+						<el-form-item label="生成时间" prop="crTime">
+							<el-date-picker
+								v-model="state.queryParams.crTime"
+								type="datetimerange"
+								unlink-panels
+								range-separator="至"
+								start-placeholder="开始时间"
+								end-placeholder="结束时间"
+								:shortcuts="shortcuts"
+								@change="handleQuery"
+								value-format="YYYY-MM-DD[T]HH:mm:ss"
+								:default-time="defaultTimeStartEnd"
+							/>
+						</el-form-item>
+						<el-form-item>
+							<el-button type="primary" @click="handleQuery" :loading="state.loading"> <SvgIcon name="ele-Search" class="mr5" />查询 </el-button>
+							<el-button @click="drawer = true" class="default-button"> <SvgIcon name="ele-Search" class="mr5" />更多查询</el-button>
+						</el-form-item>
+					</el-form>
+				</template>
+				<template #toolbar_buttons>
+					<el-button type="primary" @click="onCreateRepeatEvent" :loading="state.loading">
+						<SvgIcon name="ele-Plus" class="mr5" />创建重复性事件
+					</el-button>
+					<el-button type="primary" @click="onRevoke" :loading="state.loading" v-auth="'business:order:revoke'" :disabled="isChecked">
+						<SvgIcon name="ele-Setting" class="mr5" />设置撤销<span v-if="checkTable.length">({{ checkTable.length }})</span>
+					</el-button>
+					<el-button type="primary" @click="onObserve" v-auth="'business:order:observe'" :disabled="isChecked" :loading="state.loading"
+					>添加关注<span v-if="checkTable.length">({{ checkTable.length }})</span>
+					</el-button>
+					<el-button type="primary" @click="onEnd" v-auth="'business:order:end'" :disabled="isChecked" :loading="state.loading"
+					>设置终结件<span v-if="checkTable.length">({{ checkTable.length }})</span>
+					</el-button>
+					<el-button type="primary" @click="onJbExport" :disabled="isChecked" :loading="state.loading" v-auth="'business:order:jbdExport'"
+					><SvgIcon name="iconfont icon-daochu" class="mr5" />交办单导出<span v-if="checkTable.length">({{ checkTable.length }})</span></el-button
+					>
+					<el-button type="primary" @click="onUrge" v-auth="'business:order:urge'" :disabled="isChecked" :loading="state.loading"
+					><SvgIcon name="ele-Plus" class="mr5" />添加催办<span v-if="checkTable.length">({{ checkTable.length }})</span>
+					</el-button>
+				</template>
+				<template #statusText="{ row }">
+					<el-text type="danger" tag="b" v-if="[1, 2, 3, 9, 101, 102, 103, 104, 105, 200].includes(row.status)">{{ row.statusText }}</el-text>
+					<span v-else>{{ row.statusText }}</span>
+				</template>
+				<template #order_detail="{ row }">
+					<order-detail :order="row" @updateList="queryList">{{ row.title }}</order-detail>
+				</template>
+				<template #action="{ row }">
+					<el-button
+						link
+						type="danger"
+						@click="onReturn(row)"
+						title="省工单退回"
+						v-auth="'business:order:return:province'"
+						v-if="
+							row.isProvince &&
+							(row.actualHandleOrgCode === '001' || row.actualHandleOrgCode === null || row.actualHandleOrgCode === '' || row.status === 0) &&
+							row.status < 300 &&
+							row.status !== 9 &&
+							!row.provinceSendBack
+						"
+					>
+						退回</el-button
+					>
+					<order-detail :order="row" @updateList="handleQuery" />
+				</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>
+		<!-- 编辑重复性事件 -->
+		<repeat-event-edit ref="repeatEventEditRef" @updateList="handleQuery" />
+		<!-- 工单省退回 -->
+		<order-return ref="orderReturnRef" @updateList="handleQuery" />
+		<!--	更多查询	-->
+		<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="slTime">
+					<el-date-picker
+						v-model="state.queryParams.slTime"
+						type="datetimerange"
+						unlink-panels
+						range-separator="至"
+						start-placeholder="开始时间"
+						end-placeholder="结束时间"
+						:shortcuts="shortcuts"
+						@change="handleQuery"
+						value-format="YYYY-MM-DD[T]HH:mm:ss"
+						:default-time="defaultTimeStartEnd"
+					/>
+				</el-form-item>
+				<el-form-item label="敏感词" prop="SensitiveWord" v-show="checkList.includes('IsSensitiveWord')">
+					<el-input v-model="state.queryParams.SensitiveWord" placeholder="敏感词" clearable @keyup.enter="handleQuery" />
+				</el-form-item>
+				<el-form-item label="来电人姓名" prop="FromName">
+					<el-input v-model="state.queryParams.FromName" placeholder="来电人姓名" clearable @keyup.enter="handleQuery" />
+				</el-form-item>
+				<el-form-item label="事发地址" prop="AreaCode">
+					<el-cascader
+						:options="state.areaOptions"
+						filterable
+						:props="{ checkStrictly: true, value: 'id', label: 'areaName', emitPath: false }"
+						placeholder="请选择事发地址"
+						clearable
+						v-model="state.queryParams.AreaCode"
+						@change="handleQuery"
+						class="w100"
+					>
+					</el-cascader>
+				</el-form-item>
+				<el-form-item label="是否紧急" prop="IsUrgent">
+					<el-select v-model="state.queryParams.IsUrgent" placeholder="请选择是否紧急" clearable @change="handleQuery">
+						<el-option :value="true" label="紧急" />
+						<el-option :value="false" label="不紧急" />
+					</el-select>
+				</el-form-item>
+				<el-form-item label="转接来源" prop="TransferPhone">
+					<el-input v-model="state.queryParams.TransferPhone" placeholder="转接来源" clearable @keyup.enter="handleQuery" />
+				</el-form-item>
+				<el-form-item label="工单状态" prop="Status">
+					<el-select v-model="state.queryParams.Status" placeholder="请选择工单状态" clearable @change="handleQuery">
+						<el-option v-for="item in state.orderStatusOptions" :value="item.key" :key="item.key" :label="item.value" />
+					</el-select>
+				</el-form-item>
+				<el-form-item label="受理类型" prop="AcceptType">
+					<el-select v-model="state.queryParams.AcceptType" placeholder="请选择受理类型" clearable @change="handleQuery">
+						<el-option v-for="item in state.acceptTypeOptions" :value="item.dicDataValue" :key="item.dicDataValue" :label="item.dicDataName" />
+					</el-select>
+				</el-form-item>
+				<el-form-item label="来源渠道" prop="Channel">
+					<el-select v-model="state.queryParams.Channel" placeholder="请选择来源渠道" clearable @change="handleQuery">
+						<el-option v-for="item in state.channelOptions" :value="item.dicDataValue" :key="item.dicDataValue" :label="item.dicDataName" />
+					</el-select>
+				</el-form-item>
+				<el-form-item label="热点分类" prop="Hotspot">
+					<el-input v-model.trim="state.queryParams.Hotspot" placeholder="热点分类名称" clearable @keyup.enter="handleQuery" />
+				</el-form-item>
+				<el-form-item label="接办部门" prop="ActualHandleOrgName">
+					<el-input v-model="state.queryParams.ActualHandleOrgName" placeholder="请填写接办部门名称" clearable @keyup.enter="handleQuery" />
+				</el-form-item>
+				<el-form-item label="一级部门" prop="OrgLevelOneName">
+					<el-input v-model="state.queryParams.OrgLevelOneName" placeholder="请填写一级部门名称" clearable @keyup.enter="handleQuery" />
+				</el-form-item>
+				<el-form-item label="受理人" prop="NameOrNo">
+					<el-input v-model="state.queryParams.NameOrNo" placeholder="受理人/坐席工号" clearable @keyup.enter="handleQuery" />
+				</el-form-item>
+				<el-form-item label="省本地编码" prop="ProvinceNo">
+					<el-input v-model.trim="state.queryParams.ProvinceNo" placeholder="省本地编码" clearable @keyup.enter="handleQuery" />
+				</el-form-item>
+				<el-form-item label="来电号码" prop="FromPhone">
+					<el-input v-model.trim="state.queryParams.FromPhone" placeholder="来电号码" clearable @keyup.enter="handleQuery" />
+				</el-form-item>
+				<el-form-item label="联系电话" prop="PhoneNo">
+					<el-input v-model.trim="state.queryParams.PhoneNo" placeholder="联系电话" clearable @keyup.enter="handleQuery" />
+				</el-form-item>
+				<el-form-item label="推送分类" prop="PushTypeCode">
+					<el-select v-model="state.queryParams.PushTypeCode" placeholder="请选择推送分类" clearable @change="handleQuery">
+						<el-option v-for="item in state.pushTypeOptions" :value="item.dicDataValue" :key="item.dicDataValue" :label="item.dicDataName" />
+					</el-select>
+				</el-form-item>
+				<el-form-item label="工单标签" prop="OrderTagCode" v-if="['ZiGong', 'LuZhou'].includes(themeConfig.appScope)">
+					<el-select v-model="state.queryParams.OrderTagCode" placeholder="请选择推送分类" clearable @change="handleQuery">
+						<el-option v-for="item in state.orderTagOptions" :value="item.dicDataValue" :key="item.dicDataValue" :label="item.dicDataName" />
+					</el-select>
+				</el-form-item>
+				<el-form-item label="重点标记" prop="FocusOnEvents" v-if="['YiBin'].includes(themeConfig.appScope)">
+					<el-select v-model="state.queryParams.FocusOnEvents" placeholder="请选择重点标记" clearable @change="handleQuery">
+						<el-option v-for="item in state.focusOnEvents" :value="item.dicDataValue" :key="item.dicDataValue" :label="item.dicDataName" />
+					</el-select>
+				</el-form-item>
+				<el-form-item label="归档类型" prop="FiledType">
+					<el-select v-model="state.queryParams.FiledType" placeholder="请选择归档类型" @change="handleQuery" clearable>
+						<el-option label="中心归档" value="10" />
+						<el-option label="部门归档" value="20" />
+					</el-select>
+				</el-form-item>
+				<el-form-item label="期满时间" prop="exTime">
+					<el-date-picker
+						v-model="state.queryParams.exTime"
+						type="datetimerange"
+						unlink-panels
+						range-separator="至"
+						start-placeholder="开始时间"
+						end-placeholder="结束时间"
+						:shortcuts="shortcuts"
+						@change="handleQuery"
+						value-format="YYYY-MM-DD[T]HH:mm:ss"
+						:default-time="defaultTimeStartEnd"
+					/>
+				</el-form-item>
+				<el-form-item label="接办人" prop="ActualHandlerName">
+					<el-input v-model="state.queryParams.ActualHandlerName" placeholder="接办人" clearable @keyup.enter="handleQuery" />
+				</el-form-item>
+				<el-form-item label="是否甄别" prop="IsScreen">
+					<el-select v-model="state.queryParams.IsScreen" placeholder="请选择是否甄别" clearable @change="handleQuery">
+						<el-option label="是" :value="true" />
+						<el-option label="否" :value="false" />
+					</el-select>
+				</el-form-item>
+				<el-form-item label="是否保密" prop="IsSecret">
+					<el-select v-model="state.queryParams.IsSecret" placeholder="请选择是否保密" clearable @change="handleQuery">
+						<el-option label="是" :value="true" />
+						<el-option label="否" :value="false" />
+					</el-select>
+				</el-form-item>
+				<el-form-item label="省编码" prop="ReceiveProvinceNo">
+					<el-input v-model="state.queryParams.ReceiveProvinceNo" placeholder="省编码" clearable @keyup.enter="handleQuery" />
+				</el-form-item>
+				<el-form-item label="当前节点" prop="CurrentStepCode">
+					<el-select v-model="state.queryParams.CurrentStepCode" placeholder="请选择当前节点" clearable @change="handleQuery">
+						<el-option v-for="item in state.currentStepOptions" :value="item.key" :key="item.key" :label="item.value" />
+					</el-select>
+				</el-form-item>
+				<el-form-item label="办结时间" prop="doneTime">
+					<el-date-picker
+						v-model="state.queryParams.doneTime"
+						type="datetimerange"
+						unlink-panels
+						range-separator="至"
+						start-placeholder="开始时间"
+						end-placeholder="结束时间"
+						:shortcuts="shortcuts"
+						@change="handleQuery"
+						value-format="YYYY-MM-DD[T]HH:mm:ss"
+						:default-time="defaultTimeStartEnd"
+					/>
+				</el-form-item>
+				<!--				<el-form-item label="发布时间" prop="fbTime">
+					<el-date-picker
+						v-model="state.queryParams.fbTime"
+						type="datetimerange"
+						unlink-panels
+						range-separator="至"
+						start-placeholder="开始时间"
+						end-placeholder="结束时间"
+						:shortcuts="shortcuts"
+						@change="handleQuery"
+						value-format="YYYY-MM-DD[T]HH:mm:ss"
+						:default-time="defaultTimeStartEnd"
+					/>
+				</el-form-item>
+				<el-form-item label="回访时间" prop="hfTime">
+					<el-date-picker
+						v-model="state.queryParams.hfTime"
+						type="datetimerange"
+						unlink-panels
+						range-separator="至"
+						start-placeholder="开始时间"
+						end-placeholder="结束时间"
+						:shortcuts="shortcuts"
+						@change="handleQuery"
+						value-format="YYYY-MM-DD[T]HH:mm:ss"
+						:default-time="defaultTimeStartEnd"
+					/>
+				</el-form-item>-->
+				<el-form-item label="受理情况" prop="IsSgin">
+					<el-select v-model="state.queryParams.IsSgin" placeholder="请选择受理情况" clearable @change="handleQuery">
+						<el-option label="已签收" :value="true" />
+						<el-option label="未签收" :value="false" />
+					</el-select>
+				</el-form-item>
+				<el-form-item label="是否超期" prop="IsOverTime">
+					<el-select v-model="state.queryParams.IsOverTime" placeholder="请选择是否超期" clearable @change="handleQuery">
+						<el-option label="是" :value="true" />
+						<el-option label="否" :value="false" />
+					</el-select>
+				</el-form-item>
+				<el-form-item label="来电主体" prop="IdentityType">
+					<el-select v-model="state.queryParams.IdentityType" placeholder="请选择来电主体" clearable @change="handleQuery">
+						<el-option v-for="item in state.identityTypeOptions" :value="item.key" :key="item.key" :label="item.value" />
+					</el-select>
+				</el-form-item>
+			</el-form>
+			<template #footer>
+				<el-button type="primary" @click="handleQuery" :loading="state.loading"> <SvgIcon name="ele-Search" class="mr5" />查询 </el-button>
+				<el-button @click="resetQuery(drawerRuleFormRef)" class="default-button"> <SvgIcon name="ele-Refresh" class="mr5" />重置 </el-button>
+			</template>
+		</el-drawer>
+		<!--	内容检索	-->
+		<el-dialog
+			v-model="state.dialogVisible"
+			draggable
+			destroy-on-close
+			:close-on-click-modal="false"
+			modal-class="modal_class"
+			class="dialog_class"
+			append-to-body
+			:modal="false"
+			title="内容检索"
+			width="500px"
+		>
+			<el-form :model="state.ruleForm" ref="ruleFormContentRef" label-width="90px" class="show-info-form" @submit.native.prevent>
+				<el-form-item label="信件内容">
+					<el-input v-model="state.ruleForm.content" placeholder="请填写信件内容" :autosize="{ minRows: 4, maxRows: 10 }" type="textarea"></el-input>
+				</el-form-item>
+				<!--				<el-form-item label="检索范围">
+					<el-checkbox v-model="state.ruleForm.isContent">受理内容</el-checkbox>
+					<el-checkbox v-model="state.ruleForm.isFileOpinion">承办意见</el-checkbox>
+				</el-form-item>-->
+			</el-form>
+			<template #footer>
+				<span class="dialog-footer">
+					<el-button @click="state.dialogVisible = false" class="default-button">取 消</el-button>
+					<el-button type="primary" @click="onSearch(ruleFormContentRef)">查 询</el-button>
+				</span>
+			</template>
+		</el-dialog>
+		<!-- 工单撤销 -->
+		<order-revoke ref="orderRevokeRef" @updateList="handleQuery" />
+		<!-- 工单催办 -->
+		<order-urge ref="orderUrgeRef" @updateList="handleQuery" />
+	</div>
+</template>
+<script setup lang="tsx" name="snapshotStatisticsAllOrder">
+import { defineAsyncComponent, onMounted, reactive, ref, onActivated, onBeforeUnmount, computed } from 'vue';
+import type { FormInstance } from 'element-plus';
+import { ElMessage, ElMessageBox } from 'element-plus';
+import { defaultTimeStartEnd, shortcuts } from '@/utils/constants';
+import { exportOrder, listBaseData, orderList, orderListCount, orderListFixed } from '@/api/business/order';
+import { addObserve } from '@/api/query/observe';
+import { addEnd } from '@/api/query/end';
+import { treeArea } from '@/api/auxiliary/area';
+import { exportAssignment, getNeedArr } from '@/utils/tools';
+import Other from '@/utils/other';
+import mittBus from '@/utils/mitt';
+import { useThemeConfig } from '@/stores/themeConfig';
+import { storeToRefs } from 'pinia';
+import { useUserInfo } from '@/stores/userInfo';
+import { YBTableHeader, LZTableHeader, ZGTableHeader } from '@/views/business/order/tableHeader';
+
+// 引入组件
+const OrderDetail = defineAsyncComponent(() => import('@/components/OrderDetail/index.vue')); // 工单详情
+const RepeatEventEdit = defineAsyncComponent(() => import('@/views/business/repeatEvent/components/Repeat-event-edit.vue')); // 编辑重复性事件
+const OrderReturn = defineAsyncComponent(() => import('@/views/business/return/components/Apply.vue')); // 工单退回
+const OrderRevoke = defineAsyncComponent(() => import('@/views/business/order/components/Order-revoke.vue')); // 工单撤销
+const OrderUrge = defineAsyncComponent(() => import('@/views/business/order/components/Order-Urge.vue')); // 工单催办
+const pagination = defineAsyncComponent(() => import('@/components/ProTable/components/Pagination.vue')); // 分页
+
+const storesUserInfo = useUserInfo();
+const { userInfos } = storeToRefs(storesUserInfo);
+const storesThemeConfig = useThemeConfig();
+const { themeConfig } = storeToRefs(storesThemeConfig);
+// 定义变量内容
+const state = reactive<any>({
+	queryParams: {
+		PageIndex: 1, // 当前页
+		PageSize: 20, // 每页条数
+		// 查询条件
+		No: null, // 工单编码
+		ProvinceNo: null, // 省本地编码
+		ActualHandlerName: null, // 接办人
+		IsScreen: null, // 是否甄别
+		CurrentStepCode: null, // 办理节点
+		IsOverTime: null, // 是否超期
+		FromName: null, // 来电人姓名
+		AreaCode: null, // 事发地址
+		FromPhone: null, // 来电号码
+		Keyword: null, // 关键字
+		Content: null, // 工单内容
+		AcceptType: null, // 受理类型
+		Channels: null, // 渠道
+		Hotspot: null, //  热点分类名称
+		OrgId: null, // 接办部门
+		ActualHandleOrgName: null, // 接办部门
+		OrgLevelOneName: null, // 一级部门
+		NameOrNo: null, // 受理坐席
+		crTime: [], // 生成时间
+		CreationTimeStart: null, // 创建时间 开始
+		CreationTimeEnd: null, // 创建时间 结束
+		Status: null, // 工单状态
+		TransferPhone: null, // 转接来源
+		exTime: [], // 过期时间
+		ExpiredTimeStart: null, //办理期限 开始
+		ExpiredTimeEnd: null, //办理期限 结束
+		PhoneNo: null, // 手机号
+		doneTime: [], // 办结时间
+		ActualHandleTimeStart: null,
+		ActualHandleTimeEnd: null,
+		PushTypeCode: null, //推送类型
+		IsProvinceOrder: null, // 省市工单
+		IsSensitiveWord: null, // 是否敏感词工单
+		SensitiveWord: null, // 敏感词
+		IsUrgent: null, // 是否加急
+		ContentRetrieval: null, // 内容检索
+		IsSgin: null, // 受理情况
+		OrderTagCode: null, // 工单标签
+		SortField: null,
+		SortRule: null,
+		FocusOnEvents: null, // 重点标记
+		IsSecret: null, // 是否保密
+		ReceiveProvinceNo: null, // 省编码
+		fbTime: [], // 发布时间
+		hfTime: [], // 回访时间
+		slTime: [], // 受理时间
+		StartTimeStart: null,
+		StartTimeEnd: null,
+	},
+	tableData: [], //表单
+	loading: false, // 加载
+	total: 0, // 总数
+	acceptTypeOptions: [], //受理类型
+	channelOptions: [], // 来源频道
+	orderStatusOptions: [], // 工单状态
+	currentStepOptions: [], // 办理节点
+	identityTypeOptions: [], // 来电主体
+	orgsOptions: [], // 部门
+	pushTypeOptions: [], //推送分类
+	orgData: [], // 机构数据
+	areaOptions: [], // 省市区数据
+	focusOnEvents: [], // 重点事项
+	dialogVisible: false,
+	ruleForm: {
+		content: null,
+		isContent: true, // 内容检索默认勾选 受理内容
+		isFileOpinion: false, // 内容检索承办意见
+	},
+});
+const requestParams = ref<EmptyObjectType>({});
+const gridOptions = reactive<any>({
+	loading: false,
+	border: true,
+	showOverflow: true,
+	columnConfig: {
+		resizable: true,
+	},
+	scrollY: {
+		enabled: true,
+		gt: 100,
+	},
+	toolbarConfig: {
+		zoom: true,
+		custom: true,
+		refresh: {
+			queryMethod: () => {
+				handleQuery();
+			},
+		},
+	/*	tools: [{ toolRender: { name: 'exportCurrent' } }, { toolRender: { name: 'exportAll' } }],*/
+		slots: {
+			buttons: 'toolbar_buttons',
+		},
+	},
+	customConfig: {
+		storage: true,
+	},
+	id: 'order',
+	rowConfig: { isHover: true, height: 30, isCurrent: true, useKey: true },
+	height: 'auto',
+	columns: [
+		{ type: 'checkbox', width: 50, align: 'center' },
+		{
+			field: 'expiredStatusText',
+			title: '状态',
+			width: 60,
+			align: 'center',
+			slots: {
+				default: ({ row }) => {
+					return <span class={'overdue-status-' + row.expiredStatus} title={row.expiredStatusText}></span>;
+				},
+			},
+		},
+		{ field: 'no', title: '工单编码', width: 140 },
+		{ field: 'isProvinceText', title: '省/市工单', width: 90 },
+		{ field: 'reTransactNum', title: '重办次数', width: 90 },
+		{
+			field: 'isUrgentText',
+			title: '是否紧急',
+			width: 90,
+			slots: {
+				default: ({ row }) => {
+					return <span class="color-danger font-bold">{row.isUrgentText}</span>;
+				},
+			},
+		},
+		{ field: 'isSecretText', title: '是否保密', width: 100 },
+		{ field: 'currentStepName', title: '当前节点', width: 120 },
+		{ field: 'actualStepAcceptText', title: '受理情况', width: 100 },
+		{
+			field: 'statusText',
+			title: '工单状态',
+			width: 110,
+			slots: {
+				default: 'statusText',
+			},
+		},
+		{
+			field: 'title',
+			title: '工单标题',
+			minWidth: 200,
+			slots: { default: 'order_detail' },
+		},
+		{
+			field: 'startTime',
+			title: '受理时间',
+			width: 160,
+			sortable: true,
+			formatter: 'formatDate',
+		},
+		{
+			field: 'expiredTime',
+			title: '工单期满时间',
+			width: 160,
+			sortable: true,
+			formatter: 'formatDate',
+		},
+		{
+			field: 'filedTime',
+			title: '办结时间',
+			width: 160,
+			sortable: true,
+			formatter: 'formatDate',
+		},
+		{ field: 'orgLevelOneName', title: '一级部门', width: 140 },
+		{ field: 'actualHandleOrgName', title: '接办部门', width: 140 },
+		{ field: 'acceptType', title: '受理类型', width: 110 },
+		{ field: 'counterSignTypeText', title: '是否会签', width: 110 },
+		{ field: 'sourceChannel', title: '来源渠道', width: 110 },
+		{ field: 'hotspotSpliceName', title: '热点全称', width: 150 },
+		{ field: 'hotspotName', title: '热点分类', width: 150 },
+		{ field: 'acceptorName', title: '受理人', width: 120 },
+		{ field: 'focusOnEventsName', title: '重点标记', width: 120 },
+		{ field: 'sensitiveText', title: '敏感词', width: 150 },
+		{ field: 'content', title: '受理内容', width: 200, visible: false },
+		{ field: 'fileOpinion', title: '承办意见', width: 200, visible: false },
+		{ title: '操作', width: 140, fixed: 'right', align: 'center', slots: { default: 'action' } },
+	],
+	data: [],
+	params: {
+		exportMethod: exportOrder,
+		exportParams: requestParams,
+	},
+	sortConfig: {
+		remote: true,
+	},
+});
+const fastSearch = ref('all'); // tab位置
+const fastSearchChange = (val: string) => {
+	fastSearch.value = val;
+	switch (val) {
+		case 'all':
+			state.queryParams.IsProvinceOrder = null;
+			break;
+		case 'city':
+			state.queryParams.IsProvinceOrder = false;
+			break;
+		case 'province':
+			state.queryParams.IsProvinceOrder = true;
+			break;
+	}
+	handleQuery();
+};
+const checkList = ref<EmptyObjectType>([]);
+// 多选
+const changeCheckList = () => {
+	if (checkList.value.includes('IsSensitiveWord')) state.queryParams.IsSensitiveWord = true;
+	else state.queryParams.IsSensitiveWord = null;
+	handleQuery();
+};
+// 获取查询条件基础信息
+const getBaseData = async () => {
+	try {
+		const res: any = await listBaseData();
+		const mappings: any = {
+			acceptTypeOptions: 'acceptTypeOptions',
+			channelOptions: 'channelOptions',
+			orgsOptions: 'orgsOptions',
+			pushTypeOptions: 'pushTypeOptions',
+			orderStatusOptions: 'orderStatusOptions',
+			identityTypeOptions: 'identityTypeOptions',
+			currentStepOptions: 'currentStepOptions',
+			orderTagOptions: 'orderTags',
+			focusOnEvents: 'focusOnEvents',
+		};
+		for (const key in mappings) {
+			state[key] = res.result?.[mappings[key]] ?? [];
+		}
+		const area = await treeArea();
+		state.areaOptions = area?.result ?? []; //省市区数据
+	} catch (error) {
+		console.log(error);
+	}
+};
+const gridEvents = {
+	sortChange(val: any) {
+		state.queryParams.SortField = val.order ? val.field : null;
+		// 0 升序 1 降序
+		state.queryParams.SortRule = val.order ? (val.order == 'desc' ? 1 : 0) : null;
+		handleQuery();
+	},
+};
+// 手动查询，将页码设置为1
+const handleQuery = () => {
+	state.queryParams.PageIndex = 1;
+	queryList();
+	getTotal();
+};
+// 改变页码
+const queryList = () => {
+	return new Promise((resolve, reject) => {
+		requestParams.value = Other.deepClone(state.queryParams);
+		requestParams.value.CreationTimeStart = state.queryParams.crTime === null ? null : state.queryParams.crTime[0]; // 生成时间
+		requestParams.value.CreationTimeEnd = state.queryParams.crTime === null ? null : state.queryParams.crTime[1];
+		Reflect.deleteProperty(requestParams.value, 'crTime'); // 删除无用的参数
+		requestParams.value.StartTimeStart = state.queryParams.slTime === null ? null : state.queryParams.slTime[0]; // 受理时间
+		requestParams.value.StartTimeEnd = state.queryParams.slTime === null ? null : state.queryParams.slTime[1];
+		Reflect.deleteProperty(requestParams.value, 'slTime'); // 删除无用的参数
+		requestParams.value.ExpiredTimeStart = state.queryParams.exTime === null ? null : state.queryParams.exTime[0]; // 期满时间
+		requestParams.value.ExpiredTimeEnd = state.queryParams.exTime === null ? null : state.queryParams.exTime[1];
+		Reflect.deleteProperty(requestParams.value, 'exTime'); // 删除无用的参数
+		requestParams.value.ActualHandleTimeStart = state.queryParams.doneTime === null ? null : state.queryParams.doneTime[0]; // 办结时间
+		requestParams.value.ActualHandleTimeEnd = state.queryParams.doneTime === null ? null : state.queryParams.doneTime[1];
+		Reflect.deleteProperty(requestParams.value, 'doneTime'); // 删除无用的参数
+		requestParams.value.ContentRetrieval = state.ruleForm.content;
+		state.loading = true;
+		gridOptions.loading = true;
+		orderList(requestParams.value)
+			.then((response: any) => {
+				gridOptions.data = response?.result ?? []
+				state.loading = false;
+				gridOptions.loading = false;
+				gridRef.value.clearCheckboxRow();
+				checkTable.value = [];
+				resolve(response);
+			}).catch(() => {
+			state.loading = false;
+			gridOptions.loading = false;
+			gridRef.value.clearCheckboxRow();
+			checkTable.value = [];
+			reject();
+		});
+	});
+};
+// 查询总数
+const getTotal = () => {
+	orderListCount(requestParams.value)
+		.then((res) => {
+			state.total = res.result ?? 0;
+		})
+		.catch(() => {
+		});
+};
+/** 重置按钮操作 */
+const drawerRuleFormRef = ref();
+const ruleFormRef = ref<RefType>(); // 表单ref
+const drawer = ref(false);
+const resetQuery = (formEl: FormInstance | undefined) => {
+	if (!formEl) return;
+	formEl.resetFields();
+	state.queryParams.IsSensitiveWord = null;
+	state.queryParams.IsProvinceOrder = null;
+	fastSearch.value = 'all';
+	checkList.value = [];
+	ruleFormRef.value?.resetFields();
+	state.ruleForm.content = null;
+	queryList();
+	getTotal();
+};
+// 设置终结件
+const onObserve = () => {
+	const ids = checkTable.value.map((item: any) => {
+		return {
+			orderId: item.id,
+		};
+	});
+	ElMessageBox.confirm(`您确定选中的工单添加关注吗？`, '提示', {
+		confirmButtonText: '确定',
+		cancelButtonText: '取消',
+		type: 'warning',
+		draggable: true,
+		autofocus: false,
+	})
+		.then(() => {
+			addObserve({ orderIds: ids }).then(() => {
+				ElMessage.success('已添加关注');
+				queryList();
+			});
+		})
+		.catch(() => {});
+};
+// 设置终结件
+const onEnd = () => {
+	const ids = checkTable.value.map((item: any) => {
+		return {
+			orderId: item.id,
+		};
+	});
+	ElMessageBox.confirm(`您确定选中的工单设置终结件吗？`, '提示', {
+		confirmButtonText: '确定',
+		cancelButtonText: '取消',
+		type: 'warning',
+		draggable: true,
+		autofocus: false,
+	})
+		.then(() => {
+			addEnd({ orderIds: ids }).then(() => {
+				ElMessage.success('操作成功');
+				queryList();
+			});
+		})
+		.catch(() => {});
+};
+// 创建重复性事件
+const repeatEventEditRef = ref<RefType>();
+const onCreateRepeatEvent = () => {
+	repeatEventEditRef.value.openDialog();
+};
+// 设置撤销
+const orderRevokeRef = ref<RefType>();
+const onRevoke = () => {
+	const ids = checkTable.value.map((item: any) => item.id);
+	orderRevokeRef.value.openDialog(ids);
+};
+// 工单省退回
+const orderReturnRef = ref<RefType>(); // 工单退回ref
+const onReturn = (row: any) => {
+	orderReturnRef.value.openDialog(row);
+};
+// 交办单导出
+const onJbExport = () => {
+	const ids = checkTable.value.map((item: any) => item.id);
+	exportAssignment(ids);
+};
+// 添加催办
+const orderUrgeRef = ref<RefType>();
+const onUrge = () => {
+	const ids = checkTable.value.map((item: any) => item.id);
+	orderUrgeRef.value.openDialog(ids);
+};
+// 打开内容检索
+const contentRetrieval = () => {
+	state.dialogVisible = !state.dialogVisible;
+};
+const ruleFormContentRef = ref<RefType>();
+// 内容检索
+const onSearch = (formEl: FormInstance | undefined) => {
+	if (!formEl) return;
+	formEl.validate((valid: boolean) => {
+		if (!valid) return;
+		queryList();
+		state.dialogVisible = false;
+	});
+};
+const checkTable = ref<EmptyArrayType>([]);
+const gridRef = ref<RefType>();
+const selectAllChangeEvent = ({ checked }) => {
+	if (gridRef.value) {
+		const records = gridRef.value.getCheckboxRecords();
+		checkTable.value = records;
+		console.log(checked ? '所有勾选事件' : '所有取消事件', records);
+	}
+};
+
+const selectChangeEvent = ({ checked }) => {
+	if (gridRef.value) {
+		const records = gridRef.value.getCheckboxRecords();
+		checkTable.value = records;
+		console.log(checked ? '勾选事件' : '取消事件', records);
+	}
+};
+const isChecked = computed(() => {
+	return !Boolean(checkTable.value.length);
+});
+onMounted(() => {
+	queryList().then(() => {
+		getBaseData();
+		getTotal();
+	});
+});
+onActivated(() => {
+	mittBus.on('clearCachePage', () => {
+		//清除缓存
+		handleQuery();
+	});
+});
+onBeforeUnmount(() => {
+	mittBus.off('clearCachePage');
+});
+</script>

src/views/todo/seats/accept/Map-Dialog.vue

@@ -1,6 +1,6 @@
 <template>
 	<el-dialog v-model="state.dialogVisible" title="地图选点" draggable ref="dialogRef" width="60%" append-to-body destroy-on-close>
-<!--		<map-select v-model="location" ref="mapSelectRef" />-->
+		<map-select v-model="location" ref="mapSelectRef" />
 		<template #footer>
 			<span class="dialog-footer">
 				<el-button @click="closeDialog" class="default-button">取 消</el-button>
@@ -11,7 +11,7 @@
 </template>
 <script setup lang="ts">
 import { reactive, defineAsyncComponent, ref, computed } from 'vue';
-// const MapSelect = defineAsyncComponent(() => import('@/views/todo/seats/accept/Map-select.vue')); //地图组件
+const MapSelect = defineAsyncComponent(() => import('@/views/todo/seats/accept/Map-select.vue')); //地图组件
 // 定义变量内容
 const state = reactive<any>({
 	dialogVisible: false,

src/views/todo/seats/accept/Map-select.vue

@@ -18,7 +18,7 @@
 </template>
 
 <script setup lang="tsx">
-// import AMapLoader from '@amap/amap-jsapi-loader';
+import AMapLoader from '@amap/amap-jsapi-loader';
 import { onMounted, ref, shallowRef, watch } from 'vue';
 import { storeToRefs } from 'pinia';
 import { useThemeConfig } from '@/stores/themeConfig';
@@ -38,7 +38,7 @@ const props = defineProps({
 	},
 });
 const emit = defineEmits(['update:modelValue']);
-const map = shallowRef(null);
+const map: any = shallowRef(null);
 // 地点
 // const location = computed({
 //   get() {
@@ -49,14 +49,14 @@ const map = shallowRef(null);
 //   },
 // });
 const location = ref(props.modelValue);
-watch(location, (val:any) => {
+watch(location, (val: any) => {
 	if (val.longitude && val.latitude) {
 		drawMarker();
 	}
 });
 const keyword = ref('');
 let placeSearch, AMapObj, marker, geocoder;
-/*const initMap = () => {
+const initMap = () => {
 	AMapLoader.load({
 		key: import.meta.env.VITE_AMAP_KEY, // 申请好的Web端Key，首次调用 load 时必填
 		version: '2.0',
@@ -107,9 +107,9 @@ let placeSearch, AMapObj, marker, geocoder;
 			}
 		});
 	});
-};*/
+};
 onMounted(() => {
-	// initMap();
+	initMap();
 });
 // 搜索地图
 const handleSearch = (queryString, cb) => {
@@ -167,7 +167,7 @@ const handleSelect = (item) => {
 	map.value.setZoomAndCenter(16, [lng, lat]);
 };
 // 绘制地点marker
-const drawMarker = (val) => {
+const drawMarker = (val?: any) => {
 	const { longitude, latitude, formattedAddress } = location.value || val;
 	if (marker) {
 		marker.setMap(null);

yarn.lock

@@ -2,6 +2,11 @@
 # yarn lockfile v1
 
 
+"@amap/amap-jsapi-loader@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmmirror.com/@amap/amap-jsapi-loader/-/amap-jsapi-loader-1.0.1.tgz#9ec4b4d5d2467eac451f6c852e35db69e9f9f0c0"
+  integrity sha512-nPyLKt7Ow/ThHLkSvn2etQlUzqxmTVgK7bIgwdBRTg2HK5668oN7xVxkaiRe3YZEzGzfV2XgH5Jmu2T73ljejw==
+
 "@ampproject/remapping@^2.2.0":
   version "2.3.0"
   resolved "https://registry.npmmirror.com/@ampproject/remapping/-/remapping-2.3.0.tgz#ed441b6fa600072520ce18b43d2c8cc8caecc7f4"
@@ -796,7 +801,7 @@
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
 
-"@logicflow/core@^1.2.27", "@logicflow/core@^1.2.28":
+"@logicflow/core@^1.2.28":
   version "1.2.28"
   resolved "https://registry.npmmirror.com/@logicflow/core/-/core-1.2.28.tgz#f01e939e8b85e37c00222444beffbe1a8ab3958f"
   integrity sha512-xj9zxYsudK9YLI2UrUa9mXWd4tp8z56Rx4il9Fc/baUWEDwogjqCgblSKepGxEgTX2XX2fQIfUrzqEUoWu2VYQ==