workflow-editor 0.9.68-dw → 0.9.68

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

@@ -0,0 +1,90 @@
+<template>
+  <el-dialog
+    visible
+    :title="$t('workflowEditor.task.attributeOfConditionJudgment')"
+    :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" /> -->
+        <i18n-input v-model.trim="formModel.attr.name" :i18n-key="(formModel.basicProperties && formModel.basicProperties.i18nKey)?formModel.basicProperties.i18nKey:'name.'+formModel.attr.id" @setI18n="setI18nValue" />
+      </el-form-item>
+      <el-form-item>
+        <span>{{ $t('workflowEditor.task.allBranchFlows') }}</span>
+        <el-table
+          border
+          :data="transitions"
+          style="width: 100%"
+        >
+          <el-table-column
+            type="index"
+            width="50"
+          />
+          <el-table-column
+            prop="to"
+            :label="$t('workflowEditor.task.targetLink')"
+          />
+          <el-table-column
+            prop="condition"
+            :label="$t('workflowEditor.task.condition')"
+          />
+        </el-table>
+      </el-form-item>
+    </el-form>
+  </el-dialog>
+</template>
+
+<script>
+import { findOutgoingTransitionsByTacheId } from '../util.js'
+import i18nInput from './common/i18n-input'
+export default {
+  name: 'DecisionPropertiesEditor',
+  components: {
+    i18nInput
+  },
+  props: {
+    model: {
+      type: Object,
+      default: null
+    }
+  },
+  computed: {
+    formModel() {
+      return this.model.ref
+    },
+    transitions() {
+      const transitions = findOutgoingTransitionsByTacheId(this.formModel.attr.id)
+      const data = []
+      transitions.map(transition => {
+        data.push({
+          to: transition.ref.attr.to,
+          condition: transition.ref.basicProperties.condition
+        })
+      })
+      return data
+    }
+  },
+  mounted() {
+    this.$watch('model.ref.attr.name', function(newVal) {
+      this.model.name = newVal
+    })
+  },
+  methods: {
+    setI18nValue(i18nKey) {
+      if (this.formModel) {
+        this.formModel.basicProperties = {}
+        this.formModel.basicProperties.i18nKey = i18nKey
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

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

@@ -0,0 +1,72 @@
+<template>
+  <el-dialog
+    visible
+    :title="$t('workflowEditor.task.propertiesOfBranches')"
+    :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-item>
+        <span>{{ $t('workflowEditor.task.allBranchFlows') }}</span>
+        <el-table
+          border
+          :data="transitions"
+          style="width: 100%"
+        >
+          <el-table-column
+            type="index"
+            width="50"
+          />
+          <el-table-column
+            prop="to"
+            :label="$t('workflowEditor.task.targetLink')"
+          />
+        </el-table>
+      </el-form-item>
+    </el-form>
+  </el-dialog>
+</template>
+
+<script>
+import { findOutgoingTransitionsByTacheId } from '../util.js'
+export default {
+  name: 'ForkPropertiesEditor',
+  props: {
+    model: {
+      type: Object,
+      default: null
+    }
+  },
+  computed: {
+    formModel() {
+      return this.model.ref
+    },
+    transitions() {
+      const transitions = findOutgoingTransitionsByTacheId(this.formModel.attr.id)
+      const data = []
+      transitions.map(transition => {
+        data.push({
+          to: transition.endJoint.parent.name
+        })
+      })
+      return data
+    }
+  },
+  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/human-decision.vue

@@ -0,0 +1,44 @@
+<template>
+  <el-dialog
+    visible
+    :title="$t('workflowEditor.task.attributesOfManualJudgment')"
+    :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: 'HumanDecisionPropertiesEditor',
+  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/human-task/additional-condition-dialog.vue

@@ -0,0 +1,60 @@
+<template>
+  <el-dialog
+    width="50%"
+    :title="$t('workflowEditor.task.setConditions')"
+    :visible="true"
+    top="10vh"
+    append-to-body
+    custom-class="properties-editor-noTab"
+    center
+    @close="$emit('close')"
+  >
+    <el-form-item>
+      <additional-condition v-model="condition" />
+    </el-form-item>
+    <span slot="footer" class="dialog-footer">
+      <el-button type="primary" size="small" @click="setConditions">
+        {{ $t('workflowEditorPublicModel.determine') }}
+      </el-button>
+      <el-button size="small" @click="$emit('close')">
+        {{ $t('workflowEditorPublicModel.cancel') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import AdditionalCondition from '../common/additional-condition'
+export default {
+  name: 'AdditionalConditionDialog',
+  components: {
+    AdditionalCondition
+  },
+  props: {
+    value: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      condition: this.value
+    }
+  },
+  watch: {
+    value(val) {
+      this.condition = val
+    }
+  },
+  methods: {
+    setConditions() {
+      this.$emit('input', this.condition)
+      this.$emit('close')
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

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

@@ -0,0 +1,160 @@
+<template>
+  <el-form :model="formModel" label-width="110px">
+    <el-row>
+      <el-col :span="12">
+        <el-form-item :label="$t('workflowEditor.task.name')">
+          <!-- <el-input v-model="formModel.name" /> -->
+          <i18n-input
+            v-model="formModel.name"
+            :i18n-key="tache.i18nKey?tache.i18nKey:'name.'+formModel.id"
+            @setI18n="setI18nValue"
+          />
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item :label="$t('workflowEditor.task.code')">
+          <el-input v-model="formModel.id" @blur="validateId" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-form-item :label="$t('workflowEditor.task.taskTitle')">
+      <task-title v-model="tache.taskTitle" />
+    </el-form-item>
+    <el-form-item :label="$t('workflowEditor.task.canItBeRejected')">
+      <el-switch v-model="tache.rebuttable" />
+    </el-form-item>
+    <el-form-item :label="$t('workflowEditor.task.emailNotification')">
+      <el-switch v-model="tache.mailNotice" />
+    </el-form-item>
+    <el-form-item v-if="tache.mailNotice" :label="$t('workflowEditor.task.selectMailTemplate')">
+      <select-mail-templates v-model="tache.mailTemplateCode" @set-value="setMailTemplateCode" />
+    </el-form-item>
+    <el-form-item :label="$t('workflowEditor.task.HandlingMethod')">
+      <el-radio-group v-model="tache.processingMode.type">
+        <el-radio label="EDIT">
+          {{ $t('workflowEditor.task.editorial') }}
+        </el-radio>
+        <el-radio label="APPROVE">
+          {{ $t('workflowEditor.task.approvalType') }}
+        </el-radio>
+        <el-radio label="COUNTERSIGN">
+          {{ $t('workflowEditor.task.countersign') }}
+        </el-radio>
+        <el-radio label="VOTE">
+          {{ $t('workflowEditor.task.voting') }}
+        </el-radio>
+      </el-radio-group>
+    </el-form-item>
+    <el-form-item v-if="tache.processingMode.type==='EDIT'||tache.processingMode.type==='APPROVE'" :label="$t('workflowEditorMessage.whenThereAreMultipleManagers')">
+      <el-radio-group v-model="tache.processingMode.moreTransactor">
+        <el-radio :label="false">
+          {{ $t('workflowEditor.task.anyOneCanHandleIt') }}
+        </el-radio>
+        <el-radio :label="true">
+          {{ $t('workflowEditor.task.forAll') }}
+        </el-radio>
+      </el-radio-group>
+    </el-form-item>
+    <el-form-item v-if="tache.processingMode.type==='COUNTERSIGN'||tache.processingMode.type==='VOTE'" :label="$t('workflowEditor.task.passRate')">
+      <el-input-number v-model="tache.processingMode.passRate" :step="10" size="small" :min="0" :max="100" />
+      <span class="percent">
+        %
+      </span>
+    </el-form-item>
+    <el-form-item :label="$t('workflowEditor.task.modifyOperationName')">
+      <el-switch v-model="showActions" />
+      <custom-actions v-if="showActions" v-model="tache.processingMode.actions" />
+    </el-form-item>
+    <el-form-item :label="$t('workflowEditor.task.handlingPage')">
+      <el-input v-model="tache.taskUrl" />
+    </el-form-item>
+    <el-form-item :label="$t('workflowEditor.task.remarks')">
+      <el-input v-model="tache.remark" type="textarea" autosize />
+    </el-form-item>
+  </el-form>
+</template>
+<script>
+import TaskTitle from '../common/task-title'
+import CustomActions from './custom-actions'
+import { validateTacheCode } from '../../util'
+import i18nInput from '../common/i18n-input'
+import SelectMailTemplates from '../common/select-mail-template.vue'
+export default {
+  name: 'BasicProperties',
+  components: {
+    TaskTitle,
+    CustomActions,
+    i18nInput,
+    SelectMailTemplates
+  },
+  props: {
+    model: {
+      type: Object,
+      default: null
+    },
+    id: {
+      type: String,
+      default: null
+    },
+    name: {
+      type: String,
+      default: null
+    }
+  },
+  data() {
+    let showActions = false
+    const actions = this.model.processingMode.actions.action
+    if (actions) {
+      if (Array.isArray(actions) && actions.length === 0) {
+        showActions = false
+      } else {
+        showActions = true
+      }
+    }
+    return {
+      showActions,
+      formModel: {
+        name: this.name,
+        id: this.id,
+        tache: this.model
+      }
+    }
+  },
+  computed: {
+    tache() {
+      return this.model
+    }
+  },
+  created() {
+    if (!this.tache.processingMode.actions) {
+      this.$set(this.tache.processingMode, 'actions', {})
+    }
+  },
+  mounted() {
+    // 支持.snyc修饰符的写法
+    this.$watch('formModel.name', function(newVal, oldVal) {
+      this.$emit('update:name', newVal)
+    })
+  },
+  methods: {
+    // 原来使用$watch来监听id的更改是不行的：input框每输入一个字符都会导致$watch的触发，输入过程中不应该触发（这时候没有输入完成，做的id重复判断是无效的），而是等blur后触发才能保证正确性
+    validateId() {
+      validateTacheCode(this)
+    },
+    // 关闭选择邮件模板弹框
+    setMailTemplateCode(mailTemplateCode) {
+      this.tache.mailTemplateCode = mailTemplateCode
+    },
+    setI18nValue(i18nKey) {
+      this.tache.i18nKey = i18nKey
+    }
+  }
+}
+</script>
+<style scoped>
+.percent{
+  margin-left: 10px;
+  color:red;
+  font-size:1.2em;
+}
+</style>