解决报错

ruoyi-ui/src/views/system/supplies/index_template.vue

@@ -188,14 +188,11 @@ import {
   addSuppliesTemplate,
   updateSuppliesTemplate,
   toggleEnable,toggleDisable,
-  listSuppliesTemplateId,findName, exportMyluckyexcel
+  listSuppliesTemplateId,findName
 } from "@/api/ruoyi-myLuckyexcel/myluckyexcel";
 import $ from 'jquery';
 import XLSX from 'xlsx';
 import LuckyExcel from 'luckyexcel';
-/*import luckysheet from 'luckysheet';*/
-import {exportSuppliesrole} from "@/api/system/suppliesrole";
-
 
 export default {
   name: "SuppliesTemplate",
@@ -246,16 +243,19 @@ export default {
     }
   },
   created() {
+
     this.getList();
     this.positionValue = "static";
+
   },
   mounted() {
+
     window.handleReturnButtonClick = this.handleReturnButtonClick;
+
   },
 
   methods: {
 
-
     /**启用 */
     toggleEnable(SuppliesTemplate) {
       console.log('你点击了【' + SuppliesTemplate.s + '】的开关控件，当前开关值:' + SuppliesTemplate.status);
@@ -294,7 +294,7 @@ export default {
     },
 
     /**清空上传文件列表*/
-    handleChange(file, fileList) {
+    handleChange(file) {
       // 清空 fileList 中的旧文件
       this.fileListName = [];
       // 添加文件到 fileList 中
@@ -404,13 +404,12 @@ export default {
         this.open = true;
         this.title = "修改Excel模板";
       });
-      }
     },
     /** 提交按钮 */
     submitForm() {
-     if (!this.form.templateName){
+      if (!this.form.templateName) {
         this.msgError("上传的文件不能为空！")
-     }else {
+      } else {
         this.fileListName = [];
         if (!this.form.templateName) {
           this.msgError("上传文件为空！！！")
@@ -511,488 +510,6 @@ export default {
     //     this.download(response.msg);
     //   })
     // }
-};
+  }
+}
 </script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<!--<template>-->
-<!--  <div class="app-container">-->
-<!--    <el-form  ref="queryForm" size="small" :inline="true"  label-width="68px">-->
-<!--      <el-form-item label="模板" prop="name">-->
-<!--        <el-select v-model="selectedOption" size="mini" @change="handleOptionChange" placeholder="请选择你要查看的模板" >-->
-<!--          &lt;!&ndash;          <el-option label="自设的模板名" value="这里是Excel表内容"></el-option>&ndash;&gt;-->
-<!--          <el-option-->
-<!--            v-for="item in depss"-->
-<!--            :key="item.id"-->
-<!--            :label="item.name"-->
-<!--            :value="item.id"-->
-<!--          >-->
-<!--          </el-option>-->
-<!--        </el-select>-->
-<!--      </el-form-item>-->
-<!--      <el-form-item>-->
-<!--        &lt;!&ndash;<el-button type="primary" icon="el-icon-search" size="mini" >搜索</el-button> &ndash;&gt;-->
-<!--        &lt;!&ndash;<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>&ndash;&gt;-->
-<!--        &lt;!&ndash;<el-button type="primary" icon="el-icon-search" size="mini" >搜索</el-button>&ndash;&gt;-->
-<!--        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>-->
-<!--      </el-form-item>-->
-<!--    </el-form>-->
-
-<!--    <el-row :gutter="10" class="mb8">-->
-<!--      <el-col :span="1.5">-->
-<!--        <el-button-->
-<!--          type="success"-->
-<!--          plain-->
-<!--          icon="el-icon-download"-->
-<!--          size="mini"-->
-<!--          @click="dialogVisible = true"-->
-<!--        >保存</el-button>-->
-<!--      </el-col>-->
-<!--      <el-col :span="1.5">-->
-<!--        <el-button-->
-<!--          type="warning"-->
-<!--          plain-->
-<!--          icon="el-icon-s-promotion"-->
-<!--          size="mini"-->
-<!--          @click="handleExport"-->
-<!--          v-hasPermi="['ruoyi-myexcel:myexcel:export']"-->
-<!--        >导出</el-button>-->
-<!--      </el-col>-->
-<!--      <el-col :span="1.5">-->
-<!--        <el-upload-->
-<!--          type="file"-->
-<!--          name="file"-->
-<!--          ref="upload"-->
-<!--          :before-upload="handleFileChange"-->
-<!--          action=''-->
-<!--          :limit="1"-->
-<!--          :file-list="fileList"-->
-<!--        >-->
-<!--          <el-button  plain size="mini" icon="el-icon-upload2" type="primary">导入</el-button>-->
-
-<!--        </el-upload>-->
-<!--      </el-col>-->
-<!--      &lt;!&ndash;      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>&ndash;&gt;-->
-<!--    </el-row>-->
-<!--    &lt;!&ndash; luckysheet容器 &ndash;&gt;-->
-<!--    &lt;!&ndash;    <div id="luckysheetContainer"></div>&ndash;&gt;-->
-<!--    <div-->
-<!--      id="luckysheet"-->
-<!--      style="margin: 0px; padding: 0px; position: absolute; width: 100%;height: 800px; left: 0px; top: 110px; bottom: 0px; z-index: 0"-->
-<!--    >-->
-<!--    </div>-->
-<!--    &lt;!&ndash; 用户添加或修改我的Excel表格的弹框 &ndash;&gt;-->
-<!--    <el-dialog-->
-<!--      title="是否确认保存?"-->
-<!--      :visible.sync="dialogVisible"-->
-<!--      width="30%"-->
-<!--      style="z-index: 1; "-->
-<!--      :before-close="handleClose">-->
-<!--      <el-form  label-width="80px" @submit.native.prevent>-->
-<!--        <el-form-item label="名称" >-->
-<!--          &lt;!&ndash;  onkeypress="if (event.keyCode == 13) return false" //关闭enter的触发事件  &ndash;&gt;-->
-<!--          <el-input v-model="from_name"-->
-<!--                    @keyup.enter.native="handleEnter"-->
-<!--                    placeholder="请输入名称" />-->
-<!--        </el-form-item>-->
-<!--      </el-form>-->
-<!--      <span slot="footer" class="dialog-footer">-->
-<!--    <el-button @click="dialogVisible = false">取 消</el-button>-->
-<!--    <el-button type="primary" @click="submit_from">确 定</el-button>-->
-<!--  </span>-->
-<!--    </el-dialog>-->
-<!--  </div>-->
-<!--</template>-->
-
-<!--<script>-->
-<!--  import $ from 'jquery'-->
-<!--  /*安装插件 npm install xlsx，安装完成后引入 import XLSX from ‘xlsx’*/-->
-<!--  import XLSX from 'xlsx'-->
-<!--  import {addMyluckyexcel, getMyluckyexcel, listMyluckyexcel} from "@/api/ruoyi-myLuckyexcel/myluckyexcel";-->
-
-<!--  import luckysheet from 'luckysheet'-->
-<!--  import LuckyExcel from 'luckyexcel'-->
-<!--  //导入库export.js 这个文件是es6的，不能在普通的HTML文件直接引入js文件（虽然都是js文件，但是有区别，具体请百度es6与es5）！需要把es6转es5才可以直接引入使用！-->
-<!--  import { exportExcel } from '../../../../public/luckysheet/exportExcel'-->
-<!--  export default {-->
-<!--    name: "Mymodule",-->
-<!--    data() {-->
-<!--      return {-->
-<!--        //弹出页面的表名-->
-<!--        from_name : "",-->
-<!--        // 是否显示弹出层-->
-<!--        dialogVisible : false,-->
-<!--        selectedOption:'',-->
-<!--        luckysheetData: '',-->
-<!--        fileList:[],-->
-<!--        depss:[],-->
-<!--        // 表单参数-->
-<!--        form: {},-->
-<!--        // 查询参数-->
-<!--        queryParams: {-->
-<!--          pageNum: 1,-->
-<!--          pageSize: 10,-->
-<!--          name: null,-->
-<!--          content: null-->
-<!--        },-->
-<!--      };-->
-<!--    },-->
-<!--    created() {-->
-<!--//刷新页面时进行的操作-->
-
-<!--      this.getList();-->
-<!--    },-->
-<!--    mounted() {-->
-
-<!--      this.init();-->
-<!--    },-->
-<!--    methods:{-->
-<!--      /** 页面刷新时展示的数据*/-->
-<!--      getList() {-->
-<!--        listMyluckyexcel(this.queryParams).then(response => {-->
-<!--          this.depss = response.rows;-->
-<!--        });-->
-<!--      },-->
-<!--      /** 下拉选和页面luckysheet绑定 */-->
-<!--      handleOptionChange() {-->
-<!--        //根据选中的下拉选项值获取相应的信息-->
-<!--        getMyluckyexcel(this.selectedOption).then(response => {-->
-
-<!--          const sysSupplies = response.data;-->
-
-<!--          this.luckysheetData = sysSupplies.jsons;-->
-<!--          //将接收到的json存到json_data中-->
-<!--          //const json_data = response.data;-->
-<!--          let json_data = JSON.parse(sysSupplies.jsons);-->
-<!--          let filename= sysSupplies.name;-->
-
-<!--          luckysheet.create({-->
-<!--            container: "luckysheet", // Luckysheet 的容器元素 ID-->
-<!--            title: filename, // Excel 文件名-->
-<!--            data: json_data, // Excel 数据-->
-<!--            showinfobar: false, //是否显示顶部名称栏-->
-<!--            lang:'zh',-->
-<!--          });-->
-
-<!--        }).catch(() => {-->
-<!--          // 处理错误逻辑，这里是一个空的错误处理函数-->
-<!--          this.$message.error('暂停失败,发生未知错误!');-->
-<!--        });-->
-<!--      },-->
-<!--      /** 导出设置 */-->
-<!--      handleExport(){-->
-<!--        var date =new Date().getTime();-->
-<!--        exportExcel(luckysheet.getAllSheets(), '导出'+date)-->
-<!--      },-->
-<!--      /** 弹出的确认框关闭 */-->
-<!--      handleClose(done) {-->
-<!--        this.$confirm('确认关闭？')-->
-<!--          .then(_ => {-->
-<!--            done();-->
-<!--          })-->
-<!--          .catch(_ => {});-->
-<!--      },-->
-<!--      /** 回车事件和保存提交绑定 */-->
-<!--      handleEnter(event) {-->
-<!--        if (event.keyCode === 13) {-->
-<!--          event.preventDefault(); // 阻止默认的回车事件-->
-<!--          // 触发确定操作-->
-<!--          this.submit_from();-->
-<!--        }-->
-<!--      },-->
-<!--      /** 保存到数据库*/-->
-<!--      submit_from() {-->
-<!--        const name = this.from_name-->
-<!--        if(name!=""){-->
-<!--          let objsheet = luckysheet.getAllSheets() // 得到表的数据-->
-<!--          //LuckyExcel = objsheet // 将表的数据保存本地-->
-<!--          let strsheet = JSON.stringify(objsheet)// 对象转化为字符串-->
-<!--          const  data={name :name,jsons:strsheet};-->
-<!--          addMyluckyexcel(data).then(response => {-->
-<!--            if(response.code==200){-->
-<!--              this.$message({-->
-<!--                message: '保存成功', type: 'success'-->
-<!--              });-->
-<!--              this.dialogVisible=false;-->
-<!--              //this.$router.replace({ path: '/' }); //刷新整个页面会出错-->
-<!--              //window.location.reload();//也是全局刷新,不合适-->
-<!--              this.$router.go(-1);-->
-<!--            }else{-->
-<!--              this.$message.error('保存失败');-->
-<!--            }-->
-<!--          });-->
-<!--        }else{-->
-<!--          this.$message.error('请输入表格名称后再进行保存!');-->
-<!--        }-->
-
-<!--      },-->
-<!--      /* 重置按钮操作 */-->
-<!--      resetQuery() {-->
-<!--        luckysheet.destroy()-->
-<!--        let options = {-->
-<!--          container: 'luckysheet', //luckysheet为容器id-->
-<!--          title:'',-->
-<!--          lang:'zh',-->
-<!--          showinfobar:false,-->
-<!--          data:[-->
-<!--            {-->
-<!--              "name": "sheet1", //工作表名称-->
-<!--              "color": "", //工作表颜色-->
-<!--              "index": 0, //工作表索引-->
-<!--              "status": 1, //激活状态-->
-<!--              "order": 0, //工作表的下标-->
-<!--              "hide": 0,//是否隐藏-->
-<!--              "row": 20, //行数-->
-<!--              "column": 15, //列数-->
-<!--              "defaultRowHeight": 19, //自定义行高-->
-<!--              "defaultColWidth": 73, //自定义列宽-->
-<!--              "celldata": [-->
-
-
-<!--              ], //初始化使用的单元格数据-->
-<!--              "config": {-->
-<!--                "merge": {-->
-<!--                }, //合并单元格-->
-<!--                "rowlen":{}, //表格行高-->
-<!--                "columnlen":{}, //表格列宽-->
-<!--                "rowhidden":{}, //隐藏行-->
-<!--                "colhidden":{}, //隐藏列-->
-<!--                "borderInfo":{-->
-
-<!--                }, //边框-->
-<!--                "authority":{}, //工作表保护-->
-
-<!--              },-->
-<!--            },-->
-<!--            /*{-->
-<!--              "name": "Sheet2",-->
-<!--              "color": "",-->
-<!--              "index": 1,-->
-<!--              "status": 0,-->
-<!--              "order": 1,-->
-<!--              "celldata": [],-->
-<!--              "config": {}-->
-<!--            },-->
-<!--            {-->
-<!--              "name": "Sheet3",-->
-<!--              "color": "",-->
-<!--              "index": 2,-->
-<!--              "status": 0,-->
-<!--              "order": 2,-->
-<!--              "celldata": [],-->
-<!--              "config": {},-->
-<!--            }*/-->
-<!--          ]-->
-
-<!--        }-->
-<!--        luckysheet.create(options)-->
-<!--      },-->
-<!--      /*// 表单重置-->
-<!--      reset() {-->
-<!--        this.form = {-->
-<!--          id: null,-->
-<!--          name: null,-->
-<!--          description: null-->
-<!--        };-->
-<!--        this.resetForm("form");-->
-<!--      },-->
-<!--      /!** 搜索按钮操作 *!/-->
-<!--      handleQuery() {-->
-<!--        this.queryParams.pageNum = 1;-->
-<!--        this.getList();-->
-<!--      },-->
-
-<!--      // 多选框选中数据-->
-<!--      handleSelectionChange(selection) {-->
-<!--        this.ids = selection.map(item => item.id)-->
-<!--        this.single = selection.length!==1-->
-<!--        this.multiple = !selection.length-->
-<!--      },-->
-<!--      /!** 导出按钮操作 *!/-->
-<!--      handleExport() {-->
-<!--        this.download('ruoyi-mymodule/mymodule/export', {-->
-<!--          ...this.queryParams-->
-<!--        }, `mymodule_${new Date().getTime()}.xlsx`)-->
-<!--      },*/-->
-<!--      /** Luckyexcel文档 */-->
-<!--      init() {-->
-<!--        let options = {-->
-<!--          container: 'luckysheet', //luckysheet为容器id-->
-<!--          title:'',-->
-<!--          lang:'zh',-->
-<!--          showinfobar:false,-->
-<!--          data:[-->
-<!--            {-->
-<!--              "name": "sheet1", //工作表名称-->
-<!--              "color": "", //工作表颜色-->
-<!--              "index": 0, //工作表索引-->
-<!--              "status": 1, //激活状态-->
-<!--              "order": 0, //工作表的下标-->
-<!--              "hide": 0,//是否隐藏-->
-<!--              "row": 20, //行数-->
-<!--              "column": 15, //列数-->
-<!--              "defaultRowHeight": 19, //自定义行高-->
-<!--              "defaultColWidth": 73, //自定义列宽-->
-<!--              "celldata": [-->
-
-
-<!--              ], //初始化使用的单元格数据-->
-<!--              "config": {-->
-<!--                "merge": {-->
-<!--                }, //合并单元格-->
-<!--                "rowlen":{}, //表格行高-->
-<!--                "columnlen":{}, //表格列宽-->
-<!--                "rowhidden":{}, //隐藏行-->
-<!--                "colhidden":{}, //隐藏列-->
-<!--                "borderInfo":{-->
-
-<!--                }, //边框-->
-<!--                "authority":{}, //工作表保护-->
-
-<!--              },-->
-<!--            },-->
-<!--            /*{-->
-<!--              "name": "Sheet2",-->
-<!--              "color": "",-->
-<!--              "index": 1,-->
-<!--              "status": 0,-->
-<!--              "order": 1,-->
-<!--              "celldata": [],-->
-<!--              "config": {}-->
-<!--            },-->
-<!--            {-->
-<!--              "name": "Sheet3",-->
-<!--              "color": "",-->
-<!--              "index": 2,-->
-<!--              "status": 0,-->
-<!--              "order": 2,-->
-<!--              "celldata": [],-->
-<!--              "config": {},-->
-<!--            }*/-->
-<!--          ]-->
-
-<!--        }-->
-<!--        luckysheet.create(options)-->
-
-<!--      },-->
-<!--      Excel(e) {-->
-<!--        let that = this-->
-<!--        // 错误情况判断-->
-<!--        const files = e.target.files-->
-<!--        if (files.length <= 0) {-->
-<!--          return false;-->
-<!--        } else if (!/\.(xls|xlsx)$/.test(files[0].name.toLowerCase())) {-->
-<!--          this.$message({-->
-<!--            message: "上传格式不正确，请上传xls或者xlsx格式",-->
-<!--            type: "warning"-->
-<!--          });-->
-<!--          return false-->
-<!--        } else {-->
-<!--          that.upload_file = files[0].name-->
-<!--        }-->
-<!--        // 读取表格-->
-<!--        const fileReader = new FileReader()-->
-<!--        fileReader.onload = ev => {-->
-<!--          try {-->
-<!--            const data = ev.target.result;-->
-<!--            const workbook = XLSX.read(data, {-->
-<!--              type: "binary"-->
-<!--            })-->
-<!--            // 读取第一张表-->
-<!--            const wsname = workbook.SheetNames[0]-->
-<!--            const ws = XLSX.utils.sheet_to_json(workbook.Sheets[wsname])-->
-<!--            // 打印 ws 就可以看到读取出的表格数据-->
-<!--            console.log(ws)-->
-<!--            // 定义一个新数组，存放处理后的表格数据-->
-<!--            that.lists = []-->
-<!--            ws.forEach(item => {-->
-<!--              that.lists.push({-->
-<!--                // 对ws进行处理后放进lists内-->
-<!--              })-->
-<!--            })-->
-<!--            // 调用方法将lists数组发送给后端-->
-<!--            this.submit_form(that.lists)-->
-<!--          } catch (e) {-->
-<!--            return false-->
-<!--          }-->
-<!--        }-->
-<!--        fileReader.readAsBinaryString(files[0])-->
-<!--      },-->
-<!--      /** 导入事件*/-->
-<!--      handleFileChange(evt) {-->
-<!--        let name = evt.name-->
-<!--        let suffixArr = name.split('.'),-->
-<!--          suffix = suffixArr[suffixArr.length - 1]-->
-<!--        if (suffix != 'xlsx') {-->
-<!--          alert('当前仅支持导入xlsx文件')-->
-<!--          return-->
-<!--        }-->
-<!--        LuckyExcel.transformExcelToLucky(-->
-<!--          evt,-->
-<!--          function(exportJson, luckysheetfile) {-->
-
-
-<!--            if (exportJson.sheets == null || exportJson.sheets.length == 0) {-->
-<!--              alert(-->
-<!--                '无法读取excel文件的内容，目前不支持xls文件!'-->
-<!--              )-->
-<!--              return-->
-<!--            }-->
-
-<!--            luckysheet.destroy()-->
-
-<!--            luckysheet.create({-->
-<!--              container: 'luckysheet', //luckysheet is the container id-->
-<!--              title: exportJson.info.name,-->
-<!--              lang: 'zh', // 设定表格语言-->
-<!--              showinfobar: false,-->
-<!--              data: exportJson.sheets,-->
-<!--              userInfo: exportJson.info.name.creator-->
-<!--            })-->
-<!--          }-->
-<!--        )-->
-<!--      },-->
-<!--    }-->
-<!--// 配置项-->
-
-<!--  };-->
-<!--</script>-->