shijiplus-web-plugin 0.1.34 → 0.1.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shijiplus-web-plugin",
-  "version": "0.1.34",
+  "version": "0.1.36",
   "files": [
     "src"
   ],

package/src/components/plus-comp/index.js

@@ -1,4 +1,4 @@
-const compFiles = ['plus-tag', 'plus-icon', 'plus-city-cascader', 'plus-count-down', 'plus-city-cascader', 'plus-common-header', 'plus-poptip', 'plus-qr-code', 'plus-drawer', 'plus-tabs', 'plus-remote-selector', 'plus-select', 'plus-form', 'plus-scrollview', 'plus-table', 'plus-modal', 'plus-card', 'permission-component']
+const compFiles = ['plus-input', 'plus-tag', 'plus-table-v2', 'plus-icon', 'plus-city-cascader', 'plus-count-down', 'plus-city-cascader', 'plus-common-header', 'plus-poptip', 'plus-qr-code', 'plus-drawer', 'plus-tabs', 'plus-remote-selector', 'plus-select', 'plus-form', 'plus-scrollview', 'plus-table', 'plus-modal', 'plus-card', 'permission-component']
 
 const install = (vue, opts = {}) => {
   console.log('--------install---plus-comp----------')

package/src/components/plus-comp/plus-input/plus-input.vue

@@ -0,0 +1,76 @@
+<template>
+  <div :class="`plus-input i-flex-wrap nowrap ${type}`">
+    <Input
+      v-model="mValue"
+      :type="type"
+      :rows="mRows"
+      :autosize="mAutosize"
+      :placeholder="placeholder"
+      :maxlength="maxlength"
+    />
+    <span class="counter">{{ (mValue || '').length }}/{{ maxlength }}</span>
+  </div>
+</template>
+<script>
+export default {
+  model: {
+    prop: 'value',
+    event: 'input'
+  },
+  props: {
+    value: [Number, String],
+    placeholder: String,
+    type: {
+      type: String,
+      default: 'text'
+    },
+    maxlength: {
+      type: Number,
+      default: null
+    }
+  },
+  watch: {
+    type: {
+      handler(val) {
+        if (val == 'textarea') {
+          this.mRows = 3
+        }
+      },
+      immediate: true
+    },
+    value: {
+      handler(val) {
+        this.mValue = val
+      },
+      immediate: true
+    },
+    mValue: {
+      handler(nVal) {
+        this.$emit('input', nVal)
+      },
+      immediate: true,
+      deep: true
+    }
+  },
+  data() {
+    return {
+      mValue: null,
+      mRows: 2,
+      mAutosize: { minRows: 2, maxRows: 6 }
+    }
+  },
+  methods: {}
+}
+</script>
+<style lang="less" scoped>
+.plus-input {
+  .counter {
+    font-size: 12px;
+  }
+  &.textarea {
+    .counter {
+      margin-top: auto;
+    }
+  }
+}
+</style>

package/src/components/plus-comp/plus-table-v2/export-mixin.js

@@ -0,0 +1,78 @@
+import PlusCircleProgressModal from './plus-circle-progress-modal.vue'
+export default {
+  data() {
+    return {
+      totalCount: 0,
+      orderExportModalPercent: 0,
+      orderExportPageSize: 100
+    }
+  },
+  methods: {
+    invokeExportExcel(searchForm, apiFunction) {
+      const checkExportDataTotal = (searchForm) => {
+        return apiFunction({
+          ...searchForm,
+          pageNo: 1,
+          currentPage: 1,
+          pageSize: 1
+        })
+          .then((res) => {
+            if (res && res.meta) {
+              this.totalCount = res.meta.totalCount
+            } else {
+              this.totalCount = (res.data || []).length
+            }
+          })
+      }
+      let exportData = []
+      const excelExportFun = (pageNo, pageSize, processUpdate) => {
+        return apiFunction({
+          ...searchForm,
+          currentPage: pageNo,
+          pageNo: pageNo,
+          pageSize: pageSize
+        }).then((res) => {
+          if (res && res.data) {
+            exportData.push(...res.data)
+          }
+          this.orderExportModalPercent = (exportData.length / (this.totalCount || 1) * 100).toFixed(2)
+          if (processUpdate) {
+            processUpdate(this.orderExportModalPercent)
+          }
+          if (exportData.length < this.totalCount) {
+            return excelExportFun(pageNo + 1, pageSize, processUpdate)
+          }
+          return exportData
+        }).catch((error) => {
+          console.log('--------error---------', error)
+          throw Error('导出失败')
+        })
+      }
+      return checkExportDataTotal(searchForm).then((res) => {
+        if (this.totalCount === 0) {
+          // 宏任务最后执行
+          setTimeout(() => {
+            this.$Message.error('暂无数据,请搜索后重试', 3)
+          }, 0)
+          return
+        }
+        const instance = this.$getComponentInstance(PlusCircleProgressModal)
+        instance.$on('on-close', (e) => {
+          setTimeout(() => {
+            this.$removeVComp(instance)
+          }, 500)
+        })
+        instance.show()
+        return excelExportFun(1, this.orderExportPageSize, (process) => {
+          instance.updatePercent(process)
+        }).catch(() => {
+          // 宏任务最后执行
+          setTimeout(() => {
+            this.$Message.error('导出失败', 3)
+            this.$removeVComp(instance)
+          }, 0)
+        })
+      })
+    }
+  }
+}

package/src/components/plus-comp/plus-table-v2/plus-circle-progress-modal.vue

@@ -0,0 +1,54 @@
+<template>
+  <PlusModal
+    :props="modalProps"
+    :closable="false"
+    @on-close="handlerClose"
+    width="500px"
+  >
+    <div class="i-flex-wrap justify-center align-center" style="height: 200px">
+      <i-circle :strokeColor="'var(--primary-color)'" :percent="percent">
+        <p class="sub-text">正在导出...</p>
+        <p
+          class="primary-title"
+          style="margin-top: 6px; color: var(--primary-color)"
+        >
+          {{ percent }}%
+        </p>
+      </i-circle>
+    </div>
+    <div slot="footer"></div>
+  </PlusModal>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      modalProps: {
+        show: false
+      },
+      percent: 0
+    }
+  },
+  methods: {
+    updatePercent(value) {
+      this.percent = Number(value)
+      if (this.percent >= 100) {
+        setTimeout(() => {
+          this.handlerClose()
+        }, 800)
+      }
+    },
+    handlerClose() {
+      this.modalProps.show = false
+      this.$emit('on-close')
+    },
+    show() {
+      this.percent = 0
+      this.modalProps.show = true
+    },
+    hide() {}
+  }
+}
+</script>
+<style lang="less" scoped>
+</style>