报表修改撤销

src/components/cockpit/governanceReport/index.vue

@@ -8,7 +8,6 @@
                         v-model="tableStore.table.params.tempId"
                         placeholder="请选择报表模板"
                         clearable
-                        style="width: 130px"
                     >
                         <el-option v-for="item in templateList" :key="item.id" :label="item.name" :value="item.id" />
                     </el-select>
@@ -18,7 +17,6 @@
                         v-model="tableStore.table.params.sensitiveUserId"
                         placeholder="请选择监测对象"
                         clearable
-                        style="width: 130px"
                     >
                         <el-option
                             v-for="item in idList"
@@ -33,22 +31,13 @@
                 <el-button @click="downloadExcel" class="" type="primary" icon="el-icon-Download">导出excel</el-button>
             </template>
         </TableHeader>
-        <div style="display: flex; border: red solid 1px">
+        <div style="display: flex;">
            <div
-                id="luckysheet-before"
+                id="luckysheet"
                 :style="{
-                    width: `calc(${prop.width} / 2 - 10px)`,
+                    width: `calc(${prop.width} )`,
                     height: `calc(${prop.height} - 57px + ${fullscreen ? 0 : 56}px)`
                 }"
-                style="border: yellow solid 1px"
-            ></div>
-            <div
-                id="luckysheet-after"
-                :style="{
-                    width: `calc(${prop.width} / 2 - 10px)`,
-                    height: `calc(${prop.height} - 57px + ${fullscreen ? 0 : 56}px)`,
-                    marginLeft: '10px'
-                }"
             ></div>
         </div>
     </div>
@@ -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,86 +108,27 @@ 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)
-    })
-})
-
-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
+    templateListData()
+    luckysheet.create({
+        container: 'luckysheet',
+        title: '', // 表 头名
+        lang: 'zh', // 中文
+        showtoolbar: false, // 是否显示工具栏
+        showinfobar: false, // 是否显示顶部信息栏
+        showsheetbar: true, // 是否显示底部sheet按钮
+        allowEdit: false, // 禁止所有编辑操作（必填）
+        data: Json
     })
 
     tableStore.index()
-    } catch (error) {
-        console.error('创建Luckysheet实例时发生错误:', error)
-    }
-}
+})
 
 const selectChange = (showSelect: any, height: any, datePickerValue?: any) => {
     if (datePickerValue && datePickerValue.timeValue) {