n20-common-lib 1.3.6 → 1.3.9

package/package.json

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

package/src/components/ApprovalRecord/flowDialog.vue

@@ -40,6 +40,11 @@ export default {
     return {
       imgV: false
     }
+  },
+  methods: {
+    close() {
+      this.imgV = false
+    }
   }
 }
 </script>

package/src/components/ChildRange/index.vue

@@ -4,30 +4,30 @@
       <div class="flex">
         <div class="from">
           <el-input
-              ref="input_left"
-              v-model="value1"
-              :disabled="disabled"
-              placeholder="子票区间起"
-              @blur="handleBlurleft"
-              @focus="handleFocusLeft"
-              @input="handleInputleft"
-              @change="handleInputChangeLeft"
-          ></el-input>
+            ref="input_left"
+            v-model="value1"
+            :disabled="disabled"
+            placeholder="子票区间起"
+            @blur="handleBlurleft"
+            @focus="handleFocusLeft"
+            @input="handleInputleft"
+            @change="handleInputChangeLeft"
+          />
         </div>
         <div class="center">
           <span> - </span>
         </div>
         <div class="to">
           <el-input
-              ref="input_right"
-              v-model="value2"
-              :disabled="disabled"
-              placeholder="子票区间止"
-              @blur="handleBlurRight"
-              @focus="handleFocusRight"
-              @input="handleInputRight"
-              @change="handleInputChangeRight"
-          ></el-input>
+            ref="input_right"
+            v-model="value2"
+            :disabled="disabled"
+            placeholder="子票区间止"
+            @blur="handleBlurRight"
+            @focus="handleFocusRight"
+            @input="handleInputRight"
+            @change="handleInputChangeRight"
+          />
         </div>
       </div>
     </div>
