n20-common-lib 1.3.35 → 1.3.38

package/src/components/DatePicker/index.vue

@@ -7,6 +7,7 @@
     :value="value"
     :clearable="clearable"
     v-on="$listeners"
+    @change="changeFn"
   />
 </template>
 
@@ -22,6 +23,11 @@ export default {
       type: Boolean,
       default: true
     }
+  },
+  methods: {
+    changeFn(val) {
+      this.$emit('change', val)
+    }
   }
 }
 </script>

package/src/components/DatePicker/por.vue

@@ -159,8 +159,10 @@ export default {
         if (this.type === 'daterange' || this.type === 'monthrange') {
           this.$emit('update:start-date', val ? val[0] : null)
           this.$emit('update:end-date', val ? val[1] : null)
+          this.$emit('change', val)
         } else {
           this.$emit('input', val)
+          this.$emit('change', val)
         }
       }
     }

package/src/components/ECharts/index.vue

@@ -165,4 +165,3 @@ export default {
   }
 }
 </script>
-

package/src/components/FileImport/_index.vue

@@ -1,201 +1,9 @@
 <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)
-          }
-        })
-      }
-    }
-  }
+  name: 'FileImport'
 }
 </script>

package/src/components/FileImport/index.vue

@@ -1,9 +1,181 @@
 <template>
-  <div>待完善</div>
+  <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'
+  name: 'FileImport',
+  props: {
+    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: () => {}
+    }
+  },
+  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/Filters/indexO.vue

@@ -1,19 +1,22 @@
 <template>
   <el-popover
+    v-model="showPop"
     :width="width"
     placement="bottom-end"
     title="筛选"
-    v-model="showPop"
-    @after-leave="
-      showMore = false
-    "
     trigger="manual"
+    @after-leave="showMore = false"
   >
     <span slot="reference">
-      <el-button  @click="clickBtn" icon="n20-icon-iconfontshaixuan" plain onlyicon size="mini"
+      <el-button
+        icon="n20-icon-iconfontshaixuan"
+        plain
+        onlyicon
+        size="mini"
+        @click="clickBtn"
     /></span>
 
-    <div class="n20-filter p-a-s" v-click-outside="clickOut">
+    <div v-click-outside="clickOut" class="n20-filter p-a-s">
       <slot></slot>
       <el-button
         v-if="$slots.more"
@@ -67,7 +70,7 @@ export default {
   data() {
     return {
       showMore: false,
-      showPop:false
+      showPop: false
     }
   },
   mounted() {},
@@ -89,10 +92,10 @@ export default {
     clickOut() {
       let elPoppers = []
       document
-          .querySelectorAll('.el-popper,.el-dialog__wrapper')
-          .forEach((e) => {
-            e.style.display !== 'none' && elPoppers.push(e)
-          })
+        .querySelectorAll('.el-popper,.el-dialog__wrapper')
+        .forEach((e) => {
+          e.style.display !== 'none' && elPoppers.push(e)
+        })
 
       if (elPoppers.length <= 1) {
         this.showPop = false
@@ -101,4 +104,3 @@ export default {
   }
 }
 </script>
-

package/src/components/FlowStep/index.vue

@@ -1,63 +1,86 @@
 <template>
-   <div class="n20-steps-area">
+  <div class="n20-steps-area">
     <div class="n20-steps">
-     <div
-        :class="['n20-steps-item',
-      { 'finished': current > n,
-       'process': current === n && n !== totalSteps,
-       'last-process': current === totalSteps && n === totalSteps,
-       'middle-wait': current < n && n !== totalSteps,
-       'last-wait': current < n && n === totalSteps,
-      }
-     ]"
+      <div
         v-for="n in totalSteps"
         :key="n"
-        @click="onChange(n)">
-      <div class="n20-steps-icon">
-       <span :class="['n20-u-icon',{'n20-icon-danxuankuang-yixuanzhong': current === n && n !== totalSteps||  current === totalSteps && n === totalSteps},]" v-if="current<=n"></span>
-       <span class="n20-u-icon n20-icon-fankui-chenggongkongxin" v-else></span>
-      </div>
-      <div class="n20-steps-content">
-       <div class="n20-steps-title">{{ stepsLabel[n-1] || 'S ' + n }}</div>
-       <div class="n20-steps-description">{{ stepsDesc[n-1] || 'Desc ' + n }}</div>
+        :class="[
+          'n20-steps-item',
+          {
+            finished: current > n,
+            process: current === n && n !== totalSteps,
+            'last-process': current === totalSteps && n === totalSteps,
+            'middle-wait': current < n && n !== totalSteps,
+            'last-wait': current < n && n === totalSteps
+          }
+        ]"
+        @click="onChange(n)"
+      >
+        <div class="n20-steps-icon">
+          <span
+            v-if="current <= n"
+            :class="[
+              'n20-u-icon',
+              {
+                'n20-icon-danxuankuang-yixuanzhong':
+                  (current === n && n !== totalSteps) ||
+                  (current === totalSteps && n === totalSteps)
+              }
+            ]"
+          ></span>
+          <span
+            v-else
+            class="n20-u-icon n20-icon-fankui-chenggongkongxin"
+          ></span>
+        </div>
+        <div class="n20-steps-content">
+          <div class="n20-steps-title">{{ stepsLabel[n - 1] || 'S ' + n }}</div>
+          <div class="n20-steps-description">
+            {{ stepsDesc[n - 1] || 'Desc ' + n }}
+          </div>
+        </div>
       </div>
