workflow-editor 0.9.67-dw → 0.9.67

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

@@ -0,0 +1,103 @@
+<template>
+  <el-dialog
+    visible
+    top="10vh"
+    :title="$t('workflowEditor.task.linkAttribute')"
+    :center="true"
+    append-to-body
+    custom-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
+          :id.sync="model.ref.attr.id"
+          :name.sync="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" />
+      </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" />
+      </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'
+export default {
+  name: 'HumanTaskPropertiesEditor',
+  components: {
+    BasicProperties,
+    TransactorSettings,
+    PermissionSettings,
+    AutoFilledFields,
+    Reminder,
+    Events,
+    Variables
+
+  },
+  props: {
+    model: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    console.log(this.model)
+    return {
+      activeTab: 'basicProperties'
+    }
+  },
+  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 >>> .el-dialog__body{
+  padding-top: 0
+}
+</style>
+

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

@@ -0,0 +1,44 @@
+<template>
+  <el-dialog
+    visible
+    :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
+    }
+  },
+  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/process/basic-properties.vue

@@ -0,0 +1,273 @@
+<template>
+  <el-form :model="formModel" label-width="100px">
+    <el-row>
+      <el-col :span="12">
+        <el-form-item :label="$t('workflowEditor.process.processName')" prop="name" :rules="[requiredRule]">
+          <!-- <el-input v-model.trim="formModel.name" /> -->
+          <i18n-input v-model.trim="formModel.name" :i18n-key="model.i18nKey?model.i18nKey:'processName'" @setI18n="setI18nValue" /> <!--:tache-code="'222333'"-->
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item :label="$t('workflowEditor.process.processCode')" prop="code" :rules="[requiredRule]">
+          <el-input v-model.trim="formModel.code" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="12">
+        <el-form-item :label="$t('workflowEditor.process.processAdministrator')" :rules="[requiredRule]">
+          <el-input v-model="formModel.adminName" readonly suffix-icon="el-icon-search" @focus="selectAdmin" />
+          <department-user-tree v-if="isSelectAdmin" width="30%" :multiple="false" @close="addAdmin" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item :label="$t('workflowEditor.process.creater')">
+          <el-input v-model="model.creator" readonly />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="12">
+        <el-form-item :label="$t('workflowEditor.process.correspondingForm')" :rules="[requiredRule]">
+          <el-cascader
+            v-model="selectedForm"
+            :show-all-levels="false"
+            :options="allForms"
+            @change="handleChange"
+          />
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item :label="$t('workflowEditor.process.processType')">
+          <el-select v-model="model.processTypeCode" :placeholder="$t('workflowEditorMessage.pleaseSelect')">
+            <el-option
+              v-for="item in allProcessTypes"
+              :key="item.code"
+              :label="item.name"
+              :value="item.code"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="12">
+        <el-form-item :label="$t('workflowEditor.process.system')" prop="model.systemCode" :rules="[requiredRule]">
+          <el-select v-model="model.systemCode" :placeholder="$t('workflowEditorMessage.pleaseSelect')">
+            <el-option
+              v-for="item in allSystems"
+              :key="item.code"
+              :label="item.name"
+              :value="item.code"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item :label="$t('workflowEditor.process.affiliatedBranch')">
+          <el-select v-model="model.branchCode" clearable :placeholder="$t('workflowEditorMessage.pleaseSelect')">
+            <el-option
+              v-for="item in allBranches"
+              :key="item.code"
+              :label="item.name"
+              :value="item.code"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-form-item :label="$t('workflowEditor.process.customCategory')">
+      <el-input v-model="model.customType" />
+    </el-form-item>
+  </el-form>
+</template>
+<script>
+import { mapMutations } from 'vuex'
+import processService from '../../process-service'
+import { getI18n } from '../../../../workflow-editor/src/util'
+import i18nInput from '../common/i18n-input'
+import { getUsername } from 'imatrix-ui/src/utils/auth'
+export default {
+  name: 'BasicProperties',
+  components: {
+    i18nInput
+  },
+  props: {
+    model: {
+      type: Object,
+      default: null
+    },
+    name: {
+      type: String,
+      default: null
+    },
+    code: {
+      type: String,
+      default: null
+    }
+  },
+  data() {
+    return {
+      formModel: {
+        name: this.name,
+        code: this.code,
+        model: this.model
+      },
+      allForms: [],
+      allProcessTypes: [],
+      allSystems: [],
+      allBranches: [],
+      nameError: null,
+      codeError: null,
+      systemError: null,
+      adminError: null,
+      formError: null,
+      requiredRule: {
+        required: true,
+        message: getI18n().t('workflowEditor.process.cannotBeEmpty'),
+        trigger: 'blur'
+      },
+      isSelectAdmin: false,
+      selectedForm: []
+    }
+  },
+  created() {
+    this.getAdminNameWhenUpdate()
+    this.listAllForms()
+    this.listAllProcessTypes()
+    this.listAllSystems()
+    this.listAllBranches()
+    // TODO 流程创建人先写死，现在的资源路径都是匿名的无法获得当前用户
+    // this.model.creator = 'admin'
+    if(!this.model.creator){
+      this.model.creator = getUsername()
+    }
+    this.setProcessCode(this.formModel.code)
+    this.setSystemCode(this.model.systemCode)
+  },
+  mounted() {
+    // 支持.snyc修饰符的写法
+    this.$watch('formModel.name', function(newVal, oldVal) {
+      this.$emit('update:name', newVal)
+    })
+    this.$watch('formModel.code', function(newVal, oldVal) {
+      this.$emit('update:code', newVal)
+      this.setProcessCode(newVal)
+    })
+    this.$watch('model.systemCode', function(newVal, oldVal) {
+      this.setSystemCode(newVal)
+    })
+  },
+  methods: {
+    ...mapMutations('wfEditor', [
+      'setFormFields',
+      'setSystemCode',
+      'setProcessCode'
+    ]),
+    handleChange(values) {
+      // values格式为：['系统编码','系统编码/表单编码/表单版本']
+      console.log(values)
+      const formInfo = values[1]
+      this.model.formCode = formInfo.substring(formInfo.indexOf('/') + 1, formInfo.lastIndexOf('/'))
+      this.model.formVersion = formInfo.substring(formInfo.lastIndexOf('/') + 1)
+      // 表单改变时，重新获取表单字段并放到vuex中
+      processService.fetchFormFields(this.model.formCode, this.model.formVersion)
+    },
+    // 弹出人员树
+    selectAdmin() {
+      this.isSelectAdmin = true
+    },
+    addAdmin(selectNodeInfo) {
+      if (selectNodeInfo) {
+        selectNodeInfo.containBranch = true
+        let loginName = selectNodeInfo.loginName
+        const user = selectNodeInfo.user
+        if (selectNodeInfo.containBranch) {
+          if (user.subCompanyCode) {
+            loginName = selectNodeInfo.loginName + '~~' + user.subCompanyCode
+          } else {
+            loginName = selectNodeInfo.loginName + '~~' + user.tenantCode
+          }
+        }
+        this.model.admin = loginName
+        console.log(loginName)
+        this.formModel.adminName = selectNodeInfo.name
+      }
+      this.isSelectAdmin = false
+    },
+    // 获得对应表单列表
+    listAllForms() {
+      this.$http.get(this.baseAPI + '/wf-editor/workflow-editors/forms').then(systemAndForms => {
+        // 设置表单信息
+        const selectedFormInfo = this.model.formCode + '/' + this.model.formVersion
+        // 修改时，获得默认选中的表单项
+        this.setDefaultSelectedFormWhenUpdate(systemAndForms, selectedFormInfo)
+        this.allForms = systemAndForms
+      })
+    },
+    // 修改时，获得默认选中的表单项
+    setDefaultSelectedFormWhenUpdate(systemAndForms, selectFormInfo) {
+      let selectedForm
+      let selectedSystemCode
+      for (var i = 0; i < systemAndForms.length; i++) {
+        const systemCode = systemAndForms[i].value
+        const forms = systemAndForms[i].children
+        const selectedForms = forms.filter(this.filterForm(selectFormInfo))
+        if (selectedForms.length > 0) {
+          selectedSystemCode = systemCode
+          selectedForm = selectedForms[0]
+          break
+        }
+      }
+      if (selectedForm) {
+        const result = []
+        result.push(selectedSystemCode + '')
+        result.push(selectedSystemCode + '/' + selectFormInfo)
+        this.selectedForm = result
+      }
+    },
+    // 过滤表单
+    filterForm(selectFormInfo) {
+      return (form) => {
+        // systemAndformInfo格式为“systemCode/表单编号/表单版本”
+        const systemAndformInfo = form.value
+        // 获得“表单编号/表单版本”
+        const formInfo = systemAndformInfo.substring(systemAndformInfo.indexOf('/') + 1)
+        return (formInfo === selectFormInfo)
+      }
+    },
+    // 获得对应流程类型列表
+    listAllProcessTypes() {
+      this.$http.get(this.baseAPI + '/api/workflow-types/all').then(types => {
+        this.allProcessTypes = types
+      })
+    },
+    // 获得所有启用的系统列表
+    listAllSystems() {
+      this.$http.get(this.baseAPI + '/api/all-enabled-systems').then(systems => {
+        console.log(systems)
+        this.allSystems = systems
+      })
+    },
+    // 获得所有分支机构列表
+    listAllBranches() {
+      this.$http.get(this.baseAPI + '/api/branches/all').then(branches => {
+        this.allBranches = branches
+      })
+    },
+    // 修改流程属性时，根据流程管理员登录名信息获得流程管理员姓名信息
+    getAdminNameWhenUpdate() {
+      if (this.model.admin && this.model.admin !== '') {
+        this.$http.get(this.baseAPI + '/wf-editor/workflow-editors/admin-name-info?loginNameInfo=' + this.model.admin).then(adminName => {
+          console.log(adminName)
+          this.formModel.adminName = adminName
+        })
+      }
+    },
+    setI18nValue(i18nKey) {
+      this.model.i18nKey = i18nKey
+    }
+  }
+}
+</script>
+

