<template>
	<div class="statistics-center-analysis-container layout-padding">
		<div class="layout-padding-auto layout-padding-view pd20">
			<el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent inline>
				<el-form-item prop="dateType">
					<el-segmented
						v-model="state.queryParams.dateType"
						:options="[
							{ label: '按日统计', value: 'date' },
							{ label: '按周统计', value: 'week' },
							{ label: '按月统计', value: 'month' },
							{ label: '按时间段统计', value: 'datetimerange' },
						]"
						@change="changeDateType"
						:disabled="state.loading"
					/>
				</el-form-item>
				<el-form-item prop="crTime" v-if="state.queryParams.dateType === 'datetimerange'" label="时间">
					<el-date-picker
						v-model="state.queryParams.crTime"
						type="datetimerange"
						unlink-panels
						range-separator="至"
						start-placeholder="开始时间"
						end-placeholder="结束时间"
						:shortcuts="shortcuts"
						@change="changeDateType('datetimerange')"
						value-format="YYYY-MM-DD[T]HH:mm:ss"
						:default-time="defaultTimeStartEnd"
						:clearable="false"
					/>
				</el-form-item>
				<el-form-item prop="time" v-else label="时间">
					<el-date-picker
						v-model="state.queryParams.time"
						:type="state.queryParams.dateType"
						placeholder="选择时间"
						@change="changeDateType(state.queryParams.dateType)"
						:value-format="valueFormat"
						:format="formats"
						:clearable="false"
						:default-time="defaultTimeStartEnd"
					/>
				</el-form-item>
				<el-form-item>
					<el-button type="primary" @click="queryList" :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 class="default-button" :loading="state.loading" @click="exportWord"
						><SvgIcon name="iconfont icon-daochu" class="mr5" /> 导出</el-button
					>

					<el-popover :width="500" trigger="click">
						<template #reference>
							<el-button type="primary"><SvgIcon name="ele-QuestionFilled" class="mr5" /> 口径说明</el-button>
						</template>
						<el-descriptions title="" :column="1" border style="max-height: 400px; overflow: auto">
							<el-descriptions-item label="电话总量">已接通量 + 未接通</el-descriptions-item>
							<el-descriptions-item label="已接通量">呼入接通量 + 呼出接通量</el-descriptions-item>
							<el-descriptions-item label="未接通量">呼入未接通量 + 呼出未接通量</el-descriptions-item>
							<el-descriptions-item label="来件总计">有效 + 无效</el-descriptions-item>
							<el-descriptions-item label="未接通量">呼入未接通量 + 呼出未接通量</el-descriptions-item>
							<el-descriptions-item label="已回访量（电话）">回访时，通过拨打电话回访的数据；</el-descriptions-item>
							<el-descriptions-item label="已回访量（人工）">回访时，未通过拨打电话或批量回访的数据；</el-descriptions-item>
						</el-descriptions>
					</el-popover>
				</el-form-item>
			</el-form>
			<el-scrollbar v-loading="state.loading" class="scrollbar-view">
				<table style="max-width: 80%; margin: 0 auto" ref="exportTableRef">
					<tr>
						<td>
							<table style="width: 100%; border: 1px solid #000000; border-collapse: collapse; padding: 0">
								<tbody>
									<tr>
										<th colspan="4" style="height: 70px; font-size: 26px; font-family: 微软雅黑, serif; padding: 0 20px">
											{{ themeConfig.cityName }}12345政务服务热线 {{ tableTitle }}办理工作统计
										</th>
									</tr>
									<tr>
										<td colspan="4" style="height: 40px; padding-left: 10px; font-size: 24px; font-weight: bold; border: 1px solid #808080">
											一、总体情况
										</td>
									</tr>
									<tr>
										<td
											colspan="2"
											style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080"
											title="电话总量=已接通（呼入+呼出）+未接通（呼入+呼出）"
										>
											1、电话总量：{{centerReportCallInfoDto.allCallCount}}　　呼入：{{centerReportCallInfoDto.inTotal}}　　呼出：{{centerReportCallInfoDto.outTotal}}
										</td>
										<td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; border: 1px solid #808080; color: #7d7575">
											电话总量=已接通（呼入+呼出）+未接通（呼入+呼出）
										</td>
									</tr>
									<tr>
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">已接通</td>
										<td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">
											呼入：{{centerReportCallInfoDto.inConnectionQuantity}}&nbsp;&nbsp;呼出：{{centerReportCallInfoDto.outConnectionQuantity}}（接通）
										</td>
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">未接通</td>
										<td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">
											呼入：{{centerReportCallInfoDto.inHanguped}}&nbsp;&nbsp;呼出：{{centerReportCallInfoDto.outHanguped}}（未接通）
										</td>
									</tr>
									<tr>
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">在IVR中挂断</td>
										<td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{centerReportCallInfoDto.ivrByeCount}}</td>
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">在队列中挂断</td>
										<td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{centerReportCallInfoDto.queueByeCount}}</td>
									</tr>
									<tr>
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">呼入未接通</td>
										<td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{centerReportCallInfoDto.callInHanguped}}</td>
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080" colspan="2"></td>
									</tr>
									<tr>
										<td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080" title="">
											2、信件回访量
										</td>
										<td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; border: 1px solid #808080; color: #7d7575"></td>
									</tr>
									<tr>
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">已回访量</td>
										<td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">
											电话：{{centerReportVisitd.callVisitd}} &nbsp;默认：{{centerReportVisitd.otherVisitd}}&nbsp;&nbsp;短信：{{centerReportVisitd.smsVisitd}}
										</td>
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">待回访量</td>
										<td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{centerReportVisitd.waitVisitd}}</td>
									</tr>
									<tr>
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">坐席满意度</td>
										<td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{centerReportVisitd.seatsRate}}%</td>
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">部门满意度</td>
										<td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{centerReportVisitd.orgRate}}%</td>
									</tr>
									<tr>
										<td
											colspan="2"
											style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080"
											title="来件总计=有效+无效"
										>
											3、来件总计：{{centerReportOrder.allCallCount}}&nbsp;&nbsp;&nbsp;&nbsp;按时办结率{{centerReportOrder.onTimeCompletedCountClc}}%
										</td>
										<td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; border: 1px solid #808080; color: #7d7575">
											来件总计=有效+无效
										</td>
									</tr>
									<tr>
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">有效</td>
										<td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{centerReportOrder.effectiveCount}}</td>
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">无效</td>
										<td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{centerReportOrder.invalidCount}}</td>
									</tr>
									<tr>
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">已办结信件</td>
										<td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">
											中心：{{centerReportOrder.centerCompletedCount}}&nbsp;&nbsp;部门：{{centerReportOrder.orgCompletedCount}}
										</td>
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">在办信件</td>
										<td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">
											中心：{{centerReportOrder.centerInProgressCount}}&nbsp;&nbsp;部门：{{centerReportOrder.orgInProgressCount}}
										</td>
									</tr>
									<tr>
										<td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">4、信件来源</td>
										<td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080"></td>
									</tr>
									<tr>
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">来源方式</td>
										<td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">数量</td>
										<td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">备注</td>
									</tr>
									<tr v-for="item in centerReportOrderSourceChannels">
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{ item.name }}</td>
										<td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{ item.countNum }}</td>
										<td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">
											{{ item.remark }}
										</td>
									</tr>
									<tr>
										<td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">5、信件分类</td>
										<td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080"></td>
									</tr>
									<tr>
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">分类名称</td>
										<td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">数量</td>
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">所占百分比</td>
										<td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">百分率</td>
									</tr>
									<tr v-for="item in centerReportOrderAcceptTypes">
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{ item.name }}</td>
										<td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{ item.countNum }}</td>
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">所占百分比</td>
										<td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">
											{{ item.proportionRate }}%
										</td>
									</tr>
									<tr>
										<td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">6、专线</td>
										<td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080"></td>
									</tr>
									<tr>
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">分类名称</td>
										<td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">数量</td>
										<td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">备注</td>
									</tr>
									<tr v-for="item in zhuanxian">
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{ item.name }}</td>
										<td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{ item.num }}</td>
										<td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">
											{{ item.rate }}%
										</td>
									</tr>
									<tr>
										<td colspan="4" style="height: 40px; padding-left: 10px; font-size: 24px; font-weight: bold; border: 1px solid #808080">
											二、信件分布情况
										</td>
									</tr>
									<tr>
										<td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">
											1、市本级总计：{{orgStatisticsCityAll.orgStatisticsCountAll}}件
										</td>
										<td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080"></td>
									</tr>
									<tr>
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">部门（单位）</td>
										<td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">数量</td>