-     </div>
     </div>
-   </div>
+  </div>
 </template>
 <script>
 export default {
   name: 'FlowStep',
   props: {
-    stepsLabel: { // 步骤title数组
+    stepsLabel: {
+      // 步骤title数组
       type: Array,
       default: () => {
         return []
       }
     },
-    stepsDesc: { // 步骤description数组
+    stepsDesc: {
+      // 步骤description数组
       type: Array,
       default: () => {
         return []
       }
     },
-    totalSteps: { // 总的步骤数
+    totalSteps: {
+      // 总的步骤数
       type: Number,
       default: 3
     },
-    currentStep: { // 当前选中的步骤
+    currentStep: {
+      // 当前选中的步骤
       type: Number,
       default: 1
     }
   },
-  data () {
+  data() {
     return {
       // 若当前选中步骤超过总步骤数，则默认选择步骤1
       current: this.currentStep > this.totalSteps ? 1 : this.currentStep
     }
   },
   methods: {
-    onChange (index) { // 点击切换选择步骤
+    onChange(index) {
+      // 点击切换选择步骤
       console.log('index:', index)
       if (this.current !== index) {
         this.current = index
@@ -66,4 +89,4 @@ export default {
     }
   }
 }
-</script>
+</script>

package/src/components/InputNumber/index.vue

@@ -129,10 +129,13 @@ export default {
     },
     blurFn() {
       this.showStr = true
+      this.$emit('blur', this.value)
     },
     changeFn(val) {
       if (!val && val !== 0) {
-        return this.$emit('input', val)
+        this.$emit('input', val)
+        this.$emit('change', val)
+        return
       }
 
       switch (this.type) {
@@ -148,6 +151,7 @@ export default {
             this.$nextTick(() => {
               this.valueNum = nVar
               this.$emit('input', nVar)
+              this.$emit('change', nVar)
             })
           }
           break
@@ -162,6 +166,7 @@ export default {
             this.$nextTick(() => {
               this.valueNum = nVar
               this.$emit('input', nVar)
+              this.$emit('change', nVar)
             })
           }
           break

package/src/components/InputNumber/numberRange.vue

@@ -6,7 +6,8 @@
       :max="endValue || endValue === 0 ? endValue : $attrs.max"
       :type="type"
       style="width: calc(50% - 8px)"
-      @input="(val) => $emit('update:start-value', val)"
+      @input="startChange"
+      @blur="blurFn"
     />
     <span class="numbre-range text-c" style="display: inline-block; width: 16px"
       >-</span
@@ -17,7 +18,8 @@
       :min="startValue || startValue === 0 ? startValue : $attrs.min"
       :type="type"
       style="width: calc(50% - 8px)"
-      @input="(val) => $emit('update:end-value', val)"
+      @input="endChange"
+      @blur="blurFn"
     />
   </div>
 </template>
@@ -42,6 +44,19 @@ export default {
       type: String,
       default: 'money'
     }
+  },
+  methods: {
+    startChange(val) {
+      this.$emit('update:start-value', val)
+      this.$emit('change', [this.startValue, this.endValue])
+    },
+    endChange(val) {
+      this.$emit('update:end-value', val)
+      this.$emit('change', [this.startValue, this.endValue])
+    },
+    blurFn() {
+      this.$emit('blur', [this.startValue, this.endValue])
+    }
   }
 }
 </script>