安装 luckyexcel 修改菜单文件位置

src/views/system/reportForms/index.vue

@@ -0,0 +1,29 @@
+<template>
+    <div class="default-main">
+        <div id="luckysheet" :style="{ height: height }"></div>
+    </div>
+</template>
+<script setup lang="ts">
+import LuckyExcel from 'luckyexcel'
+import { exportExcel } from './export.js'
+import { mainHeight } from '@/utils/layout'
+import { ref, onMounted } from 'vue'
+defineOptions({
+    name: 'Distributedphotovoltaic/templateConfiguration'
+})
+const height = mainHeight(20).height
+const options = ref({
+    container: 'luckysheet',
+    title: '测试Excel', // 表 头名
+    lang: 'zh', // 中文
+    showtoolbar: true, // 是否显示工具栏
+    showinfobar: false, // 是否显示顶部信息栏
+    showsheetbar: true // 是否显示底部sheet按钮
+})
+// LuckyExcel.destroy()
+
+onMounted(() => {
+    luckysheet.create(options.value)
+})
+</script>
+<style lang="scss" scoped></style>