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) {
// 更新时间参数