workflow-editor 0.0.7-up → 0.0.8-up

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

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

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

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

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

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