n20-common-lib 1.3.46 → 1.3.49

package/src/components/FileExportAsync/index.vue

@@ -1,191 +1,191 @@
-<template>
-  <div style="display: none">
-    <el-dialog
-      v-drag
-      :visible.sync="pgsV"
-      title="文件导出"
-      width="432px"
-      top="calc(50vh - 92px)"
-      append-to-body
-      :close-on-click-modal="false"
-      :close-on-press-escape="false"
-      :before-close="exportCancel"
-    >
-      <div class="flex-box m-b">
-        <span class="m-r">导出文件</span>
-        <span class="flex-item">{{ fileName }}</span>
-      </div>
-      <div class="flex-box m-b">
-        <span class="m-r">导出进度</span>
-        <el-progress
-          class="flex-item"
-          :percentage="pgsVal"
-          :status="pgsStatus"
-          style="margin-right: -10px"
-        />
-      </div>
-      <span slot="footer">
-        <el-button plain @click="exportCancel">取消</el-button>
-      </span>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import downloadBlob from '../../utils/downloadBlob'
-export default {
-  name: 'FileExportAsync',
-  props: {
-    fileName: {
-      type: String,
-      default: undefined
-    },
-    stepTime: {
-      type: Number,
-      default: 1000
-    },
-    waitTime: {
-      type: Number,
-      default: 5000
-    }
-  },
-  data() {
-    return {
-      pgsV: false,
-      pgsVal: 0,
-      status: undefined, //init progress success error
-      timer: undefined,
-
-      waitPopV: false,
-      waitTimer: undefined,
-      waitClass: ''
-    }
-  },
-  computed: {
-    pgsStatus() {
-      if (this.status === 'error') {
-        return 'exception'
-      } else {
-        return undefined
-      }
-    }
-  },
-  methods: {
-    export() {
-      clearTimeout(this.timer)
-      clearTimeout(this.waitTimer)
-
-      this.pgsVal = 0
-      this.status = 'init'
-      this.pgsV = true
-
-      this.waitClass = 'ex-waitime-' + Date.now()
-      this.waitPopV = false
-      this.waitPop()
-
-      this.exportReq()
-    },
-    // 导出请求
-    exportReq() {
-      this.status = 'progress'
-
-      this.$emit('export-req', this.exportPgs)
-    },
-    // 导出进度
-    exportPgs() {
-      if (this.status !== 'progress') return
-
-      this.$emit('export-pgs', (pgs, error) => {
-        if (error) {
-          this.status = 'error'
-          this.closeWaitPop()
-          console.error('导出失败')
-          return
-        }
-
-        if (pgs < 100) {
-          this.pgsVal = parseInt(pgs)
-          this.status = 'progress'
-
-          clearTimeout(this.timer)
-          this.timer = setTimeout(this.exportPgs, this.stepTime)
-        } else {
-          this.pgsVal = parseInt(pgs)
-          this.status = 'success'
-
-          this.exportRes()
-        }
-      })
-    },
-    // 导出响应
-    exportRes() {
-      this.$emit('export-res', (data, error) => {
-        clearTimeout(this.waitTimer)
-        if (error) {
-          this.status = 'error'
-          this.closeWaitPop()
-          console.error('导出失败')
-          return
-        }
-
-        this.status = 'success'
-        this.pgsVal = 100
-
-        this.closeWaitPop()
-        downloadBlob(data, this.fileName)
-        setTimeout(() => {
-          this.pgsV = false
-        }, 500)
-      })
-    },
-    // 导出取消
-    exportCancel() {
-      if (this.status === 'error') {
-        this.pgsV = false
-        return
-      }
-
-      this.$msgboxPor({
-        title: '确定取消',
-        message: '取消后，数据导出将中断，是否确定取消导出？',
-        type: 'warning',
-        customClass: 'question',
-        confirmButtonText: '确定',
-        cancelButtonText: '取消'
-      }).then(() => {
-        clearTimeout(this.timer)
-        this.pgsV = false
-        this.$emit('export-cancel')
-      })
-    },
-    // 时间太长提示
-    waitPop() {
-      clearTimeout(this.waitTimer)
-      this.waitTimer = setTimeout(() => {
-        if (!this.waitPopV) {
-          this.waitPopV = true
-          this.$msgboxPor({
-            title: '提示',
-            message: '您的数据导出时间可能会比较长，是否继续导出？',
-            type: 'warning',
-            customClass: `question ${this.waitClass}`,
-            confirmButtonText: '继续导出',
-            cancelButtonText: '取消'
-          }).catch(() => {
-            clearTimeout(this.timer)
-            this.pgsV = false
-            this.$emit('export-cancel')
-          })
-        }
-      }, this.waitTime)
-    },
-    closeWaitPop() {
-      clearTimeout(this.waitTimer)
-      let confirmBtn = document.querySelector(
-        `.${this.waitClass} .el-button--primary`
-      )
-      confirmBtn && confirmBtn.click()
-    }
-  }
-}
-</script>
+<template>
+  <div style="display: none">
+    <el-dialog
+      v-drag
+      :visible.sync="pgsV"
+      title="文件导出"
+      width="432px"
+      top="calc(50vh - 92px)"
+      append-to-body
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :before-close="exportCancel"
+    >
+      <div class="flex-box m-b">
+        <span class="m-r">导出文件</span>
+        <span class="flex-item">{{ fileName }}</span>
+      </div>
+      <div class="flex-box m-b">
+        <span class="m-r">导出进度</span>
+        <el-progress
+          class="flex-item"
+          :percentage="pgsVal"
+          :status="pgsStatus"
+          style="margin-right: -10px"
+        />
+      </div>
+      <span slot="footer">
+        <el-button plain @click="exportCancel">取消</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import downloadBlob from '../../utils/downloadBlob'
+export default {
+  name: 'FileExportAsync',
+  props: {
+    fileName: {
+      type: String,
+      default: undefined
+    },
+    stepTime: {
+      type: Number,
+      default: 1000
+    },
+    waitTime: {
+      type: Number,
+      default: 5000
+    }
+  },
+  data() {
+    return {
+      pgsV: false,
+      pgsVal: 0,
+      status: undefined, //init progress success error
+      timer: undefined,
+
+      waitPopV: false,
+      waitTimer: undefined,
+      waitClass: ''
+    }
+  },
+  computed: {
+    pgsStatus() {
+      if (this.status === 'error') {
+        return 'exception'
+      } else {
+        return undefined
+      }
+    }
+  },
+  methods: {
+    export() {
+      clearTimeout(this.timer)
+      clearTimeout(this.waitTimer)
+
+      this.pgsVal = 0
+      this.status = 'init'
+      this.pgsV = true
+
+      this.waitClass = 'ex-waitime-' + Date.now()
+      this.waitPopV = false
+      this.waitPop()
+
+      this.exportReq()
+    },
+    // 导出请求
+    exportReq() {
+      this.status = 'progress'
+
+      this.$emit('export-req', this.exportPgs)
+    },
+    // 导出进度
+    exportPgs() {
+      if (this.status !== 'progress') return
+
+      this.$emit('export-pgs', (pgs, error) => {
+        if (error) {
+          this.status = 'error'
+          this.closeWaitPop()
+          console.error('导出失败')
+          return
+        }
+
+        if (pgs < 100) {
+          this.pgsVal = parseInt(pgs)
+          this.status = 'progress'
+
+          clearTimeout(this.timer)
+          this.timer = setTimeout(this.exportPgs, this.stepTime)
+        } else {
+          this.pgsVal = parseInt(pgs)
+          this.status = 'success'
+
+          this.exportRes()
+        }
+      })
+    },
+    // 导出响应
+    exportRes() {
+      this.$emit('export-res', (data, error) => {
+        clearTimeout(this.waitTimer)
+        if (error) {
+          this.status = 'error'
+          this.closeWaitPop()
+          console.error('导出失败')
+          return
+        }
+
+        this.status = 'success'
+        this.pgsVal = 100
+
+        this.closeWaitPop()
+        downloadBlob(data, this.fileName)
+        setTimeout(() => {
+          this.pgsV = false
+        }, 500)
+      })
+    },
+    // 导出取消
+    exportCancel() {
+      if (this.status === 'error') {
+        this.pgsV = false
+        return
+      }
+
+      this.$msgboxPor({
+        title: '确定取消',
+        message: '取消后，数据导出将中断，是否确定取消导出？',
+        type: 'warning',
+        customClass: 'question',
+        confirmButtonText: '确定',
+        cancelButtonText: '取消'
+      }).then(() => {
+        clearTimeout(this.timer)
+        this.pgsV = false
+        this.$emit('export-cancel')
+      })
+    },
+    // 时间太长提示
+    waitPop() {
+      clearTimeout(this.waitTimer)
+      this.waitTimer = setTimeout(() => {
+        if (!this.waitPopV) {
+          this.waitPopV = true
+          this.$msgboxPor({
+            title: '提示',
+            message: '您的数据导出时间可能会比较长，是否继续导出？',
+            type: 'warning',
+            customClass: `question ${this.waitClass}`,
+            confirmButtonText: '继续导出',
+            cancelButtonText: '取消'
+          }).catch(() => {
+            clearTimeout(this.timer)
+            this.pgsV = false
+            this.$emit('export-cancel')
+          })
+        }
+      }, this.waitTime)
+    },
+    closeWaitPop() {
+      clearTimeout(this.waitTimer)
+      let confirmBtn = document.querySelector(
+        `.${this.waitClass} .el-button--primary`
+      )
+      confirmBtn && confirmBtn.click()
+    }
+  }
+}
+</script>

