n20-common-lib 1.3.38 → 1.3.41

package/src/components/Upload/uploadMsg.vue

@@ -0,0 +1,114 @@
+<template>
+  <el-dialog v-drag :visible.sync="progressV" :title="title" append-to-body>
+    <template v-if="!hidePercent">
+      <p v-if="!percentType">系统处理中，请稍等......</p>
+      <p v-else>{{ percentMsg }}</p>
+      <el-progress class="m-b" :percentage="percent" :status="percentType" />
+    </template>
+    <!-- 错误数据行提示 -->
+    <template v-if="validateResult">
+      <div>
+        <span class="m-r">导入统计</span>
+        <span>共计导入{{ validateResult.totalNum }}条, </span>
+        <span class="m-r-s">
+          其中有效数据
+          <span class="color-primary">{{ validateResult.successNum }}</span
+          >条,
+        </span>
+        <span>
+          无效数据
+          <span class="color-danger">{{ validateResult.errorList.length }}</span
+          >条。
+        </span>
+      </div>
+      <template v-if="validateResult.errorList.length">
+        <div class="m-t m-b">无效数据详情</div>
+        <el-table :data="errorList">
+          <el-table-column
+            v-for="column in columnsList"
+            :key="column.prop"
+            :prop="column.prop"
+            :label="column.label"
+          >
+            <template slot-scope="scope">
+              <!-- eslint-disable-next-line vue/no-v-html -->
+              <span v-html="scope.row[column.prop]"></span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div class="color-warning m-t-s">
+          上述数据输入有误，请修改导入文件中相关信息！
+        </div>
+      </template>
+      <span slot="footer">
+        <el-button type="primary" @click="progressV = false">确定</el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      default: '提示'
+    },
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    percentType: {
+      type: String,
+      default: undefined
+    },
+    percentMsg: {
+      type: String,
+      default: undefined
+    },
+    percent: {
+      type: Number,
+      default: undefined
+    },
+    validateResult: {
+      type: Object,
+      default: undefined
+    },
+    hidePercent: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    progressV: {
+      get() {
+        return this.visible
+      },
+      set(v) {
+        this.$emit('update:visible', v)
+      }
+    },
+    columnsList() {
+      return (this.validateResult && this.validateResult.columnsList) || []
+    },
+    errorList() {
+      let errorList = this.validateResult && this.validateResult.errorList
+      if (errorList) {
+        let _errorList = []
+        errorList.forEach((item) => {
+          const temp = { ...item }
+          if (item.errorList) {
+            item.errorList.forEach((eK) => {
+              temp[eK] = `<span class="color-danger">${temp[eK]}</span>`
+            })
+          }
+          _errorList.push(temp)
+        })
+        return _errorList
+      } else {
+        return undefined
+      }
+    }
+  }
+}
+</script>

package/src/components/WornPagination/index.vue

