workflow-editor 0.0.81-up-tmp8 → 0.0.81-up-tmp10

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

@@ -0,0 +1,149 @@
+<template>
+  <div>
+    <el-card class="box-card">
+      <template #header>
+        <div class="clearfix">
+          <span>{{ $t('workflowEditor.common.taskNotice') }}</span>
+          
+        <el-tooltip>
+          <template #content>
+            <ul>
+              <li>{{$t('workflowEditor.task.reminderTipTemplateMsg')}}</li>
+              <li class="sub-li">{{$t('workflowEditor.task.reminderTipTemplateNotice')}}</li>
+              <li class="sub-li">{{$t('workflowEditor.task.reminderTipTemplateEmail')}}</li>
+            </ul>
+          </template>
+          <el-icon><Warning /></el-icon>
+        </el-tooltip>
+        </div>
+      </template>
+      <el-form :model="noticeObj" label-width="80px">
+        <common-notice-tool
+          v-model="noticeObj.informType"
+          :label="$t('workflowEditor.common.notificationMethod')"
+          :custom-msg="noticeObj.customMsg"
+          @input-msg="setCustomMsg"
+        />
+        <el-form-item v-if="noticeObj.informType && noticeObj.informType.length > 0" label-width="100" :label="$t('workflowEditor.task.selectNoticeTemplate')">
+          <select-mail-templates
+            v-model="noticeObj.mailTemplateCode"
+            @set-value="setNoticeCommonTemplateCode"
+          />
+        </el-form-item>
+        <el-form-item v-if="noticeObj.informType && noticeObj.informType.length > 0 && noticeObj.informType.indexOf('mail')>=0" label-width="100" :label="$t('workflowEditor.task.selectMailTemplate')">
+          <select-mail-templates
+            v-model="noticeObj.mailPointTemplateCode"
+            @set-value="setMailTemplateCode"
+          />
+        </el-form-item>
+      </el-form>
+    </el-card>
+    <el-card class="box-card" style="margin-top: 10px">
+      <template #header>
+        <div class="clearfix">
+          <span>{{ $t('workflowEditor.common.reminderNotice') }}</span>
+          <el-tooltip>
+          <template #content>
+              <ul>
+                <li>{{$t('workflowEditor.task.reminderTipTemplateMsg')}}</li>
+                <li class="sub-li">{{$t('workflowEditor.task.reminderTipTemplateNotice')}}</li>
+                <li class="sub-li">{{$t('workflowEditor.task.reminderTipTemplateEmail')}}</li>
+                <li>{{$t('workflowEditor.task.reminderTipRemindMsg')}}</li>
+                <li class="sub-li">{{$t('workflowEditor.task.reminderTipRemindImmediately')}}</li>
+                <li class="sub-li">{{$t('workflowEditor.task.reminderTipRemindHistory')}}</li>
+              </ul>
+            </template>
+            <el-icon><Warning /></el-icon>
+          </el-tooltip>
+        </div>
+      </template>
+      <reminder v-model:modelValue="reminderObj" :isProcess="isProcess"/>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import Reminder from './reminder.vue'
+import CommonNoticeTool from './common-notice-tool'
+import SelectMailTemplates from './select-mail-template.vue'
+export default {
+  name: 'NoticeReminder',
+  components: {
+    Reminder,
+    CommonNoticeTool,
+    SelectMailTemplates
+  },
+  props: {
+    reminderValue: {
+      type: [Object, String],
+      default: null
+    },
+    taskNoticeValue: {
+      type: Object,
+      default: null
+    },
+    // 是否是流程的催办设置。流程催办不需要转办配置。
+    isProcess:{
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    let reminderObj = null
+    if (
+      this.reminderValue !== null &&
+      this.reminderValue !== undefined &&
+      this.reminderValue !== ''
+    ) {
+      reminderObj = this.reminderValue
+    }
+    let noticeObj = {}
+    if (
+      this.taskNoticeValue !== null &&
+      this.taskNoticeValue !== undefined &&
+      this.taskNoticeValue !== ''
+    ) {
+      noticeObj = this.taskNoticeValue
+    }
+    return {
+      reminderObj: reminderObj,
+      noticeObj: noticeObj
+    }
+  },
+  watch: {
+    reminderObj(val) {
+      if (val) {
+        // this.$emit('input', this.model)
+        this.$emit('update:reminder-value', val)
+      } else {
+        // this.$emit('input', null)
+        this.$emit('update:reminder-value', null)
+      }
+    }
+  },
+  methods: {
+    // 关闭选择邮件模板弹框
+    setMailTemplateCode(mailTemplateCode) {
+      this.noticeObj.mailPointTemplateCode = mailTemplateCode
+    },
+    setNoticeCommonTemplateCode(mailTemplateCode) {
+      this.noticeObj.mailTemplateCode = mailTemplateCode
+    },
+    setCustomMsg(msg) {
+      this.noticeObj.customMsg = msg
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+ul {
+  margin: 0;
+  padding: 0;
+}
+ul li {
+  list-style: none;
+}
+.sub-li{
+  padding-left: 10px;
+}</style>

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

@@ -0,0 +1,108 @@
+<template>
+  <el-form :model="model" label-width="80px">
+    <el-form-item :label="switchLabel" label-width="150">
+      <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 label-width="100" v-if="model.informType && model.informType.length > 0" :label="$t('workflowEditor.task.selectNoticeTemplate')">
+        <select-mail-templates v-model="model.mailTemplateCode" @set-value="setMailTemplateCode" />
+      </el-form-item>
+      <el-form-item label-width="100" v-if="model.informType && model.informType.length > 0 && model.informType.indexOf('mail') !== -1" :label="$t('workflowEditor.task.selectMailTemplate')">
+        <select-mail-templates v-model="model.mailPointTemplateCode" @set-value="setMailPointTemplateCode" />
+      </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: {
+    modelValue: {
+      type: [Object, String],
+      default: null
+    },
+    switchLabel: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    let showNotice = false
+    let model = {
+      informType: '',
+      userCondition: '',
+      subject: null,
+      content: null
+    }
+    if (this.modelValue !== null && this.modelValue !== undefined && this.modelValue !== '') {
+      model = this.modelValue
+      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)
+      this.$emit('update:modelValue', notice)
+    },
+    // 关闭选择邮件模板弹框
+    setMailTemplateCode(mailTemplateCode) {
+      this.model.mailTemplateCode = mailTemplateCode
+    },
+    setMailPointTemplateCode(mailTemplateCode){
+      this.model.mailPointTemplateCode = mailTemplateCode
+    },
+    setCustomMsg(msg) {
+      this.model.customMsg = msg
+    }
+  }
+}
+</script>
+

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

@@ -0,0 +1,272 @@
+<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
+        label-width="100"
+        v-if="
+          model.remindType && model.remindType.length > 0
+        "
+        :label="$t('workflowEditor.task.selectNoticeTemplate')"
+      >
+        <select-mail-templates
+          v-model="model.mailTemplateCode"
+          @set-value="setMailTemplateCode"
+        />
+      </el-form-item>
+      <el-form-item
+        label-width="100"
+        v-if="
+          model.remindType && model.remindType.length > 0 && model.remindType.indexOf('mail') !== -1
+        "
+        :label="$t('workflowEditor.task.selectMailTemplate')"
+      >
+        <select-mail-templates
+          v-model="model.mailPointTemplateCode"
+          @set-value="setMailPointTemplateCode"
+        />
+      </el-form-item>
+      <el-form-item :label="$t('workflowEditor.task.timeLimitForHandling')" size="small">
+        <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="small">
+          <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
+          v-if="!isProcess"
+          :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
+          v-if="!isProcess"
+          :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 v-if="!isProcess" 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 * as Vue from 'vue'
+export default {
+  name: 'Reminder',
+  components: {
+    CommonNoticeTool,
+    CommonUserCondition,
+    SelectMailTemplates
+  },
+  props: {
+    modelValue: {
+      type: [Object, String],
+      default: null
+    },
+    // 是否是流程的催办设置。流程催办不需要转办配置。
+    isProcess:{
+      type: Boolean,
+      default: false
+    }
+  },
+  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.modelValue !== null && this.modelValue !== undefined && this.modelValue !== '') {
+      model = this.modelValue
+      showReminder = true
+      if (this.modelValue.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)
+        this.$emit('update:modelValue', this.model)
+      } else {
+        // this.$emit('input', null)
+        this.$emit('update:modelValue', null)
+      }
+    },
+    showNotice(val) {
+      if (val) {
+        // this.$emit('input', this.model)
+        this.$emit('update:modelValue', 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
+        // })
+        this.$emit('update:modelValue', {
+          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 = window.$vueApp.config.globalProperties.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===', reminder)
+        // this.$emit('input', reminder)
+        this.$emit('update:modelValue', reminder)
+      },
+      {
+        deep: true
+      }
+    )
+  },
+  methods: {
+    // 关闭选择邮件模板弹框
+    setMailTemplateCode(mailTemplateCode) {
+      this.model.mailTemplateCode = mailTemplateCode
+    },
+    setMailPointTemplateCode(mailTemplateCode) {
+      this.model.mailPointTemplateCode = 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,92 @@
+<template>
+  <span style="width: 100%">
+    <el-input readonly v-model="code" @click="showMailTemplateFlag = true">
+      <template #append>
+        <i class="fa fa-search" @click="showMailTemplateFlag = true"></i>
+        <i style="padding-left:10px" class="fa fa-trash" @click="clearVal()"></i>
+      </template>
+    </el-input>
+    <el-dialog
+      width="40%"
+      :title="$t('workflowEditor.task.selectTemplate')"
+      v-model="showMailTemplateFlag"
+      center
+      top="5vh"
+      append-to-body
+      class="properties-editor-noTab"
+    >
+      <super-grid
+        ref="reportGrid"
+        :url="baseURL + optionUrl"
+        code="BS_EMAIL_TEMPLATE"
+        :options="options"
+        @select="selectData"
+      />
+      <template #footer>
+        <el-button @click="showMailTemplateFlag = false">{{
+          $t('workflowEditorPublicModel.cancel')
+        }}</el-button>
+        <el-button type="primary" @click="selectTemplate">{{
+          $t('workflowEditorPublicModel.determine')
+        }}</el-button>
+      </template>
+    </el-dialog>
+  </span>
+</template>
+
+<script>
+import * as Vue from 'vue'
+export default {
+  name: 'SelectMailTemplates',
+  model: {
+    prop: 'value',
+    event: 'input'
+  },
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: ''
+    }
+  },
+  data() {
+    const code = this.modelValue
+    return {
+      baseURL: '',
+      optionUrl: '',
+      multiSelectData: [],
+      showMailTemplateFlag: false,
+      code,
+      options: {
+        showColumns: 'code,name'
+      },
+      dialogVisible: true
+    }
+  },
+  created() {
+    this.baseURL = window.$vueApp.config.globalProperties.baseAPI
+    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
+    },
+    clearVal(){
+      this.code = null
+      this.$emit('set-value', null)
+    }
+  }
+}
+</script>

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

@@ -0,0 +1,66 @@
+<template>
+  <el-dialog
+    width="30%"
+    :title="$t('workflowEditorMessage.selectStandardFields')"
+    model-value
+    center
+    top="10vh"
+    append-to-body
+    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>
+    <template #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>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'StandardFields',
+  props: {
+    fields: {
+      type: Array,
+      default: null
+    }
+  },
+  data() {
+    return {
+      seletedField: null,
+      dialogVisible: true
+    }
+  },
+  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>