<!--										<td colspan="2" style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">办件次数</td>-->
									</tr>
									<tr v-for="item in orgStatisticsCityAll.orgStatistics">
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{ item.orgName }}</td>
										<td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{ item.countNum }}</td>
<!--										<td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">
											{{ item.handleCountNum }}
										</td>-->
									</tr>
									<tr>
										<td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">
											2、县（区）总计：{{orgStatisticsAreaAll.orgStatisticsCountAll}}件
										</td>
										<td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080"></td>
									</tr>
									<tr>
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">部门（单位）</td>
										<td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">数量</td>
<!--										<td colspan="2" style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">办件次数</td>-->
									</tr>
									<tr v-for="item in orgStatisticsAreaAll.orgStatistics">
										<td style="height: 36px; width: 17%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{ item.orgName }}</td>
										<td style="height: 36px; width: 33%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">{{ item.countNum }}</td>
<!--										<td colspan="2" style="height: 36px; width: 50%; padding-left: 10px; font-size: 18px; border: 1px solid #808080">
											{{ item.handleCountNum }}
										</td>-->
									</tr>
								</tbody>
							</table>
						</td>
					</tr>
				</table>
				<el-backtop target=".scrollbar-view > div" />
			</el-scrollbar>
		</div>
	</div>
</template>
<script setup lang="ts" name="statisticsCenterZGAnalysis">
import { onMounted, reactive, ref } from 'vue';
import { ElMessageBox, FormInstance } from 'element-plus';
import { centerReportZG } from '@/api/statistics/center';
import { defaultDate, defaultTimeStartEnd, shortcuts } from '@/utils/constants';
import dayjs from 'dayjs';
import { exportAsDocx } from '@/utils/exportAsWord';
import { useThemeConfig } from '@/stores/themeConfig';
import { storeToRefs } from 'pinia';
// 定义变量内容
const ruleFormRef = ref<RefType>(); // 表单ref
const state = reactive(<any>{
	queryParams: {
		dateType: 'date', //
		time: dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss'), // 时间默认今天
		crTime: defaultDate, // 时间默认今天开始到今天结束
	},
	loading: false, // 加载
});
const storesThemeConfig = useThemeConfig();
const { themeConfig } = storeToRefs(storesThemeConfig);
const valueFormat = ref('YYYY-MM-DD');
const formats = ref('YYYY-MM-DD');
const tableTitle = ref(
	`『${dayjs(state.queryParams.time).startOf('day').format('YYYY-MM-DD HH:mm:ss')}』-『${dayjs(state.queryParams.time)
		.endOf('day')
		.format('YYYY-MM-DD HH:mm:ss')}』`
);
const changeDateType = (val: string) => {
	switch (val) {
		case 'date':
			valueFormat.value = 'YYYY-MM-DD';
			formats.value = 'YYYY-MM-DD';
			tableTitle.value = `『${dayjs(state.queryParams.time).startOf('day').format('YYYY-MM-DD HH:mm:ss')}』-『${dayjs(state.queryParams.time)
				.endOf('day')
				.format('YYYY-MM-DD HH:mm:ss')}』`;
			state.queryParams.crTime = [
				dayjs(state.queryParams.time).startOf('day').format('YYYY-MM-DD[T]HH:mm:ss'),
				dayjs(state.queryParams.time).endOf('day').format('YYYY-MM-DD[T]HH:mm:ss'),
			];
			queryList();
			break;
		case 'month':
			valueFormat.value = 'YYYY-MM';
			formats.value = 'YYYY-MM';
			tableTitle.value = `『${dayjs(state.queryParams.time).startOf('month').format('YYYY-MM-DD HH:mm:ss')}』-『${dayjs(state.queryParams.time)
				.endOf('month')
				.format('YYYY-MM-DD HH:mm:ss')}』`;
			state.queryParams.crTime = [
				dayjs(state.queryParams.time).startOf('month').format('YYYY-MM-DD[T]HH:mm:ss'),
				dayjs(state.queryParams.time).endOf('month').format('YYYY-MM-DD[T]HH:mm:ss'),
			];
			queryList();
			break;
		case 'week':
			valueFormat.value = 'YYYY-MM-DD';
			formats.value = 'YYYY 第ww周';
			tableTitle.value = `『${dayjs(state.queryParams.time).startOf('week').format('YYYY-MM-DD HH:mm:ss')}』-『${dayjs(state.queryParams.time)
				.endOf('week')
				.format('YYYY-MM-DD HH:mm:ss')}』`;
			state.queryParams.crTime = [
				dayjs(state.queryParams.time).startOf('week').format('YYYY-MM-DD[T]HH:mm:ss'),
				dayjs(state.queryParams.time).endOf('week').format('YYYY-MM-DD[T]HH:mm:ss'),
			];
			queryList();
			break;
		case 'datetimerange':
			tableTitle.value = `『${dayjs(state.queryParams.crTime[0]).format('YYYY-MM-DD HH:mm:ss')}』-『${dayjs(state.queryParams.crTime[1]).format(
				'YYYY-MM-DD HH:mm:ss'
			)}`;
			queryList();
			break;
		default:
			valueFormat.value = 'YYYY-MM-DD[T]HH:mm:ss';
			formats.value = 'YYYY-MM-DD[T]HH:mm:ss';
			tableTitle.value = `『${dayjs(state.queryParams.time).startOf('day').format('YYYY-MM-DD HH:mm:ss')}』-『${dayjs(state.queryParams.time)
				.endOf('day')
				.format('YYYY-MM-DD HH:mm:ss')}』`;
			state.queryParams.crTime = [
				dayjs(state.queryParams.time).startOf('day').format('YYYY-MM-DD[T]HH:mm:ss'),
				dayjs(state.queryParams.time).endOf('day').format('YYYY-MM-DD[T]HH:mm:ss'),
			];
			queryList();
			break;
	}
};

