feat: 添加流程节点邮件抄送功能。

2b80405d · lanyulei · 5a394dba · 2b80405d · 2b80405d · 2b80405d
Commit 2b80405d authored Jun 05, 2021 by lanyulei
Showing with 59 additions and 1 deletions
src/components/wfd/components/DetailPanel/DefaultDetail.vue
src/components/wfd/components/DetailPanel/EndEventDetail.vue
src/components/wfd/components/DetailPanel/HandleNodeDetail.vue
src/components/wfd/components/DetailPanel/NodeDetail.vue
src/components/wfd/components/DetailPanel/StartEventDetail.vue
src/components/wfd/components/DetailPanel/UserTaskDetail.vue
src/components/wfd/components/DetailPanel/index.vue
--- a/src/components/wfd/components/DetailPanel/DefaultDetail.vue
+++ b/src/components/wfd/components/DetailPanel/DefaultDetail.vue
@@ -6,12 +6,14 @@
        style="width:90%; font-size:12px"
        :disabled="readOnly"
        :value="model.label"
+        size="small"
        @input="(value) => {onChange('label', value)}"
      />
    </div>
    <div class="panelRow">
      <div><span style="color: red">*</span> 顺序：</div>
      <el-input
+        size="small"
        style="width:90%; font-size:12px"
        :disabled="readOnly"
        :value="model.sort"
@@ -20,11 +22,13 @@
    </div>
    <div class="panelRow">
      <el-checkbox
+        size="small"
        :disabled="readOnly"
        :value="!!model.isHideNode"
        @change="(value) => onChange('isHideNode', value)"
      >隐藏节点</el-checkbox>
      <el-checkbox
+        size="small"
        :disabled="readOnly"
        :value="!!model.hideIcon"
        @change="(value) => onChange('hideIcon', value)"

--- a/src/components/wfd/components/DetailPanel/EndEventDetail.vue
+++ b/src/components/wfd/components/DetailPanel/EndEventDetail.vue
@@ -6,6 +6,7 @@
      <div class="panelRow">
        <div>之后任务：</div>
        <el-select
+          size="small"
          style="width:90%; font-size:12px"
          placeholder="选择任务"
          :disabled="readOnly"
@@ -25,6 +26,7 @@
        :templates-base="templatesBase"
        :write-preview="false"
        :readonly-preview="false"
+        :cc-preview="false"
      />
    </div>
  </div>

--- a/src/components/wfd/components/DetailPanel/HandleNodeDetail.vue
+++ b/src/components/wfd/components/DetailPanel/HandleNodeDetail.vue
@@ -6,6 +6,7 @@
      <div class="panelRow">
        <div>之后任务：</div>
        <el-select
+          size="small"
          style="width:90%; font-size:12px"
          placeholder="选择任务"
          :disabled="readOnly"
@@ -20,6 +21,7 @@
      <div class="panelRow">
        <div><span style="color: red">*</span> {{ i18n['handleNode.assignType'] }}：</div>
        <el-select
+          size="small"
          style="width:90%; font-size: 12px"
          :placeholder="i18n['handleNode.assignType.placeholder']"
          :value="model.assignType"
@@ -36,6 +38,7 @@
      <div v-if="model.assignType === 'person'" class="panelRow">
        <div><span style="color: red">*</span> {{ i18n['handleNode.assignType.person.title'] }}：</div>
        <el-select
+          size="small"
          style="width:90%; font-size:12px"
          :placeholder="i18n['handleNode.assignType.person.placeholder']"
          :disabled="readOnly"
@@ -51,6 +54,7 @@
        <div><span style="color: red">*</span> {{ i18n['userTask.assignType.role.title'] }}：</div>
        <el-select
          v-model.number="model.assignValue"
+          size="small"
          style="width:90%; font-size:12px"
          :placeholder="i18n['userTask.assignType.role.placeholder']"
          :disabled="readOnly"
@@ -77,6 +81,7 @@
      <div v-else-if="model.assignType === 'department'" class="panelRow">
        <div><span style="color: red">*</span> {{ i18n['userTask.assignType.department.title'] }}：</div>
        <el-select
