n20-common-lib 1.3.30 → 1.3.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n20-common-lib",
-  "version": "1.3.30",
+  "version": "1.3.33",
   "private": false,
   "main": "src/index.js",
   "scripts": {

package/src/_qiankun/postMessage.js

@@ -1,46 +1,22 @@
-const name = process.env.VUE_APP_NAME
+import { addTab, closeTab, setTabName, refreshTab } from '../utils/handleTab.js'
 
 const PM = {
   namespaced: true,
   state: {
-    data: {}
+    data: undefined
   },
   mutations: {
-    set(state, data) {
-      state.data = Object.assign({}, state.data, data)
+    addTab(state, opt) {
+      addTab(opt)
     },
-    addTab(state, opt = {}) {
-      window.postMessage({
-        addTab: opt,
-        targetName: 'main',
-        originName: name
-      })
+    closeTab(state, opt) {
+      closeTab(opt)
     },
-    closeTab(state, opt = {}) {
-      window.postMessage({
-        closeTab: opt,
-        targetName: 'main',
-        originName: name
-      })
+    setTabName(state, opt) {
+      setTabName(opt)
     },
-    setTabName(state, opt = {}) {
-      window.postMessage({
-        setTabName: opt,
-        targetName: 'main',
-        originName: name
-      })
-    },
-    refreshTab(state, opt = {}) {
-      window.postMessage({
-        refreshTab: opt,
-        targetName: 'main',
-        originName: name
-      })
-    }
-  },
-  getters: {
-    get(state) {
-      return state.data
+    refreshTab(state, opt) {
+      refreshTab(opt)
     }
   }
 }

package/src/components/EventBubble/demo/a.vue

@@ -0,0 +1,29 @@
+<template>
+  <div>
+    <div ref="ad">
+      <el-card class="box-card" :header="header">
+        <cB />
+        <p>这里的传值，是只依赖DOM结构，利用自定义事件/事件冒泡实现值得传递</p>
+      </el-card>
+    </div>
+  </div>
+</template>
+
+<script>
+import cB from './b.vue'
+export default {
+  components: { cB },
+  data() {
+    return {
+      header: ''
+    }
+  },
+  mounted() {
+    this.$refs['ad'].addEventListener('demoEv', (event) => {
+      event.stopPropagation()
+      const cD = event.target.customData
+      this.header = cD.title
+    })
+  }
+}
+</script>

package/src/components/EventBubble/demo/b.vue

@@ -0,0 +1,12 @@
+<template>
+  <div>
+    <cC />
+  </div>
+</template>
+
+<script>
+import cC from './c.vue'
+export default {
+  components: { cC }
+}
+</script>

package/src/components/EventBubble/demo/c.vue

@@ -0,0 +1,18 @@
+<template>
+  <div class="flex-box flex-v">
+    <label>标题</label><el-input class="flex-item m-l" v-model="title" />
+    <EventBubble :data-custom="{ title: title }" data-event="demoEv" />
+  </div>
+</template>
+
+<script>
+import EventBubble from '../index.vue'
+export default {
+  components: { EventBubble },
+  data() {
+    return {
+      title: '默认标题'
+    }
+  }
+}
+</script>

package/src/components/EventBubble/index.vue

@@ -0,0 +1,57 @@
+<template>
+  <i data-node="custom-el" style="display: none"></i>
+</template>
+
+<script>
+// 触发自定义冒泡事假
+export default {
+  name: 'EventBubble',
+  props: {
+    dataCustom: {
+      type: Object,
+      default: undefined
+    },
+    dataEvent: {
+      type: String,
+      default: 'custom'
+    }
+  },
+  watch: {
+    dataCustom: {
+      handler(val) {
+        this.setData(val)
+      },
+      deep: true
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.setData(this.dataCustom)
+    })
+  },
+  methods: {
+    setData(obj) {
+      if (obj) {
+        this.$el.customData = JSON.parse(JSON.stringify(obj))
+        dispatchEvent(this.$el, this.dataEvent)
+      }
+    }
+  }
+}
+
+function dispatchEvent(el, type) {
+  var evName = '_on_' + type
+  var evEvent = undefined
+
+  if (!window[evName]) {
+    evEvent = new CustomEvent(type, { bubbles: true, cancelable: false })
+    window[evName] = evEvent
+  }
+
+  el.dispatchEvent(window[evName])
+  // iframe is not target
+  // if (el.nodeName !== 'IFRAME' && window.frameElement) {
+  //   dispatchEvent(window.frameElement, type)
+  // }
+}
+</script>

package/src/components/Filters/form-item-input.vue

@@ -7,6 +7,25 @@
     v-bind="item.props"
     v-on="item.on"
   />
+  <el-input
+    v-else-if="item.type === 'search'"
+    v-model="form[item.value]"
+    :clearable="item | clearableF"
+    style="width: 100%"
+    readonly
+    v-bind="item.props"
+    v-on="item.on"
+  >
+    <i
+      slot="suffix"
+      class="el-input__icon el-icon-zoom-in"
+      @click="
+        () => {
+          item.on && item.on.focus && item.on.focus()
+        }
+      "
+    ></i>
+  </el-input>
   <el-select
     v-else-if="item.type === 'select'"
     v-model="form[item.value]"
@@ -100,6 +119,7 @@
 </template>
 
 <script>
+import axios from '../../utils/axios'
 import inputNumber from '../InputNumber/index.vue'
 import inputNumberRange from '../InputNumber/numberRange.vue'
 import datePickerPor from '../DatePicker/por.vue'
@@ -127,6 +147,39 @@ export default {
       type: Object,
       default: undefined
     }
+  },
+  created() {
+    if (this.item.reqOptions) {
+      this.getOptions()
+    }
+  },
+  methods: {
+    getOptions() {
+      let reqOptions = this.item.reqOptions
+      let url = reqOptions.url || ''
+      url = url.includes('?')
+        ? `${url}r=${Math.random()}`
+        : `${url}?r=${Math.random()}`
+
+      axios({
+        ...reqOptions,
+        url: url,
+        loading: false,
+        noMsg: true,
+        resList: undefined
+      }).then((res) => {
+        let resKeys = reqOptions.resList
+          ? reqOptions.resList.split('.')
+          : ['data', 'list']
+
+        let list = res
+        resKeys.forEach((key) => {
+          list = list[key]
+        })
+
+        this.$set(this.item, 'options', list)
+      })
+    }
   }
 }
 </script>

package/src/components/Filters/index.vue

@@ -6,7 +6,6 @@
     title="筛选"
     placement="bottom-end"
     @show="show"
-    @after-leave="leave"
   >
     <template slot="reference">
       <el-button
@@ -91,7 +90,7 @@
           :columns="filterList"
           :is-filter="true"
           :auto-save="true"
-          page-id="filterId"
+          :page-id="'filter:' + filterId"
           @setColumns="setRemoteChange"
         />
       </template>
@@ -170,10 +169,6 @@ export default {
         }
       })
     },
