优化导出

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

@@ -2,7 +2,7 @@
   <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="请选择你要查看的模板" >
+        <el-select v-model="selectedOption" size="mini" @change="handleOptionChange" placeholder="请选择你要查看的模板">
           <el-option
             v-for="item in depss"
             :key="item.id"
@@ -34,14 +34,15 @@
           size="mini"
           @click="handleExport"
           v-hasPermi="['ruoyi-myexcel:myexcel:export']"
-        >导出</el-button>
+        >导出
+        </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-upload
           type="file"
           name="file"
           ref="upload"
-              :before-upload="handleFileChange"
+          :before-upload="importExcel"
           action=''
           :limit="1"
           :file-list="fileList"
@@ -64,8 +65,8 @@
       style="z-index: 1; "
       :before-close="handleClose">
       <el-form label-width="80px" @submit.native.prevent>
-        <el-form-item label="名称" >
-          <el-input v-model="from_name"  @keyup.enter.native="handleEnter"  placeholder="请输入名称" />
+        <el-form-item label="名称">
+          <el-input v-model="from_name" @keyup.enter.native="handleEnter" placeholder="请输入名称"/>
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
@@ -77,27 +78,28 @@
 </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 $ 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",
+  import luckysheet from 'luckysheet'
+  import LuckyExcel from 'luckyexcel'
+  //导入库export.js 这个文件是es6的，不能在普通的HTML文件直接引入js文件（虽然都是js文件，但是有区别，具体请百度es6与es5）！需要把es6转es5才可以直接引入使用！
+  import { exportExcel } from '../../../../public/luckysheet/exportExcel'
+var exceltemp;
+  export default {
+    name: 'Mymodule',
     data() {
       return {
         //弹出页面的表名
-      from_name : "",
+        from_name: '',
         // 是否显示弹出层
-      dialogVisible : false,
-      selectedOption:'',
+        dialogVisible: false,
+        selectedOption: '',
         luckysheetData: '',
-      fileList:[],
-      depss:[],
+        fileList: [],
+        depss: [],
         // 表单参数
         form: {},
         // 查询参数
@@ -106,72 +108,75 @@ export default {
           pageSize: 10,
           name: null,
           content: null
-      },
-    };
+        }
+      }
     },
     created() {
 //刷新页面时进行的操作
-    this.getList();
+      this.getList()
     },
     mounted() {
-    this.init();
+      this.init()
     },
-  methods:{
+    methods: {
       /** 页面刷新时展示的数据*/
       getList() {
         listMyluckyexcel(this.queryParams).then(response => {
-        this.depss = response.rows;
-      });
+          this.depss = response.rows
+        })
       },
       /** 下拉选和页面luckysheet绑定 */
       handleOptionChange() {
         //根据选中的下拉选项值获取相应的信息
         getMyluckyexcel(this.selectedOption).then(response => {
 
-        const sysSupplies = response.data;
+          const sysSupplies = response.data
+
+          this.luckysheetData = sysSupplies.jsons
 
-        this.luckysheetData = sysSupplies.jsons;
           //将接收到的json存到json_data中
           //const json_data = response.data;
-        let json_data = JSON.parse(sysSupplies.jsons);
-        let filename= sysSupplies.name;
+          let json_data = JSON.parse(sysSupplies.jsons)
+          exceltemp = json_data;
+          let filename = sysSupplies.name
 
           luckysheet.create({
-          container: "luckysheet", // Luckysheet 的容器元素 ID
+            container: 'luckysheet', // Luckysheet 的容器元素 ID
             title: filename, // Excel 文件名
             data: json_data, // Excel 数据
             showinfobar: false, //是否显示顶部名称栏
-          lang:'zh',
-        });
+            lang: 'zh'
+          })
 
         }).catch(() => {
           // 处理错误逻辑，这里是一个空的错误处理函数
-        this.$message.error('暂停失败,发生未知错误!');
-      });
+          this.$message.error('暂停失败,发生未知错误!')
+        })
       },
       /** 导出设置 */