package/packages/workflow-editor/src/properties-editors/process/events.vue

@@ -0,0 +1,76 @@
+<template>
+  <el-checkbox-group v-model="selectedEvents">
+    <el-row :gutter="12">
+      <el-col v-for="event in events" :key="event.name" :span="8" style="margin-bottom:12px">
+        <el-card shadow="always">
+          <el-checkbox :label="event.name">
+            {{ event.label }}
+          </el-checkbox>
+        </el-card>
+      </el-col>
+    </el-row>
+  </el-checkbox-group>
+</template>
+<script>
+import { getI18n } from '../../../../workflow-editor/src/util'
+export default {
+  name: 'Events',
+  props: {
+    value: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    const selectedEvents = []
+    const initSelectEvents = this.value.event
+    if (initSelectEvents !== undefined && initSelectEvents.length && initSelectEvents.length > 0) {
+      let initSelectEventArr = []
+      if (typeof initSelectEvents === 'string') {
+        initSelectEventArr = initSelectEvents.split(',')
+      } else {
+        initSelectEventArr = this.value.event
+      }
+      initSelectEventArr.map(function(event) {
+        selectedEvents.push(event)
+      })
+    }
+    return {
+      events: [
+        { name: 'START_INSTANCE', label: getI18n().t('workflowEditor.process.initiationProcess') },
+        { name: 'DELETE_INSTANCE', label: getI18n().t('workflowEditor.process.deleteProcess') },
+        { name: 'CANCEL_INSTANCE', label: getI18n().t('workflowEditor.process.cancelProcess') },
+        { name: 'END_INSTANCE', label: getI18n().t('workflowEditor.process.endProcess') },
+        { name: 'STOP_INSTANCE', label: getI18n().t('workflowEditor.process.pauseProcess') },
+        { name: 'RESUME_INSTANCE', label: getI18n().t('workflowEditor.process.continueTheProcess') },
+        { name: 'JUMP_TACHE', label: getI18n().t('workflowEditor.process.jumpLink') },
+        { name: 'CHANGE_TRANSACTOR', label: getI18n().t('workflowEditor.process.modificationHandler') },
+        { name: 'ADD_TRANSACTOR', label: getI18n().t('workflowEditor.process.addHandler') },
+        { name: 'REMOVE_TRANSACTOR', label: getI18n().t('workflowEditor.process.decreaseOofHandler') },
+        { name: 'ASSIGN_TASK', label: getI18n().t('workflowEditor.process.appointedTask') },
+        { name: 'RETURN_TASK', label: getI18n().t('workflowEditor.process.returnTask') },
+        { name: 'WITHDRAW_TASK', label: getI18n().t('workflowEditor.process.retrieveTask') },
+        { name: 'TRUST_TASK', label: getI18n().t('workflowEditor.process.trustTask') }
+      ],
+      selectedEvents
+    }
+  },
+  watch: {
+    selectedEvents(val) {
+      // const events = []
+      // this.selectedEvents.map(event => {
+      //   events.push({
+      //     name: event
+      //   })
+      // })
+
+      this.$emit('input', {
+        event: this.selectedEvents
+      })
+    }
+  },
+  methods: {
+
+  }
+}
+</script>