@@ -1,73 +1,73 @@
-<template>
-  <div class="flex-box flex-r">
-    <Pagination :page-obj="pageObj" @change="pageChange" />
-  </div>
-</template>
-
-<script>
-import Pagination from '../Pagination/index.vue'
-export default {
-  name: 'WornPagination',
-  components: {
-    Pagination
-  },
-  props: {
-    page: {
-      type: Number,
-      default: 1
-    },
-    pageSize: {
-      type: Number,
-      default: 20
-    },
-    total: {
-      type: Number,
-      default: 0
-    }
-  },
-  data() {
-    return {
-      pageObj: {
-        no: 1,
-        size: 20,
-        total: 0
-      }
-    }
-  },
-  watch: {
-    page(v) {
-      this.pageObj.no = v
-    },
-    pageSize(v) {
-      this.pageObj.size = v
-    },
-    total(v) {
-      this.pageObj.total = v
-    }
-  },
-  created() {
-    this.pageObj = {
-      no: this.page,
-      size: this.pageSize,
-      total: this.total
-    }
-  },
-  mounted() {
-    console.warn('WornPagination组件已废弃,未来版本将剔除,请使用Pagination组件')
-  },
-  methods: {
-    pageChange(v) {
-      if (v.no !== this.page) {
-        this.$emit('update:page', v.no)
-      }
-      if (v.size !== this.pageSize) {
-        this.$emit('update:pageSize', v.size)
-        // 为修复bug而写的bug
-        this.$nextTick(() => {
-          this.$emit('update:page', v.no)
-        })
-      }
-    }
-  }
-}
-</script>
+<template>
+  <div class="flex-box flex-r">
+    <Pagination :page-obj="pageObj" @change="pageChange" />
+  </div>
+</template>
+
+<script>
+import Pagination from '../Pagination/index.vue'
+export default {
+  name: 'WornPagination',
+  components: {
+    Pagination
+  },
+  props: {
+    page: {
+      type: Number,
+      default: 1
+    },
+    pageSize: {
+      type: Number,
+      default: 20
+    },
+    total: {
+      type: Number,
+      default: 0
+    }
+  },
+  data() {
+    return {
+      pageObj: {
+        no: 1,
+        size: 20,
+        total: 0
+      }
+    }
+  },
+  watch: {
+    page(v) {
+      this.pageObj.no = v
+    },
+    pageSize(v) {
+      this.pageObj.size = v
+    },
+    total(v) {
+      this.pageObj.total = v
+    }
+  },
+  created() {
+    this.pageObj = {
+      no: this.page,
+      size: this.pageSize,
+      total: this.total
+    }
+  },
+  mounted() {
+    console.warn('WornPagination组件已废弃,未来版本将剔除,请使用Pagination组件')
+  },
+  methods: {
+    pageChange(v) {
+      if (v.no !== this.page) {
+        this.$emit('update:page', v.no)
+      }
+      if (v.size !== this.pageSize) {
+        this.$emit('update:pageSize', v.size)
+        // 为修复bug而写的bug
+        this.$nextTick(() => {
+          this.$emit('update:page', v.no)
+        })
+      }
+    }
+  }
+}
+</script>

package/src/directives/VClickOutside/index.js

@@ -1,19 +1,27 @@
-const directive = {}
-
-directive.install = (Vue) => {
-  Vue.directive('click-outside', {
-    bind: function (el, binding, node) {
-      el.clickOutsideEvent = function (event) {
-        if (!(el === event.target || el.contains(event.target))) {
-          binding.value(event)
-        }
-      }
-      document.body.addEventListener('click', el.clickOutsideEvent, binding.arg === 'capture')
-    },
-    unbind: function (el, binding) {
-      document.body.removeEventListener('click', el.clickOutsideEvent, binding.arg === 'capture')
-    }
-  })
-}
-
-export default directive
+const directive = {}
+
+directive.install = (Vue) => {
+  Vue.directive('click-outside', {
+    bind: function (el, binding, node) {
+      el.clickOutsideEvent = function (event) {
+        if (!(el === event.target || el.contains(event.target))) {
+          binding.value(event)
+        }
+      }
+      document.body.addEventListener(
+        'click',
+        el.clickOutsideEvent,
+        binding.arg === 'capture'
+      )
+    },
+    unbind: function (el, binding) {
+      document.body.removeEventListener(
+        'click',
+        el.clickOutsideEvent,
+        binding.arg === 'capture'
+      )
+    }
+  })
+}
+
+export default directive

package/src/directives/VDrag/index.js

