eoss 0.1.0-alpha.41 → 0.1.0-alpha.43

package/packages/flowOld/src/startTaskRead.vue

@@ -0,0 +1,737 @@
+<template>
+  <div
+    v-loading="loading === true"
+    class="task-read"
+    element-loading-text="加载中..."
+    element-loading-spinner="es-icon-loading"
+    element-loading-background="rgba(255, 255,255, 0.8)"
+    :style="`height: ${typeCode == 'read' ? '100%' : 'unset'};`"
+  >
+    <es-form
+      ref="nextNode"
+      :model="nextNode"
+      class="demo-dynamic"
+      label-width="150px"
+    >
+      <!-- :style="`max-height: ${
+          typeCode ? 'unset' : '290px'
+        }; overflow-y: auto; margin-bottom: 10px`" -->
+      <div>
+        <es-form-item
+          prop="handleExplain"
+          label="当前步骤"
+          v-if="type === 'transfer'"
+        >
+          <es-input readonly v-model="nextNode.nodeName"></es-input>
+        </es-form-item>
+        <es-form-item
+          v-if="type == 'transfer' && transferInfo.isSinglePage"
+          prop="handleExplain"
+          label="意见"
+        >
+          <es-input
+            v-model="nextNode.handleExplain"
+            placeholder="请填写意见"
+          ></es-input>
+        </es-form-item>
+        <es-form-item
+          prop="nextUser"
+          :label="
+            type === 'transfer'
+              ? '转办对象'
+              : configInfo.isCdjxjTaskHandle == 'true'
+              ? '接收人'
+              : '办理用户'
+          "
+        >
+          <SelectUser
+            :nextUser="nextNode.nextUser"
+            :options="userOptions"
+            :multiple="type != 'transfer' ? multiple : false"
+            :mix="type != 'transfer'"
+            :selectUserList="selectUserList"
+            :disableds="readDisableds"
+            :types="
+              selectorTabs
+                ? selectorTabs
+                : type == 'transfer'
+                ? ['employee', 'persongroup']
+                : ['employee', 'enterprise', 'department', 'persongroup']
+            "
+            @change="changeSelectUser($event, 'nextUser')"
+            :tabs="tabs"
+            :params="selectorParams"
+          />
+        </es-form-item>
+
+        <es-form-item
+          v-if="
+            configInfo.isCdjxjTaskHandle != 'true' &&
+            type != 'transfer' &&
+            configInfo.groups &&
+            configInfo.groups.length != 0
+          "
+          prop="cy"
+          label="常用群组"
+          ><es-checkbox-group v-model="selectCheck">
+            <es-checkbox
+              @change="handleSelectCheck($event, item)"
+              v-for="item in configInfo.groups"
+              :label="item.name"
+              :key="item.id"
+              >{{ item.name }}</es-checkbox
+            >
+          </es-checkbox-group>
+        </es-form-item>
+        <es-form-item
+          v-if="configInfo.fyDoresult == 'true'"
+          prop="showDoresult"
+          label="流程意见"
+          ><es-radio v-model="nextNode.showDoresult" label="0">分阅</es-radio>
+          <es-radio v-model="nextNode.showDoresult" label="1">不分阅</es-radio>
+        </es-form-item>
+        <es-form-item
+          v-if="configInfo.fyeh == 'true'"
+          prop="isInHistory"
+          label="分阅记录"
+          ><es-radio v-model="nextNode.isInHistory" label="0">记录</es-radio>
+          <es-radio v-model="nextNode.isInHistory" label="1">不记录</es-radio>
+        </es-form-item>
+        <es-form-item
+          v-if="configInfo.download"
+          prop="isDownload"
+          label="打印下载文件"
+          ><es-radio v-model="nextNode.isDownload" label="0">允许</es-radio>
+          <es-radio v-model="nextNode.isDownload" label="1">不允许</es-radio>
+        </es-form-item>
+        <es-form-item
+          prop="handleExplain"
+          :label="configInfo.isCdjxjTaskHandle == 'true' ? '附言' : '办理说明'"
+          v-if="type != 'transfer'"
+        >
+          <es-input
+            v-model="nextNode.handleExplain"
+            type="textarea"
+            :rows="3"
+            placeholder="请填写办理说明"
+          ></es-input>
+        </es-form-item>
+      </div>
+      <es-form-item v-if="showBtn" style="margin-bottom: 0px;">
+        <div style="text-align: right">
+          <es-button
+            type="primary"
+            size="small"
+            @click="subProcess('nextNode')"
+          >
+            提交
+          </es-button>
+        </div>
+      </es-form-item>
+    </es-form>
+    <div
+      v-show="configInfo.isCdjxjTaskHandle != 'true' && noticeList.length > 0"
+    >
+      <div class="news">
+        <span class="news-item">消息通知</span>
+        <!-- <span :class="showNews ? 'show' : 'sj'"></span> -->
+      </div>
+      <es-checkbox-group
+        v-model="nextNode.noticeType"
+        style="display: contents"
+      >
+        <es-checkbox
+          v-for="item of noticeList"
+          :key="item.cciValue"
+          :label="item.cciValue"
+          :disabled="
+            readOnlyNotificationType
+              ? readOnlyNotificationType.indexOf(item.cciValue) != -1
+              : false
+          "
+        >
+          {{ item.shortName }}
+        </es-checkbox>
+      </es-checkbox-group>
+      <es-input
+        style="border-color: #ccc; border-radius: 6px; font-size: 14px"
+        type="textarea"
+        v-model="newsNoice"
+        rows="4"
+        :readonly="notificationMessageReadOnly == 'true'"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  findSysCodes,
+  taskReadHtml,
+  toStartTaskRead,
+  toTaskTransferIndex,
+  getNotificationMsg,
+  taskTransfer,
+  findCodeValues
+} from 'eoss/src/config/api';
+import { error, success, warning } from 'eoss/src/utils/util';
+import { ajax } from 'eoss/src/utils/ajax';
+import { getStorage } from 'eoss/src/utils/storage';
+import SelectUser from './selectUser.vue';
+import EsButton from 'eoss/packages/button';
+import EsCheckbox from 'eoss/packages/checkbox';
+import EsCheckboxGroup from 'eoss/packages/checkbox-group';
+import EsForm from 'eoss/packages/form';
+import EsFormItem from 'eoss/packages/form-item';
+import EsInput from 'eoss/packages/input';
+import EsRadio from 'eoss/packages/radio';
+export default {
+  name: 'StartTaskRead',
+  components: {
+    [Option.name]: Option,
+    [SelectUser.name]: SelectUser,
+    EsButton,
+    EsCheckbox,
+    EsCheckboxGroup,
+    EsForm,
+    EsFormItem,
+    EsInput,
+    EsRadio
+  },
+  props: {
+    /**
+     * 待办ID
+     */
+    pendingId: { type: String, default: '' },
+    /**
+     * 提交成功后是否弹窗确认
+     */
+    simpleTips: { type: Boolean, default: true },
+    /**
+     * 通知消息信息
+     */
+    newsInfo: { type: String, default: '' },
+    /**
+     * 流程类型
+     */
+    type: { type: String, default: '' },
+    /**
+     * 审批意见
+     */
+    option: { type: String, default: '' },
+    /**
+     * 类型编码
+     */
+    typeCode: { type: String, default: '' },
+    /**
+     * 重设appId
+     */
+    resetAppId: { type: String, default: '' },
+    /**
+     * 人员选择器配置
+     */
+    selectorConfig: { type: [Object, undefined], default: undefined },
+    /**
+     * 参数
+     */
+    param: { type: Object, default: () => {} },
+    /**
+     * 流程信息
+     */
+    taskExamine: { type: Object, default: () => {} },
+    /**
+     * 提交流程参数
+     */
+    subParams: {
+      type: [Object, undefined],
+      default: undefined
+    },
+    /**
+     * 是否展示按钮
+     */
+    showBtn: { type: Boolean, default: false },
+    readParams: {
+      type: [Object, undefined],
+      default: undefined
+    }
+  },
+  data() {
+    return {
+      loading: false,
+      newsNoice: '',
+      readOnlyNotificationType: '',
+      notificationMessageReadOnly: false,
+      selectorTabs: null,
+      selectorParams: null,
+      nextNode: {
+        nextUser: [],
+        userInfo: [],
+        noticeType: [],
+        handleExplain: '',
+        showDoresult: '0',
+        isInHistory: '0',
+        isDownload: '0'
+      },
+      mixList: [],
+      newSelectUserList: [],
+      orgId: '',
+      noticeList: [],
+      userOptions: [],
+      readDisableds: [],
+      selectCheck: [],
+      selectUserList: [],
+      transferInfo: {},
+      multiple: true,
+      params: { filid: 'all' },
+      configInfo: {}
+    };
+  },
+  computed: {
+    tabs() {
+      let tab = {};
+      if (this.type != 'transfer') {
+        tab = {
+          employee: {
+            param: {
+              filid: this.orgId,
+              name: '本单位用户'
+            }
+          },
+          department: { param: { filid: this.orgId } },
+          enterprise: {}
+        };
+      } else {
+        tab = {
+          employee: {
+            param: {
+              filid: this.orgId
+            }
+          }
+        };
+      }
+      return tab;
+    }
+  },
+  mounted() {
+    this.newsNoice = this.newsInfo;
+    if (this.readParams || this.typeCode == 'read') {
+      this.getMessage();
+    }
+    this.getFind();
+    if (getStorage('mainConfig')) {
+      this.orgId = JSON.parse(getStorage('mainConfig')).userModel.orgId;
+    }
+    if (this.selectorConfig) {
+      this.getSelectorConfig();
+    }
+  },
+  methods: {
+    getSelectorConfig() {
+      this.selectorTabs = this.selectorConfig.type.split(',');
+      this.selectorParams = this.selectorConfig.params;
+    },
+    //获取通知信息
+    getMessage() {
+      let params = {};
+      if (this.typeCode == 'read') {
+        params = {
+          processDefinitionId: this.param.processDefinitionId,
+          businessId: this.param.businessId,
+          businessName: this.param.businessName,
+          bCode: this.param.bCode,
+          bName: this.param.bName
+        };
+      } else {
+        params.appId = this.readParams.appId;
+      }
+      ajax({ url: getNotificationMsg, params, methods: 'post' })
+        .then((res) => {
+          if (res.status === 'success') {
+            this.newsNoice = res.message;
+          }
+        })
+        .catch((err) => {
+          this.loading = false;
+        });
+    },
+    toTaskTransfer() {
+      const { opinion, pendingId, taskExamine } = this;
+      let params = {
+        url: toTaskTransferIndex,
+        params: {
+          opinion,
+          pendingId,
+          isSubFlow: taskExamine.isSubFlow,
+          isSinglePage: taskExamine.isSinglePage
+        }
+      };
+      ajax(params)
+        .then((res) => {
+          const {
+            status,
+            message,
+            data: { choiceDeptId, choiceOrgId, nodeInfoMap, taskExamine }
+          } = res;
+          if (status == 'success') {
+            this.isMultipleTransfer(
+              nodeInfoMap.nodeExtAttr.userSelectionType,
+              choiceOrgId,
+              choiceDeptId
+            );
+            this.nextNode.nodeName = taskExamine.nodeName;
+            this.transferInfo = taskExamine;
+          } else {
+            error(message || '系统错误，请联系管理员！');
+          }
+        })
+        .catch((err) => {
+          this.loading = false;
+        });
+    },
+    isMultipleTransfer(val, choiceOrgId, choiceDeptId, pOrgId) {
+      if (val == 2 || val == 4 || val == 6 || val == 16) {
+        this.multiple = true;
+      } else {
+        this.multiple = false;
+      }
+      if (val == 1 || val == 2 || val == 5) {
+        this.params.filid = this.orgId;
+        if (choiceOrgId) {
+          this.params.filid = choiceOrgId;
+        }
+      }
+      if (val == 5 || val == 6) {
+        this.params.filid = this.orgId;
+        this.params.deptid = this.orgId;
+        if (choiceDeptId) {
+          this.params.deptid = choiceDeptId;
+        }
+        if (choiceOrgId) {
+          this.params.filid = choiceOrgId;
+        }
+      }
+      if (val == 15 || val == 16) {
+        this.params.filid = this.orgId;
+        if (pOrgId) {
+          this.params.filid = pOrgId;
+        }
+      }
+    },
+    isMultiple() {
+      let orgId = this.orgId;
+      if (this.configInfo.selectPersonValue == 1) {
+        this.multiple = false;
+        this.params.filid = orgId;
+      } else if (this.configInfo.selectPersonValue == 2) {
+        this.multiple = true;
+        this.params.filid = orgId;
+      } else if (this.configInfo.selectPersonValue == 3) {
+        this.multiple = false;
+        this.params.filid = 'all';
+      } else if (this.configInfo.selectPersonValue == 4) {
+        this.multiple = true;
+        this.params.filid = 'all';
+      } else if (this.configInfo.selectPersonValue == 5) {
+        this.multiple = false;
+        this.params.filid = '';
+      } else if (this.configInfo.selectPersonValue == 6) {
+        this.multiple = true;
+        this.params.filid = '';
+      }
+    },
+    handleSelectCheck(val, data) {
+      let { userIds, userNames } = data;
+      if (val) {
+        let newUserIds = userIds.split(',');
+        let newUserNames = userNames.split(',');
+        newUserIds.map((item, index) => {
+          this.nextNode.nextUser.push(item);
+          this.userOptions.push({ id: item, name: newUserNames[index] });
+
+          this.selectUserList.push({
+            showid: item,
+            showname: newUserNames[index]
+          });
+        });
+        // this.selectUserList = this.newSelectUserList
+      } else {
+        let newUserIds = userIds.split(',');
+        for (let i = 0; i < this.nextNode.nextUser.length; i++) {
+          for (let j = 0; j < newUserIds.length; j++) {
+            if (this.nextNode.nextUser[i] == newUserIds[j]) {
+              this.nextNode.nextUser.splice(i, 1);
+            }
+          }
+        }
+        for (let z = 0; z < this.userOptions.length; z++) {
+          for (let x = 0; x < newUserIds.length; x++) {
+            if (this.userOptions[z].id == newUserIds[x]) {
+              this.userOptions.splice(z, 1);
+              this.selectUserList.splice(z, 1);
+            }
+          }
+        }
+        // this.newSelectUserList = this.selectUserList
+      }
+    },
+    toStartTaskRead() {
+      let params = {
+        url: toStartTaskRead,
+        params: {
+          pendingId: this.pendingId,
+          taskAction: this.type,
+          ...this.param
+        }
+      };
+      if (this.typeCode == 'read') {
+        delete params.params.pendingId;
+        // params.params.appid = this.resetAppId;
+      }
+      if (this.type != 'taskReadAndEnd') delete params.params.taskAction;
+      ajax(params)
+        .then((res) => {
+          const { status, data } = res;
+          if (status === 'success') {
+            this.configInfo = data;
+            if (data.alreadyReadUserIds) {
+              this.readDisableds = data.alreadyReadUserIds.split(',');
+            }
+            this.isMultiple();
+          }
+        })
+        .catch((err) => {
+          this.loading = false;
+        });
+    },
+    changeSelectUser(val, type) {
+      const { nextUser, options, mixList } = val;
+      this.nextNode[type] = nextUser;
+      this.mixList = mixList;
+      options.map((item) => {
+        this.newSelectUserList.push({
+          showname: item.showname,
+          showid: item.showid
+        });
+      });
+    },
+    getNodeType() {
+      ajax({
+        url: findCodeValues,
+        params: {
+          ccCode: 'fenyue_msg_type',
+          userId: getStorage('userId')
+          // pendingId:this.pendingId
+        }
+      })
+        .then((res) => {
+          const { status, data } = res;
+          if (status === 'success') {
+            this.noticeList = data;
+            let arr = [];
+            this.noticeList.map((item) => {
+              this.nextNode.noticeType.map((x) => {
+                if (x == item.cciValue) {
+                  arr.push(x);
+                }
+              });
+            });
+            this.nextNode.noticeType = arr;
+          }
+        })
+        .catch((err) => {
+          this.loading = false;
+        });
+    },
+    // 转办提交
+    subTaskTransfer() {
+      const { choiceDeptId, choiceOrgId, bCode, bName } = this.taskExamine;
+      const { opinion, pendingId, nextNode, newsNoice, multiple, type } = this;
+      let params = {
+        url: taskTransfer,
+        data: {
+          choiceDeptId,
+          choiceOrgId,
+          bCode,
+          bName,
+          nextUserId:
+            multiple && type != 'transfer'
+              ? nextNode.nextUser.join(',')
+              : nextNode.nextUser,
+          opinion,
+          pendingId,
+          notificationType: nextNode.noticeType.join(','),
+          notificationMsg: newsNoice
+        },
+        headers: { Accept: 'application/json,text/plain' },
+        method: 'post'
+      };
+      ajax(params)
+        .then((res) => {
+          const { message, status } = res;
+          if (status === 'success') {
+            this.simpleTips &&
+              this.$message({
+                message: '操作成功',
+                type: 'success'
+              });
+            this.quit(true);
+          } else {
+            this.$message({
+              message: message || '系统错误，请联系管理员！',
+              type: 'error'
+            });
+          }
+          this.loading = false;
+        })
+        .catch((err) => {
+          this.loading = false;
+        });
+    },
+    // 提交表单
+    subProcess(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          if (!this.option && this.isOpinionRequired === 1) {
+            warning('请选择输入审批意见');
+            return;
+          }
+          // let nextUser = [];
+          // this.nextNode.nextUser.map(item => {
+          //   nextUser.push(item);
+          // });
+          if (this.nextNode.nextUser.length == 0) {
+            warning(
+              `请选择${
+                this.type === 'transfer'
+                  ? '转办对象'
+                  : this.configInfo.isCdjxjTaskHandle == 'true'
+                  ? '接收人'
+                  : '办理用户'
+              }`
+            );
+            return;
+          }
+          let noticeType = '';
+          noticeType = this.nextNode.noticeType.join(',');
+          this.loading = true;
+          if (this.type === 'transfer') {
+            this.subTaskTransfer();
+          } else {
+            const {
+              appId,
+              businessId,
+              bCode,
+              bName,
+              choiceDeptId,
+              choiceOrgId,
+              businessName,
+              processDefinitionId
+            } = this.taskExamine;
+            let params = {
+              ...this.nextNode,
+              bCode,
+              bName,
+              appId,
+              businessId: businessId || this.param.businessId,
+              choiceDeptId,
+              choiceOrgId,
+              businessName,
+              processDefinitionId,
+              currentOrgProcessKey:
+                processDefinitionId || this.param.currentOrgProcessKey,
+              pendingId: this.pendingId,
+              opinion: this.option, // 审批意见
+              userId: getStorage('userId'),
+              nextReadUserId: this.mixList.join('|'),
+              notificationType: noticeType,
+              notificationMsg: this.newsNoice,
+              taskAction: this.type
+              // nextNodeId: this.form.nextNodeId
+            };
+            delete params.nextUser;
+            delete params.noticeType;
+            const { fyDoresult, fyeh, download, isCdjxjTaskHandle } =
+              this.configInfo;
+            fyDoresult != 'true' && delete params.showDoresult;
+            fyeh != 'true' && delete params.isInHistory;
+            !download && delete params.isDownload;
+            isCdjxjTaskHandle == 'true' && delete params.noticeType;
+            if (this.readParams) {
+              params = { ...params, ...this.readParams };
+            }
+            if (this.subParams) {
+              params = { ...params, ...this.subParams };
+            }
+            delete this.configInfo.taskExamine.taskExamineParam;
+            ajax({
+              url: taskReadHtml,
+              params: { taskAction: this.type },
+              headers: {
+                Accept: 'application/json,text/plain'
+              },
+              method: 'post',
+              data: { ...params, ...this.configInfo.taskExamine }
+            })
+              .then((res) => {
+                const { message, status } = res;
+                this.loading = false;
+                if (status === 'success') {
+                  this.simpleTips &&
+                    this.$message({
+                      message: '操作成功',
+                      type: 'success'
+                    });
+                  this.quit(true);
+                } else {
+                  this.$message({
+                    message: message || '系统错误，请联系管理员！',
+                    type: 'error'
+                  });
+                }
+              })
+              .catch((err) => {
+                this.loading = false;
+              });
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+    quit(val) {
+      if (val === true) return this.$emit('cancel', this.type);
+      this.$emit('cancel');
+    },
+
+    getFind() {
+      this.loading = true;
+      ajax({
+        url: findSysCodes
+      })
+        .then((res) => {
+          const { status, message, data } = res;
+          this.loading = false;
+          if (status === 'success') {
+            this.nextNode.noticeType = message.split(',');
+            if (data) {
+              this.notificationMessageReadOnly =
+                data.notificationMessageReadOnly;
+              this.readOnlyNotificationType = data.readOnlyNotificationType;
+            }
+          } else {
+            error(message || '系统错误，请联系管理员！');
+          }
+          this.getNodeType();
+          if (this.type === 'transfer') {
+            this.toTaskTransfer();
+          } else if (!this.readParams) {
+            this.toStartTaskRead();
+          }
+        })
+        .catch((err) => {
+          this.loading = false;
+        });
+    }
+  }
+};
+</script>