历史模块添加详情

ruoyi-ui/src/views/system/historydata/index.vue

@@ -98,9 +98,30 @@
       :limit.sync="queryParams.pageSize"
       @pagination="getList"
     />
+
+      <div id="luckysheet" :style="{ position: positionValue, top: '0', left: '0', right: '0', bottom: '0' }"></div>
+
   </div>
 </template>
 
+<style>
+#luckysheet_info_detail_title {
+    display: none;
+}
+
+#luckysheet_info_detail_update {
+    display: none;
+}
+
+#luckysheet_info_detail_save {
+    display: none;
+}
+
+.luckysheet-share-logo {
+    display: none;
+}
+</style>
+
 <script>
 import { listHistorydata, getHistorydata, delHistorydata, addHistorydata, updateHistorydata, exportHistorydata } from "@/api/system/historydata";
 import Editor from '@/components/Editor';
@@ -115,7 +136,9 @@ export default {
   },
   data() {
     return {
-      // 遮罩层
+        positionValue: 'static',
+
+        // 遮罩层
       loading: true,
       // 选中数组
       ids: [],
@@ -155,7 +178,14 @@ export default {
   },
   created() {
     this.getList();
+      this.positionValue = "static";
+
   },
+    mounted() {
+
+        window.handleReturnButtonClick = this.handleReturnButtonClick;
+
+    },
   methods: {
     /** 查询 历史数据列表 */
     getList() {
@@ -241,29 +271,24 @@ export default {
       });
     },
     handleDetails(row) {
-        getHistorydata(row.id).then(response => {
-            this.TemplateId = response.rows;
-        this.luckyLook();
-    })
-    },
-      /**展示详情luckysheet */
-      luckyLook() {
 
-          this.positionValue = 'absolute';
-          luckysheet.destroy();
-          luckysheet.create({
-              container: "luckysheet", // Luckysheet 的容器元素 ID
-              title: this.TemplateId[0].historyName, // Excel 文件名
-              data: JSON.parse(this.TemplateId[0].historyContent), // Excel 数据
-              showtoolbar: false, //是否第二列显示工具栏
-              showinfobar: true, //是否显示顶部名称栏
-              showsheetbar: false, //是否显示底部表格名称区域
-              pointEdit: false, //是否是编辑器插入表格模式
-              pointEditUpdate: null, //编辑器表格更新函数
-              allowEdit: false,//作用：是否允许前台编辑
-              functionButton: '<button id="exportButton" class="btn btn-primary" style=" padding:3px 6px; font-size: 16px;width: 100px;height: 27px; margin-right: 85px;" onclick="handleReturnButtonClick()">返回</button>',
-          });
-      },
+        this.positionValue = 'absolute';
+        luckysheet.destroy();
+        luckysheet.create({
+            container: "luckysheet", // Luckysheet 的容器元素 ID
+            title: row.historyName, // Excel 文件名
+            data: JSON.parse(row.historyContent), // Excel 数据
+            showtoolbar: false, //是否第二列显示工具栏
+            showinfobar: true, //是否显示顶部名称栏
+            showsheetbar: false, //是否显示底部表格名称区域
+            pointEdit: false, //是否是编辑器插入表格模式
+            pointEditUpdate: null, //编辑器表格更新函数
+            allowEdit: false,//作用：是否允许前台编辑
+            functionButton: '<button id="exportButton" class="btn btn-primary" style=" padding:3px 6px; font-size: 16px;width: 100px;height: 27px; margin-right: 85px;" onclick="handleReturnButtonClick()">返回</button>',
+
+        });
+
+    },
       /**详情返回按钮 */
       handleReturnButtonClick() {
           this.positionValue = 'static';