+          size="small"
          style="width:90%; font-size:12px"
          :placeholder="i18n['userTask.assignType.department.placeholder']"
          :value="model.assignValue"
@@ -92,6 +97,7 @@
        <div><span style="color: red">*</span> {{ i18n['handleNode.assignType.variable.title'] }}：</div>
        <el-select
          v-model.number="model.assignValue"
+          size="small"
          style="width:90%; font-size:12px"
          :placeholder="i18n['handleNode.assignType.variable.placeholder']"
          :disabled="readOnly"
@@ -104,6 +110,7 @@
      </div>
      <div class="panelRow">
        <el-checkbox
+          size="small"
          :disabled="model.assignType !== 'role' && model.assignType !== 'department' && (
            model.assignValue===undefined ||
            model.assignValue===null ||
@@ -114,6 +121,7 @@
          @change="(e) => { onChange('isCounterSign', e); initCounterSign(e) }"
        >{{ i18n['handleNode.counterSign'] }}</el-checkbox>
        <el-checkbox
+          size="small"
          :disabled="
            model.assignValue===undefined||
              model.assignValue===null||
@@ -129,6 +137,7 @@
            model.assignValue!==null &&
            model.assignValue.length >= 1 &&
            model.isCounterSign"
+          size="small"
          :value="model.fullHandle"
          @change="(value) => onChange('fullHandle', value)"
        >{{ i18n['userTask.fullHandle'] }}</el-checkbox>
@@ -140,6 +149,7 @@
        :templates="templates"
        :templates-base="templatesBase"
        :readonly-preview="false"
+        :users="users"
      />
    </div>
  </div>

--- a/src/components/wfd/components/DetailPanel/NodeDetail.vue
+++ b/src/components/wfd/components/DetailPanel/NodeDetail.vue
@@ -9,6 +9,7 @@
        :value="model.writeTpls"
        :multiple="true"
        :filterable="true"
+        size="small"
        @change="(e) => onChange('writeTpls', e)"
      >
        <template v-for="(templateValue, templateIndex) in templatesBase">
@@ -25,6 +26,7 @@
        :value="model.readonlyTpls"
        :multiple="true"
        :filterable="true"
+        size="small"
        @change="(e) => onChange('readonlyTpls', e)"
      >
        <template v-for="(templateValue, templateIndex) in templatesBase">
@@ -41,6 +43,7 @@
        :value="model.hideTpls"
        :multiple="true"
        :filterable="true"
+        size="small"
        @change="(e) => onChange('hideTpls', e)"
      >
        <template v-for="(templateValue, templateIndex) in templatesBase">
@@ -48,6 +51,20 @@
        </template>
      </el-select>
    </div>
+    <div v-if="ccPreview" class="panelRow">
+      <div>抄送邮件：</div>
+      <el-select
+        size="small"
+        style="width:90%; font-size:12px"
+        placeholder="请选择抄送人"
+        :value="model.cc"
+        :multiple="true"
+        :filterable="true"
+        @change="(e) => { onChange('cc', e); getPersons(e) }"
+      >
+        <el-option v-for="user in users" :key="user.userId" :label="user.nickName===''?user.username:user.nickName" :value="user.userId" />
+      </el-select>
+    </div>
  </div>
 </template>
 <script>
@@ -81,6 +98,14 @@ export default {
    readonlyPreview: {
      type: Boolean,
      default: true
+    },
+    ccPreview: {
+      type: Boolean,
+      default: true
+    },
+    users: {
+      type: Array,
+      default: () => ([])
    }
  }
 }

--- a/src/components/wfd/components/DetailPanel/StartEventDetail.vue
+++ b/src/components/wfd/components/DetailPanel/StartEventDetail.vue
@@ -12,6 +12,7 @@
          :value="model.task"
          :multiple="true"
          :filterable="true"
+          size="small"
          @change="(e) => onChange('task', e)"
        >
          <el-option v-for="(taskValue, taskIndex) in tasks" :key="taskIndex" :label="taskValue.name" :value="taskValue.full_name" />
@@ -24,6 +25,7 @@
        :templates="templates"
        :templates-base="templatesBase"
        :write-preview="false"
+        :users="users"
      />
    </div>
  </div>
