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

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

@@ -0,0 +1,499 @@
+<template>
+  <el-dialog
+    :show-close="true"
+    :append-to-body="true"
+    style="width: 100%"
+    :title="$t('workflowEditor.condition.combinationCondition')"
+    model-value
+    @close="closeButtonSetting"
+  >
+    <div style="overflow-y: auto; max-height: 500px">
+      <div class="operation-area">
+        <el-button size="small" type="primary" @click="savebuttonSetting">
+          <span> {{ $t('workflowEditorPublicModel.save') }}</span>
+        </el-button>
+      </div>
+      <div>
+        <el-card class="box-card" shadow="never">
+          <template #header>
+            <div class="clearfix">
+              <span>{{ $t('workflowEditor.condition.personnelScope') }}</span>
+            </div>
+          </template>
+          <div>
+            <common-user-condition v-model="myUserCondition" used-in="transactor" />
+          </div>
+        </el-card>
+        <el-card class="box-card" shadow="never">
+          <template #header>
+            <div class="clearfix">
+              <span>{{ $t('workflowEditor.condition.mainTableConditions') }}</span>
+            </div>
+          </template>
+          <div>
+            <additional-condition v-model="myParentCondition" />
+          </div>
+        </el-card>
+        <el-card v-if="buttonType !== 'notEmpty' && buttonType !== 'add'" class="box-card" shadow="never">
+          <template #header>
+            <div>
+              <span>{{ $t('workflowEditor.condition.subtableCondition') }}</span>
+            </div>
+          </template>
+          <div>
+            <el-row style="padding-bottom: 8px">
+              <el-button type="primary" size="small" plain icon="CirclePlus" @click="add">
+                {{ $t('workflowEditorPublicModel.add') }}
+              </el-button>
+              <el-button type="primary" size="small" plain icon="Delete" @click="remove">
+                {{ $t('workflowEditorPublicModel.delete') }}
+              </el-button>
+            </el-row>
+            <el-table
+              id="tableDataDialog"
+              ref="table"
+              :data="tableData"
+              border
+              style="width: 100%"
+              highlight-current-row
+              @current-change="handleCurrentChange"
+            >
+              <el-table-column prop="leftBracket" label="(" width="90">
+                <template v-slot="scope">
+                  <el-select v-model="scope.row.leftBracket" size="small" clearable @focus="selectRow(scope.row)">
+                    <el-option label="" value="" />
+                    <el-option label="(" value="(" />
+                    <el-option label="((" value="((" />
+                    <el-option label="(((" value="(((" />
+                  </el-select>
+                </template>
+              </el-table-column>
+              <el-table-column :label="$t('workflowEditor.common.fieldName')" width="200">
+                <template v-slot="scope">
+                  <el-select
+                    v-model="scope.row.propName"
+                    :filter-method="searchField"
+                    size="small"
+                    clearable
+                    filterable
+                    @focus="selectRow(scope.row)"
+                    @change="changeFieldName(scope.$index)"
+                  >
+                    <el-option v-for="item in attributeArr" :key="item.value" :label="item.label" :value="item.value" />
+                  </el-select>
+                </template>
+              </el-table-column>
+              <el-table-column :label="$t('workflowEditor.common.operator')" width="110">
+                <template v-slot="scope">
+                  <el-select v-model="scope.row.operator" size="small" clearable @focus="selectRow(scope.row)">
+                    <el-option
+                      v-for="option in operationArr[scope.$index]"
+                      :key="option.name"
+                      :label="option.label"
+                      :value="option.name"
+                    />
+                  </el-select>
+                </template>
+              </el-table-column>
+              <el-table-column :label="$t('workflowEditor.common.value')">
+                <template v-slot="scope">
+                  <el-select
+                    v-if="!scope.row.propValueType"
+                    v-model="scope.row.propValueType"
+                    size="small"
+                    @focus="selectRow(scope.row)"
+                  >
+                    <el-option :label="$t('workflowEditor.condition.fillInManually')" value="input" />
+                    <el-option :label="$t('workflowEditor.condition.environmentVariable')" value="context" />
+                    <el-option :label="$t('workflowEditor.condition.requestParameters')" value="request" />
+                    <el-option :label="$t('workflowEditor.condition.mainTableField')" value="obj" />
+                    <el-option :label="$t('workflowEditor.condition.databaseFields')" value="subObj" />
+                    <el-option :label="$t('workflowEditor.condition.taskFields')" value="task" />
+                    <el-option :label="$t('workflowEditor.condition.systemParameter')" value="custom" />
+                  </el-select>
+                  <el-select
+                    v-if="scope.row.propValueType === 'context'"
+                    v-model="scope.row.propValue"
+                    clearable
+                    size="small"
+                    :title="scope.row.propValue"
+                    filterable
+                    default-first-option
+                    allow-create
+                    @change="changePropValue(scope.$index)"
+                    @focus="selectRow(scope.row)"
+                  >
+                    <el-option :label="$t('workflowEditor.condition.currentTime')" value="${context.currentTime}" />
+                    <el-option
+                      :label="$t('workflowEditor.condition.currentTransactor')"
+                      value="${context.currentTransactor}"
+                    />
+                    <el-option
+                      :label="$t('workflowEditor.condition.currentTransactorName')"
+                      value="${context.currentTransactorName}"
+                    />
+                    <el-option
+                      :label="$t('workflowEditor.condition.currentTransactorId')"
+                      value="${context.currentTransactorId}"
+                    />
+                    <el-option
+                      :label="$t('workflowEditor.condition.currentTransactorMainDepartmentId')"
+                      value="${context.currentTransactorMainDepartmentId}"
+                    />
+                    <el-option
+                      :label="$t('workflowEditor.condition.currentTransactorMainDepartment')"
+                      value="${context.currentTransactorMainDepartment}"
+                    />
+                    <el-option
+                      :label="$t('workflowEditor.condition.currentTransactorRoleId')"
+                      value="${context.currentTransactorRoleId}"
+                    />
+                    <el-option
+                      :label="$t('workflowEditor.condition.currentTransactorRole')"
+                      value="${context.currentTransactorRole}"
+                    />
+                    <el-option
+                      :label="$t('workflowEditor.condition.currentTransactorWorkGroupId')"
+                      value="${context.currentTransactorWorkGroupId}"
+                    />
+                    <el-option
+                      :label="$t('workflowEditor.condition.currentTransactorWorkGroup')"
+                      value="${context.currentTransactorWorkGroup}"
+                    />
+                  </el-select>
+                  <el-select
+                    v-if="scope.row.propValueType === 'task'"
+                    v-model="scope.row.propValue"
+                    clearable
+                    size="small"
+                    :title="scope.row.propValue"
+                    filterable
+                    default-first-option
+                    allow-create
+                    @change="changePropValue(scope.$index)"
+                    @focus="selectRow(scope.row)"
+                  >
+                    <el-option :label="$t('workflowEditor.condition.currentHandler')" value="${task.transactor}" />
+                    <el-option :label="$t('workflowEditor.condition.currentTaskClient')" value="${task.trustor}" />
+                    <el-option :label="$t('workflowEditor.condition.currentAssignor')" value="${task.assigner}" />
+                    <el-option :label="$t('workflowEditor.condition.linkName')" value="${task.name}" />
+                    <el-option :label="$t('workflowEditor.condition.linkCode')" value="${task.nodeId}" />
+                  </el-select>
+                  <el-date-picker
+                    v-if="scope.row.dataType === 'DATE' && scope.row.propValueType === 'input'"
+                    v-model="scope.row.propValue"
+                    size="small"
+                    clearable
+                    value-format="YYYY-MM-DD"
+                    :title="scope.row.propValue"
+                    type="date"
+                    @change="changePropValue(scope.$index)"
+                  />
+                  <el-date-picker
+                    v-if="scope.row.dataType === 'TIME' && scope.row.propValueType === 'input'"
+                    v-model="scope.row.propValue"
+                    size="small"
+                    :title="scope.row.propValue"
+                    clearable
+                    value-format="YYYY-MM-DD HH:mm:ss"
+                    type="datetime"
+                    @change="changePropValue(scope.$index)"
+                  />
+                  <el-input
+                    v-if="
+                      scope.row.dataType !== 'TIME' &&
+                      scope.row.dataType !== 'DATE' &&
+                      scope.row.propValueType === 'input'
+                    "
+                    v-model.trim="scope.row.propValue"
+                    :title="scope.row.propValue"
+                    clearable
+                    size="small"
+                    @change="changePropValue(scope.$index)"
+                  />
+                  <el-input
+                    v-if="scope.row.propValueType === 'request'"
+                    v-model.trim="scope.row.propValue"
+                    :title="scope.row.propValue"
+                    clearable
+                    size="small"
+                    @change="changePropValue(scope.$index)"
+                  />
+                  <el-select
+                    v-if="scope.row.propValueType === 'subObj'"
+                    v-model="scope.row.propValue"
+                    :title="scope.row.propValue"
+                    :filter-method="searchField"
+                    size="small"
+                    clearable
+                    filterable
+                    @change="changePropValue(scope.$index)"
+                  >
+                    <el-option
+                      v-for="item in attributeArr"
+                      :key="'${subObj.' + item.value + '}'"
+                      :label="item.label"
+                      :value="'${subObj.' + item.value + '}'"
+                    />
+                  </el-select>
+                  <el-select
+                    v-if="scope.row.propValueType === 'obj'"
+                    v-model="scope.row.propValue"
+                    :title="scope.row.propValue"
+                    size="small"
+                    clearable
+                    filterable
+                    @change="changePropValue(scope.$index)"
+                  >
+                    <el-option
+                      v-for="item in parentAttributeArr"
+                      :key="'${obj.' + item.value + '}'"
+                      :label="item.label"
+                      :value="'${obj.' + item.value + '}'"
+                    />
+                  </el-select>
+                  <el-select
+                    v-if="scope.row.propValueType === 'custom'"
+                    v-model="scope.row.propValue"
+                    :title="scope.row.propValue"
+                    size="small"
+                    clearable
+                    filterable
+                    @change="changePropValue(scope.$index)"
+                  >
+                    <el-option
+                      v-for="key in propSettingKeyList"
+                      :key="'${custom.' + key + '}'"
+                      :label="key"
+                      :value="'${custom.' + key + '}'"
+                    />
+                  </el-select>
+                </template>
+              </el-table-column>
+              <el-table-column prop="rightBracket" label=")" width="90" @focus="selectRow(scope.row)">
+                <template v-slot="scope">
+                  <el-select v-model="scope.row.rightBracket" size="small" clearable>
+                    <el-option label="" value="" />
+                    <el-option label=")" value=")" />
+                    <el-option label="))" value="))" />
+                    <el-option label=")))" value=")))" />
+                  </el-select>
+                </template>
+              </el-table-column>
+              <el-table-column :label="$t('workflowEditorPublicModel.andOr')" prop="logicOperator" width="110">
+                <template v-slot="scope">
+                  <el-select v-model="scope.row.logicOperator" size="small" clearable @focus="selectRow(scope.row)">
+                    <el-option :label="$t('workflowEditor.process.perhaps')" value="condition.operator.or" />
+                    <el-option :label="$t('workflowEditor.process.also')" value="condition.operator.and" />
+                  </el-select>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+        </el-card>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+<script>
+// import modulePageService from '@/subsystems/mms/api/module-page'
+import componentsConfigUtil from './componentsConfigUtil'
+import AdditionalCondition from '../common/additional-condition'
+import CommonUserCondition from '../common/common-user-condition'
+import { mapGetters } from 'vuex'
+
+export default {
+  components: {
+    AdditionalCondition,
+    CommonUserCondition
+  },
+  props: {
+    conditionList: {
+      type: [Array, String],
+      default: null
+    },
+    userCondition: {
+      type: String,
+      default: null
+    },
+    parentCondition: {
+      type: String,
+      default: null
+    },
+    attributeMap: {
+      type: Object,
+      default: null
+    },
+    buttonType: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    let myUserCondition
+    if (this.userCondition && this.userCondition !== '') {
+      myUserCondition = this.userCondition
+    }
+    let myParentCondition
+    if (this.parentCondition && this.parentCondition !== '') {
+      myParentCondition = this.parentCondition
+    }
+    return {
+      myUserCondition,
+      myParentCondition,
+      tableData: null,
+      attributeArr: [],
+      fieldMap: {},
+      fieldNameMap: {},
+      queryList: [],
+      operationArr: [],
+      parentAttributeArr: [],
+      dialogVisible: true
+    }
+  },
+  created() {
+    this.getAttributeArr()
+    // if (this.tableData === null || this.tableData === undefined) {
+    //   this.add()
+    // }
+  },
+  computed: {
+    ...mapGetters('wfEditor', ['propSettingKeyList'])
+  },
+  mounted() {
+    if (this.conditionList) {
+      if (typeof this.conditionList === 'object') {
+        this.tableData = this.conditionList
+      } else {
+        this.tableData = this.xmlToData(this.conditionList)
+      }
+      this.getOperatorsArr(this.tableData)
+    }
+  },
+  methods: {
+    ...componentsConfigUtil,
+    // 添加
+    add() {
+      if (!this.tableData) {
+        this.tableData = []
+      }
+      this.tableData.push({
+        leftBracket: '',
+        propName: '',
+        operator: '',
+        propValue: '',
+        rightBracket: '',
+        logicOperator: 'condition.operator.or',
+        dataType: '',
+        propDbName: ''
+      })
+      this.operationArr.push([])
+    },
+    // 删除
+    remove() {
+      if (this.currentRow === null) {
+        this.$alert(this.$t('workflowEditorMessage.pleaseSelectARow'))
+        return
+      }
+      let index = this.getRowIndex(this.currentRow)
+      this.tableData.splice(index, 1)
+      if (this.tableData.length > 0) {
+        index = index <= this.tableData.length - 1 ? index : this.tableData.length - 1
+        this.$refs.table.setCurrentRow(this.tableData[index])
+      }
+    },
+    // 改变选择的属性
+    changeFieldName(index) {
+      // const selectData = this.$refs.table.store.states.data
+      const propName = this.currentRow.propName
+      const item = this.fieldMap[propName]
+      if (item) {
+        this.tableData[index].dataType = item.type
+        this.tableData[index].propDbName = item.propDbName
+      }
+      this.operationArr[index] = this.getOperators(item)
+    },
+    // 根据code获取属性
+    getAttributeArr() {
+      if (this.attributeMap && this.attributeMap.attributeArr) {
+        this.attributeArr = this.attributeMap.attributeArr
+        this.queryList = this.attributeMap.attributeArr
+        this.fieldMap = this.attributeMap.fieldMap
+        this.fieldNameMap = this.attributeMap.fieldNameMap
+        this.parentAttributeArr = this.attributeMap.parentAttributeArr
+      }
+    },
+    // 选择行
+    selectRow(row) {
+      this.attributeArr = this.queryList
+      this.$refs.table.setCurrentRow(row)
+    },
+    handleCurrentChange(val) {
+      this.currentRow = val
+    },
+    // 属性搜索方法
+    searchField(query) {
+      if (query) {
+        this.attributeArr = this.queryList.filter((item) => {
+          return item.label.indexOf(query) > -1 || item.value.indexOf(query) > -1
+        })
+      }
+    },
+    getRowIndex(row) {
+      for (let i = 0; i < this.tableData.length; i++) {
+        if (this.tableData[i].propName === row.propName) {
+          return i
+        }
+      }
+      return -1
+    },
+    // 保存关闭方法
+    savebuttonSetting() {
+      if (this.tableData && this.tableData.length > 0) {
+        for (var i = 0; i < this.tableData.length; i++) {
+          const item = this.tableData[i]
+          if (!item.propName) {
+            this.$alert(this.$t('workflowEditorMessage.blankFieldNameOrValue'))
+            return
+          }
+        }
+      }
+      const param = {
+        userCondition: this.myUserCondition,
+        parentCondition: this.myParentCondition,
+        condition: this.tableData
+      }
+      this.$emit('close', param)
+    },
+    closeButtonSetting() {
+      this.savebuttonSetting()
+      this.$emit('close', null)
+    },
+    changePropValue(index) {
+      if (this.tableData[index] && this.tableData[index].propValue) {
+        if (this.tableData[index].propValueType) {
+          if (this.tableData[index].propValueType === 'request') {
+            if (this.tableData[index].propValue.indexOf('${request.') === -1) {
+              this.tableData[index].propValue = '${request.' + this.tableData[index].propValue
+            }
+            if (this.tableData[index].propValue.indexOf('}') === -1) {
+              this.tableData[index].propValue = this.tableData[index].propValue + '}'
+            }
+          }
+          if (this.tableData[index].propValueType === 'input') {
+            if (this.tableData[index].propValue.indexOf('${input.') === -1) {
+              this.tableData[index].propValue = '${input.' + this.tableData[index].propValue
+            }
+            if (this.tableData[index].propValue.indexOf('}') === -1) {
+              this.tableData[index].propValue = this.tableData[index].propValue + '}'
+            }
+          }
+        }
+      } else {
+        this.tableData[index]['propValueType'] = null
+        // this.$set(this.tableData[index], 'propValueType', null)
+      }
+    }
+  }
+}
+</script>

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

