n20-common-lib 1.3.18 → 1.3.22

package/nstc-g6/components/NstcExcelExport/NstcExcelExport.vue

@@ -1,145 +1,145 @@
-<template>
-  <div class="nstc-excel-export-box">
-    <slot></slot>
-  </div>
-</template>
-
-<script>
-import * as Export2Excel from '../../utils/vendor/Export2Excel'
-export default {
-  name: 'NstcExcelExport',
-  props: {
-    data: {
-      type: Object,
-      default: function () {
-        return {
-          childKey: '', //指定childKey时，会更具childKey递归取数据
-          head: [], //表头数据,未指定childKey时，必须传字符串数组,指定childKey时,表头为对象数组，{key:'key',value:'value'}，方便表格行取对应数据
-          data: [], //行数据，未指定childKey时，必须传与表头对应的字符串数组，指定childKey时，传与表头对应的对象数组
-          fileName: '列表'
-        }
-      }
-    },
-    // 导入执行动作
-    executeExportFlag: {
-      type: [Number, String],
-      default: () => {
-        return ''
-      }
-    },
-    // 单元格样式
-    cellStyle: {
-      type: Object,
-      default: () => {
-        return {}
-      }
-    },
-    merges: {
-      type: Array,
-      default: () => {
-        return []
-      }
-    }
-  },
-  data() {
-    return {}
-  },
-  watch: {
-    executeExportFlag(newValue) {
-      if (newValue) {
-        this.excelExportAction()
-      }
-    }
-  },
-  methods: {
-    /**
-     * 扁平化数据
-     * @param item 当前数据
-     * @param dataTemp 新组装的数据容器
-     * @param level 当前数据在当前行的等级
-     * @param str 子节点需要拼接的字符串
-     * @param childKey 子节点的key
-     */
-    flatChild(item, dataTemp, level, str, childKey) {
-      let subStr = ''
-      for (var i = 0; i < level; i++) {
-        subStr += str
-      }
-      item[this.data.head[0].key] = subStr + item[this.data.head[0].key]
-      dataTemp.push(item)
-      level++
-      // eslint-disable-next-line no-debugger
-      if (item[childKey] && item[childKey].length > 0) {
-        item[childKey].forEach((child) => {
-          this.flatChild(child, dataTemp, level, str, childKey)
-        })
-      }
-    },
-    /**
-     * 导出动作
-     */
-    excelExportAction() {
-      this.excelDownloadLoading = true
-      let that = this
-      if (this.data.head.length < 1 || this.data.data.length < 1) {
-        this.$message({
-          type: 'warning',
-          message: '表格数据不足！'
-        })
-        return
-      }
-      // console.log('Export2Excel', import('@/utils/vendor/Export2Excel'))
-      // import('@/utils/vendor/Export2Excel').then(excel => {
-
-      //   excel.export_json_to_excel({
-      //     header: that.data.head,
-      //     data: that.data.data,
-      //     filename: that.data.fileName
-      //   })
-      //   that.excelDownloadLoading = false
-      // })
-      let str = '    ' //子节点添加的符号
-      let level = 0 //当前行的等级
-      let dataTemp = [] //暂存扁平化数据
-      if (this.data.childKey) {
-        this.data.data.forEach((item) => {
-          level = 0
-          this.flatChild(item, dataTemp, level, str, this.data.childKey)
-        })
-
-        //扁平化数据转化为表数据
-        dataTemp = dataTemp.map((d) => {
-          let temp = []
-          this.data.head.forEach((h) => {
-            temp.push(d[h.key])
-          })
-          return temp
-        })
-        // eslint-disable-next-line no-debugger
-        // debugger;
-
-        //重置表数据为转化后的数据
-        this.data.head = this.data.head.map((item) => item.value)
-        this.data.data = dataTemp
-      }
-
-      Export2Excel.export_json_to_excel(
-        {
-          header: that.data.head,
-          data: that.data.data,
-          filename: that.data.fileName,
-          merges: this.merges
-        },
-        this.cellStyle
-      )
-      that.excelDownloadLoading = false
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-.nstc-excel-export-box {
-  display: inline-block;
-}
-</style>
+<template>
+  <div class="nstc-excel-export-box">
+    <slot></slot>
+  </div>
+</template>
+
+<script>
+import * as Export2Excel from '../../utils/vendor/Export2Excel'
+export default {
+  name: 'NstcExcelExport',
+  props: {
+    data: {
+      type: Object,
+      default: function () {
+        return {
+          childKey: '', //指定childKey时，会更具childKey递归取数据
+          head: [], //表头数据,未指定childKey时，必须传字符串数组,指定childKey时,表头为对象数组，{key:'key',value:'value'}，方便表格行取对应数据
+          data: [], //行数据，未指定childKey时，必须传与表头对应的字符串数组，指定childKey时，传与表头对应的对象数组
+          fileName: '列表'
+        }
+      }
+    },
+    // 导入执行动作
+    executeExportFlag: {
+      type: [Number, String],
+      default: () => {
+        return ''
+      }
+    },
+    // 单元格样式
+    cellStyle: {
+      type: Object,
+      default: () => {
+        return {}
+      }
+    },
+    merges: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    }
+  },
+  data() {
+    return {}
+  },
+  watch: {
+    executeExportFlag(newValue) {
+      if (newValue) {
+        this.excelExportAction()
+      }
+    }
+  },
+  methods: {
+    /**
+     * 扁平化数据
+     * @param item 当前数据
+     * @param dataTemp 新组装的数据容器
+     * @param level 当前数据在当前行的等级
+     * @param str 子节点需要拼接的字符串
+     * @param childKey 子节点的key
+     */
+    flatChild(item, dataTemp, level, str, childKey) {
+      let subStr = ''
+      for (var i = 0; i < level; i++) {
+        subStr += str
+      }
+      item[this.data.head[0].key] = subStr + item[this.data.head[0].key]
+      dataTemp.push(item)
+      level++
+      // eslint-disable-next-line no-debugger
+      if (item[childKey] && item[childKey].length > 0) {
+        item[childKey].forEach((child) => {
+          this.flatChild(child, dataTemp, level, str, childKey)
+        })
+      }
+    },
+    /**
+     * 导出动作
+     */
+    excelExportAction() {
+      this.excelDownloadLoading = true
+      let that = this
+      if (this.data.head.length < 1 || this.data.data.length < 1) {
+        this.$message({
+          type: 'warning',
+          message: '表格数据不足！'
+        })
+        return
+      }
+      // console.log('Export2Excel', import('@/utils/vendor/Export2Excel'))
+      // import('@/utils/vendor/Export2Excel').then(excel => {
+
+      //   excel.export_json_to_excel({
+      //     header: that.data.head,
+      //     data: that.data.data,
+      //     filename: that.data.fileName
+      //   })
+      //   that.excelDownloadLoading = false
+      // })
+      let str = '    ' //子节点添加的符号
+      let level = 0 //当前行的等级
+      let dataTemp = [] //暂存扁平化数据
+      if (this.data.childKey) {
+        this.data.data.forEach((item) => {
+          level = 0
+          this.flatChild(item, dataTemp, level, str, this.data.childKey)
+        })
+
+        //扁平化数据转化为表数据
+        dataTemp = dataTemp.map((d) => {
+          let temp = []
+          this.data.head.forEach((h) => {
+            temp.push(d[h.key])
+          })
+          return temp
+        })
+        // eslint-disable-next-line no-debugger
+        // debugger;
+
+        //重置表数据为转化后的数据
+        this.data.head = this.data.head.map((item) => item.value)
+        this.data.data = dataTemp
+      }
+
+      Export2Excel.export_json_to_excel(
+        {
+          header: that.data.head,
+          data: that.data.data,
+          filename: that.data.fileName,
+          merges: this.merges
+        },
+        this.cellStyle
+      )
+      that.excelDownloadLoading = false
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.nstc-excel-export-box {
+  display: inline-block;
+}
+</style>