package/packages/workflow-editor/src/properties-editors/process/notice-settings.vue

@@ -0,0 +1,60 @@
+<template>
+  <el-form v-if="model" :model="model" label-width="100px">
+    <notice v-model="model" :switch-label="$t('workflowEditor.process.sendNotificationAfterProcessEnds')" />
+    <el-form-item :label="$t('workflowEditor.process.defaultMailTemplate')">
+      <select-mail-templates v-model="model.defaultMailTemplateCode" @set-value="setMailTemplateCode" />
+    </el-form-item>
+  </el-form>
+</template>
+<script>
+import Notice from '../common/notice'
+import SelectMailTemplates from '../common/select-mail-template.vue'
+export default {
+  name: 'NoticeSettings',
+  components: {
+    Notice,
+    SelectMailTemplates
+  },
+  props: {
+    value: {
+      type: [Object, String],
+      default: null
+    }
+  },
+  data() {
+    let model = {
+      informType: '',
+      userCondition: '',
+      subject: null,
+      content: null,
+      defaultMailTemplateCode: ''
+    }
+    if (this.value !== null && this.value !== undefined && this.value !== '') {
+      model = this.value
+    }
+    return {
+      showMailTemplateFlag: false,
+      model
+    }
+  },
+  created() {
+    // inform在xml中可能是没有的，所以不能直接使用inform作为model
+    // 通过deep监听model把设置的值返回给流程的inform属性
+    this.$watch('model', function(newVal, oldVal) {
+      this.getValue()
+    }, {
+      deep: true
+    })
+  },
+  methods: {
+    getValue() {
+      const notice = this.model
+      this.$emit('input', notice)
+    },
+    setMailTemplateCode(mailTemplateCode) {
+      this.model.defaultMailTemplateCode = mailTemplateCode
+    }
+  }
+}
+</script>
+