@@ -0,0 +1,107 @@
+<template>
+  <el-dialog
+    model-value
+    top="10vh"
+    :title="$t('workflowEditor.task.linkAttribute')"
+    :center="true"
+    append-to-body
+    class="properties-editor"
+    @open="$emit('open')"
+    @opend="$emit('opend')"
+    @close="$emit('close')"
+    @closed="$emit('closed')"
+  >
+    <el-tabs v-model="activeTab" type="border-card" @tab-click="handleClick">
+      <el-tab-pane :label="$t('workflowEditor.task.basicProperties')" name="basicProperties">
+        <basic-properties
+          v-model:id="model.ref.attr.id"
+          v-model:name="model.ref.attr.name"
+          :model="model.ref.basicProperties"
+        />
+      </el-tab-pane>
+      <el-tab-pane :label="$t('workflowEditor.task.settingOfHandler')" name="transactors">
+        <transactor-settings :model="model.ref.transactorSettings" :basic-properties="model.ref.basicProperties" />
+      </el-tab-pane>
+      <el-tab-pane :label="$t('workflowEditor.task.permissionSettings')" name="permissions">
+        <permission-settings v-model="model.ref.permissionSettings" />
+      </el-tab-pane>
+      <el-tab-pane :label="$t('workflowEditor.task.autoFillInFieldSettings')" name="autoFilledFields">
+        <auto-filled-fields v-model="model.ref.autoFilledFields" v-model:opinion-setting="model.ref.opinionSetting" />
+      </el-tab-pane>
+      <el-tab-pane :label="$t('workflowEditor.task.reminderSettings')" name="reminders">
+        <!-- <reminder v-model="model.ref.reminder" /> -->
+        <notice-reminder v-model:reminder-value="model.ref.reminder" :task-notice-value="model.ref.taskNotice" />
+      </el-tab-pane>
+      <el-tab-pane :label="$t('workflowEditor.task.eventProcessing')" name="events">
+        <events v-model="model.ref.events" />
+      </el-tab-pane>
+      <el-tab-pane :label="$t('workflowEditor.task.linkVariable')" name="variables">
+        <variables v-model="model.ref.variables" />
+      </el-tab-pane>
+    </el-tabs>
+  </el-dialog>
+</template>
+
+<script>
+import BasicProperties from './human-task/basic-properties'
+import PermissionSettings from './human-task/permission-settings'
+import TransactorSettings from './common/transactor-settings'
+import AutoFilledFields from './common/auto-filled-fields.vue'
+// import Reminder from './common/reminder'
+import Variables from './common/variables'
+import Events from './human-task/events'
+import NoticeReminder from './common/notice-reminder.vue'
+export default {
+  name: 'HumanTaskPropertiesEditor',
+  components: {
+    BasicProperties,
+    TransactorSettings,
+    PermissionSettings,
+    AutoFilledFields,
+    // Reminder,
+    Events,
+    Variables,
+    NoticeReminder
+  },
+  props: {
+    model: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    if (!this.model.ref.taskNotice) {
+      this.model.ref.taskNotice = {}
+    }
+    return {
+      activeTab: 'basicProperties',
+      dialogVisible: true
+    }
+  },
+  computed: {
+    formModel() {
+      return this.model.ref
+    }
+  },
+  mounted() {
+    this.$watch('model.ref.attr.id', function (newVal, oldVal) {
+      this.model.id = newVal
+    })
+    this.$watch('model.ref.attr.name', function (newVal, oldVal) {
+      this.model.name = newVal
+    })
+  },
+  methods: {
+    handleClick(tab, event) {
+      // console.log(tab, event)
+    }
+  }
+}
+</script>
+
+<style scoped>
+/* 使用深度作用选择器（vue-loader的功能）">>>"符号重新定义了.el-dialog__body，不影响其他页面的同名样式*/
+.properties-editor :deep(.el-dialog__body) {
+  padding-top: 0;
+}
+</style>

package/packages/workflow-editor/src/properties-editors/join.vue

@@ -0,0 +1,49 @@
+<template>
+  <el-dialog
+    model-value
+    :title="$t('workflowEditor.task.convergedProperties')"
+    :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: 'ForkPropertiesEditor',
+  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>