const zhuanxian = ref<EmptyObjectType>([]);

const centerReportCallInfoDto = ref<EmptyObjectType>({}); // 话务情况
const centerReportCall = ref<EmptyObjectType>({}); // 话务情况
const centerReportOrder = ref<EmptyObjectType>({}); // 工单数据
const centerReportVisitd = ref<EmptyObjectType>({}); // 信件回访量
const centerReportOrderSourceChannels = ref<EmptyArrayType>([]); // 信件来源
const centerReportOrderAcceptTypes = ref<EmptyArrayType>([]); // 信件分类
const orgStatisticsCityAll = ref<EmptyObjectType>({}); // 信件分布 城市
const orgStatisticsAreaAll = ref<EmptyObjectType>({}); // 信件分布 区县
/** 获取列表 */
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,
	};
	centerReportZG(request)
		.then(({result}) => {
			centerReportCallInfoDto.value = result.centerReportCallInfoDto; // 话务情况
			centerReportCall.value = result.centerReportCall; // 话务情况
			centerReportOrder.value = result.centerReportOrder; // 工单情况
			centerReportVisitd.value = result.centerReportVisitd; // 信件回访量
			centerReportOrderSourceChannels.value = result.centerReportOrderSourceChannels; // 信件来源
			centerReportOrderAcceptTypes.value = result.centerReportOrderAcceptTypes; // 信件分类
			orgStatisticsCityAll.value = result.orgStatisticsCityAll; // 信件分布 城市
			orgStatisticsAreaAll.value = result.orgStatisticsAreaAll; // 信件分布 区县
			state.loading = false;
		})
		.catch(() => {
			state.loading = false;
		});
};
/** 重置按钮操作 */
const resetQuery = (formEl: FormInstance | undefined) => {
	if (!formEl) return;
	formEl.resetFields();
	valueFormat.value = 'YYYY-MM-DD[T]HH:mm:ss';
	formats.value = 'YYYY-MM-DD';
	tableTitle.value = `『${dayjs(state.queryParams.time).startOf('day').format('YYYY-MM-DD HH:mm:ss')}』-『${dayjs(state.queryParams.time)
		.endOf('day')
		.format('YYYY-MM-DD HH:mm:ss')}』`;
	state.queryParams.crTime = [dayjs().startOf('day').format('YYYY-MM-DD[T]HH:mm:ss'), dayjs().endOf('day').format('YYYY-MM-DD[T]HH:mm:ss')];
	queryList();
};
const exportTableRef = ref<RefType>();
const exportWord = () => {
	ElMessageBox.confirm(`确定要导出 ${themeConfig.value.cityName}12345政务服务热线${tableTitle.value}办理工作统计，是否继续?`, '提示', {
		confirmButtonText: '确认导出',
		cancelButtonText: '取消',
		type: 'warning',
		draggable: true,
		cancelButtonClass: 'default-button',
		autofocus: false,
	})
		.then(() => {
			exportAsDocx(exportTableRef.value, `${themeConfig.value.cityName}12345政务服务热线${tableTitle.value}办理工作统计`);
		})
		.catch(() => {});
};
onMounted(() => {
	queryList();
});
</script>
