workflow-editor 0.9.68-dw → 0.9.68

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

@@ -0,0 +1,101 @@
+<template>
+  <el-form :model="model" label-width="80px">
+    <el-form-item :label="switchLabel" label-width="130">
+      <el-switch
+        v-model="showNotice"
+      />
+    </el-form-item>
+    <div v-if="showNotice">
+      <common-notice-tool v-model="model.informType" :label="$t('workflowEditor.common.notificationMethod')" :custom-msg="model.customMsg" @input-msg="setCustomMsg" />
+      <el-form-item v-if="model.informType && model.informType.length > 0 && model.informType.indexOf('mail') !== -1" :label="$t('workflowEditor.task.selectMailTemplate')">
+        <select-mail-templates v-model="model.noticeMailTemplateCode" @set-value="setMailTemplateCode" />
+      </el-form-item>
+      <user-selection v-model="model.userCondition" :label="$t('workflowEditor.common.addressee')" />
+      <el-form-item :label="$t('workflowEditor.common.theme')">
+        <el-input v-model="model.subject" :placeholder="$t('workflowEditorMessage.pleaseEnterASubject')" />
+      </el-form-item>
+      <el-form-item :label="$t('workflowEditor.common.content')">
+        <el-input
+          v-model="model.content"
+          type="textarea"
+          :autosize="{ minRows: 4, maxRows: 10}"
+          :placeholder="$t('workflowEditorMessage.pleaseEnterContent')"
+        />
+      </el-form-item>
+    </div>
+  </el-form>
+</template>
+<script>
+import UserSelection from './user-selection'
+import CommonNoticeTool from './common-notice-tool'
+import SelectMailTemplates from './select-mail-template.vue'
+export default {
+  name: 'Notice',
+  components: {
+    UserSelection,
+    CommonNoticeTool,
+    SelectMailTemplates
+  },
+  props: {
+    value: {
+      type: [Object, String],
+      default: null
+    },
+    switchLabel: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    let showNotice = false
+    let model = {
+      informType: '',
+      userCondition: '',
+      subject: null,
+      content: null
+    }
+    if (this.value !== null && this.value !== undefined && this.value !== '') {
+      model = this.value
+      if (model.informType && model.informType !== '') {
+        showNotice = true
+      }
+    }
+    return {
+      showNotice,
+      model,
+      options: {
+        showColumns: 'code,name'
+      }
+    }
+  },
+  watch: {
+    // showNotice发生变化时，需要改变流程的inform属性
+    showNotice(val) {
+      this.getValue()
+    }
+  },
+  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.noticeMailTemplateCode = mailTemplateCode
+    },
+    setCustomMsg(msg) {
+      this.model.customMsg = msg
+    }
+  }
+}
+</script>
+

package/packages/workflow-editor/src/properties-editors/common/reminder.vue

