three-trees-ui 1.0.61 → 1.0.62

package/src/mixins/templatePreview.js

@@ -10,6 +10,7 @@ const axios = require('axios')
 const { saveAs } = require('file-saver')
 import _ from 'lodash'
 import { decode } from '@/util/base64'
+import moment from 'moment'
 
 const req = function(url, data = {}, option = {}) {
   const requestData = {
@@ -41,6 +42,7 @@ export default {
   },
   data() {
     return {
+      defaultQuerys: [],
       treeQuerys: [],
       alias_new: 'statement',
       loading: false,
@@ -59,6 +61,8 @@ export default {
       displayFields: [],
       exportSellection: [],
       searchForm: {},
+      bindKey: {},
+      bindValue: {},
       queryForm: {
         queryData: '',
       },
@@ -113,6 +117,7 @@ export default {
         total: 1,
       },
       paginationLayout: 'total, sizes, prev, pager, next, jumper',
+      paginationLayoutWithoutTotal: 'sizes, prev, pager, next, jumper',
       total: 0,
       permission: {
         print: true,
@@ -222,6 +227,7 @@ export default {
         : 0.85 * window.innerHeight,
       needRequestTotal: false, // 需不需要后端统计列表全部数据
       tableDataTotal: {},
+      loadingTotal: false, // 统计按钮加载中
     }
   },
   watch: {
@@ -262,7 +268,7 @@ export default {
       immediate: true,
     },
     templateInfo: {
-      handler: function(newVal) {
+      handler: async function(newVal) {
         if (newVal && newVal.id) {
           let _me = this
           _me.templateInfo = newVal
@@ -335,7 +341,7 @@ export default {
             )
             params.pagination.querys = querys
           }
-          let defaultQuery = this.buildDefaultQuerys()
+          let defaultQuery = await this.newBuildDefaultQuerys()
           if (defaultQuery.length > 0) {
             if (params.pagination.querys) {
               params.pagination.querys.concat(defaultQuery)
@@ -486,11 +492,31 @@ export default {
       this_.calcScriptBtnPermission()
     })
     this.$emit('afterMounted')
+    if (this.templateInfo.jsScript) {
+      // 执行js脚本
+      this.handleDiyScript(this.templateInfo.jsScript)
+    }
     // setTimeout(() => {
     //   this.$refs.multipleTemplateTable.handleFilterChange(this.filterMap)
     // }, 100)
   },
   methods: {
+    handleDiyScript(scriptValue) {
+      //执行前置脚本内容
+      const _this = this
+      // 用户信息
+      const account = this.$requestConfig.getAccount()
+      const userId = this.$requestConfig.getUserId()
+      const userName = this.$requestConfig.getUsername()
+      const preScript = `const scriptFunction = function(_this, account, userId, userName){
+            ${scriptValue}
+          };`
+      try {
+        eval(`${preScript}scriptFunction(_this, account, userId, userName);`)
+      } catch (err) {
+        this.$message.error(`脚本事件执行错误：${err}`)
+      }
+    },
     //因为row.id_ 或row.id可能会有重复，所以加随机值使其唯一
     getRowKey(row) {
       /** 检查row.id是否有重复的缓存对象 */
@@ -1408,7 +1434,7 @@ export default {
       return params
     },
     //列表数据查询入口
-    search(param, cb, isSearchBtn, needRequestTotal = false) {
+    async search(param, cb, isSearchBtn, needRequestTotal = false) {
       // 不需要请求后端接口统计列表数据
       this.needRequestTotal = needRequestTotal
       // 如果是高级查询，页码重置为首页
@@ -1521,8 +1547,7 @@ export default {
       }
       //初始化时，把查询字段和筛选字段的默认值也加进去
       if (this.isInit) {
-        this.isInit = false
-        this.handleInitQuery(params)
+        await this.handleInitQuery(params)
       }
       //数据视图控件
       if (this.dataView) {
@@ -1539,12 +1564,177 @@ export default {
         params.taskType = this_.taskType
         params.defKey = this_.defKey
       }
+      // 查询字段 校验是否必填，如果是必填没数据，需返回提示
+      let errorMsg = this.validateSearchRequired(params.pagination.querys)
+      if (errorMsg) {
+        !this.isInit && this.$message.warning(errorMsg)
+        cb && cb()
+        this.isInit = false
+        return
+      }
+      this.isInit = false
       if ($.isEmptyObject(this.searchForm)) {
         this.getBpmTemplateByPagination(params, cb)
       } else {
         this.getBpmTemplateByPagination(params, cb)
       }
     },
+    // 校验查询字段必填
+    validateSearchRequired(querys) {
+      let errorMsg = ''
+      let conditions = JSON.parse(this.templateInfo.conditionField)
+      if (conditions) {
+        conditions.forEach((item) => {
+          if (item.isRequired) {
+            let queryPre = this.getQueryPre(conditions, item.name)
+            let index = querys.findIndex((k) => {
+              return k.property == queryPre + item.name
+            })
+            if (index == -1) {
+              errorMsg = `字段【${item.cm}】为必填查询字段，不能为空！`
+            }
+          }
+        })
+      }
+      return errorMsg
+    },
+    searchCountTotal(param, cb, isSearchBtn, needRequestTotal = false) {
+      // 不需要请求后端接口统计列表数据
+      this.needRequestTotal = needRequestTotal
+      // 如果是高级查询，页码重置为首页
+      if (isSearchBtn) {
+        this.pagination.page = 1
+      }
+      let params = {}
+      //判断为合并查询还是高级查询
+      let showAdvancedSearch = this.$refs.multipleTemplateTable
+        ? this.$refs.multipleTemplateTable.showAdvancedSearch
+        : false
+      //高级查询
+      if (showAdvancedSearch) {
+        params = this.getQueryFilter()
+      } else {
+        //合并查询
+        // 快速查询时，需处理添加快速查询字段前缀
+        param = this.handleQuickParams(param)
+        params = this.getConditionQuery(param)
+      }
+      this.templateSearchQuery =
+        (params.pagination && params.pagination.querys) || []
+      if (!params.pagination) {
+        params.pagination = {}
+      }
+      if (!params.pagination.querys) {
+        params.pagination.querys = []
+      }
+      //处理排序字段
+      if (param && param.sorter && param.sorter.length > 0) {
+        let sortField = JSON.parse(this.templateInfo.sortField)
+        params.pagination = params.pagination || {}
+        params.pagination.sorter = []
+        param.sorter.forEach((s) => {
+          let prefix = this.getColPreFix(sortField, s.property)
+          let queryPre = this.getQueryPre(sortField, s.property)
+          // 关联表时需特殊处理
+          let relevancyProperty = this.getRelevancyProperty(
+            sortField,
+            s.property
+          )
+          if (relevancyProperty) {
+            s.property = relevancyProperty
+          }
+          params.pagination.sorter.push({
+            property: queryPre + prefix + s.property,
+            direction: s.direction,
+          })
+        })
+      } else if (this.templateInfo.sortField) {
+        let sortField = JSON.parse(this.templateInfo.sortField)
+        let sorter = []
+        for (let x = 0; x < sortField.length; x++) {
+          const s = sortField[x]
+          // 默认排序字段的排序方向为空或者不为指定值时放弃
+          if (!s.sort || (s.sort != 'ASC' && s.sort != 'DESC')) {
+            continue
+          }
+          let prefix = this.getColPreFix(sortField, s.name)
+          let queryPre = this.getQueryPre(sortField, s.name)
+          if (!queryPre) {
+            if (s.joinTableField && s.tableName) {
+              prefix = `${s.tableName}.${prefix}`
+            } else {
+              prefix = `t.${prefix}`
+            }
+          }
+          sorter.push({
+            property: queryPre + prefix + s.name,
+            direction: s.sort,
+          })
+        }
+        params.pagination.sorter = sorter
+      } else if (param.querys && param.querys.length > 0) {
+        params.pagination.querys.concat(param.querys)
+      }
+
+      if (params.pagination && params.pagination.querys) {
+        let tempQueryS = []
+        let betweenConditions = {}
+        params.pagination.querys.forEach((q) => {
+          if (
+            q.value != undefined &&
+            (q.operation != 'BETWEEN' || q.value.constructor == Array)
+          ) {
+            tempQueryS.push(q)
+          } else if (q.value) {
+            let conditions = q
+            if (betweenConditions[q.property]) {
+              conditions = betweenConditions[q.property]
+              conditions.value = [conditions.value]
+              conditions.value.push(q.value)
+            }
+            betweenConditions[q.property] = conditions
+          }
+        })
+        for (const key in betweenConditions) {
+          tempQueryS.push(betweenConditions[key])
+        }
+        params.pagination.querys = tempQueryS
+        params.pagination.querys = params.pagination.querys
+          ? params.pagination.querys.concat(this.treeQuerys)
+          : this.treeQuerys
+      }
+      //把过滤树的条件也拼接进去
+      if (this.treeQuerys && this.treeQuerys.length > 0) {
+        params.pagination.querys = params.pagination.querys
+          ? params.pagination.querys.concat(this.treeQuerys)
+          : this.treeQuerys
+      }
+      //初始化时，把查询字段和筛选字段的默认值也加进去
+      if (this.isInit) {
+        this.isInit = false
+        this.handleInitQuery(params)
+      }
+      //数据视图控件
+      if (this.dataView) {
+        this.handelBindFiledValua()
+        params.refIdValue = this.dataView.refIdValue
+        //关联查询字段
+        if (this.dataView.selectList && this.dataView.selectList.length > 0) {
+          params.selectList = this.dataView.selectList
+        }
+      }
+      const this_ = this
+      if (this_.isJoinFlow) {
+        params.isJoinFlow = true
+        params.taskType = this_.taskType
+        params.defKey = this_.defKey
+      }
+      if ($.isEmptyObject(this.searchForm)) {
+        this.getBpmTemplateByPaginationTotal(params, cb)
+      } else {
+        this.getBpmTemplateByPaginationTotal(params, cb)
+      }
+    },
     // 处理快速查询参数
     handleQuickParams(param) {
       if (param && param.querys && param.querys.length) {
@@ -1563,20 +1753,24 @@ export default {
       }
       return param
     },
-    handleInitQuery(params) {
+    async handleInitQuery(params) {
       const conditionFields = JSON.parse(this.templateInfo.conditionField) || []
       const querys = []
-      conditionFields.forEach((item) => {
+      for (let i = 0; i < conditionFields.length; i++) {
+        let item = conditionFields[i]
         if (item.defaultValue) {
+          let defaultValue = item.isScriptDefault
+            ? await this.getScriptDefaultValue(item.defaultValue)
+            : item.defaultValue
           querys.push({
             property: `${item.queryPre || ''}${item.colPrefix}${item.name}`,
-            value: item.defaultValue,
+            value: defaultValue,
             operation: item.qt.toUpperCase(),
             relation: 'AND',
             group: 'defaultQuery',
           })
         }
-      })
+      }
       const filteringFields = JSON.parse(this.templateInfo.filteringField) || []
       filteringFields.forEach((item) => {
         if (item.defaultValue && item.defaultValue.length) {
@@ -1629,13 +1823,15 @@ export default {
           })
       }
       this.$requestConfig
-        .getDataTemplateDataList(dataTemplateQueryVo)
+        .getDataTemplateDataListWithoutTotal(dataTemplateQueryVo)
         .then((response) => {
           this.rows = response.rows
-          this.total = response.total
           this.$set(this.pagination, 'page', response.page)
           this.$set(this.pagination, 'pageSize', response.pageSize)
-          this.$set(this.pagination, 'total', response.total)
+          //每次请求后不再统计总数，而是在统计按钮中去统计，当数量统计过一次后，再重新设置到当前页
+          if (this.total) {
+            this.$set(this.pagination, 'total', this.total)
+          }
           this.$set(this, 'flowBtnPermission', {})
           this.$emit('data-reload-success')
           if (response.summary && response.summary.length) {
@@ -1659,6 +1855,46 @@ export default {
           cb2 && cb2()
         })
     },
+    getBpmTemplateByPaginationTotal(params, cb1, cb2) {
+      const dataTemplateQueryVo = {
+        templateId: params.templateId,
+        queryFilter: params.pagination,
+      }
+      if (params.isJoinFlow && params.taskType && params.defKey) {
+        dataTemplateQueryVo.isJoinFlow = params.isJoinFlow
+        dataTemplateQueryVo.taskType = params.taskType
+        dataTemplateQueryVo.defKey = params.defKey
+      }
+      if (params.selectField) {
+        dataTemplateQueryVo.selectField = params.selectField
+        dataTemplateQueryVo.selectValue = params.selectValue
+      }
+      if (params.selectList) {
+        dataTemplateQueryVo.selectList = params.selectList
+      }
+      dataTemplateQueryVo.refIdValue = params.refIdValue
+      this.curSelectParams = dataTemplateQueryVo
+      //加载按钮
+      this.loadingTotal = true
+      this.$requestConfig
+        .getDataTemplateDataListWithTotal(dataTemplateQueryVo)
+        .then((response) => {
+          //设置总数
+          this.total = response.value
+          this.$set(this.pagination, 'total', response.value)
+          this.loadingTotal = false
+          this.$emit('data-reload-success')
+          this.$nextTick(() => {
+            this.$refs.multipleTemplateTable &&
+              this.$refs.multipleTemplateTable.doLayout()
+          })
+        })
+        .finally(() => {
+          this.loadingTotal = false
+          cb1 && cb1()
+          cb2 && cb2()
+        })
+    },
     getQueryFilter() {
       let operationMap = this.getSearchItems()
       let fieldTypeMap = this.getFieldType()
@@ -1675,6 +1911,12 @@ export default {
       params.pagination = pageBean
       if (!$.isEmptyObject(this.searchForm)) {
         let conditionField = utils.parseToJson(this.templateInfo.conditionField)
+        //处理绑定字段
+        this.bindValue = this.searchForm.bindValue || this.bindValue
+        this.bindKey = this.searchForm.bindKey || this.bindKey
+        //记录后再删除
+        delete this.searchForm.bindValue
+        delete this.searchForm.bindKey
         for (let key in this.searchForm) {
           if (
             typeof this.searchForm[key] != 'undefined' &&
@@ -1712,6 +1954,16 @@ export default {
               if (fieldTypeMap[key] && fieldTypeMap[key] == 'number') {
                 value = parseFloat(this.searchForm[key])
               }
+              //在表单列表的查询字段中添加的对话框控件 此处逻辑对应 packages/CustomDialog/src/customDialog.vue:1920行
+              if (
+                this.bindValue &&
+                Object.keys(this.bindValue).length &&
+                this.bindValue[key] &&
+                Object.keys(this.bindKey).length
+              ) {
+                //获得绑定字段的值
+                value = this.bindValue[key][this.bindKey[key]]
+              }
               let queryPre = this.getQueryPre(conditionField, key)
               querys.push({
                 property: queryPre + key,
@@ -1724,7 +1976,14 @@ export default {
           }
         }
         this.clearQueryByGroupName(querys, 'filter')
-        // 将过滤条件添加查询参数数组中
+        // 将过滤条件添加查询参数数组中，不是高级查询时使用
+        if (
+          this.$refs.multipleTemplateTable &&
+          this.$refs.multipleTemplateTable.querys &&
+          !this.$refs.multipleTemplateTable.showAdvancedSearch
+        ) {
+          querys.push(...this.$refs.multipleTemplateTable.querys)
+        }
         this.buildFilterParams(querys)
       }
       // 判断table中是否含有filter查询
@@ -2333,7 +2592,7 @@ export default {
     handledUrlParams(url, row, fieldName) {
       if (this.templateInfo.displayField) {
         let displayFields = JSON.parse(this.templateInfo.displayField)
-        let params = this.getParentId(displayFields, fieldName, 'name')
+        let params = this.getParentId(displayFields, fieldName, 'name') || this.getParentId(displayFields, fieldName, 'fieldsAlias')
         if (params && params.urlParams && params.urlParams.length > 0) {
           let urlParams = params.urlParams
           let suffix = ''
@@ -2500,24 +2759,30 @@ export default {
           id: this.templateInfo.id,
           params: this.curSelectParams,
         })
-        .then(
-          ({ data, headers }) => {
-            const fileName = decodeURIComponent(
-              headers['content-disposition'].split(';')[1].split('filename=')[1]
-            )
-            const blob = new Blob([data])
-            saveAs(blob, fileName)
-            loadingInstance.close() // 结束
-          },
-          (e) => {
-            loadingInstance.close() // 结束
-            let enc = new TextDecoder('utf-8')
-            let uint8_msg = JSON.parse(
-              enc.decode(new Uint8Array(e.response.data))
-            )
-            this.$message.error(uint8_msg.message)
-          }
-        )
+        // .then(
+        //   ({ data, headers }) => {
+        //     const fileName = decodeURIComponent(
+        //       headers['content-disposition'].split(';')[1].split('filename=')[1]
+        //     )
+        //     const blob = new Blob([data])
+        //     saveAs(blob, fileName)
+        //     loadingInstance.close() // 结束
+        //   },
+        //   (e) => {
+        //     loadingInstance.close() // 结束
+        //     let enc = new TextDecoder('utf-8')
+        //     let uint8_msg = JSON.parse(
+        //       enc.decode(new Uint8Array(e.response.data))
+        //     )
+        //     this.$message.error(uint8_msg.message)
+        //   }
+        // )
+        .then(() => {
+          this.$message.success('正在导出，请稍后前往报表附件管理查看')
+        })
+        .finally(() => {
+          loadingInstance.close()
+        })
     },
     importCommand(params) {
       switch (params.command) {
@@ -3124,7 +3389,7 @@ export default {
       }
       this.dialogSubVisible = true
     },
-    nodeClick(node) {
+    async nodeClick(node) {
       this.pagination.page = 1
       //每次点击过滤树,应该把右边的table 与分页全部重置为初始
 
@@ -3159,7 +3424,9 @@ export default {
             pageBean.querys.push({
               property: item.isMain
                 ? `t.${item.key_.oldTableField}`
-                : `${item.key_.tableName}.${item.key_.oldTableField}`,
+                : `${item.key_.alias ? item.key_.alias : item.key_.tableName}.${
+                    item.key_.oldTableField
+                  }`,
               value,
               group: 'main',
               operation,
@@ -3188,7 +3455,7 @@ export default {
         params.taskType = this_.taskType
         params.defKey = this_.defKey
       }
-      this.handleInitQuery(params)
+      await this.handleInitQuery(params)
       this.getBpmTemplateByPagination(params)
     },
     filterChange(filters) {
@@ -3844,7 +4111,7 @@ export default {
           }
           this.$requestConfig
             .batchUpdateTemplateData(data)
-            .then((data) => {
+            .then(async (data) => {
               if (data.state) {
                 this.$message({
                   type: 'success',
@@ -3854,8 +4121,9 @@ export default {
                   // 以服务的方式调用的 Loading 需要异步关闭
                   loadingInstance.close()
                 })
+                let defaultValue = await this.newBuildDefaultQuerys()
                 this.search({
-                  querys: this.buildDefaultQuerys() || [],
+                  querys: defaultValue || [],
                 })
                 // 更新成功后需执行后置js
                 if (afterScriptValue) {
@@ -3969,6 +4237,120 @@ export default {
       })
       return querys
     },
+    async newBuildDefaultQuerys(isSetSearchForm = true) {
+      let this_ = this
+      let querys = []
+      let conditions = JSON.parse(this_.templateInfo.conditionField)
+      //条件字段默认值判断
+      for (let i = 0; i < conditions.length; i++) {
+        let condition = conditions[i]
+        if (condition.defaultValue) {
+          let field = condition.colPrefix + condition.na
+          let defaultValue = condition.isScriptDefault
+            ? await this.getScriptDefaultValue(condition.defaultValue)
+            : condition.defaultValue
+          if (isSetSearchForm) {
+            this_.$set(this_.searchForm, field, defaultValue)
+          }
+          let value = defaultValue
+          if (condition.ty == 'number') {
+            value = parseFloat(value)
+          }
+          querys.push({
+            property: condition.queryPre ? condition.queryPre + field : field,
+            value: value,
+            group: 'main',
+            operation: condition.qt.toUpperCase(),
+            relation: 'AND',
+          })
+        }
+      }
+      //筛选字段默认值判断
+
+      if (this.parameterqQuerys) {
+        let parameterQuerys = JSON.parse(Base64.decode(this.parameterqQuerys))
+        if (parameterQuerys && parameterQuerys.length > 0) {
+          parameterQuerys.forEach((query) => {
+            let prefix = this.templateInfo.isExternal === 1 ? '' : 'F_'
+            query.property = prefix + query.property
+            if (isSetSearchForm) {
+              this_.$set(this_.searchForm, query.property, query.value)
+            }
+            querys.push(query)
+          })
+        }
+      }
+      let filters = JSON.parse(this_.templateInfo.filteringField)
+      filters.forEach((filter) => {
+        if (filter.defaultValue && filter.defaultValue.length > 0) {
+          this_.filterMap[filter.name] = filter.defaultValue
+          filter.defaultValue.forEach((val) => {
+            querys.push({
+              property: `${filter.queryPre || ''}${filter.colPrefix}${
+                filter.name
+              }`,
+              value: val,
+              group: 'defVal_' + filter.name,
+              operation: 'EQUAL',
+              relation: 'OR',
+            })
+          })
+        }
+      })
+      this_.$on('afterMounted', () => {
+        const tab = document.getElementById(this_.templateInfo.alias)
+        if (tab && tab.__vue__) {
+          let headerColumns = tab.__vue__.$refs.tableHeader
+            ? tab.__vue__.$refs.tableHeader.columns
+            : []
+          headerColumns.forEach((column) => {
+            if (this_.filterMap.hasOwnProperty(column.property)) {
+              this_.filterMap[column.property].forEach((val) => {
+                column.filteredValue.push(val)
+              })
+            }
+          })
+        }
+      })
+      this.defaultQuerys = querys
+      return querys
+    },
+    getScriptDefaultValue(scriptValue) {
+      return new Promise((resolve) => {
+        //执行前置脚本内容
+        const _this = this
+        // 用户信息
+        const account = this.$requestConfig.getAccount()
+        const userId = this.$requestConfig.getUserId()
+        const userName = this.$requestConfig.getUsername()
+        const _moment = moment
+        const preScript = `const scriptFunction = function(_this, account, userId, userName, _moment){
+            ${scriptValue}
+          };`
+        let result = ''
+        try {
+          result = eval(
+            `${preScript}scriptFunction(_this, account, userId, userName, _moment);`
+          )
+          if (result && result.then && typeof result.then === 'function') {
+            result.then(
+              (t) => {
+                resolve(t)
+              },
+              (fail) => {
+                //接口返回失败则终止按钮操作，并输出错误信息
+                resolve('')
+              }
+            )
+          } else {
+            resolve(result)
+          }
+        } catch (err) {
+          resolve('')
+          this.$message.error(`查询值默认脚本事件执行错误：${err}`)
+        }
+      })
+    },
     handleClose() {
       this.dataViewDialogVisible = false
     },
@@ -4103,7 +4485,8 @@ export default {
           this.printDetail(parameter.templateId, parameter.id, parameter.action)
         } else if (btnAlias == 'sub' && this.checkSelect()) {
           this.showSubList(this.tableData.selectRows[0].id_, parameter)
-        } else if (btnAlias == 'js' && this.checkSelect()) {
+        } else if (btnAlias == 'js') {
+          if (parameter.needValidateSelect && !this.checkSelect()) return
           this.customEvilJS(this.tableData.selectRows[0], parameter.jsValue)
         } else if (
           btnAlias == 'startFlow' &&
@@ -4655,6 +5038,21 @@ export default {
           )
         : customColumns
     },
+    countPageTotal() {
+      this.searchCountTotal(this.getParam())
+    },
+    sizeChange() {
+      this.$refs.multipleTemplateTable.handleFilterChange()
+    },
+    currentPageChange() {
+      this.isResetPage = false
+      this.$refs.multipleTemplateTable.handleFilterChange()
+    },
+    switchPage(type) {
+      if (type == 'prev') this.pagination.page--
+      if (type == 'next') this.pagination.page++
+      this.currentPageChange()
+    },
   },
   // asyncComputed: {
   //   showDraftList() {