@@ -6,12 +6,14 @@
 // 封装全局弹窗拖拽指令 v-drag
 function dialogMoveFn(_this) {
   var dialogDom = _this.parentNode
-  dialogDom.style.top = parseFloat(dialogDom.style.top || '0') + _this.pageYc + 'px'
-  dialogDom.style.left = parseFloat(dialogDom.style.left || '0') + _this.pageXc + 'px'
+  dialogDom.style.top =
+    parseFloat(dialogDom.style.top || '0') + _this.pageYc + 'px'
+  dialogDom.style.left =
+    parseFloat(dialogDom.style.left || '0') + _this.pageXc + 'px'
 }
 
 const dialogMove = {
-  install: function(Vue) {
+  install: function (Vue) {
     Vue.directive('drag', {
       update(el, binding) {
         if (el.style.display === 'none') {
@@ -21,14 +23,14 @@ const dialogMove = {
             dialogDom.style.top = ''
           }
         }
-        Vue.nextTick(function() {
+        Vue.nextTick(function () {
           var dialogHeader = el.querySelector('.el-dialog__header')
           if (dialogHeader && !dialogHeader._hasMoveDir) {
             var _this, pvrPageX, pvrPageY
             dialogHeader._hasMoveDir = true
             dialogHeader.style.cursor = 'move'
 
-            dialogHeader.addEventListener('mousedown', function(evt) {
+            dialogHeader.addEventListener('mousedown', function (evt) {
               var ev = evt || event
               this.pageXc = this.pageYc = 0
               _this = this
@@ -38,7 +40,7 @@ const dialogMove = {
               document.addEventListener('mouseup', mouseupThisMove)
             })
 
-            var mousemoveThisMove = function(evt) {
+            var mousemoveThisMove = function (evt) {
               var ev = evt || event
               ev.stopPropagation()
               ev.preventDefault()
@@ -51,14 +53,16 @@ const dialogMove = {
                 _this.pageXc = ev.pageX - pvrPageX
                 _this.pageYc = ev.pageY - pvrPageY
                 if (_this.pageXc !== 0 || _this.pageYc !== 0) {
-                  binding.value ? binding.value(_this, binding.arg) : dialogMoveFn(_this)
+                  binding.value
+                    ? binding.value(_this, binding.arg)
+                    : dialogMoveFn(_this)
                 }
                 pvrPageX = ev.pageX
                 pvrPageY = ev.pageY
               }
             }
 
-            var mouseupThisMove = function() {
+            var mouseupThisMove = function () {
               document.removeEventListener('mousemove', mousemoveThisMove)
               document.removeEventListener('mouseup', mouseupThisMove)
             }

package/src/directives/VHas/index.js

@@ -1,58 +1,58 @@
-import { getRela, getCltRela } from '../../utils/relaNo.js'
-
-export function has(vals, clt) {
-  let relaNos = []
-  if (clt) {
-    relaNos = getCltRela(clt)
-  } else {
-    relaNos = getRela().relaNos
-  }
-  if (typeof vals === 'string') {
-    return relaNos.includes(vals)
-  } else if (Array.isArray(vals)) {
-    return vals.some((val) => relaNos.includes(val))
-  }
-}
-
-export function hasG(vals, clt) {
-  let relaNos = []
-  if (clt) {
-    relaNos = getCltRela(clt)
-  } else {
-    relaNos = getRela().relaNosGlobal
-  }
-  if (typeof vals === 'string') {
-    return relaNos.includes(vals)
-  } else if (Array.isArray(vals)) {
-    return vals.some((val) => relaNos.includes(val))
-  }
-}
-
-const directive = {}
-directive.install = (Vue) => {
-  Vue.prototype.$has = has
-
-  Vue.filter('isHas', has)
-
-  Vue.filter('noHas', (v, arg) => !has(v, arg))
-
-  Vue.directive('has', {
-    inserted(el, binding) {
-      !has(binding.value, binding.arg) && el.parentNode.removeChild(el)
-    }
-  })
-  // 全局查找
-  Vue.prototype.$hasG = hasG
-
-  Vue.filter('isHasG', hasG)
-
-  Vue.filter('noHasG', (v, arg) => !hasG(v, arg))
-
-  Vue.directive('hasG', {
-    inserted(el, binding) {
-      !hasG(binding.value, binding.arg) && el.parentNode.removeChild(el)
-    }
-  })
-}
-
-export default directive
+import { getRela, getCltRela } from '../../utils/relaNo.js'
+
+export function has(vals, clt) {
+  let relaNos = []
+  if (clt) {
+    relaNos = getCltRela(clt)
+  } else {
+    relaNos = getRela().relaNos
+  }
+  if (typeof vals === 'string') {
+    return relaNos.includes(vals)
+  } else if (Array.isArray(vals)) {
+    return vals.some((val) => relaNos.includes(val))
+  }
+}
+
+export function hasG(vals, clt) {
+  let relaNos = []
+  if (clt) {
+    relaNos = getCltRela(clt)
+  } else {
+    relaNos = getRela().relaNosGlobal
+  }
+  if (typeof vals === 'string') {
+    return relaNos.includes(vals)
+  } else if (Array.isArray(vals)) {
+    return vals.some((val) => relaNos.includes(val))
+  }
+}
+
+const directive = {}
+directive.install = (Vue) => {
+  Vue.prototype.$has = has
+
+  Vue.filter('isHas', has)
+
+  Vue.filter('noHas', (v, arg) => !has(v, arg))
+
+  Vue.directive('has', {
+    inserted(el, binding) {
+      !has(binding.value, binding.arg) && el.parentNode.removeChild(el)
+    }
+  })
+  // 全局查找
+  Vue.prototype.$hasG = hasG
+
+  Vue.filter('isHasG', hasG)
+
+  Vue.filter('noHasG', (v, arg) => !hasG(v, arg))
+
+  Vue.directive('hasG', {
+    inserted(el, binding) {
+      !hasG(binding.value, binding.arg) && el.parentNode.removeChild(el)
+    }
+  })
+}
+
+export default directive

package/src/directives/VMove/index.js

@@ -1,42 +1,42 @@
-const directive = {}
-
-directive.install = (Vue) => {
-  Vue.directive('move', {
-    bind(el, binding) {
-      var _this, pvrPageX, pvrPageY
-      var mousemoveThisMove = function(evt) {
-        var ev = evt || event
-        ev.stopPropagation()
-        ev.preventDefault()
-        _this.pageXc = ev.pageX - pvrPageX
-        _this.pageYc = ev.pageY - pvrPageY
-        if (_this.pageXc !== 0 || _this.pageYc !== 0) {
-          binding.value(_this, binding.arg)
-        }
-        pvrPageX = ev.pageX
-        pvrPageY = ev.pageY
-      }
-      var mouseupThisMove = function() {
-        document.removeEventListener('mousemove', mousemoveThisMove)
-        document.removeEventListener('mouseup', mouseupThisMove)
-      }
-      el.addEventListener('mousedown', function(evt) {
-        var ev = evt || event
-        this.pageXc = this.pageYc = 0
-        _this = this
-        pvrPageX = ev.pageX
-        pvrPageY = ev.pageY
-        document.addEventListener('mousemove', mousemoveThisMove)
-        document.addEventListener('mouseup', mouseupThisMove)
-      })
-    }
-    /*update() {
-      console.log('被绑定元素所在的模板更新时调用，而不论绑定值是否变化。通过比较更新前后的绑定值，可以忽略不必要的模板更新')
-    },
-    unbind() {
-      console.log('只调用一次， 指令与元素解绑时调用')
-    }*/
-  })
-}
-
-export default directive
+const directive = {}
+
+directive.install = (Vue) => {
+  Vue.directive('move', {
+    bind(el, binding) {
+      var _this, pvrPageX, pvrPageY
+      var mousemoveThisMove = function (evt) {
+        var ev = evt || event
+        ev.stopPropagation()
+        ev.preventDefault()
+        _this.pageXc = ev.pageX - pvrPageX
+        _this.pageYc = ev.pageY - pvrPageY
+        if (_this.pageXc !== 0 || _this.pageYc !== 0) {
+          binding.value(_this, binding.arg)
+        }
+        pvrPageX = ev.pageX
+        pvrPageY = ev.pageY
+      }
+      var mouseupThisMove = function () {
+        document.removeEventListener('mousemove', mousemoveThisMove)
+        document.removeEventListener('mouseup', mouseupThisMove)
+      }
+      el.addEventListener('mousedown', function (evt) {
+        var ev = evt || event
+        this.pageXc = this.pageYc = 0
+        _this = this
+        pvrPageX = ev.pageX
+        pvrPageY = ev.pageY
+        document.addEventListener('mousemove', mousemoveThisMove)
+        document.addEventListener('mouseup', mouseupThisMove)
+      })
+    }
+    /*update() {
+      console.log('被绑定元素所在的模板更新时调用，而不论绑定值是否变化。通过比较更新前后的绑定值，可以忽略不必要的模板更新')
+    },
+    unbind() {
+      console.log('只调用一次， 指令与元素解绑时调用')
+    }*/
+  })
+}
+
+export default directive