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

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

@@ -0,0 +1,336 @@
+<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-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" @click="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>
+    <!--- v-if="isShowFormAndSystem" 表示新建流程定义时可以选择系统-->
+      <el-col v-if="isShowFormAndSystem" :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 v-if="isShowFormAndSystem" :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-col  v-if="isShowFormAndSystem" :span="12">
+      <!--- v-if="isShowFormAndSystem"  表示新建流程定义时可以选择表单-->
+        <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.tableCode')" >
+          {{tableName}}
+        </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-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 'agilebuilder-ui'
+import {authApi} from 'agilebuilder-ui'
+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: [],
+      isShowFormAndSystem: true,
+      tableName: null
+    }
+  },
+	computed: {
+		...mapGetters('wfEditor', [
+			'systemVersion', 'systemCode','tableCode','isCreateDefinition','isHandleCreate'
+		])
+	},
+  created() {
+	  // this.systemPublishVersion = this.systemVersion
+    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)
+    this.tableName = this.tableCode
+    console.log('isCreateDefinition==', this.isCreateDefinition,'isHandleCreate===', this.isHandleCreate)
+    if((this.isHandleCreate && this.isHandleCreate==='true') || (this.isCreateDefinition && this.isCreateDefinition === 'true')){
+      this.isShowFormAndSystem = true
+    } else {
+      this.isShowFormAndSystem = false
+    }
+  },
+  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, null, this.systemPublishVersion).then((resultFields)=>{
+        this.tableName = resultFields.tableCode
+      })
+    },
+    // 弹出人员树
+    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 = []
+		  if (systemCode) {
+			  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,79 @@
+<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: {
+    modelValue: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    const selectedEvents = []
+    const initSelectEvents = this.modelValue.event
+    if (initSelectEvents !== undefined && initSelectEvents.length && initSelectEvents.length > 0) {
+      let initSelectEventArr = []
+      if (typeof initSelectEvents === 'string') {
+        initSelectEventArr = initSelectEvents.split(',')
+      } else {
+        initSelectEventArr = this.modelValue.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
+      // })
+      this.$emit('update:modelValue',{
+        event: this.selectedEvents
+      })
+    }
+  },
+  methods: {
+
+  }
+}
+</script>

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

@@ -0,0 +1,68 @@
+<template>
+  <el-form v-if="model" :model="model" label-width="100px">
+    <notice v-model="model" :switch-label="$t('workflowEditor.process.sendNotificationAfterProcessEnds')" />
+    <el-form-item v-if="model.informType && model.informType.length > 0" :label="$t('workflowEditor.process.defaultCommonTemplate')">
+      <select-mail-templates v-model="model.defaultMailTemplateCode" @set-value="setMailTemplateCode" />
+    </el-form-item>
+    <el-form-item v-if="model.informType && model.informType.length > 0 && model.informType.indexOf('mail') !== -1" :label="$t('workflowEditor.process.defaultMailTemplate')">
+      <select-mail-templates v-model="model.defaultMailPointTemplateCode" @set-value="setMailPointTemplateCode" />
+    </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: {
+    modelValue: {
+      type: [Object, String],
+      default: null
+    }
+  },
+  data() {
+    let model = {
+      informType: '',
+      userCondition: '',
+      subject: null,
+      content: null,
+      defaultMailTemplateCode: ''
+    }
+    if (this.modelValue !== null && this.modelValue !== undefined && this.modelValue !== '') {
+      model = this.modelValue
+    }
+    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)
+      this.$emit('update:modelValue', notice)
+    },
+    setMailTemplateCode(mailTemplateCode) {
+      this.model.defaultMailTemplateCode = mailTemplateCode
+    },
+    setMailPointTemplateCode(mailTemplateCode) {
+      this.model.defaultMailPointTemplateCode = mailTemplateCode
+
+    }
+  }
+}
+</script>
+

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

@@ -0,0 +1,106 @@
+<template>
+  <el-form :model="model" label-width="150px">
+    <el-card>
+      <template #header>
+        <span>{{ $t('workflowEditor.process.processTaskParameterSettings') }}</span>
+      </template>
+      <el-form-item :label="$t('workflowEditor.process.uRLForProcessingTask')">
+        <el-input v-if="pageCode" disabled v-model="model.doTask.url"></el-input>
+        <el-input v-else v-model="model.doTask.url">
+        <template #suffix>
+          <i class="fa fa-search" @click="openSelectPage"></i>
+        </template>
+        </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>
+      <template #header>
+        <span>{{ $t('workflowEditor.process.viewFormParameterSettings') }}</span>
+      </template>
+      <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>
+      <template #header>
+        <span>{{ $t('workflowEditor.process.emergencyTreatmentParameterSetting') }}</span>
+      </template>
+      <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>
+      <template #header>
+        <span>{{ $t('workflowEditor.process.initiateProcessParameterSettings') }}</span>
+      </template>
+      <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() {
+    // const pageCode = authApi.getSessionCache('wf_editor_pageCode')
+    return {
+      selectPageFlag: false,
+      pageFormCode: null
+    }
+  },
+  computed: {
+    ...mapGetters('wfEditor', [
+      'formCode',
+      'pageCode'
+    ])
+  },
+  created() {
+    if(this.pageCode){
+      this.model.doTask['url'] = 'page:' + this.pageCode
+    }
+  },
+  methods: {
+    openSelectPage() {
+      if (this.formCode) {
+        this.pageFormCode = this.formCode
+      }
+      this.selectPageFlag = true
+    },
+    setPage(path) {
+      this.model.doTask['url'] = 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="modelValue" label-width="80px">
+    <user-selection v-model="modelValue.viewFlowHistory" :label="$t('workflowEditor.process.ViewFlowHistoryPersonnel')" label-width="130px" />
+    <user-selection v-model="modelValue.viewSubscribeResult" :label="$t('workflowEditor.process.ViewCountersignatureResultPersonnel')" label-width="130px" />
+    <user-selection v-model="modelValue.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: {
+    modelValue: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    return {
+      showNotice: false
+    }
+  }
+}
+</script>
+