-    leave() {
-      this.showPopC = false
-      this.showMore = false
-    },
     clear() {
       this.$emit('clear')
     },

package/src/components/InputNumber/index.vue

@@ -20,6 +20,7 @@
       :value="valueNum"
       :placeholder="phd"
       v-on="listeners"
+      @input.native="inputFn"
       @blur="blurFn"
       @change="changeFn"
     />
@@ -97,6 +98,7 @@ export default {
         if (val && typeof val === 'string' && val.includes(',')) {
           return this.$emit('input', Number(val.replace(/,/g, '')))
         }
+        this.preValue = val
         this.valueStr = this.num2str(val)
       },
       immediate: true
@@ -164,6 +166,13 @@ export default {
           }
           break
       }
+    },
+    inputFn({ target }) {
+      if (target.value !== '-' && isNaN(target.value)) {
+        target.value = this.preValue
+      } else {
+        this.preValue = target.value
+      }
     }
   }
 }

package/src/components/Layout/HeaderWrap/index.vue

@@ -179,6 +179,7 @@
 </template>
 
 <script>
+import Cookies from 'js-cookie'
 import { themeList } from '../../../utils/theme.config.js'
 
 import dialogWrap from '../../Dialog/index.vue'
@@ -229,7 +230,7 @@ const i18n = {
     en: ':'
   },
   秒: {
-    en: ':'
+    en: ''
   },
   '确定退出,将清除未提交的临时操作，是否继续？': {
     en: 'Are you sure to exit? Uncommitted temporary operations will be cleared. Do you want to continue?'
@@ -299,23 +300,35 @@ export default {
     },
     setUserVisible(v) {
       if (v) {
-        let loginTime = sessionStorage.getItem('loginTime')
-        if (loginTime) {
-          this.durationTime = dayjs.duration(Date.now() - loginTime).format(
-            `HH${this.$l('小时', this.i18n)}
-              mm${this.$l('分', this.i18n)}
-              ss${this.$l('秒', this.i18n)}`
-          )
-        }
-
         let userInfo = JSON.parse(sessionStorage.getItem('userInfo') || '{}')
         this.userInfo = {
           userName: userInfo.uname,
           companyName: userInfo.cltName
         }
         this.rolesList = userInfo.roles || []
+
+        let loginTime = sessionStorage.getItem('loginTime')
+        if (loginTime) {
+          this.setDurationTime(loginTime)
+          this.durationTime_timeout = setInterval(
+            () => this.setDurationTime(loginTime),
+            500
+          )
+        }
+      } else {
+        clearInterval(this.durationTime_timeout)
       }
     },
+    setDurationTime(loginTime) {
+      this.durationTime = dayjs
+        .duration(Date.now() - loginTime)
+        .format(
+          `HH${this.$l('小时', this.i18n)}mm${this.$l(
+            '分',
+            this.i18n
+          )}ss${this.$l('秒', this.i18n)}`
+        )
+    },
     // 打开帮助文档
     openHelp() {
       axios
@@ -357,6 +370,10 @@ export default {
     setLang() {
       this.langV = false
       window.localStorage.setItem('pageLang', this.langVal)
+      Cookies.set(
+        'language',
+        ['zh-cn', 'zh-hk'].includes(this.langVal) ? 'zh' : this.langVal
+      )
       window.location.reload()
     },
     setTheme({ value }) {

package/src/components/Layout/SubContent/index.vue

@@ -68,8 +68,8 @@ export default {
   },
   methods: {
     watchMessage(ev) {
-      const { targetName, originName } = ev.data
-      if (targetName === '*' && originName === 'main') {
+      const { updateCache, originName, targetName } = ev.data
+      if (updateCache && originName === 'main' && targetName === '*') {
         this.pendingRemoveCaches()
       }
     },

package/src/components/PageHeader/style.scss

@@ -1,8 +1,9 @@
-.page-header {
+.n20-page-header {
   display: flex;
   line-height: 20px;
   padding-bottom: 2px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+
   .page-header__left {
     display: flex;
     align-items: center;
@@ -10,12 +11,15 @@
     margin-right: 16px;
     position: relative;
   }
+
   .page-header__left:hover {
     color: var(--color-primary);
+
     .page-header__title {
       color: var(--color-primary);
     }
   }
+
   .page-header__left:after {
     content: '';
     position: absolute;
@@ -26,14 +30,16 @@
     transform: translateY(-50%);
     background-color: #dcdfe6;
   }
+
   .page-header__title {
     font-size: 14px;
     line-height: 20px;
     color: #3d4a57;
   }
+
   .page-header__content {
     font-size: 14px;
     line-height: 20px;
     color: #3d4a57;
   }
-}
+}

package/src/components/Table/filters.js

@@ -0,0 +1,60 @@
+import numerify from 'numerify'
+import dayjs from 'dayjs'
+
+function tplFn(row, sc, mck, map = {}) {
+  let str = ''
+  sc.forEach((s, i) => {
+    str += s
+    let kA = mck[i]
+    if (kA && kA.length) {
+      let key = kA[0]
+      if (kA.length === 1) {
+        str += row[key]
+      } else {
+        let type = kA[1]
+        switch (type) {
+          case 'money':
+            str += numerify(row[key], '0,0.00')
+            break
+          case 'rate':
+            str += numerify(row[key], '0.000000')
+            break
+          case 'map':
+            str += map[row[key]]
+            break
+          case 'date':
+            str += dayjs(row[key]).format('YYYY-MM-DD')
+            break
+          case 'datetime':
+            str += dayjs(row[key]).format('YYYY-MM-DD HH:mm:ss')
+            break
+          case 'time':
+            str += dayjs(row[key]).format('HH:mm:ss')
+            break
+          default:
+            str += row[key]
+            break
+        }
+      }
+    }
+  })
+  return str
+}
+
+export function colfF(colf, map) {
+  if (typeof colf !== 'string') return colf
+  let sc = colf.split(/{.+?}/g) || []
+  let mc = colf.match(/{.+?}/g) || []
+  let mck = []
+  mc.forEach((t) => {
+    t = t.replace(/^{|\s+|}$/g, '').split('|')
+    mck.push(t)
+  })
+
+  return (row) => tplFn(row, sc, mck, map)
+}
+
+export function colftF(colft, fMap) {
+  if (typeof colft !== 'string') return colft
+  return fMap[colft]
+}

package/src/components/Table/index.vue

@@ -39,9 +39,22 @@
 </template>
 
 <script>
-import numerify from 'numerify'
-import dayjs from 'dayjs'
 import thSelectHeader from './ThSelectHeader.vue'
+import { colfF, colftF } from './filters'
+
+const columnRender = {
+  props: {
+    cRender: {
+      type: Function
+    },
+    row: {
+      type: Object
+    }
+  },
+  render(h) {
+    return this.cRender(h, this.row)
+  }
+}
 
 export default {
   name: 'Table',
@@ -120,75 +133,4 @@ export default {
     }
   }
 }
-
-const columnRender = {
-  props: {
-    cRender: {
-      type: Function
-    },
-    row: {
-      type: Object
-    }
-  },
-  render(h) {
-    return this.cRender(h, this.row)
-  }
-}
-
-function colfF(colf, map) {
-  if (typeof colf !== 'string') return colf
-  let sc = colf.split(/{.+?}/g) || []
-  let mc = colf.match(/{.+?}/g) || []
-  let mck = []
-  mc.forEach((t) => {
-    t = t.replace(/^{|\s+|}$/g, '').split('|')
-    mck.push(t)
-  })
-
-  return (row) => tplFn(row, sc, mck, map)
-}
-function tplFn(row, sc, mck, map = {}) {
-  let str = ''
-  sc.forEach((s, i) => {
-    str += s
-    let kA = mck[i]
-    if (kA && kA.length) {
-      let key = kA[0]
-      if (kA.length === 1) {
-        str += row[key]
-      } else {
-        let type = kA[1]
-        switch (type) {
-          case 'money':
-            str += numerify(row[key], '0,0.00')
-            break
-          case 'rate':
-            str += numerify(row[key], '0.000000')
-            break
-          case 'map':
-            str += map[row[key]]
-            break
-          case 'date':
-            str += dayjs(row[key]).format('YYYY-MM-DD')
-            break
-          case 'datetime':
-            str += dayjs(row[key]).format('YYYY-MM-DD HH:mm:ss')
-            break
-          case 'time':
-            str += dayjs(row[key]).format('HH:mm:ss')
-            break
-          default:
-            str += row[key]
-            break
-        }
-      }
-    }
-  })
-  return str
-}
-
-function colftF(colft, fMap) {
-  if (typeof colft !== 'string') return colft
-  return fMap[colft]
-}
 </script>

package/src/directives/VTitle/index.js

@@ -1,3 +1,5 @@
+import { Popover as elPopover } from 'element-ui'
+
 let timer = undefined
 const popClass = 'at-title-pop-' + Date.now()
 
@@ -44,6 +46,9 @@ TitleDirective.install = (Vue) => {
   if (Vue.prototype.$isServer) return
   const tooltip = new Vue({
     el: document.createElement('div'),
+    components: {
+      elPopover
+    },
     data() {
       return {
         visible: false

package/src/index.js

@@ -48,10 +48,11 @@ import FlowStep from './components/FlowStep/index.vue'
 import CascaderArea from './components/CascaderArea/index.vue'
 import FileExportAsync from './components/FileExportAsync/index.vue'
 import FlowDialog from './components/ApprovalRecord/flowDialog.vue'
-import ChildRange from './components/ChildRange/index'
-import FileImport from './components/FileImport/index'
-import PageHeader from './components/PageHeader/index'
-import Descriptions from './components/Descriptions'
+import ChildRange from './components/ChildRange/index.vue'
+import FileImport from './components/FileImport/index.vue'
+import PageHeader from './components/PageHeader/index.vue'
+import Descriptions from './components/Descriptions/index.vue'
+import EventBubble from './components/EventBubble/index.vue'
 // ECharts 不要打包进来
 // import Search from './components/Search/index.vue'
 import Stamp from './components/Stamp/index.vue'
@@ -142,6 +143,7 @@ const components = [
   FileImport,
   PageHeader,
   Descriptions,
+  EventBubble,
   // Search,
   approvalImg,
   Stamp,
@@ -154,6 +156,8 @@ const components = [
 const install = function (Vue, opts = { prefix: 'Cl', i18nConfig: {} }) {
   components.forEach((component) => {
     let name = component.name
+    if (!name) return console.error('Component name is required:', component)
+
     name = opts.prefix + name.replace(name[0], name[0].toUpperCase())
     Vue.component(name, component)
   })
@@ -251,6 +255,7 @@ export {
   FileImport,
   PageHeader,
   Descriptions,
+  EventBubble,
   // Search,
   approvalImg,
   Stamp

package/src/plugins/CompatibleOld/index.js

@@ -1,57 +1,11 @@
+import { setTabs, closeTag } from '../../utils/handleTab.js'
+
 // 老系统子应用调用函数，新增页签的函数接口
 export function setTabsForSub(baseUrl, to, tab = true) {
-  let { path, name, meta = {}, query } = to
-  let _path = baseUrl + path
-  _path = _path.replace('//', '/')
-  let _i18n
-  let _title
-
-  let { title, i18n } = meta
-  if (i18n && typeof i18n === 'object') {
-    _i18n = i18n
-  } else if (title && typeof title === 'object') {
-    _i18n = title
-  } else if (name && typeof name === 'object') {
-    _i18n = name
-  }
-  if (_i18n && _i18n.zh) {
-    _title = _i18n.zh
-  } else {
-    _title = title
-  }
-
-  if (tab) {
-    window.postMessage({
-      addTabO: {
-        path: _path,
-        title: _title,
-        i18n: _i18n,
-        query: query
-      },
-      targetName: 'main',
-      originName: name
-    })
-  } else {
-    window.postMessage({
-      replaceTab: {
-        path: _path,
-        title: _title,
-        i18n: _i18n,
-        query: query
-      },
-      targetName: 'main',
-      originName: name
-    })
-  }
+  setTabs(baseUrl, to, tab)
 }
 
 // 老系统子应用调用函数，关闭页签的函数接口
 export function closeTagsForBackPage(url) {
-  window.postMessage({
-    closeTab: {
-      path: url || window.location.pathname
-    },
-    targetName: 'main',
-    originName: '*'
-  })
+  closeTag(url)
 }

package/src/utils/auth.js

@@ -29,6 +29,7 @@ const auth = {
   },
   setLoginPath(router) {
     let { base = '/', mode = 'history' } = router.options
+    ;/\/$/.test(base) || (base += '/')
     if (mode === 'hash') {
       ownLoginPath = window.location.origin + base + '#/login'
     } else {

package/src/utils/handleTab.js

@@ -0,0 +1,109 @@
+// 操作切换路由生成的页签
+const dN = process.env.VUE_APP_NAME
+/** 打开页签,push对应路由 */
+export function addTab(opt = {}, name) {
+  window.postMessage({
+    addTab: opt,
+    targetName: 'main',
+    originName: name || dN
+  })
+}
+/** 子打开页签,不再push对应路由 */
+export function addTabO(opt = {}, name) {
+  window.postMessage({
+    addTabO: opt,
+    targetName: 'main',
+    originName: name || dN
+  })
+}
+
+export function closeTab(opt = {}, name) {
+  window.postMessage({
+    closeTab: opt,
+    targetName: 'main',
+    originName: name || dN
+  })
+}
+
+export function setTabName(opt = {}, name) {
+  window.postMessage({
+    setTabName: opt,
+    targetName: 'main',
+    originName: name || dN
+  })
+}
+
+export function refreshTab(opt = {}, name) {
+  window.postMessage({
+    refreshTab: opt,
+    targetName: 'main',
+    originName: name || dN
+  })
+}
+/** 不打开页签,替换当前页签保存的路由信息 */
+export function replaceTab(opt = {}, name) {
+  window.postMessage({
+    replaceTab: opt,
+    targetName: 'main',
+    originName: name || dN
+  })
+}
+
+/* 业务应用 */
+// 获取页签名称
+function getI18n(meta = {}, name) {
+  let _i18n = undefined
+  let { title, i18n } = meta
+
+  if (i18n && typeof i18n === 'object') {
+    _i18n = i18n
+  } else if (title && typeof title === 'object') {
+    _i18n = title
+  } else if (name && typeof name === 'object') {
+    _i18n = name
+  }
+  return {
+    i18n: _i18n,
+    title: _i18n && _i18n.zh ? _i18n.zh : title
+  }
+}
+// 获取绝对路径
+function getPath(baseUrl, path) {
+  return (baseUrl + path).replace('//', '/')
+}
+// 获取模块名称
+function getName(baseUrl) {
+  return dN || baseUrl.replace('/', '')
+}
+/** 子模块在门户中打开页签 */
+export function setTabs(baseUrl, to, tab = true) {
+  let { path, name, meta = {}, query } = to
+  let { i18n, title } = getI18n(meta, name)
+  let route = getPath(baseUrl, path)
+
+  if (tab) {
+    addTabO(
+      {
+        path: route,
+        title: title,
+        i18n: i18n,
+        query: query
+      },
+      getName(baseUrl)
+    )
+  } else {
+    replaceTab(
+      {
+        path: route,
+        title: title,
+        i18n: i18n,
+        query: query
+      },
+      getName(baseUrl)
+    )
+  }
+}
+/** 子模块关闭在门户中的页签 */
+export function closeTag(url, name) {
+  closeTab({ path: url || window.location.pathname }, name || '*')
+}

package/src/utils/i18n/index.js

@@ -17,7 +17,7 @@ export function $l(zh, map = {}) {
   } else {
     let key = pageLang
     let valMap = map[zh] || $i18n_map_root[zh] || {}
-    let val = valMap[key] || zh
+    let val = valMap[key] !== undefined ? valMap[key] : zh
 
     return val
   }

package/src/utils/toExcel.js

@@ -0,0 +1,115 @@
+import ExcelJS from 'exceljs'
+
+function toExcel({ columns = [], rows = [], name = 'sheet01' }) {
+  let cols = []
+  columns.forEach((col) => {
+    if (!col.static) {
+      let _col = {
+        header: col.label,
+        key: col.prop,
+        style: col.style || {}
+      }
+
+      let width = col.width || col.minWidth || col['min-width'] || 0
+      width = Math.max(width / 8, col.label.length * 2.2 + 2)
+      width > 9 && (_col.width = width)
+
+      if (col.numFmt) {
+        _col.style.numFmt = col.numFmt
+      } else if (col.formatter && typeof col.formatter === 'string') {
+        if (/\|\s?money/.test(col.formatter)) {
+          _col.style.numFmt = '#,##0.00'
+        }
+        if (/\|\s?rate/.test(col.formatter)) {
+          _col.style.numFmt = '0.000000'
+        }
+      }
+
+      cols.push(_col)
+    }
+  })
+
+  let cL = cols.length
+  let rL = rows.length
+
+  const workbook = new ExcelJS.Workbook()
+  const worksheet = workbook.addWorksheet(name)
+
+  worksheet.columns = cols
+  worksheet.addRows(rows)
+
+  worksheet.views = [
+    {
+      state: 'frozen',
+      // xSplit: 1,
+      ySplit: 1
+    }
+  ]
+
+  for (let i = 0; i < cL; i++) {
+    worksheet.getCell(1, i + 1).style = {
+      fill: {
+        type: 'pattern',
+        pattern: 'solid',
+        fgColor: { argb: 'FFE1E1E1' }
+      },
+      alignment: {
+        vertical: 'middle',
+        horizontal: 'center'
+      },
+      font: {
+        bold: true
+      }
+    }
+  }
+
+  for (let i = 0; i < cL; i++) {
+    for (let j = 0; j < rL + 1; j++) {
+      worksheet.getCell(j + 1, i + 1).border = {
+        top: { style: 'thin' },
+        left: { style: 'thin' },
+        bottom: { style: 'thin' },
+        right: { style: 'thin' }
+      }
+    }
+  }
+
+  // worksheet.getColumn(1).numFmt = '#,##0.00"%"'
+  // worksheet.getColumn(1).numFmt = '#,##0.00'
+  // worksheet.getColumn(2).width = 32
+
+  return new Promise((resolve, reject) => {
+    workbook.xlsx
+      .writeBuffer()
+      .then((buffer) => {
+        resolve(buffer)
+      })
+      .catch((err) => {
+        reject(err)
+      })
+  })
+}
+export default toExcel
+
+export function toJson(file, name) {
+  const workbook = new ExcelJS.Workbook()
+  return new Promise((resolve, reject) => {
+    workbook.xlsx
+      .load(file)
+      .then(() => {
+        const worksheet = workbook.getWorksheet(name || 1)
+        let rows = []
+        worksheet.eachRow((r) => {
+          let row = []
+          r.eachCell((c) => {
+            row.push(c.value)
+          })
+          rows.push(row)
+        })
+        resolve(rows)
+      })
+      .catch((err) => {
+        reject(err)
+      })
+  })
+}