@@ -61,6 +63,10 @@ export default {
    templatesBase: {
      type: Array,
      default: () => ([])
+    },
+    users: {
+      type: Array,
+      default: () => ([])
    }
  }
 }

--- a/src/components/wfd/components/DetailPanel/UserTaskDetail.vue
+++ b/src/components/wfd/components/DetailPanel/UserTaskDetail.vue
@@ -6,6 +6,7 @@
      <div class="panelRow">
        <div>之后任务：</div>
        <el-select
+          size="small"
          style="width:90%; font-size:12px"
          placeholder="选择任务"
          :disabled="readOnly"
@@ -20,6 +21,7 @@
      <div class="panelRow">
        <div><span style="color: red">*</span> {{ i18n['userTask.assignType'] }}：</div>
        <el-select
+          size="small"
          style="width:90%; font-size: 12px"
          :placeholder="i18n['userTask.assignType.placeholder']"
          :value="model.assignType"
@@ -36,6 +38,7 @@
      <div v-if="model.assignType === 'person'" class="panelRow">
        <div><span style="color: red">*</span> {{ i18n['userTask.assignType.person.title'] }}：</div>
        <el-select
+          size="small"
          style="width:90%; font-size:12px"
          :placeholder="i18n['userTask.assignType.person.placeholder']"
          :disabled="readOnly"
@@ -51,6 +54,7 @@
        <div><span style="color: red">*</span> {{ i18n['userTask.assignType.role.title'] }}：</div>
        <el-select
          v-model.number="model.assignValue"
+          size="small"
          style="width:90%; font-size:12px"
          :placeholder="i18n['userTask.assignType.role.placeholder']"
          :disabled="readOnly"
@@ -77,6 +81,7 @@
      <div v-else-if="model.assignType === 'department'" class="panelRow">
        <div><span style="color: red">*</span> {{ i18n['userTask.assignType.department.title'] }}：</div>
        <el-select
+          size="small"
          style="width:90%; font-size:12px"
          :placeholder="i18n['userTask.assignType.department.placeholder']"
          :value="model.assignValue"
@@ -92,6 +97,7 @@
        <div><span style="color: red">*</span> {{ i18n['userTask.assignType.variable.title'] }}：</div>
        <el-select
          v-model.number="model.assignValue"
+          size="small"
          style="width:90%; font-size:12px"
          :placeholder="i18n['userTask.assignType.variable.placeholder']"
          :disabled="readOnly"
@@ -104,6 +110,7 @@
      </div>
      <div class="panelRow">
        <el-checkbox
+          size="small"
          :disabled="model.assignType !== 'role' && model.assignType !== 'department' && (
            model.assignValue===undefined ||
            model.assignValue===null ||
@@ -114,6 +121,7 @@
          @change="(e) => { onChange('isCounterSign', e); initCounterSign(e) }"
        >{{ i18n['userTask.counterSign'] }}</el-checkbox>
        <el-checkbox
+          size="small"
          :disabled="
            model.assignValue===undefined||
              model.assignValue===null||
@@ -129,6 +137,7 @@
            model.assignValue!==null &&
            model.assignValue.length >= 1 &&
            model.isCounterSign"
+          size="small"
          :value="model.fullHandle"
          @change="(value) => onChange('fullHandle', value)"
        >{{ i18n['userTask.fullHandle'] }}</el-checkbox>
@@ -140,6 +149,7 @@
        :templates="templates"
        :templates-base="templatesBase"
        :readonly-preview="false"
+        :users="users"
      />
    </div>
  </div>

--- a/src/components/wfd/components/DetailPanel/index.vue
+++ b/src/components/wfd/components/DetailPanel/index.vue
 <template>
-  <div class="detailPanel" :style="{'height':height+'px'}">
+  <div class="detailPanel" :style="{'height':height+'px'}" style="overflow-y: scroll; padding-bottom: 10px;">
    <UserTaskDetail
      v-if="model.clazz === 'userTask'"
      :model="model"
@@ -45,6 +45,7 @@
    <StartEventDetail
      v-else-if="model.clazz === 'start'"
      :model="model"
+      :users="users"
      :on-change="onChange"
      :read-only="readOnly"
      :tasks="tasks"