workflow-editor 0.0.81-up-tmp8 → 0.0.81-up-tmp10

package/packages/workflow-editor/src/properties-editors/human-decision.vue

@@ -0,0 +1,49 @@
+<template>
+  <el-dialog
+    model-value
+    :title="$t('workflowEditor.task.attributesOfManualJudgment')"
+    :center="true"
+    append-to-body
+    @open="$emit('open')"
+    @opend="$emit('opend')"
+    @close="$emit('close')"
+    @closed="$emit('closed')"
+  >
+    <el-form>
+      <el-form-item :label="$t('workflowEditor.task.name')" label-width="40px">
+        <el-input v-model="formModel.attr.name" />
+      </el-form-item>
+    </el-form>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'HumanDecisionPropertiesEditor',
+  props: {
+    model: {
+      type: Object,
+      default: null
+    }
+  },
+  data(){
+    return {
+      dialogVisible: true
+    }
+  },
+  computed: {
+    formModel() {
+      return this.model.ref
+    }
+  },
+  mounted() {
+    this.$watch('model.ref.attr.name', function(newVal) {
+      this.model.name = newVal
+    })
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

package/packages/workflow-editor/src/properties-editors/human-task/additional-condition-dialog.vue

@@ -0,0 +1,62 @@
+<template>
+  <el-dialog
+    width="50%"
+    :title="$t('workflowEditor.task.setConditions')"
+    model-value
+    top="10vh"
+    append-to-body
+    class="properties-editor-noTab"
+    center
+    @close="$emit('close')"
+  >
+    <el-form-item>
+      <additional-condition v-model="condition" />
+    </el-form-item>
+    <template #footer>
+      <el-button type="primary" size="small" @click="setConditions">
+        {{ $t('workflowEditorPublicModel.determine') }}
+      </el-button>
+      <el-button size="small" @click="$emit('close')">
+        {{ $t('workflowEditorPublicModel.cancel') }}
+      </el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import AdditionalCondition from '../common/additional-condition'
+export default {
+  name: 'AdditionalConditionDialog',
+  components: {
+    AdditionalCondition
+  },
+  props: {
+    modelValue: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      condition: this.modelValue,
+      dialogVisible: true
+    }
+  },
+  watch: {
+    value(val) {
+      this.condition = val
+    }
+  },
+  methods: {
+    setConditions() {
+      // this.$emit('input', this.condition)
+      this.$emit('update:modelValue', this.condition)
+      this.$emit('close')
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

package/packages/workflow-editor/src/properties-editors/human-task/basic-properties.vue

@@ -0,0 +1,184 @@
+<template>
+  <el-form :model="formModel" label-width="110px">
+    <el-row>
+      <el-col :span="12">
+        <el-form-item :label="$t('workflowEditor.task.name')">
+          <!-- <el-input v-model="formModel.name" /> -->
+          <i18n-input
+            v-model="formModel.name"
+            :i18n-key="tache.i18nKey ? tache.i18nKey : 'name.' + formModel.id"
+            @setI18n="setI18nValue"
+          />
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item :label="$t('workflowEditor.task.code')">
+          <el-input v-model="formModel.id" @blur="validateId" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-form-item :label="$t('workflowEditor.task.taskTitle')">
+      <task-title v-model="tache.taskTitle" />
+    </el-form-item>
+    <el-form-item :label="$t('workflowEditor.task.canItBeRejected')">
+      <el-switch v-model="tache.rebuttable" />
+    </el-form-item>
+    <el-form-item :label="$t('workflowEditor.task.emailNotification')">
+      <el-switch v-model="tache.mailNotice" />
+    </el-form-item>
+    <el-form-item v-if="tache.mailNotice" :label="$t('workflowEditor.task.selectNoticeTemplate')">
+      <select-mail-templates v-model="tache.mailTemplateCode" @set-value="setMailTemplateCode" />
+    </el-form-item>
+    <el-form-item v-if="tache.mailNotice" :label="$t('workflowEditor.task.selectMailTemplate')">
+      <select-mail-templates v-model="tache.mailPointTemplateCode" @set-value="setMailPointTemplateCode" />
+    </el-form-item>
+    <el-form-item :label="$t('workflowEditor.task.HandlingMethod')">
+      <el-radio-group v-model="tache.processingMode.type">
+        <el-radio label="EDIT">
+          {{ $t('workflowEditor.task.editorial') }}
+        </el-radio>
+        <el-radio label="APPROVE">
+          {{ $t('workflowEditor.task.approvalType') }}
+        </el-radio>
+        <el-radio label="COUNTERSIGN">
+          {{ $t('workflowEditor.task.countersign') }}
+        </el-radio>
+        <el-radio label="VOTE">
+          {{ $t('workflowEditor.task.voting') }}
+        </el-radio>
+      </el-radio-group>
+    </el-form-item>
+    <el-form-item
+      v-if="tache.processingMode.type === 'EDIT' || tache.processingMode.type === 'APPROVE'"
+      :label="$t('workflowEditorMessage.whenThereAreMultipleManagers')"
+    >
+      <el-radio-group v-model="tache.processingMode.moreTransactor">
+        <el-radio :label="false">
+          {{ $t('workflowEditor.task.anyOneCanHandleIt') }}
+        </el-radio>
+        <el-radio :label="true">
+          {{ $t('workflowEditor.task.forAll') }}
+        </el-radio>
+      </el-radio-group>
+    </el-form-item>
+    <el-form-item
+      v-if="tache.processingMode.type === 'COUNTERSIGN' || tache.processingMode.type === 'VOTE'"
+      :label="$t('workflowEditor.task.passRate')"
+    >
+      <el-input-number
+        v-model="tache.processingMode.passRate"
+        :step="10"
+        size="small"
+        :min="0"
+        :max="100"
+      />
+      <span class="percent"> % </span>
+    </el-form-item>
+    <el-form-item :label="$t('workflowEditor.task.modifyOperationName')">
+      <el-switch v-model="showActions" />
+      <custom-actions
+        v-if="showActions"
+        :model="tache.processingMode.actions"
+        @updateAction="updateAction"
+      />
+    </el-form-item>
+    <el-form-item :label="$t('workflowEditor.task.handlingPage')">
+      <el-input v-model="tache.taskUrl" />
+    </el-form-item>
+    <el-form-item :label="$t('workflowEditor.task.remarks')">
+      <el-input v-model="tache.remark" type="textarea" autosize />
+    </el-form-item>
+  </el-form>
+</template>
+<script>
+import TaskTitle from '../common/task-title'
+import CustomActions from './custom-actions'
+import { validateTacheCode } from '../../util'
+import i18nInput from '../common/i18n-input'
+import SelectMailTemplates from '../common/select-mail-template.vue'
+export default {
+  name: 'BasicProperties',
+  components: {
+    TaskTitle,
+    CustomActions,
+    i18nInput,
+    SelectMailTemplates
+  },
+  props: {
+    model: {
+      type: Object,
+      default: null
+    },
+    id: {
+      type: String,
+      default: null
+    },
+    name: {
+      type: String,
+      default: null
+    }
+  },
+  data() {
+    let showActions = false
+    const actions = this.model.processingMode.actions.action
+    if (actions) {
+      if (Array.isArray(actions) && actions.length === 0) {
+        showActions = false
+      } else {
+        showActions = true
+      }
+    }
+    return {
+      showActions,
+      formModel: {
+        name: this.name,
+        id: this.id,
+        tache: this.model
+      }
+    }
+  },
+  computed: {
+    tache() {
+      return this.model
+    }
+  },
+  created() {
+    if (!this.tache.processingMode.actions) {
+      this.tache.processingMode.actions = {}
+      // this.$set(this.tache.processingMode, 'actions', {})
+    }
+  },
+  mounted() {
+    // 支持.snyc修饰符的写法
+    this.$watch('formModel.name', function (newVal, oldVal) {
+      this.$emit('update:name', newVal)
+    })
+  },
+  methods: {
+    // 原来使用$watch来监听id的更改是不行的：input框每输入一个字符都会导致$watch的触发，输入过程中不应该触发（这时候没有输入完成，做的id重复判断是无效的），而是等blur后触发才能保证正确性
+    validateId() {
+      validateTacheCode(this)
+    },
+    // 关闭选择邮件模板弹框
+    setMailTemplateCode(mailTemplateCode) {
+      this.tache.mailTemplateCode = mailTemplateCode
+    },
+    setMailPointTemplateCode(mailTemplateCode){
+      this.tache.mailPointTemplateCode = mailTemplateCode
+    },
+    setI18nValue(i18nKey) {
+      this.tache.i18nKey = i18nKey
+    },
+    updateAction(action) {
+      this.tache.processingMode.actions.action = action
+    }
+  }
+}
+</script>
+<style scoped>
+.percent {
+  margin-left: 10px;
+  color: red;
+  font-size: 1.2em;
+}
+</style>

package/packages/workflow-editor/src/properties-editors/human-task/componentsConfigUtil.js

@@ -0,0 +1,359 @@
+// import modulePageService from '@/subsystems/mms/api/module-page'
+import { getI18n } from '../../../../workflow-editor/src/util'
+const utiljs = {
+  // 格式化json
+  xmlToData(xmlData) {
+    const tableData = []
+    if (xmlData) {
+      const arr = xmlData.split(' ')
+      if (arr && arr.length > 0) {
+        let num = 1
+        let leftBracket = ''
+        let propName = ''
+        let operator = ''
+        let propValue = ''
+        let rightBracket = ''
+        let logicOperator = ''
+        let propValueType = null
+        for (var i = 0; i < arr.length; i++) {
+          var str = arr[i]
+          if (str.indexOf('(') !== -1) {
+            if (this.operationArr) {
+              this.operationArr.push([])
+            }
+            leftBracket = ''
+            propName = ''
+            operator = ''
+            propValue = ''
+            rightBracket = ''
+            logicOperator = ''
+            const leftarr = str.split('${field[')
+            leftBracket = leftarr[0]
+            propName = leftarr[1].replace(']}', '')
+            if (this.operationArr) {
+              const operatorsArr = this.getOperators(this.fieldMap[propName])
+              this.operationArr[num - 1] = operatorsArr
+            }
+            continue
+          }
+          if (str.indexOf('(') === -1 && str.indexOf('${field[') !== -1) {
+            if (this.operationArr) {
+              this.operationArr.push([])
+            }
+            leftBracket = ''
+            propName = ''
+            operator = ''
+            propValue = ''
+            rightBracket = ''
+            logicOperator = ''
+            propName = str.replace('${field[', '').replace(']}', '')
+            if (this.operationArr) {
+              const operatorsArr = this.getOperators(this.fieldMap[propName])
+              this.operationArr[num - 1] = operatorsArr
+            }
+            continue
+          }
+          if (str.indexOf('operator.') !== -1 && str.indexOf('condition.') === -1) {
+            operator = str
+            continue
+          }
+          if (operator !== '' && propValue === '') {
+            if (str.indexOf(')') !== -1) {
+              if (str.indexOf(')))') !== -1) {
+                propValue = str.replace(')))', '')
+                rightBracket = ')))'
+              } else if (str.indexOf('))') !== -1) {
+                propValue = str.replace('))', '')
+                rightBracket = '))'
+              } else if (str.indexOf(')') !== -1) {
+                propValue = str.replace(')', '')
+                rightBracket = ')'
+              }
+            } else {
+              propValue = str
+            }
+            if (propValue && propValue !== '') {
+              if (propValue.indexOf('${task.') !== -1) {
+                propValueType = 'task'
+              } else if (propValue.indexOf('${context.') !== -1) {
+                propValueType = 'context'
+              } else if (propValue.indexOf('${obj.') !== -1) {
+                propValueType = 'obj'
+              } else if (propValue.indexOf('${subObj.') !== -1) {
+                propValueType = 'subObj'
+              } else if (propValue.indexOf('${request.') !== -1) {
+                propValueType = 'request'
+              } else if (propValue.indexOf('${input.') !== -1) {
+                propValueType = 'input'
+              } else if (propValue.indexOf('${custom.') !== -1) {
+                propValueType = 'custom'
+              }
+            }
+            continue
+          }
+          if (str.indexOf('condition.') !== -1) {
+            logicOperator = str
+            tableData.push({
+              id: num,
+              leftBracket: leftBracket,
+              propName: propName,
+              operator: operator,
+              propValue: propValue,
+              rightBracket: rightBracket,
+              logicOperator: logicOperator,
+              propValueType: propValueType
+            })
+            num += 1
+          } else if (propValue && propValue !== '') {
+            if (!logicOperator || logicOperator === '') {
+              logicOperator = 'condition.operator.or'
+              tableData.push({
+                id: num,
+                leftBracket: leftBracket,
+                propName: propName,
+                operator: operator,
+                propValue: propValue,
+                rightBracket: rightBracket,
+                logicOperator: logicOperator,
+                propValueType: propValueType
+              })
+              num += 1
+            }
+          }
+        }
+      }
+    }
+    return tableData
+  },
+  getOperatorsArr(conditionList) {
+    if (conditionList && conditionList.length > 0) {
+      for (var i = 0; i < conditionList.length; i++) {
+        this.operationArr.push([])
+        const item = conditionList[i]
+        const operatorsArr = this.getOperators(this.fieldMap[item.propName])
+        this.operationArr[i] = operatorsArr
+      }
+    }
+  },
+  getRetunrOperatorsArr(conditionList, fieldMap) {
+    const operationArr = []
+    if (conditionList && conditionList.length > 0) {
+      for (var i = 0; i < conditionList.length; i++) {
+        operationArr.push([])
+        const item = conditionList[i]
+        const operatorsArr = this.getOperators(fieldMap[item.propName])
+        operationArr[i] = operatorsArr
+      }
+    }
+    return operationArr
+  },
+  dataToXml(tableData) {
+    let stringData = ''
+    if (tableData && tableData.length > 0) {
+      for (var i = 0; i < tableData.length; i++) {
+        var item = tableData[i]
+        let logicOperator = item.logicOperator
+        if (i === tableData.length - 1) {
+          logicOperator = ''
+        }
+
+        stringData =
+          stringData +
+          item.leftBracket +
+          '${field[' +
+          item.propName +
+          ']} ' +
+          item.operator +
+          ' ' +
+          item.propValue +
+          item.rightBracket +
+          ' ' +
+          logicOperator +
+          ' '
+      }
+    }
+    return stringData
+  },
+  formatConditionList(conditionList) {
+    let returnStr = ''
+    if (conditionList) {
+      if (typeof conditionList === 'string') {
+        // 先进行转换再解析
+        const dataList = this.xmlToData(conditionList)
+        returnStr = this.formatConditionListTwo(dataList)
+      } else {
+        returnStr = this.formatConditionListTwo(conditionList)
+      }
+    }
+    if (returnStr && returnStr !== '') {
+      const endStr = returnStr.substring(returnStr.length - 1)
+      if (endStr === '者' || endStr === '且') {
+        returnStr = returnStr.substring(0, returnStr.length - 2)
+      }
+    }
+    return returnStr
+  },
+  formatConditionListTwo(conditionList) {
+    let returnStr = ''
+    if (conditionList && conditionList.length > 0) {
+      for (var i = 0; i < conditionList.length; i++) {
+        const item = conditionList[i]
+        if (item && item.propName) {
+          const operatorsArr = this.getOperators(this.fieldMap[item.propName])
+          if (operatorsArr && operatorsArr.length > 0) {
+            const operator = operatorsArr.filter((operItem) => {
+              return operItem.name === item.operator
+            })
+            returnStr += item.leftBracket
+            if (this.fieldMap[item.propName] && this.fieldMap[item.propName].label) {
+              returnStr += this.fieldMap[item.propName].label + ' '
+            }
+
+            if (operator && operator.length > 0) {
+              returnStr += operator[0].label + ' '
+            }
+            returnStr += item.propValue + item.rightBracket + ' '
+            if (item.logicOperator) {
+              if (item.logicOperator === 'or') {
+                returnStr += '或者'
+              } else {
+                returnStr += '并且'
+              }
+            }
+          }
+        }
+      }
+    }
+    return returnStr
+  },
+  // 实时根据类型改变连接符
+  getOperators(item) {
+    if (item) {
+      if (item.type === 'INTEGER' || item.type === 'LONG' || item.type === 'DOUBLE' || item.type === 'FLOAT') {
+        return [
+          {
+            name: 'operator.number.gt',
+            label: getI18n().t('workflowEditor.process.greaterThan')
+          },
+          {
+            name: 'operator.number.lt',
+            label: getI18n().t('workflowEditor.process.lessThan')
+          },
+          {
+            name: 'operator.number.eq',
+            label: getI18n().t('workflowEditor.process.beEqualTo')
+          },
+          {
+            name: 'operator.number.le',
+            label: getI18n().t('workflowEditor.process.notGreaterThan')
+          },
+          {
+            name: 'operator.number.ge',
+            label: getI18n().t('workflowEditor.process.notLessThan')
+          },
+          {
+            name: 'operator.number.ne',
+            label: getI18n().t('workflowEditor.process.notEqualTo')
+          },
+          {
+            name: 'operator.text.is.null',
+            label: getI18n().t('workflowEditor.process.isNull')
+          },
+          {
+            name: 'operator.text.not.null',
+            label: getI18n().t('workflowEditor.process.isNotNull')
+          }
+        ]
+      } else if (item.type === 'DATE' || item.type === 'TIME') {
+        return [
+          {
+            name: 'operator.date.gt',
+            label: getI18n().t('workflowEditor.process.laterThan')
+          },
+          {
+            name: 'operator.date.lt',
+            label: getI18n().t('workflowEditor.process.earlierThan')
+          },
+          {
+            name: 'operator.date.eq',
+            label: getI18n().t('workflowEditor.process.beEqualTo')
+          },
+          {
+            name: 'operator.date.le',
+            label: getI18n().t('workflowEditor.process.noLaterThan')
+          },
+          {
+            name: 'operator.date.ge',
+            label: getI18n().t('workflowEditor.process.noEarlierThan')
+          },
+          {
+            name: 'operator.text.is.null',
+            label: getI18n().t('workflowEditor.process.isNull')
+          },
+          {
+            name: 'operator.text.not.null',
+            label: getI18n().t('workflowEditor.process.isNotNull')
+          }
+        ]
+      } else if (item.type === 'TEXT') {
+        return [
+          {
+            name: 'operator.text.eq',
+            label: getI18n().t('workflowEditor.process.beEqualTo')
+          },
+          {
+            name: 'operator.text.neq',
+            label: getI18n().t('workflowEditor.process.notEqualTo')
+          },
+          {
+            name: 'operator.text.contain',
+            label: getI18n().t('workflowEditor.process.contain')
+          },
+          {
+            name: 'operator.text.contain.not',
+            label: getI18n().t('workflowEditor.process.notIncluded')
+          },
+          {
+            name: 'operator.text.is.null',
+            label: getI18n().t('workflowEditor.process.isNull')
+          },
+          {
+            name: 'operator.text.not.null',
+            label: getI18n().t('workflowEditor.process.isNotNull')
+          }
+        ]
+      } else {
+        return [
+          {
+            name: 'operator.text.eq',
+            label: getI18n().t('workflowEditor.process.beEqualTo')
+          },
+          {
+            name: 'operator.text.neq',
+            label: getI18n().t('workflowEditor.process.notEqualTo')
+          },
+          {
+            name: 'operator.text.is.null',
+            label: getI18n().t('workflowEditor.process.isNull')
+          },
+          {
+            name: 'operator.text.not.null',
+            label: getI18n().t('workflowEditor.process.isNotNull')
+          }
+        ]
+      }
+    } else {
+      return [
+        {
+          name: 'operator.text.eq',
+          label: getI18n().t('workflowEditor.process.beEqualTo')
+        },
+        {
+          name: 'operator.text.neq',
+          label: getI18n().t('workflowEditor.process.notEqualTo')
+        }
+      ]
+    }
+  }
+}
+export default utiljs