package/src/components/FileImport/index.vue

@@ -1,108 +1,108 @@
-<template>
-  <el-dropdown trigger="click" placement="bottom-start" @command="commandFn">
-    <el-button size="mini" type="primary">导入</el-button>
-    <el-dropdown-menu slot="dropdown">
-      <el-dropdown-item command="import">导入数据</el-dropdown-item>
-      <el-dropdown-item command="down">模板下载</el-dropdown-item>
-    </el-dropdown-menu>
-    <div style="display: none">
-      <cl-upload
-        v-if="!uploadHttpRequest"
-        v-bind="uploadProps"
-        :validate-result="validateResult"
-      >
-        <span ref="upload-trigger" slot="trigger">upload</span>
-      </cl-upload>
-      <uploadMsg
-        v-else
-        title="导入文件"
-        :visible.sync="errorV"
-        :validate-result="validateResult"
-        :hide-percent="true"
-      />
-    </div>
-  </el-dropdown>
-</template>
-
-<script>
-import axios from '../../utils/axios'
-import downloadBlob from '../../utils/downloadBlob'
-import uploadMsg from '../Upload/uploadMsg.vue'
-export default {
-  name: 'FileImport',
-  components: { uploadMsg },
-  props: {
-    templateUrl: {
-      type: String,
-      default: ''
-    },
-    fileName: {
-      type: String,
-      default: '下载.xlsx'
-    },
-    uploadHttpRequest: {
-      type: Function,
-      default: undefined
-    },
-    validateResult: {
-      type: Object,
-      default: undefined
-    },
-    validateDialog: {
-      type: Boolean,
-      default: false
-    },
-    uploadProps: {
-      type: Object,
-      default: undefined
-    },
-    uploadOn: {
-      type: Object,
-      default: undefined
-    }
-  },
-  data() {
-    return {
-      errorV: false
-    }
-  },
-  watch: {
-    validateDialog(val) {
-      this.errorV = val
-    }
-  },
-  methods: {
-    commandFn(val) {
-      val === 'import' && this.importFn()
-      val === 'down' && this.downFn()
-    },
-    importFn() {
-      this.$emit('update:validateResult', undefined)
-
-      if (!this.uploadHttpRequest) {
-        this.$refs['upload-trigger'].click()
-        return
-      }
-      let input = document.createElement('input')
-      input.type = 'file'
-      input.accept = '.xlsx,.xls,.csv'
-
-      input.addEventListener('change', (event) => {
-        this.uploadHttpRequest && this.uploadHttpRequest(event.target.files[0])
-      })
-
-      input.click()
-      this.$nextTick(() => {
-        input = undefined
-      })
-    },
-    downFn() {
-      axios
-        .get(this.templateUrl, null, { responseType: 'blob' })
-        .then((blob) => {
-          downloadBlob(blob, this.fileName)
-        })
-    }
-  }
-}
-</script>
+<template>
+  <el-dropdown trigger="click" placement="bottom-start" @command="commandFn">
+    <el-button size="mini" type="primary">导入</el-button>
+    <el-dropdown-menu slot="dropdown">
+      <el-dropdown-item command="import">导入数据</el-dropdown-item>
+      <el-dropdown-item command="down">模板下载</el-dropdown-item>
+    </el-dropdown-menu>
+    <div style="display: none">
+      <cl-upload
+        v-if="!uploadHttpRequest"
+        v-bind="uploadProps"
+        :validate-result="validateResult"
+      >
+        <span ref="upload-trigger" slot="trigger">upload</span>
+      </cl-upload>
+      <uploadMsg
+        v-else
+        title="导入文件"
+        :visible.sync="errorV"
+        :validate-result="validateResult"
+        :hide-percent="true"
+      />
+    </div>
+  </el-dropdown>
+</template>
+
+<script>
+import axios from '../../utils/axios'
+import downloadBlob from '../../utils/downloadBlob'
+import uploadMsg from '../Upload/uploadMsg.vue'
+export default {
+  name: 'FileImport',
+  components: { uploadMsg },
+  props: {
+    templateUrl: {
+      type: String,
+      default: ''
+    },
+    fileName: {
+      type: String,
+      default: '下载.xlsx'
+    },
+    uploadHttpRequest: {
+      type: Function,
+      default: undefined
+    },
+    validateResult: {
+      type: Object,
+      default: undefined
+    },
+    validateDialog: {
+      type: Boolean,
+      default: false
+    },
+    uploadProps: {
+      type: Object,
+      default: undefined
+    },
+    uploadOn: {
+      type: Object,
+      default: undefined
+    }
+  },
+  data() {
+    return {
+      errorV: false
+    }
+  },
+  watch: {
+    validateDialog(val) {
+      this.errorV = val
+    }
+  },
+  methods: {
+    commandFn(val) {
+      val === 'import' && this.importFn()
+      val === 'down' && this.downFn()
+    },
+    importFn() {
+      this.$emit('update:validateResult', undefined)
+
+      if (!this.uploadHttpRequest) {
+        this.$refs['upload-trigger'].click()
+        return
+      }
+      let input = document.createElement('input')
+      input.type = 'file'
+      input.accept = '.xlsx,.xls,.csv'
+
+      input.addEventListener('change', (event) => {
+        this.uploadHttpRequest && this.uploadHttpRequest(event.target.files[0])
+      })
+
+      input.click()
+      this.$nextTick(() => {
+        input = undefined
+      })
+    },
+    downFn() {
+      axios
+        .get(this.templateUrl, null, { responseType: 'blob' })
+        .then((blob) => {
+          downloadBlob(blob, this.fileName)
+        })
+    }
+  }
+}
+</script>