@@ -36,7 +36,7 @@
 
 <script>
 export default {
-  name: "ChildRange",
+  name: 'ChildRange',
   props: {
     // 初始化范围
     value: { required: true },
@@ -79,7 +79,7 @@ export default {
     toPrecision(num, precision) {
       if (precision === undefined) precision = 0
       return parseFloat(
-          Math.round(num * Math.pow(10, precision)) / Math.pow(10, precision)
+        Math.round(num * Math.pow(10, precision)) / Math.pow(10, precision)
       )
     },
 
@@ -122,9 +122,9 @@ export default {
       // 如果from > to 将from值替换成to
       if (typeof this.value2 === 'number') {
         this.value1 =
-            parseFloat(this.value1) <= parseFloat(this.value2)
-                ? this.value1
-                : this.value2
+          parseFloat(this.value1) <= parseFloat(this.value2)
+            ? this.value1
+            : this.value2
       }
       this.$emit('input', [this.value1, this.value2])
       this.$emit('changefrom', this.value1)
@@ -145,9 +145,9 @@ export default {
       // 如果to < tfrom 将to值替换成from
       if (typeof this.value1 === 'number') {
         this.value2 =
-            parseFloat(this.value2) >= parseFloat(this.value1)
-                ? this.value2
-                : this.value1
+          parseFloat(this.value2) >= parseFloat(this.value1)
+            ? this.value2
+            : this.value1
       }
       this.$emit('input', [this.value1, this.value2])
       this.$emit('changeright', this.value2)
@@ -165,8 +165,7 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
-
+<style lang="less" scoped>
 .input-child-range {
   background-color: #fff;
   border: 1px solid #dcdfe6;
@@ -199,4 +198,4 @@ export default {
   color: #c0c4cc;
   cursor: not-allowed;
 }
-</style>
+</style>

package/src/components/FileImport/_index.vue

@@ -0,0 +1,201 @@
+<template>
+  <el-dropdown
+    trigger="click"
+    placement="bottom-start"
+    @command="handleCommand"
+  >
+    <el-button size="mini" type="primary"> 导入 </el-button>
+    <el-dropdown-menu slot="dropdown">
+      <el-dropdown-item command="a">导入数据</el-dropdown-item>
+      <el-dropdown-item command="b">模板下载</el-dropdown-item>
+    </el-dropdown-menu>
+  </el-dropdown>
+</template>
+
+<script>
+import XLSX from 'xlsx'
+import axios from '../../utils/axios'
+export default {
+  name: 'FileImport',
+  props: {
+    title: {
+      type: String,
+      default: function () {
+        return '文件导入'
+      }
+    },
+    tips: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    templateUrl: {
+      type: String,
+      default: ''
+    },
+    downConfig: {
+      type: Object,
+      default() {
+        return {
+          isFrontDown: true,
+          fileName: '下载.xlsx'
+        }
+      }
+    },
+    footerHandlers: {
+      type: Object,
+      default: function () {
+        return {
+          // cancel: {
+          //   text: '取消'
+          // },
+          // confirm: {
+          //   text: '导入'
+          // }
+        }
+      }
+    },
+    beforeUpload: Function, // eslint-disable-line
+    callback: {
+      type: Function,
+      default: () => {}
+    },
+    handleConfirm: {
+      type: Function,
+      default: () => {}
+    },
+    reset: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      excelData: {
+        tableHeader: [],
+        tableData: []
+      },
+
+      analysisText: 'analysis',
+      fileName: '',
+      statisticsFlag: false,
+      columnsListTemp: [],
+      errorListTemp: [],
+      successFlag: false,
+      confirmDisabledFlag: true
+    }
+  },
+  methods: {
+    handleCommand(val) {
+      if (val == 'a') {
+        this.seletFile()
+      } else if (val == 'b') {
+        this.downloadTemplate()
+      }
+    },
+    seletFile() {
+      let input = document.createElement('input')
+      let self = this
+      input.type = 'file'
+      input.accept = '.xlsx, .xls, .csv'
+      input.addEventListener('change', function (event) {
+        const files = event.target.files
+        const rawFile = files[0] // only use files[0]
+        console.log('导入的文件:', rawFile)
+        self.fileName = rawFile.name
+        if (!rawFile) return
+        self.upload(rawFile)
+        this.value = null // fix can't select the same excel
+      })
+      input.click()
+    },
+    /* 上传文件  */
+    upload(rawFile) {
+      if (!this.beforeUpload) {
+        this.readerData(rawFile)
+        return
+      }
+      const before = this.beforeUpload(rawFile)
+      if (before) {
+        this.readerData(rawFile)
+      }
+    },
+    /*解析传入的表格 */
+    readerData(rawFile) {
+      return new Promise((resolve) => {
+        const reader = new FileReader()
+        reader.onload = (e) => {
+          const data = e.target.result
+          const workbook = XLSX.read(data, {
+            type: 'array',
+            cellDates: true
+          })
+          const firstSheetName = workbook.SheetNames[0]
+          const worksheet = workbook.Sheets[firstSheetName]
+          const header = this.getHeaderRow(worksheet)
+          const results = XLSX.utils.sheet_to_json(worksheet)
+
+          this.generateData({ header, results })
+          resolve()
+        }
+        reader.readAsArrayBuffer(rawFile)
+      })
+    },
+    generateData({ header, results }) {
+      this.excelData.tableHeader = header
+      this.excelData.tableData = results
+      this.callback && this.callback(this.excelData)
+    },
+    getHeaderRow(sheet) {
+      console.log(sheet)
+      const headers = []
+      const range = XLSX.utils.decode_range(sheet['!ref'])
+      let C
+      const R = range.s.r
+      /* start in the first row */
+      for (C = range.s.c; C <= range.e.c; ++C) {
+        /* walk every column in the range */
+        const cell = sheet[XLSX.utils.encode_cell({ c: C, r: R })]
+        /* find the cell in the first row */
+        let hdr = 'UNKNOWN ' + C // <-- replace with your desired default
+        if (cell && cell.t) hdr = XLSX.utils.format_cell(cell)
+        headers.push(hdr)
+      }
+      return headers
+    },
+    // 下载文件
+    downloadTemplate() {
+      // 前端下载
+      if (this.downConfig.isFrontDown) {
+        const aEl = document.createElement('a')
+        aEl.setAttribute('href', this.templateUrl)
+        aEl.target = '_blank'
+        // aEl.download = this.templateUrl
+        aEl.click()
+      } else {
+        axios({
+          url: this.templateUrl,
+          method: 'get',
+          responseType: 'blob'
+        }).then((res) => {
+          const content = res
+          const blob = new Blob([content])
+          if ('download' in document.createElement('a')) {
+            const link = document.createElement('a')
+            link.download = this.downConfig.fileName
+            link.style.display = 'none'
+            link.href = URL.createObjectURL(blob)
+            document.body.appendChild(link)
+            link.click()
+            URL.revokeObjectURL(link.href)
+            document.body.removeChild(link)
+          } else {
+            navigator.msSaveBlob(blob, this.downConfig.fileName)
+          }
+        })
+      }
+    }
+  }
+}
+</script>

package/src/components/FileImport/index.vue

@@ -1,201 +1,7 @@
 <template>
-  <el-dropdown
-    trigger="click"
-    placement="bottom-start"
-    @command="handleCommand"
-  >
-    <el-button size="mini" type="primary"> 导入 </el-button>
-    <el-dropdown-menu slot="dropdown">
-      <el-dropdown-item command="a">导入数据</el-dropdown-item>
-      <el-dropdown-item command="b">模板下载</el-dropdown-item>
-    </el-dropdown-menu>
-  </el-dropdown>
+  <div>待完善</div>
 </template>
 
 <script>
-import XLSX from 'xlsx'
-import axios from '../../utils/axios'
-export default {
-  name: 'FileImport',
-  props: {
-    title: {
-      type: String,
-      default: function () {
-        return '文件导入'
-      }
-    },
-    tips: {
-      type: Array,
-      default: () => {
-        return []
-      }
-    },
-    templateUrl: {
-      type: String,
-      default: ''
-    },
-    downConfig: {
-      type: Object,
-      default() {
-        return {
-          isFrontDown: true,
-          fileName: '下载.xlsx'
-        }
-      }
-    },
-    footerHandlers: {
-      type: Object,
-      default: function () {
-        return {
-          // cancel: {
-          //   text: '取消'
-          // },
-          // confirm: {
-          //   text: '导入'
-          // }
-        }
-      }
-    },
-    beforeUpload: Function, // eslint-disable-line
-    callback: {
-      type: Function,
-      default: () => {}
-    },
-    handleConfirm: {
-      type: Function,
-      default: () => {}
-    },
-    reset: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {
-      excelData: {
-        tableHeader: [],
-        tableData: []
-      },
-
-      analysisText: 'analysis',
-      fileName: '',
-      statisticsFlag: false,
-      columnsListTemp: [],
-      errorListTemp: [],
-      successFlag: false,
-      confirmDisabledFlag: true
-    }
-  },
-  methods: {
-    handleCommand(val) {
-      if (val == 'a') {
-        this.seletFile()
-      } else if (val == 'b') {
-        this.downloadTemplate()
-      }
-    },
-    seletFile() {
-      let input = document.createElement('input')
-      let self = this
-      input.type = 'file'
-      input.accept = '.xlsx, .xls, .csv'
-      input.addEventListener('change', function (event) {
-        const files = event.target.files
-        const rawFile = files[0] // only use files[0]
-        console.log('导入的文件:', rawFile)
-        self.fileName = rawFile.name
-        if (!rawFile) return
-        self.upload(rawFile)
-        this.value = null // fix can't select the same excel
-      })
-      input.click()
-    },
-    /* 上传文件  */
-    upload(rawFile) {
-      if (!this.beforeUpload) {
-        this.readerData(rawFile)
-        return
-      }
-      const before = this.beforeUpload(rawFile)
-      if (before) {
-        this.readerData(rawFile)
-      }
-    },
-    /*解析传入的表格 */
-    readerData(rawFile) {
-      return new Promise((resolve) => {
-        const reader = new FileReader()
-        reader.onload = (e) => {
-          const data = e.target.result
-          const workbook = XLSX.read(data, {
-            type: 'array',
-            cellDates: true
-          })
-          const firstSheetName = workbook.SheetNames[0]
-          const worksheet = workbook.Sheets[firstSheetName]
-          const header = this.getHeaderRow(worksheet)
-          const results = XLSX.utils.sheet_to_json(worksheet)
-
-          this.generateData({ header, results })
-          resolve()
-        }
-        reader.readAsArrayBuffer(rawFile)
-      })
-    },
-    generateData({ header, results }) {
-      this.excelData.tableHeader = header
-      this.excelData.tableData = results
-      this.callback && this.callback(this.excelData)
-    },
-    getHeaderRow(sheet) {
-      console.log(sheet)
-      const headers = []
-      const range = XLSX.utils.decode_range(sheet['!ref'])
-      let C
-      const R = range.s.r
-      /* start in the first row */
-      for (C = range.s.c; C <= range.e.c; ++C) {
-        /* walk every column in the range */
-        const cell = sheet[XLSX.utils.encode_cell({ c: C, r: R })]
-        /* find the cell in the first row */
-        let hdr = 'UNKNOWN ' + C // <-- replace with your desired default
-        if (cell && cell.t) hdr = XLSX.utils.format_cell(cell)
-        headers.push(hdr)
-      }
-      return headers
-    },
-    // 下载文件
-    downloadTemplate() {
-      // 前端下载
-      if (this.downConfig.isFrontDown) {
-        const aEl = document.createElement('a')
-        aEl.setAttribute('href', this.templateUrl)
-        aEl.target = '_blank'
-        // aEl.download = this.templateUrl
-        aEl.click()
-      } else {
-        axios({
-          url: this.templateUrl,
-          method: 'get',
-          responseType: 'blob'
-        }).then((res) => {
-          const content = res
-          const blob = new Blob([content])
-          if ('download' in document.createElement('a')) {
-            const link = document.createElement('a')
-            link.download = this.downConfig.fileName
-            link.style.display = 'none'
-            link.href = URL.createObjectURL(blob)
-            document.body.appendChild(link)
-            link.click()
-            URL.revokeObjectURL(link.href)
-            document.body.removeChild(link)
-          } else {
-            navigator.msSaveBlob(blob, this.downConfig.fileName)
-          }
-        })
-      }
-    }
-  }
-}
+export default {}
 </script>

package/src/components/PageHeader/index.vue

@@ -24,7 +24,7 @@ export default {
     },
     content: String,
     disable: {
-      type:Boolean,
+      type: Boolean,
       default: false
     },
     icon: {
@@ -32,23 +32,21 @@ export default {
       default: 'n20-icon-yuefenqiehuan-zuoce'
     }
   }
-};
+}
 </script>
 
-
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .page-header {
   display: flex;
   line-height: 20px;
   padding-bottom: 2px;
-  border-bottom: 1px solid rgba(0,0,0,0.10);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   .page-header__left {
     display: flex;
     align-items: center;
     cursor: pointer;
     margin-right: 16px;
     position: relative;
-
   }
   .page-header__left:hover {
     color: var(--color-primary);
@@ -57,7 +55,7 @@ export default {
     }
   }
   .page-header__left:after {
-    content: "";
+    content: '';
     position: absolute;
     width: 1px;
     height: 16px;
@@ -69,12 +67,12 @@ export default {
   .page-header__title {
     font-size: 14px;
     line-height: 20px;
-    color: #3D4A57;
+    color: #3d4a57;
   }
   .page-header__content {
     font-size: 14px;
     line-height: 20px;
-    color: #3D4A57;
+    color: #3d4a57;
   }
 }
-</style>
+</style>

package/src/components/Search/index.vue

@@ -496,7 +496,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="less">
 .n20-search__popper.el-popper[x-placement^='bottom'] {
   padding: 16px;
 }

package/src/components/Table/ThSelectHeader.vue

@@ -11,33 +11,38 @@
       class="input-w"
       @keyup.enter.native="handleSearch"
     >
-      <i slot="suffix" class="el-input__icon el-icon-search" @click="handleSearch"></i>
+      <i
+        slot="suffix"
+        class="el-input__icon el-icon-search"
+        @click="handleSearch"
+      ></i>
     </el-input>
 
-  <div class="flex-column m-t-14">
-    <el-checkbox
+    <div class="flex-column m-t-14">
+      <el-checkbox
         v-model="checkbox"
         :indeterminate="isIndeterminate"
         @change="checkboxChange"
         >{{ '全部' + '(' + this.thIndex.length + ')' }}</el-checkbox
       >
-    <el-checkbox-group
-      v-model="checkLists"
-      class="flex-column"
-      @change="handleCheckedCitiesChange"
-    >
-      <el-checkbox
-        v-for="item in checkList[property]"
-        :key="item"
-        class="m-t-s"
-        :label="item"
-      >{{ item + '(' + countNum(item) + ')' }}</el-checkbox>
-    </el-checkbox-group>
-  </div>
-  <div class="flex-box flex-c m-t-m">
-    <el-button type="primary" @click="confirm">确认</el-button>
-    <el-button plain @click="reset">清空</el-button>
-  </div>
+      <el-checkbox-group
+        v-model="checkLists"
+        class="flex-column"
+        @change="handleCheckedCitiesChange"
+      >
+        <el-checkbox
+          v-for="item in checkList[property]"
+          :key="item"
+          class="m-t-s"
+          :label="item"
+          >{{ item + '(' + countNum(item) + ')' }}</el-checkbox
+        >
+      </el-checkbox-group>
+    </div>
+    <div class="flex-box flex-c m-t-m">
+      <el-button type="primary" @click="confirm">确认</el-button>
+      <el-button plain @click="reset">清空</el-button>
+    </div>
     <i slot="reference" class="el-icon-arrow-down"></i>
   </el-popover>
 </template>
@@ -69,7 +74,7 @@ export default {
     return {
       value: '',
       checkLists: [],
-      list:[],
+      list: [],
       checkbox: false,
       isIndeterminate: true
     }
@@ -88,12 +93,11 @@ export default {
       if (!this.value) {
         this.checkList[this.property] = this.list
       } else {
-        this.checkList[this.property] = this.list.filter(v => {
+        this.checkList[this.property] = this.list.filter((v) => {
           return v.indexOf(this.value) !== -1
         })
       }
       this.$forceUpdate()
-
     },
     reset() {
       this.value = ''
@@ -123,7 +127,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="less">
 .table-header-popover.el-popover {
   padding: 16px;
 }

package/src/directives/VTitle/index.js

@@ -1,5 +1,3 @@
-import Tooltip from './tooltip.vue'
-
 let timer = undefined
 
 function tipShow(el, tip) {
@@ -9,15 +7,14 @@ function tipShow(el, tip) {
     let _el = _input || el
     if (!el.$tooltipTitleOverflow || _el.clientWidth < _el.scrollWidth) {
       tip.title = el.$tooltipTitle
+
       tip.$refs['title-pop'].referenceElm = el
       tip.$refs['title-pop'].doDestroy()
+
       tip.$nextTick(() => {
         tip.visible = true
         timer = setInterval(() => {
-          if (tip.visible && !el.scrollWidth) {
-            tipHide(el, tip)
-            clearInterval(timer)
-          }
+          if (tip.visible && !el.scrollWidth) tipHide(el, tip)
         }, 1000)
       })
     }
@@ -31,12 +28,34 @@ function tipHide(el, tip) {
 const TitleDirective = {}
 TitleDirective.install = (Vue) => {
   if (Vue.prototype.$isServer) return
-
-  const tooltip = new (Vue.extend(Tooltip))({
+  const tooltip = new Vue({
     el: document.createElement('div'),
-    data: {
-      title: '',
-      visible: false
+    data() {
+      return {
+        title: '',
+        visible: false
+      }
+    },
+    render(_h) {
+      var _vm = this
+      return _h(
+        'el-popover',
+        {
+          ref: 'title-pop',
+          attrs: {
+            value: _vm.visible,
+            trigger: 'manual',
+            'popper-class': 'n20-title-pop',
+            placement: 'top'
+          },
+          on: {
+            input(v) {
+              _vm.visible = v
+            }
+          }
+        },
+        [_vm.title]
+      )
     }
   })
   document.querySelector('body').appendChild(tooltip.$el)

package/src/utils/axios.js

@@ -96,7 +96,7 @@ function errorFn(status, msg, noMsg) {
   } else if (status >= 900) {
     noMsg || showMsg(msg)
   } else {
-    noMsg || showMsg(msg)
+    // noMsg || showMsg(msg)
   }
   throw { code: status, msg: msg }
 }

package/src/directives/VTitle/tooltip.vue

@@ -1,21 +0,0 @@
-<template>
-  <el-popover
-    ref="title-pop"
-    v-model="visible"
-    trigger="manual"
-    popper-class="n20-title-pop"
-    placement="top"
-    >{{ title }}</el-popover
-  >
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      title: '',
-      visible: false
-    }
-  }
-}
-</script>