历史模块添加详情

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,6 +136,8 @@ export default {
   },
   data() {
     return {
+        positionValue: 'static',
+
         // 遮罩层
       loading: true,
       // 选中数组
@@ -155,6 +178,13 @@ export default {
   },
   created() {
     this.getList();
+      this.positionValue = "static";
+
+  },
+    mounted() {
+
+        window.handleReturnButtonClick = this.handleReturnButtonClick;
+
     },
   methods: {
     /** 查询 历史数据列表 */
@@ -241,20 +271,13 @@ 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 数据
+            title: row.historyName, // Excel 文件名
+            data: JSON.parse(row.historyContent), // Excel 数据
             showtoolbar: false, //是否第二列显示工具栏
             showinfobar: true, //是否显示顶部名称栏
             showsheetbar: false, //是否显示底部表格名称区域
@@ -262,7 +285,9 @@ export default {
             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() {