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

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

@@ -1,336 +0,0 @@
-<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/src/utils/auth'
-import authApi from 'agilebuilder-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: [],
-      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

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

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

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

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