imatrix-ui 2.9.99 → 7.7.20-p2

package/src/utils/util.js

@@ -1,5 +1,6 @@
 import i18n from '../i18n/i18n'
 import Vue from 'vue'
+import { executeExpression } from './calculator/calculator-util'
 export function getI18n() {
   if (!window.$locale) {
     i18n.locale = 'cn'
@@ -17,7 +18,441 @@ export function getLanguageWithLocale() {
     return 'zh_CN'
   }
 }
+/**
+ * 根据动态数据源获得下拉选的选项集合
+ * @param {*} dynamicSourceCode 动态数据源编码
+ * @param {*} searchText 查询的文本
+ * @param {*} entity 实体信息
+ * @returns
+ */
+export function findOptionsByDynamicDataSource(dynamicSourceCode, searchText, entity, additionalParameterStr) {
+  return new Promise((resolve, reject) => {
+    findDynamicDataSourceByCode(dynamicSourceCode, searchText, entity, additionalParameterStr).then(dynamicDataSourceDto => {
+      let options = []
+      if (dynamicDataSourceDto && dynamicDataSourceDto.options) {
+        const setOptions = dynamicDataSourceDto.options
+        let valueAttribute
+        if (dynamicDataSourceDto.valueAttribute) {
+          valueAttribute = dynamicDataSourceDto.valueAttribute
+        }
+        if (!valueAttribute || valueAttribute === '[label]') {
+          valueAttribute = '_label_'
+        }
+        setOptions.forEach(item => {
+          // 值
+          const value = item[valueAttribute]
+          // 显示的标签
+          const label = item['_label_']
+          options.push({ label, value })
+        })
+      }
+      if (!options) {
+        options = []
+      }
+      resolve(options)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 根据动态数据源获得下拉选的选项对象集合
+ * @param {*} dynamicSourceCode 动态数据源编码
+ * @param {*} searchText 查询的文本
+ * @param {*} entity 实体信息
+ * @returns
+ */
+export function findDynamicDataSourceByCode(dynamicSourceCode, searchText, entity, additionalParameterStr) {
+  return new Promise((resolve, reject) => {
+    if (searchText === undefined || searchText === null) {
+      searchText = ''
+    }
+    const params = {
+      searchText
+    }
+    // const additionalParameterStr = sessionStorage.getItem('additionalParamMap')
+    if (additionalParameterStr) {
+      params.additionalParamMap = JSON.parse(additionalParameterStr)
+    }
+    if (entity && entity !== null) {
+      params.entity = entity
+    }
+    Vue.prototype.$http.post(Vue.prototype.baseURL + '/common/dynamic-data-source/' + dynamicSourceCode, params).then(dynamicDataSourceDto => {
+      resolve(dynamicDataSourceDto)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 解析是否可见的条件，例如：按钮是否按钮；列表单元格内容是否可见
+ * @param {*} conditionListJson
+ * @param {*} entity
+ * @param {*} additionalParameter
+ * @param {*} contextParameter
+ * @param {*} isSql
+ * @param {*} tableName
+ * @returns
+ */
+export function analysisCondition(conditionListJson, entity, additionalParameter, contextParameter, isSql, tableName, parentFormData) {
+  // console.log('analysisCondition判断条件conditionListJson', conditionListJson)
+  // console.log('analysisCondition判断条件entity', entity)
+  // console.log('analysisCondition判断条件additionalParameter', additionalParameter)
+  // console.log('analysisCondition判断条件contextParameter', contextParameter)
+  // console.log('analysisCondition判断条件isSql', isSql)
+  // console.log('analysisCondition判断条件tableName', tableName)
+  // console.log('analysisCondition判断条件parentFormData', parentFormData)
+  if (conditionListJson === undefined || conditionListJson === '' || conditionListJson === null) {
+    // 如果条件不存在，则默认返回true
+    return true
+  }
+  if (typeof (isSql) === 'undefined' || isSql === null) {
+    // 默认是定制开发时
+    isSql = false
+  }
+  // 页面附加参数
+  let additionalParameterMap = {}
+  if (additionalParameter && typeof (additionalParameter) === 'string' && additionalParameter !== '') {
+    additionalParameterMap = JSON.parse(additionalParameter)
+  } else if (additionalParameter && typeof (additionalParameter) === 'object') {
+    additionalParameterMap = additionalParameter
+  }
+  // 环境变量，例如：当前用户id、当前用户登录名等
+  let contextParameterMap = {}
+  if (contextParameter && typeof (contextParameter) === 'string' && contextParameter !== '') {
+    contextParameterMap = JSON.parse(contextParameter)
+  } else if (contextParameter && typeof (contextParameter) === 'object') {
+    contextParameterMap = contextParameter
+  }
+  let conditionList = []
+  if (conditionListJson && typeof (conditionListJson) === 'string' && conditionListJson !== '') {
+    // conditionList = eval('('+conditionListJson+')')
+    conditionList = JSON.parse(conditionListJson)
+  } else if (conditionListJson && Array.isArray(conditionListJson)) {
+    conditionList = conditionListJson
+  }
+  return parseCondition(entity, conditionList, isSql, tableName, additionalParameterMap, contextParameterMap, parentFormData)
+}
+
+function parseCondition(entity, conditionList, isSql, tableName, additionalParamMap, contextParameterMap, parentFormData) {
+  if (conditionList === undefined || conditionList === null || conditionList.length === 0) {
+    // 表示没有设置条件，默认是true
+    return true
+  }
+  // 条件封装的表达式
+  let conditions = ''
+  for (let i = 0; i < conditionList.length; i++) {
+    const condition = conditionList[i]
+    let propName = condition.propName
+    let propDbName = condition.propDbName
+    if ((!propName || propName === '') && (!propDbName || propDbName === '')) {
+      // 没有属性和字段名表示是无效的条件
+      continue
+    }
+    let leftValue
+    if (isSql) {
+      if (propDbName.indexOf('parent_+_') !== -1) {
+        propDbName = propDbName.replace('parent_+_', '')
+        // 再获取属于那张表
+        const propDbNameArr = propDbName.split('_+_')
+        propDbName = propDbNameArr[1]
+        leftValue = getValue(parentFormData, propDbName, isSql)
+      } else {
+        leftValue = getValue(entity, propDbName, isSql)
+      }
+      if (leftValue === undefined || leftValue === null) {
+        if (tableName && propDbName.toLowerCase().startsWith(tableName.toLowerCase() + '.')) {
+          // 表示是当前表的字段
+          const myProp = propDbName.substring(propDbName.indexOf('.'))
+          leftValue = getValue(entity, myProp, isSql)
+        }
+      }
+    } else {
+      if (propName.indexOf('parent_+_') !== -1) {
+        propName = propName.replace('parent_+_', '')
+        const propNameArr = propName.split('_+_')
+        propName = propNameArr[1]
+        leftValue = getValue(parentFormData, propName, isSql)
+      } else {
+        leftValue = getValue(entity, propName, isSql)
+      }
+      if (leftValue !== undefined && leftValue !== null) {
+        leftValue = getValue(entity, propDbName, isSql)
+      }
+    }
+    const operator = condition.operator
+    const propValue = condition.propValue
+    const dataType = condition.dataType
+    const variableIsNullStr = condition.variableIsNull
+    // 解析单个条件的值
+    // 判断value类型
+    let value = getPropValue(propValue, entity, additionalParamMap, contextParameterMap)
+    if (variableIsNullStr && variableIsNullStr === 'null') {
+      if (value === undefined || value === '') {
+        value = null
+      }
+    }
+    let conditionResult = executeExpression(leftValue, operator, value, dataType)
+    const leftBracket = condition.leftBracket
+    const rightBracket = condition.rightBracket
+    let joinSign = condition.joinSign
+    if (leftBracket && leftBracket !== null && leftBracket !== '') {
+      conditions = conditions + leftBracket
+      conditions = conditions + (' ')
+      // conditions.append(leftBracket).append(' ')
+    }
+    if (variableIsNullStr && variableIsNullStr !== 'null') {
+      if (value === undefined || value === null || value + '' === '') {
+        if (variableIsNullStr === '1=1') {
+          conditionResult = true
+        } else {
+          conditionResult = false
+        }
+      }
+    }
+    conditions += conditionResult + ' '
+    if (leftBracket && leftBracket !== null && leftBracket !== '') {
+      conditions = conditions + rightBracket
+      conditions = conditions + (' ')
+      // conditions.append(rightBracket).append(' ')
+    }
+    if (i < conditionList.length - 1) {
+      // 最后一个不拼接“连接符”
+      if (joinSign && joinSign !== null && joinSign !== '') {
+        const joinSignIgnoreCase = joinSign.toLowerCase()
+        if (joinSignIgnoreCase === 'AND') {
+          joinSign = joinSignIgnoreCase.replace('AND', '&&')
+        } else if (joinSignIgnoreCase === 'OR') {
+          joinSign = joinSignIgnoreCase.replace('OR', '||')
+        }
+        conditions += joinSign + ' '
+      }
+    }
+  }
+  // eslint-disable-next-line no-eval
+  return eval('(' + conditions + ')')
+}
+const REPLACE_DOT = '__'
+function getValue(entityData, fieldName, isSql) {
+  let value = null
+  if (entityData && entityData !== null) {
+    if (fieldName && fieldName !== null) {
+      value = getValueByField(entityData, fieldName)
+      if (value === undefined || value === null) {
+        if (isSql) {
+          if (value === undefined || value == null) {
+            if (fieldName.indexOf('.') > 0) {
+              // 将“.”替换为'__',列表组件中的entity中如果是'.'，传过来的实体信息中的字段属性会是“__”
+              fieldName = fieldName.replace('.', REPLACE_DOT)
+              value = getValueByField(entityData, fieldName)
+            }
+          }
+        }
+      }
+    }
+  }
+  return value
+}
+
+function getValueByField(entityData, fieldName) {
+  if (entityData && entityData !== null) {
+    let value
+    if (fieldName.indexOf('.') > 0) {
+      // 表示是子表字段
+      value = getSubEntityValue(entityData, fieldName)
+    } else {
+      value = entityData[fieldName]
+    }
+    return value
+  }
+}
+
+function getSubEntityValue(entityData, fieldName) {
+  let value = null
+  let subEntityData = entityData
+  const fieldNames = fieldName.split('\\.')
+  for (let i = 0; i < fieldNames.length; i++) {
+    const field = fieldNames[i]
+    if (i === fieldNames.length) {
+      value = getSubEntityFieldValue(subEntityData, field)
+    } else {
+      subEntityData = getSubEntityFieldValue(subEntityData, field)
+    }
+  }
+  return value
+}
+
+/**
+* 获得关联表字段的值。
+* 处理sql 或 实体情况。
+* @param subEntityData
+* @param fieldName
+* @return
+*/
+function getSubEntityFieldValue(subEntityData, fieldName) {
+  if (subEntityData === undefined || subEntityData === null) {
+    return null
+  }
+  return subEntityData[fieldName]
+}
+
+function getContextValue(contextParameterMap, propValue) {
+  if (contextParameterMap) {
+    return contextParameterMap[propValue]
+  }
+}
+
+export function getPropValue(propValue, entity, additionalParamMap, contextParameterMap) {
+  let value = null
+  if (propValue && propValue !== null && propValue !== '') {
+    if (propValue === 'null') {
+      value = null
+    } else if (propValue.includes('${context.') || propValue.includes('${request.') || propValue.includes('${obj.')) {
+      // 填写的固定值
+      if (propValue.includes('${context.')) {
+        propValue = propValue.replace('${context.', '').replace('}', '')
+        value = getContextValue(contextParameterMap, propValue)
+      } else if (propValue.includes('${request.') && propValue !== ('${request.term}')) {
+        // ${request.term}表示页面中手动输入的值
+        propValue = propValue.replace('${request.', '').replace('}', '')
+        if (additionalParamMap && additionalParamMap != null && Object.keys(additionalParamMap).indexOf(propValue) >= 0 && additionalParamMap[propValue] && additionalParamMap[propValue] !== null) {
+          value = additionalParamMap[propValue]
+        } else {
+          value = null
+        }
+      } else if (propValue.includes('${obj.')) {
+        if (entity == null) {
+          value = null
+        } else {
+          const propName = propValue.replace('${obj.', '').replace('}', '')
+          value = getEntityFieldValue(entity, propName)
+        }
+      }
+    } else if (propValue.includes('${input.')) {
+      value = propValue.replace('${input.', '').replace('}', '')
+    } else {
+      value = propValue
+    }
+  }
+  return value
+}
+/**
+ * 解析条件,例如：${obj.menu_code}-#-#${input.---}-#-#${context.currentTransactor}
+ * @param {*} conditionValue
+ * @param {*} entity
+ * @param {*} additionalParameter
+ * @param {*} contextParameter
+ * @returns
+ */
+export function analysisValue(conditionValue, entity, additionalParameter, contextParameter) {
+  if (!conditionValue) {
+    return
+  }
+  let label = ''
+  const split = conditionValue.split('-#-#')
+  if (split != null && split.length > 0) {
+    split.forEach(item => {
+      let value = getPropValue(item, entity, additionalParameter, contextParameter)
+      if (!value || value === null) {
+        value = ''
+      }
+      label += value
+    })
+  }
+  return label
+}
+
+/**
+ * 设置entity中某属性的值,处理子对象的情况
+ * @param {*} entity
+ * @param {*} prop
+ * @param {*} value
+ */
+export function setEntityFieldValue(entity, prop, value) {
+  if (prop && entity) {
+    if (prop && prop.indexOf('.') > 0) {
+      const parentObj = getParentObjectUtil(prop, entity)
+      if (parentObj) {
+        Vue.set(parentObj, prop.substring(prop.lastIndexOf('.') + 1), value)
+      }
+    } else {
+      Vue.set(entity, prop, value)
+    }
+  }
+}
 
+/**
+ * 获得实体entity中某属性的值，处理子表对象的情况
+ * @param {*} entity
+ * @param {*} prop
+ * @returns
+ */
+export function getEntityFieldValue(entity, prop) {
+  let value = getEntityFieldValueWithCase(entity, prop)
+  if (value === undefined) {
+    // 兼容mysql数据库
+    value = getEntityFieldValueWithCase(entity, prop.toLowerCase())
+  }
+  if (value === undefined) {
+    // 兼容oracle数据库
+    value = getEntityFieldValueWithCase(entity, prop.toUpperCase())
+  }
+  return value
+}
+
+function getEntityFieldValueWithCase(entity, prop) {
+  if (prop && prop.indexOf('.') > 0) {
+    const parentOjbect = getParentObjectUtil(prop, entity)
+    const modelName = prop.substring(prop.lastIndexOf('.') + 1)
+    return parentOjbect[modelName]
+  } else {
+    return entity[prop]
+  }
+}
+
+export function getParentObjectUtil(prop, entity) {
+  const nestedProp = prop.split('.')
+  // 属性只有一个时父对象就是models
+  if (nestedProp.length === 1) {
+    return entity
+  } else {
+    let parentObject
+    // 属性超过2个时先找到最后一层属性的父对象
+    for (let i = 0; i < nestedProp.length - 1; i++) {
+      if (i === 0) {
+        parentObject = getParentModelProp(nestedProp[i], entity)
+      } else {
+        parentObject = getParentModelProp(nestedProp[i], parentObject)
+      }
+    }
+    return parentObject
+  }
+}
+
+function getParentModelProp(prop, parentObj) {
+  let myPparentObject = getParentModelPropWithCase(prop, parentObj)
+  if (myPparentObject === undefined) {
+    // 兼容mysql数据库
+    myPparentObject = getParentModelPropWithCase(prop.toLowerCase(), parentObj)
+  }
+  if (myPparentObject === undefined) {
+    // 兼容oracle数据库
+    myPparentObject = getParentModelPropWithCase(prop.toUpperCase(), parentObj)
+  }
+  return myPparentObject
+}
+
+function getParentModelPropWithCase(prop, parentObj) {
+  if (!parentObj) {
+    parentObj = {}
+  }
+  if (!parentObj[prop]) {
+    parentObj[prop] = {}
+  }
+  return parentObj[prop]
+}
 /**
  * 获得系统信息
  * @param {*}} systemCode
@@ -40,3 +475,19 @@ export function findSystemInfoByCode(systemCode) {
     })
   })
 }
+
+export function getPropNameWhenJoinTable(prop, isJoinTable, tableName) {
+  if (prop && isJoinTable !== undefined && isJoinTable === true) {
+    // 关联表时将点改成下划线，如果没点，则表示是主表字段，拼接主表tableName，因为列表组件中是这样处理的
+    const replaceDot = '__'
+    if (prop.indexOf('.') > 0) {
+      prop = prop.replace('.', replaceDot)
+    } else {
+      if (tableName && tableName !== null && tableName !== '' && prop.indexOf(tableName + replaceDot) < 0) {
+        // 如果属性名没有拼接表名才需要拼接
+        prop = tableName + replaceDot + prop
+      }
+    }
+  }
+  return prop
+}

package/src/utils/watermark.js

@@ -0,0 +1,95 @@
+'use strict'
+// import ssoService from '../api/sso-service'
+const watermark = {}
+
+const setWatermark = (str, parma, paramId) => {
+  let id = '1.23452384164.123412415'
+  if (paramId) {
+    id = paramId
+  }
+  if (document.getElementById(id) !== null) {
+    if (document.getElementById('pdfDom')) {
+      var cell1 = document.getElementById('pdfDom')
+      cell1.removeChild(document.getElementById(id))
+    } else {
+      document.body.removeChild(document.getElementById(id))
+    }
+  }
+  const can = document.createElement('canvas')
+  can.width = parma && parma.width && parma.width !== '' ? parma.width : '400' // 单个水印的宽高
+  can.height = parma && parma.height && parma.height !== '' ? parma.height : '200'
+
+  const cans = can.getContext('2d')
+  cans.rotate((20 * Math.PI) / 160) // 水印偏转角度
+  cans.font = parma && parma.font && parma.font !== '' ? parma.font : '17px Vedana' // 设置样式
+  cans.fillStyle = parma && parma.color && parma.color !== '' ? parma.color : 'rgba(200, 200, 200, 0.40)'// 水印字体颜色
+  cans.textAlign = 'left'
+  cans.textBaseline = 'Middle'
+  cans.fillText(str, 60, 40)
+
+  const div = document.createElement('div')
+  div.id = id
+  div.style.pointerEvents = 'none'
+  div.style.top = '80px'
+  div.style.left = '200px'
+  div.style.position = 'fixed'
+  div.style.zIndex = '10000'
+  div.style.width = '70%'
+  div.style.height = '80%'
+  div.style.background = 'url(' + can.toDataURL('image/png') + ') left top repeat'
+
+  if (document.getElementById('pdfDom')) {
+    var cell = document.getElementById('pdfDom')
+    cell.appendChild(div)
+  } else {
+    document.body.appendChild(div)
+  }
+  return id
+}
+
+// 该方法只允许调用一次
+export function showWatermark(label, parma, user, paramId) {
+  var date = new Date()
+  date = formatDate(date, 'yyyy-MM-dd')
+  setTimeout(() => {
+    var str = label && label !== '' ? label : user ? user.name + '  ' + date : date
+    let id = setWatermark(str, parma, paramId)
+    setInterval(() => {
+      if (document.getElementById(id) === null) {
+        id = setWatermark(str, parma, paramId)
+      }
+    }, 500)
+    window.onresize = () => {
+      setWatermark(str, parma, paramId)
+    }
+  })
+}
+// watermark.set = (label, parma) => {
+
+// }
+
+const formatDate = (date, fmt) => {
+  if (/(y+)/.test(fmt)) {
+    fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
+  }
+  const o = {
+    'M+': date.getMonth() + 1,
+    'd+': date.getDate(),
+    'h+': date.getHours(),
+    'm+': date.getMinutes(),
+    's+': date.getSeconds()
+  }
+  for (const k in o) {
+    if (new RegExp(`(${k})`).test(fmt)) {
+      const str = o[k] + ''
+      fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str))
+    }
+  }
+  return fmt
+}
+
+function padLeftZero(str) {
+  return ('00' + str).substr(str.length)
+}
+
+export default watermark

package/src/views/layout/NewLayout.vue

@@ -0,0 +1,77 @@
+<template>
+  <div :class="classObj" class="app-wrapper">
+    <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
+    <menubar class="sidebar-container" />
+    <div class="main-container">
+      <breadcrumb v-if="showMenuRoute" />
+      <app-main />
+    </div>
+  </div>
+</template>
+
+<script>
+import { Menubar, AppMain, Breadcrumb } from './components'
+import ResizeMixin from './mixin/ResizeHandler'
+import { isShowMenuRoute } from '../../../src/utils/common-util'
+
+export default {
+  name: 'Layout',
+  components: {
+    Menubar,
+    AppMain,
+    Breadcrumb
+  },
+  mixins: [ResizeMixin],
+  data() {
+    // 是否显示菜单路径，默认是不显示
+    const showMenuRoute = isShowMenuRoute()
+    return {
+      showMenuRoute
+    }
+  },
+  computed: {
+    sidebar() {
+      return this.$store.state.app.sidebar
+    },
+    device() {
+      return this.$store.state.app.device
+    },
+    classObj() {
+      return {
+        hideSidebar: !this.sidebar.opened,
+        openSidebar: this.sidebar.opened,
+        withoutAnimation: this.sidebar.withoutAnimation,
+        mobile: this.device === 'mobile'
+      }
+    }
+  },
+  methods: {
+    handleClickOutside() {
+      this.$store.dispatch('closeSidebar', { withoutAnimation: false })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  @import "../../styles/mixin.scss";
+  .app-wrapper {
+    @include clearfix;
+    position: relative;
+    height: 100%;
+    width: 100%;
+    &.mobile.openSidebar{
+      position: fixed;
+      top: 0;
+    }
+  }
+  .drawer-bg {
+    background: #000;
+    opacity: 0.3;
+    width: 100%;
+    top: 0;
+    height: 100%;
+    position: absolute;
+    z-index: 999;
+  }
+</style>

package/src/views/layout/components/AppMain.vue

@@ -15,6 +15,15 @@ export default {
     // key() {
     //   return this.$route.name !== undefined ? this.$route.name + +new Date() : this.$route + +new Date()
     // }
+
+    // 解决的问题如下：
+    // 改变路由参数（page?pageCode=xx）去获取对应数据，然后渲染到页面（用的是同一套组件），
+    // 问题来了：当切换菜单时，数据并没有更新，后来看了Vue-router官网，
+    // 有这么一句话：提醒一下，当使用路由参数时，例如从 /user/foo 导航到 user/bar，原来的组件实例会被复用。
+    // 因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，这也意味着组件的生命周期钩子不会再被调用
+    key() {
+      return this.$route.name !== undefined ? this.$route.name + +new Date() : this.$route + +new Date()
+    }
   }
 }
 </script>