package/packages/workflow-editor/src/properties-editors/process/parameter-settings.vue

@@ -0,0 +1,95 @@
+<template>
+  <el-form :model="model" label-width="150px">
+    <el-card>
+      <div slot="header">
+        <span>{{ $t('workflowEditor.process.processTaskParameterSettings') }}</span>
+      </div>
+      <el-form-item :label="$t('workflowEditor.process.uRLForProcessingTask')">
+        <el-input v-model="model.doTask.url">
+          <i slot="suffix" class="el-input__icon el-icon-search" @click="openSelectPage" />
+        </el-input>
+      </el-form-item>
+      <el-form-item :label="$t('workflowEditor.process.parametersForReceivingTaskID')">
+        <el-input v-model="model.doTask.parameterName" />
+      </el-form-item>
+    </el-card>
+    <el-card>
+      <div slot="header">
+        <span>{{ $t('workflowEditor.process.viewFormParameterSettings') }}</span>
+      </div>
+      <el-form-item :label="$t('workflowEditor.process.viewTheURLOfTheForm')">
+        <el-input v-model="model.viewForm.url" />
+      </el-form-item>
+      <el-form-item :label="$t('workflowEditor.process.parametersOfReceivingEntityID')">
+        <el-input v-model="model.viewForm.parameterName" />
+      </el-form-item>
+    </el-card>
+    <el-card>
+      <div slot="header">
+        <span>{{ $t('workflowEditor.process.emergencyTreatmentParameterSetting') }}</span>
+      </div>
+      <el-form-item :label="$t('workflowEditor.process.uRLOfEmergencyHandling')">
+        <el-input v-model="model.handleEmergency.url" />
+      </el-form-item>
+      <el-form-item :label="$t('workflowEditor.process.parametersOfReceivingEntityID')">
+        <el-input v-model="model.handleEmergency.parameterName" />
+      </el-form-item>
+    </el-card>
+    <el-card>
+      <div slot="header">
+        <span>{{ $t('workflowEditor.process.initiateProcessParameterSettings') }}</span>
+      </div>
+      <el-form-item :label="$t('workflowEditor.process.uRLOfTheInitiatingProcess')">
+        <el-input v-model="model.startProcess.url" />
+      </el-form-item>
+      <el-form-item :label="$t('workflowEditor.process.parametersForReceivingProcessName')">
+        <el-input v-model="model.startProcess.parameterName" />
+      </el-form-item>
+      <el-form-item :label="$t('workflowEditor.process.customParameterValue')">
+        <el-input v-model="model.startProcess.parameterValue" />
+      </el-form-item>
+    </el-card>
+    <select-page v-if="selectPageFlag" :page-form-code="pageFormCode" @setPage="setPage" />
+  </el-form>
+</template>
+<script>
+
+import selectPage from './selectPage.vue'
+import { mapGetters } from 'vuex'
+
+export default {
+  name: 'ParameterSettings',
+  components: {
+    selectPage
+  },
+  props: {
+    model: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    return {
+      selectPageFlag: false,
+      pageFormCode: null
+    }
+  },
+  computed: {
+    ...mapGetters('wfEditor', [
+      'formCode'
+    ])
+  },
+  methods: {
+    openSelectPage() {
+      if (this.formCode) {
+        this.pageFormCode = this.formCode
+      }
+      this.selectPageFlag = true
+    },
+    setPage(path) {
+      this.$set(this.model.doTask, 'url', path)
+      this.selectPageFlag = false
+    }
+  }
+}
+</script>

package/packages/workflow-editor/src/properties-editors/process/permission-settings.vue

@@ -0,0 +1,28 @@
+<template>
+  <el-form :model="model" label-width="80px">
+    <user-selection v-model="model.viewFlowHistory" :label="$t('workflowEditor.process.ViewFlowHistoryPersonnel')" label-width="130px" />
+    <user-selection v-model="model.viewSubscribeResult" :label="$t('workflowEditor.process.ViewCountersignatureResultPersonnel')" label-width="130px" />
+    <user-selection v-model="model.viewVoteResult" :label="$t('workflowEditor.process.ViewVotingResultsBy')" label-width="130px" />
+  </el-form>
+</template>
+<script>
+import UserSelection from '../common//user-selection'
+export default {
+  name: 'PermissionSettings',
+  components: {
+    UserSelection
+  },
+  props: {
+    model: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    return {
+      showNotice: false
+    }
+  }
+}
+</script>
+