workflow-editor 0.0.7-up → 0.0.8-up

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

@@ -1,273 +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-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, 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 { 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

@@ -1,76 +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: {
-    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

@@ -1,60 +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 :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

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

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

@@ -1,81 +0,0 @@
-<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 * as Vue from 'vue'
-
-export default {
-  props: {
-    pageFormCode: {
-      type: String,
-      default: null
-    }
-  },
-  data() {
-    return {
-      baseURL: '',
-      listURL: '',
-      selection: []
-    }
-  },
-  watch: {
-    conditionList: {
-      handler(newValue, oldValue) {
-        this.judgeHeavyData = newValue
-      }
-    }
-  },
-  created() {
-    this.baseURL = window.$vueApp.config.globalProperties.baseURL
-    if (this.pageFormCode) {
-      this.listURL = '/wf-editor/workflow-editors/modulePages/' + this.pageFormCode
-    }
-  },
-  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>