workflow-editor 0.0.80-up → 0.0.81-up-tmp1

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

@@ -1,499 +0,0 @@
-<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

@@ -1,116 +0,0 @@
-<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" />
-      </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'
-// 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

@@ -1,49 +0,0 @@
-<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>