-    handleExport(){
-      var date =new Date().getTime();
-      exportExcel(luckysheet.getAllSheets(), '导出'+date)
+      handleExport() {
+        var date = new Date().getTime()
+        exportExcel(luckysheet.getAllSheets(), '导出' + date)
       },
       /** 弹出的确认框关闭 */
       handleClose(done) {
         this.$confirm('确认关闭？')
           .then(_ => {
-          done();
+            done()
+          })
+          .catch(_ => {
           })
-        .catch(_ => {});
       },
       /** 回车事件和保存提交绑定 */
       handleEnter(event) {
         if (event.keyCode === 13) {
-        event.preventDefault(); // 阻止默认的回车事件
+          event.preventDefault() // 阻止默认的回车事件
           // 触发确定操作
-        this.submit_from();
+          this.submit_from()
         }
       },
       /** 保存到数据库*/
-    submit_from() {
+      /*submit_from() {
         const name = this.from_name
         if(name!=""){
           let objsheet = luckysheet.getAllSheets() // 得到表的数据
@@ -195,152 +200,78 @@ export default {
           this.$message.error('请输入表格名称后再进行保存!');
         }
 
-    },
+      },*/
       /* 重置按钮操作 */
       resetQuery() {
         luckysheet.destroy()
         let options = {
           container: 'luckysheet', //luckysheet为容器id
-        title:'',
-        lang:'zh',
-        showinfobar:false,
-        data:[
+          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":{
+              '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': {} //工作表保护
 
-              }, //边框
-              "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:[
+          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': '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)
 
@@ -350,12 +281,12 @@ export default {
         // 错误情况判断
         const files = e.target.files
         if (files.length <= 0) {
-        return false;
+          return false
         } else if (!/\.(xls|xlsx)$/.test(files[0].name.toLowerCase())) {
           this.$message({
-          message: "上传格式不正确，请上传xls或者xlsx格式",
-          type: "warning"
-        });
+            message: '上传格式不正确，请上传xls或者xlsx格式',
+            type: 'warning'
+          })
           return false
         } else {
           that.upload_file = files[0].name
@@ -364,9 +295,9 @@ export default {
         const fileReader = new FileReader()
         fileReader.onload = ev => {
           try {
-          const data = ev.target.result;
+            const data = ev.target.result
             const workbook = XLSX.read(data, {
-            type: "binary"
+              type: 'binary'
             })
             // 读取第一张表
             const wsname = workbook.SheetNames[0]
@@ -389,7 +320,11 @@ export default {
         fileReader.readAsBinaryString(files[0])
       },
       /** 导入事件*/
-    handleFileChange(evt) {
+      importExcel(evt) {
+        if(this.selectedOption == "" || this.selectedOption == null){
+          alert('请选择模板！！！')
+          return
+        }
         let name = evt.name
         let suffixArr = name.split('.'),
           suffix = suffixArr[suffixArr.length - 1]
@@ -397,10 +332,7 @@ export default {
           alert('当前仅支持导入xlsx文件')
           return
         }
-      LuckyExcel.transformExcelToLucky(
-        evt,
-        function(exportJson, luckysheetfile) {
-
+        LuckyExcel.transformExcelToLucky(evt, function(exportJson, luckysheetfile) {
 
             if (exportJson.sheets == null || exportJson.sheets.length == 0) {
               alert(
@@ -408,9 +340,18 @@ export default {
               )
               return
             }
+            //根据规则进行excel数据转换
+          debugger
+          var s = exceltemp
+          var sss= exportJson.sheets[0].celldata[0].v.v;
+          s[0].celldata[0].v.m= sss;
+          s[0].celldata[0].v.v= sss;
+          exportJson.sheets=s;
+          for (var i = 0; i < exceltemp.length; i++) {
 
-          luckysheet.destroy()
+          }
 
+            luckysheet.destroy()
             luckysheet.create({
               container: 'luckysheet', //luckysheet is the container id
               title: exportJson.info.name,
@@ -421,9 +362,9 @@ export default {
             })
           }
         )
-    },
+      }
     }
 // 配置项
 
-};
+  }
 </script>