diff --git a/src/components/cockpit/governanceReport/index.vue b/src/components/cockpit/governanceReport/index.vue index b200485..7a6e817 100644 --- a/src/components/cockpit/governanceReport/index.vue +++ b/src/components/cockpit/governanceReport/index.vue @@ -8,7 +8,6 @@ v-model="tableStore.table.params.tempId" placeholder="请选择报表模板" clearable - style="width: 130px" > @@ -18,7 +17,6 @@ v-model="tableStore.table.params.sensitiveUserId" placeholder="请选择监测对象" clearable - style="width: 130px" > 导出excel -
-
+
-
@@ -72,17 +61,6 @@ const prop = defineProps({ timeKey: { type: [String, Number] }, timeValue: { type: Object } }) -const config = useConfig() -const powerList: any = ref([ - { - label: '1#变压器', - value: '1' - }, - { - label: '2#变压器', - value: '2' - } -]) const tableStore: any = new TableStore({ url: '/user-boot/role/selectRoleDetail?id=0', @@ -105,7 +83,7 @@ tableStore.table.params.power = '1' provide('tableStore', tableStore) // 报表模板列表 -const templateList = ref([]) +const templateList = ref() // 监测对象 const idList = ref() @@ -130,87 +108,28 @@ const templateListData = () => { } }) } - -// 治理前和治理后的Luckysheet实例 -let luckysheetBefore: any -let luckysheetAfter: any - -onMounted(() => { - templateListData() - // 等待DOM更新完成后再创建Luckysheet实例 - nextTick(() => { - setTimeout(() => { - createLuckysheets() - }, 100) - }) -}) - // 下载表格 const downloadExcel = () => { - // 可以选择导出治理前、治理后或两个报表 - const beforeSheets = luckysheetBefore.getAllSheets() - const afterSheets = luckysheetAfter.getAllSheets() - exportExcel([...beforeSheets, ...afterSheets], '治理效果对比报表') + exportExcel(luckysheet.getAllSheets(), '治理效果报表') } onMounted(() => { - templateListData() initListByIds() - nextTick(() => { - setTimeout(() => { - createLuckysheets() - }, 100) + templateListData() + luckysheet.create({ + container: 'luckysheet', + title: '', // 表 头名 + lang: 'zh', // 中文 + showtoolbar: false, // 是否显示工具栏 + showinfobar: false, // 是否显示顶部信息栏 + showsheetbar: true, // 是否显示底部sheet按钮 + allowEdit: false, // 禁止所有编辑操作(必填) + data: Json }) + + tableStore.index() }) -const createLuckysheets = () => { - try { - // 检查容器 - const beforeContainer = document.getElementById('luckysheet-before') - const afterContainer = document.getElementById('luckysheet-after') - - if (!beforeContainer) { - return - } - - if (!afterContainer) { - return - } - - // 验证并准备数据 - const beforeData = Json && Array.isArray(Json) ? Json : [] - const afterData = JsonAfter && Array.isArray(JsonAfter) ? JsonAfter : [] - - // 创建治理前报表 - luckysheetBefore = luckysheet.create({ - container: 'luckysheet-before', - title: '治理前', - lang: 'zh', - showtoolbar: false, - showinfobar: false, - showsheetbar: true, - allowEdit: false, - data: beforeData - }) - - // 创建治理后报表 - luckysheetAfter = luckysheet.create({ - container: 'luckysheet-after', - title: '治理后', - lang: 'zh', - showtoolbar: false, - showinfobar: false, - showsheetbar: true, - allowEdit: false, - data: afterData - }) - - tableStore.index() - } catch (error) { - console.error('创建Luckysheet实例时发生错误:', error) - } -} - const selectChange = (showSelect: any, height: any, datePickerValue?: any) => { if (datePickerValue && datePickerValue.timeValue) { // 更新时间参数