n20-common-lib 1.3.31 → 1.3.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n20-common-lib",
-  "version": "1.3.31",
+  "version": "1.3.32",
   "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/index.vue

@@ -0,0 +1,52 @@
+<template>
+  <i data-node="custom-el" style="display: none"></i>
+</template>
+
+<script>
+// 触发自定义冒泡事假
+// XXX:还差iframe的处理
+export default {
+  props: {
+    dataCustom: {
+      type: Object,
+      default: undefined
+    },
+    dataEvent: {
+      type: String,
+      default: 'custom'
+    }
+  },
+  watch: {
+    dataCustom: {
+      handler(val) {
+        this.setData(val)
+      },
+      deep: true
+    }
+  },
+  mounted() {
+    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 = document.createEvent('Event')
+    evEvent.initEvent(type, true, false)
+    window[evName] = evEvent
+  }
+
+  el.dispatchEvent(window[evName])
+}
+</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/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/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/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/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/toExcel.js

@@ -0,0 +1,92 @@
+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