@@ -0,0 +1,185 @@
+<template>
+  <el-form :model="model" label-width="80px">
+    <el-form-item :label="$t('workflowEditor.task.needToBeUrged')">
+      <el-switch
+        v-model="showReminder"
+      />
+    </el-form-item>
+    <div v-if="showReminder">
+      <common-notice-tool v-model="model.remindType" :label="$t('workflowEditor.task.urgingMethod')" :custom-msg="model.reminderCustomMsg" @input-msg="setReminderCustomMsg" />
+      <el-form-item v-if="model.remindType && model.remindType.length > 0 && model.remindType.indexOf('mail') !== -1" :label="$t('workflowEditor.task.selectMailTemplate')">
+        <select-mail-templates v-model="model.noticeMailTemplateCode" @set-value="setMailTemplateCode" />
+      </el-form-item>
+      <el-form-item :label="$t('workflowEditor.task.timeLimitForHandling')" size="mini">
+        <el-input-number v-model="model.dueDate" controls-position="right" :min="1" :max="30" style="width:90px" />
+        <el-select v-model="model.dueTimeUnit" style="width:70px">
+          <el-option :label="$t('workflowEditor.task.day')" value="day" />
+          <el-option :label="$t('workflowEditor.task.hour')" value="hour" />
+        </el-select>
+        <span>{{ $t('workflowEditor.task.urgingInterval') }}</span><el-input-number v-model="model.repeat" controls-position="right" :min="1" :max="30" style="width:90px" />
+        <el-select v-model="model.timeUnit" style="width:70px">
+          <el-option :label="$t('workflowEditor.task.day')" value="day" />
+          <el-option :label="$t('workflowEditor.task.hour')" value="hour" />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-radio v-model="showNotice" :label="false">
+          {{ $t('workflowEditor.task.alwaysUrging') }}
+        </el-radio>
+        <el-radio v-model="showNotice" :label="true">
+          {{ $t('workflowEditor.task.limitedUrging') }}
+        </el-radio>
+      </el-form-item>
+      <div v-if="showNotice">
+        <el-form-item :label="$t('workflowEditor.task.timesOfUrging')" size="mini">
+          <el-input-number v-model="model.remindTimes" controls-position="right" :min="1" :max="99" style="width:90px" />
+        </el-form-item>
+        <common-notice-tool v-model="model.noticeType" :label="$t('workflowEditor.common.notificationMethod')" :custom-msg="model.noticeCustomMsg" @input-msg="setNoticeCustomMsg" />
+        <el-form-item :label="$t('workflowEditor.common.notifyPersonnel')" style="margin-bottom:5px">
+          <el-checkbox v-model="model.containTransferUser">
+            {{ $t('workflowEditor.task.includingHandoverPersonnel') }}
+          </el-checkbox>
+        </el-form-item>
+        <el-form-item label-width="0">
+          <common-user-condition v-model="model.noticeUserCondition" />
+        </el-form-item>
+        <el-form-item :label="$t('workflowEditor.task.handoverPersonnel')" style="margin-bottom:5px">
+          <el-checkbox v-model="model.containNoticeUser">
+            {{ $t('workflowEditor.task.includeNotifyPeople') }}
+          </el-checkbox>
+        </el-form-item>
+        <el-form-item label-width="0">
+          <common-user-condition v-model="model.transferUserCondition" />
+        </el-form-item>
+      </div>
+    </div>
+  </el-form>
+</template>
+<script>
+import CommonNoticeTool from './common-notice-tool'
+import CommonUserCondition from './common-user-condition'
+import SelectMailTemplates from '../common/select-mail-template.vue'
+import Vue from 'vue'
+export default {
+  name: 'Reminder',
+  components: {
+    CommonNoticeTool,
+    CommonUserCondition,
+    SelectMailTemplates
+  },
+  props: {
+    value: {
+      type: [Object, String],
+      default: null
+    }
+  },
+  data() {
+    let showReminder = false
+    let showNotice = false
+    let model = {
+      dueDate: 1,
+      dueTimeUnit: 'day',
+      repeat: 1,
+      containTransferUser: false,
+      containNoticeUser: false,
+      remindType: 'mail',
+      timeUnit: 'day',
+      remindTimes: 0,
+      noticeType: '',
+      noticeUserCondition: '',
+      transferUserCondition: ''
+    }
+    if (this.value !== null && this.value !== undefined && this.value !== '') {
+      model = this.value
+      showReminder = true
+      if (this.value.remindTimes > 0) {
+        showNotice = true
+      }
+      if (!model.dueTimeUnit) {
+        model.dueTimeUnit = 'day'
+      }
+    }
+    return {
+      showReminder,
+      showNotice,
+      model,
+      showMailTemplateFlag: false,
+      baseURL: '',
+      optionUrl: '',
+      multiSelectData: [],
+      options: {
+        showColumns: 'code,name'
+      }
+    }
+  },
+  watch: {
+    showReminder(val) {
+      if (val) {
+        this.$emit('input', this.model)
+      } else {
+        this.$emit('input', null)
+      }
+    },
+    showNotice(val) {
+      if (val) {
+        this.$emit('input', this.model)
+      } else {
+        // 复制model的值发送出去，不修改model的值，这样用户来回切换选项或者页签的时候，值还在，但是一旦关闭就没有了
+        this.$emit('input', {
+          remindType: this.model.remindType,
+          dueDate: this.model.dueDate,
+          dueTimeUnit: this.model.dueTimeUnit,
+          repeat: this.model.repeat,
+          timeUnit: this.model.timeUnit,
+
+          remindTimes: 0,
+          noticeType: '',
+          noticeUserCondition: '',
+          containTransferUser: false,
+          transferUserCondition: '',
+          containNoticeUser: false
+        })
+      }
+    }
+  },
+  created() {
+    this.baseURL = Vue.prototype.baseURL
+    this.optionUrl = '/bs/email-templates/list/0'
+    // inform在xml中可能是没有的，所以不能直接使用inform作为model
+    // 通过deep监听model把设置的值返回给流程的inform属性
+    this.$watch('model', function(newVal, oldVal) {
+      let reminder = null
+      if (this.showReminder) {
+        reminder = this.model
+        if (!reminder.dueTimeUnit) {
+          reminder.dueTimeUnit = 'day'
+        }
+      }
+      console.log(reminder)
+      this.$emit('input', reminder)
+    }, {
+      deep: true
+    })
+  },
+  methods: {
+    // 关闭选择邮件模板弹框
+    setMailTemplateCode(mailTemplateCode) {
+      this.model.noticeMailTemplateCode = mailTemplateCode
+    },
+    selectData(selection, row) {
+      this.multiSelectData = selection
+    },
+    setReminderCustomMsg(msg) {
+      this.model.reminderCustomMsg = msg
+    },
+    setNoticeCustomMsg(msg) {
+      this.model.noticeCustomMsg = msg
+    }
+  }
+}
+</script>
+<style scoped>
+span{
+  margin:0 10px;
+}
+</style>

