three-trees-ui 1.0.73 → 1.0.74

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "three-trees-ui",
-  "version": "1.0.73",
+  "version": "1.0.74",
   "publicPath": "/ui",
   "author": "hotent",
   "private": false,

package/packages/Global/src/GlobalQuery.vue

@@ -5,7 +5,6 @@
 <script>
   import utils from '@/utils.js'
   import CustomQuery from '@/services/CustomQuery.js'
-  import _ from 'lodash'
 
   export default {
     name: 'HtGlobalQuery',
@@ -48,7 +47,7 @@
                 //主表
                 _this.formInst.$watch(
                   item.triggerField,
-                  _.debounce(function (newVal, oldVal) {
+                  function(newVal, oldVal) {
                     if (
                       (newVal != '' || oldVal != undefined) &&
                       newVal !== oldVal
@@ -60,7 +59,8 @@
                         null
                       )
                     }
-                  }, 500)
+                  }
+                  // { immediate: true }
                 )
               } else {
                 //子表
@@ -83,7 +83,7 @@
 
                 _this.formInst.$watch(
                   'data.' + item.subPath,
-                  _.debounce(function (newVal) {
+                  function(newVal) {
                     let myOldVal = _this.subOldValueMap[item.subPath]
                     _this.subQueryConfig
                       .filter((i) => {
@@ -151,7 +151,7 @@
                           )
                         }
                       })
-                  }, 500),
+                  },
                   { deep: true }
                 )
               }

package/packages/Subtable/src/SubExportDialog.vue

@@ -35,6 +35,16 @@
         type: String,
         default: '子表数据',
       },
