workflow-editor 0.9.65 → 0.9.66-dw-pv1

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

@@ -0,0 +1,324 @@
+<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')" @change="changeSystem(model.systemCode, null)">
+            <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.systemVersion')" :rules="[requiredRule]">
+          <el-select v-model="systemPublishVersion" :placeholder="$t('workflowEditorMessage.pleaseSelect')" @change="changeVersion">
+            <el-option
+              v-for="item in systems"
+              :key="item.publishVersion"
+              :label="item.publishVersion"
+              :value="item.publishVersion"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <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, index) in allBranches"
+              :key="item.code+'-'+index"
+              :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 { mapGetters, 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'
+import authApi from 'imatrix-ui/src/utils/auth-api'
+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: [],
+      systemPublishVersion: null,
+      sysCode: null,
+      systems: []
+
+    }
+  },
+  computed: {
+    ...mapGetters('wfEditor', [
+      'systemVersion', 'systemCode'
+    ])
+  },
+  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)
+    if (this.model.systemCode) {
+      // 编辑修改流程
+      this.setSystemCode(this.model.systemCode)
+    } else {
+      // 新建流程, model systemCode为空
+      this.model.systemCode = this.systemCode
+    }
+    this.systemPublishVersion = parseInt(authApi.getSessionCache('wf_editor_systemVersion'))
+    this.changeSystem(this.systemCode, this.systemPublishVersion)
+    this.listAllForms(this.systemCode, this.systemPublishVersion)
+  },
+  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)
+    })
+    this.$watch('systemPublishVersion', function(newVal, oldVal) {
+      this.setSystemVersion(newVal)
+    })
+  },
+  methods: {
+    ...mapMutations('wfEditor', [
+      'setFormFields',
+      'setSystemCode',
+      'setSystemVersion',
+      '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, this.systemPublishVersion)
+    },
+    // 弹出人员树
+    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(systemCode, publishVersion) {
+      this.$http.get(this.baseAPI + '/wf-editor/workflow-editors/forms?systemCode=' + systemCode + '&publishVersion=' + publishVersion).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
+    },
+    changeSystem(systemCode, systemPublishVersion) {
+      this.systemPublishVersion = systemPublishVersion
+      this.allForms = []
+      this.$http.get(this.baseAPI + '/wf-editor/systems/getPublishVersionsByCode/' + systemCode).then(result => {
+        if (result) {
+          this.systems = result
+        } else {
+          this.systems = []
+        }
+      })
+    },
+    changeVersion() {
+      this.listAllForms(this.model.systemCode, this.systemPublishVersion)
+    }
+  }
+}
+</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>
+

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

@@ -0,0 +1,88 @@
+<template>
+  <el-dialog
+    :show-close="true"
+    :append-to-body="true"
+    :title="$t('workflowEditorPublicModel.selectPage')"
+    width="60%"
+    visible
+    @close="savePage"
+  >
+    <div style="overflow-y:auto;max-height: 500px">
+      <div class="operation-area">
+        <el-button size="small" @click="savePage">
+          <span>{{ $t('workflowEditorPublicModel.close') }}</span>
+        </el-button>
+      </div>
+      <div>
+        <super-grid
+          ref="grid"
+          :url="baseURL + listURL"
+          code="MMS_MODULE_PAGE"
+          @select="select"
+        />
+      </div>
+    </div>
+  </el-dialog>
+</template>
+<script>
+
+// import modulePageService from '@/subsystems/mms/api/module-page'
+import Vue from 'vue'
+import { mapGetters } from 'vuex'
+import authApi from 'imatrix-ui/src/utils/auth-api'
+
+export default {
+  props: {
+    pageFormCode: {
+      type: String,
+      default: null
+    }
+  },
+  data() {
+    return {
+      baseURL: '',
+      listURL: '',
+      selection: []
+    }
+  },
+  computed: {
+    ...mapGetters('wfEditor', [
+      'systemVersion'
+    ])
+  },
+  watch: {
+    conditionList: {
+      handler(newValue, oldValue) {
+        this.judgeHeavyData = newValue
+      }
+    }
+  },
+  created() {
+    this.baseURL = Vue.prototype.baseURL
+    if (this.pageFormCode) {
+      this.listURL = '/wf-editor/workflow-editors/modulePages/' + this.pageFormCode + '/' + parseInt(authApi.getSessionCache('wf_editor_systemVersion'))
+    }
+  },
+  methods: {
+    savePage() {
+      if (this.selection && this.selection.length > 0) {
+        if (this.selection.length !== 1) {
+          this.$message({
+            showClose: true,
+            type: 'error',
+            message: this.$t('message.pleaseSelectARecord')
+          })
+        } else {
+          const code = 'page:' + this.selection[0].code
+          this.$emit('setPage', code)
+        }
+      } else {
+        this.$emit('setPage', '')
+      }
+    },
+    select(selection, row) {
+      this.selection = selection
+    }
+  }
+}
+</script>