package/packages/workflow-editor/src/properties-editors/common/select-mail-template.vue

@@ -0,0 +1,83 @@
+<template>
+  <span style="width:100%">
+    <el-input
+      v-model="code"
+    >
+      <i slot="suffix" class="el-input__icon el-icon-search" @click="showMailTemplateFlag = true" />
+    </el-input>
+    <el-dialog
+      width="40%"
+      :title="$t('workflowEditor.task.selectTemplate')"
+      :visible.sync="showMailTemplateFlag"
+      center
+      top="5vh"
+      append-to-body
+      custom-class="properties-editor-noTab"
+    >
+      <super-grid
+        ref="reportGrid"
+        :url="baseURL + optionUrl"
+        code="BS_EMAIL_TEMPLATE"
+        :options="options"
+        @select="selectData"
+      />
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="showMailTemplateFlag = false">{{ $t('workflowEditorPublicModel.cancel') }}</el-button>
+        <el-button type="primary" @click="selectTemplate">{{ $t('workflowEditorPublicModel.determine') }}</el-button>
+      </span>
+    </el-dialog>
+  </span>
+</template>
+
+<script>
+import Vue from 'vue'
+export default {
+  name: 'SelectMailTemplates',
+  model: {
+    prop: 'value',
+    event: 'input'
+  },
+  props: {
+    value: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    const code = this.value
+    return {
+      baseURL: '',
+      optionUrl: '',
+      multiSelectData: [],
+      showMailTemplateFlag: false,
+      code,
+      options: {
+        showColumns: 'code,name'
+      }
+    }
+  },
+  created() {
+    this.baseURL = Vue.prototype.baseURL
+    this.optionUrl = '/mc/email-templates/list/0'
+  },
+  methods: {
+    selectTemplate() {
+      if (!this.multiSelectData || this.multiSelectData.length !== 1) {
+        this.$message({
+          showClose: true,
+          type: 'warning',
+          message: this.$t('workflowEditorMessage.pleaseSelectARow')
+        })
+      } else {
+        this.code = this.multiSelectData[0].code
+        this.$emit('set-value', this.code)
+        this.showMailTemplateFlag = false
+      }
+    },
+    selectData(selection, row) {
+      this.multiSelectData = selection
+    }
+  }
+}
+</script>
+

package/packages/workflow-editor/src/properties-editors/common/standard-fields.vue

@@ -0,0 +1,65 @@
+<template>
+  <el-dialog
+    width="30%"
+    :title="$t('workflowEditorMessage.selectStandardFields')"
+    :visible="true"
+    center
+    top="10vh"
+    append-to-body
+    custom-class="properties-editor-noTab"
+    @close="$emit('close')"
+  >
+    <el-radio-group v-model="seletedField" class="group">
+      <div v-for="field in fields" :key="field.name" class="item">
+        <el-radio :label="field.name">
+          {{ field.label }}
+        </el-radio>
+      </div>
+    </el-radio-group>
+    <span slot="footer" class="dialog-footer">
+      <el-button type="primary" size="small" @click="setField">
+        {{ $t('workflowEditorPublicModel.determine') }}
+      </el-button>
+      <el-button size="small" @click="$emit('close')">
+        {{ $t('workflowEditorPublicModel.cancel') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'StandardFields',
+  props: {
+    fields: {
+      type: Array,
+      default: null
+    }
+  },
+  data() {
+    return {
+      seletedField: null
+    }
+  },
+  methods: {
+    setField() {
+      this.$emit('close', this.seletedField)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+  .group {
+    font-size: 14px;
+    text-align:center;
+    width:100%;
+  }
+
+  .item {
+    margin-right: auto;
+    margin-left:auto;
+    margin-bottom: 18px;
+  }
+
+</style>