+      exportMaxRow: {
+        type: [String, Number],
+      },
+      exportField: {
+        // 禁止导出的字段集合
+        type: String,
+      },
+      exportFieldTransformData: {
+        type: String,
+      },
     },
     computed: {
       columns: function() {
@@ -47,6 +57,46 @@
       }
     },
     methods: {
+      async sqlChange(config, value = '') {
+        return new Promise((resolve) => {
+          let sqlStr = config.relevancyValue
+            ? config.relevancyValue.replace(/{val}/g, value)
+            : ''
+          sqlStr = sqlStr ? sqlStr.replace(/\n/g, '') : ''
+          let params = {
+            dsName: config.dataSource,
+            sql: sqlStr,
+          }
+          this.$requestConfig.getValueBySql(params).then((res) => {
+            resolve(res)
+          })
+        })
+      },
+      transformFieldData(data) {
+        return new Promise(async (resolve) => {
+          let fieldTransformData = JSON.parse(
+            decode(this.exportFieldTransformData)
+          )
+          for (let i = 0; i < data.length; i++) {
+            for (let j = 0; j < fieldTransformData.length; j++) {
+              if (fieldTransformData[j].relevancyType == 'value') {
+                data[i][fieldTransformData[j].field] =
+                  fieldTransformData[j].relevancyValue
+              } else {
+                // 动态时 请求接口修改数据
+                let result = await this.sqlChange(
+                  fieldTransformData[j],
+                  data[i][fieldTransformData[j].field]
+                )
+                if (result) {
+                  data[i][fieldTransformData[j].field] = result
+                }
+              }
+            }
+          }
+          resolve(data)
+        })
+      },
       // 配置的数据字典 导出时翻译为汉字
       changeDictionary(data) {
         return new Promise(async (resolve, reject) => {
@@ -76,10 +126,18 @@
       },
       changeRowKey(rows) {
         var exportData = []
+        let exportFieldArr = null
+        if (this.exportField) {
+          exportFieldArr = this.exportField.split(',')
+        }
         rows.forEach((row) => {
           var exportRow = {}
           this.columns.forEach((col) => {
-            if (col.ctrlType != 'suntable') {
+            if (
+              col.ctrlType != 'suntable' &&
+              (!exportFieldArr ||
+                (exportFieldArr && !exportFieldArr.includes(col.name)))
+            ) {
               exportRow[col.desc] = row[col.name]
             }
           })
@@ -87,6 +145,25 @@
         })
         return exportData
       },
+      getConfirmValue(rows, count) {
+        return new Promise((resolve) => {
+          this.$confirm(
+            `导出数据量超出导出限制【${count}】，将导出${count}条，是否继续?`,
+            '提示',
+            {
+              confirmButtonText: '确定',
+              cancelButtonText: '取消',
+              type: 'warning',
+            }
+          )
+            .then(() => {
+              resolve(rows.slice(0, count))
+            })
+            .catch(() => {
+              resolve(false)
+            })
+        })
+      },
       handleCommand(type) {
         const pInst = utils.getOnlineFormInstance(this)
         SubPagination.exportData(
@@ -97,6 +174,20 @@
         )
           .then(async (data) => {
             data = JSON.parse(JSON.stringify(data))
+            if (this.exportMaxRow && Number(this.exportMaxRow) < data.length) {
+              let result = await this.getConfirmValue(
+                data,
+                Number(this.exportMaxRow)
+              )
+              if (result === false) {
+                return
+              }
+              data = result
+            }
+
+            if (this.exportFieldTransformData) {
+              data = await this.transformFieldData(data)
+            }
             // 导出时 字典转换
             await this.changeDictionary(data)
             let exportData = this.changeRowKey(data)

package/packages/Subtable/src/SubImportDialog.vue

@@ -102,6 +102,45 @@
         type: String,
         required: true,
       },
+      importMaxRow: {
+        type: [String, Number],
+        default: null,
+      },
+      templateType: {
+        // 导入模板类型 default 系统默认 custom 自定义
+        type: String,
+        default: 'default',
+      },
+      customTemplate: {
+        // 自定义的导入模板文件
+        type: String,
+        default: '',
+      },
+      importTransform: {
+        // 是否有转换字段
+        type: String,
+        default: '0',
+      },
+      importModes: {
+        // 导入模式选项显示
+        type: String,
+        default: 'append,override,merge',
+      },
+      fieldTransformData: {
+        // 转换字段配置
+        type: String,
+        default: '',
+      },
+      conditionRule: {
+        // 条件模式配置
+        type: String,
+        default: '',
+      },
+      conditionType: {
+        // 条件模式配置
+        type: String,
+        default: 'cover',
+      },
     },
     data() {
       return {
@@ -110,11 +149,6 @@
         showRowData: false,
         mergeFunc: null,
         mode: 'append',
-        modeOptions: [
-          { mode: 'append', desc: '追加导入' },
-          { mode: 'override', desc: '覆盖导入' },
-          { mode: 'merge', desc: '合并导入', disabled: true },
-        ],
         cacheDicData: {}, // 缓存字典数据
       }
     },
@@ -122,6 +156,30 @@
       columns: function() {
         return eval(decode(this.dataColumns))
       },
+      modeOptions() {
+        let options = [
+          { mode: 'append', desc: '追加导入' },
+          { mode: 'override', desc: '覆盖导入' },
+          { mode: 'merge', desc: '合并导入' },
+          { mode: 'condition', desc: '条件导入' },
+        ]
+        return options.filter((k) => {
+          return this.importModes.includes(k.mode)
+        })
+      },
+      conditionConfig() {
+        let config = {}
+        if (this.conditionRule) {
+          config = JSON.parse(decode(this.conditionRule))
+          config.conditionArr.forEach((k) => {
+            k.exportField = this.getNameByDesc(k.exportField)
+          })
+        }
+        return {
+          conditionType: this.conditionType,
+          ...config,
+        }
+      },
     },
     watch: {
       dialogVisible: {
@@ -139,7 +197,7 @@
         handler: function(newVal) {
           if (newVal) {
             // 如果有导入合并的代码，则允许选择合并导入模式
-            this.$set(this.modeOptions[2], 'disabled', false)
+            // this.$set(this.modeOptions[2], 'disabled', false)
             // 并设置默认为 合并导入
             this.mode = 'merge'
             // 解码合并的代码
@@ -156,6 +214,9 @@
       }
     },
     mounted() {
+      if (this.importModes) {
+        this.mode = this.importModes.split(',')[0]
+      }
       // 初始化导入时需要的参数
       const pInst = utils.getOnlineFormInstance(this)
       let formUid = pInst && pInst._uid ? pInst._uid : ''
@@ -170,10 +231,52 @@
         SubPagination._map.set(instKey, pInst)
       }
     },
-    // destroyed() {
-    //   SubPagination.clear(this.dataSubname, this)
-    // },
+    destroyed() {
+      SubPagination.clear(this.dataSubname, this)
+    },
     methods: {
+      transformFieldData(data) {
+        return new Promise(async (resolve) => {
+          if (this.importTransform === '0') {
+            resolve(data)
+            return
+          }
+          let fieldTransformData = JSON.parse(decode(this.fieldTransformData))
+          for (let i = 0; i < data.length; i++) {
+            for (let j = 0; j < fieldTransformData.length; j++) {
+              if (fieldTransformData[j].relevancyType == 'value') {
+                data[i][fieldTransformData[j].field] =
+                  fieldTransformData[j].relevancyValue
+              } else {
+                // 动态时 请求接口修改数据
+                let result = await this.sqlChange(
+                  fieldTransformData[j],
+                  data[i][fieldTransformData[j].field]
+                )
+                if (result) {
+                  data[i][fieldTransformData[j].field] = result
+                }
+              }
+            }
+          }
+          resolve(data)
+        })
+      },
+      async sqlChange(config, value = '') {
+        return new Promise((resolve) => {
+          let sqlStr = config.relevancyValue
+            ? config.relevancyValue.replace(/{val}/g, value)
+            : ''
+          sqlStr = sqlStr ? sqlStr.replace(/\n/g, '') : ''
+          let params = {
+            dsName: config.dataSource,
+            sql: sqlStr,
+          }
+          this.$requestConfig.getValueBySql(params).then((res) => {
+            resolve(res)
+          })
+        })
+      },
       changeDictionary(data) {
         return new Promise(async (resolve) => {
           for (let i = 0; i < data.length; i++) {
@@ -214,6 +317,28 @@
       },
       //子表模板导出
       exportFormSub() {
+        // 如果是自定义模板
+        if (this.templateType == 'custom' && this.customTemplate) {
+          let file = JSON.parse(decode(this.customTemplate))[0]
+          this.$requestConfig
+            .download(file.response.fileId)
+            .then(({ data, headers }) => {
+              if (data && headers) {
+                // 附件下载
+                const fileName = decodeURIComponent(
+                  headers['content-disposition']
+                    .split(';')[1]
+                    .split('filename=')[1]
+                )
+                const blob = new Blob([data])
+                saveAs(blob, fileName)
+              }
+            })
+            .catch((err) => {
+              this.$message.error(`附件下载失败：${err}`)
+            })
+          return
+        }
         let columns = this.columns.filter((item) => {
           return !(
             item.ctrlType &&
@@ -263,6 +388,7 @@
             let count = this.importRows.length
             if (count > maxRowInt && maxRowInt != 0) {
               this.$message.error('子表数据已超过最大行数【' + maxRowInt + '】')
+              this.$refs.selectFile.value = ''
               return
             }
           } else if (this.mode == 'append') {
@@ -290,13 +416,16 @@
             }
           }
         }
-        let importRows = await this.changeDictionary(this.importRows)
         const pInst = utils.getOnlineFormInstance(this.$parent.$parent)
+        let importRows = await this.changeDictionary(this.importRows)
+        // 导入如果有数据转换的此处做转换
+        importRows = await this.transformFieldData(importRows)
         SubPagination.importData(
           this.dataSubname,
           importRows,
           this.mode,
           this.mergeFunc,
+          this.conditionConfig,
           pInst
         )
           .then(() => {
@@ -304,6 +433,7 @@
             this.dialogVisible = false
           })
           .catch((err) => {
+            this.$refs.selectFile.value = ''
             this.$message.error(`数据导入失败：${err}`)
           })
       },
@@ -312,10 +442,43 @@
           return
         }
         this.importRows = []
-        this.readWorkbookFromLocalFile(m.target.files[0], (rows) => {
+        this.readWorkbookFromLocalFile(m.target.files[0], async (rows) => {
+          if (this.importMaxRow) {
+            let count = rows.length
+            if (count > parseInt(this.importMaxRow)) {
+              let result = await this.getConfirmValue(
+                rows,
+                parseInt(this.importMaxRow)
+              )
+              if (result === false) {
+                this.$refs.selectFile.value = ''
+                return
+              }
+              rows = result
+            }
+          }
           this.importRows = this.changeRowKey(rows)
         })
       },
+      getConfirmValue(rows, count) {
+        return new Promise((resolve) => {
+          this.$confirm(
+            `导入数据量已超过最大限制，将默认导入前【${count}】条，是否继续？`,
+            '提示',
+            {
+              confirmButtonText: '确定',
+              cancelButtonText: '取消',
+              type: 'warning',
+            }
+          )
+            .then(() => {
+              resolve(rows.slice(0, count))
+            })
+            .catch(() => {
+              resolve(false)
+            })
+        })
+      },
       // 读取本地excel文件
       readWorkbookFromLocalFile(file, callback) {
         const reader = new FileReader()

package/packages/Subtable/src/SubPagination.vue

@@ -106,9 +106,9 @@
     mounted() {
       this.paginationChange()
     },
-    // destroyed() {
-    //   SubPagination.clear(this.dataSubname, this)
-    // },
+    destroyed() {
+      SubPagination.clear(this.dataSubname, this)
+    },
     methods: {
       paginationChange() {
         // 分页变化时，以dataPath为key设置到公共的js对象中

package/src/directive/formulas.js

@@ -845,5 +845,5 @@ const Formulas = {
 Formulas.install = (Vue) => {
   Vue.prototype.$Formulas = Formulas
 }
-
+window.FormMath = Formulas
 export { formula, Formulas }