eoss-ui 0.3.97

package/packages/flow/src/processReject.vue

@@ -0,0 +1,262 @@
+<template>
+  <div
+    v-loading="loading"
+    class="es-flow-form"
+    element-loading-text="加载中..."
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(255, 255,255, 0.8)"
+  >
+    <el-form
+      ref="nextNode"
+      :model="nextNode"
+      class="demo-dynamic"
+      label-width="110px"
+    >
+      <el-form-item prop="nodeName" label="当前节点">
+        <el-input v-model="nodeName" disabled />
+      </el-form-item>
+      <el-form-item
+        prop="nextNodeId"
+        label="驳回对象"
+        :rules="[
+          { required: true, message: `请选择驳回对象`, trigger: 'blur' }
+        ]"
+      >
+        <el-radio-group v-model="nextNode.nextNodeId">
+          <el-radio v-for="item of rejectObj" :key="item.id" :label="item.id">
+            {{ item.name }}
+          </el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item
+        prop="noticeType"
+        label="通知方式"
+        :rules="[
+          { required: true, message: `请选择通知方式`, trigger: 'blur' }
+        ]"
+      >
+        <el-checkbox-group v-model="nextNode.noticeType">
+          <el-checkbox
+            v-for="item of nextNode.noticeList"
+            :key="item.cciValue"
+            :label="item.cciValue"
+          >
+            {{ item.shortName }}
+          </el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+      <el-form-item
+        v-show="nextNode.noticeType.length != 0"
+        prop="nextNode"
+        label="通知消息"
+      >
+        <!-- <span>{{ newsInfo }}</span> -->
+        <es-input
+          type="textarea"
+          :rows="4"
+          placeholder="请输入内容"
+          v-model="newsInformation"
+        >
+        </es-input>
+      </el-form-item>
+      <el-form-item>
+        <div style="text-align:right">
+          <el-button
+            type="primary"
+            size="small"
+            @click="subProcess('nextNode')"
+          >
+            提交
+          </el-button>
+        </div>
+      </el-form-item>
+    </el-form>
+    <!-- <el-dialog title="下步处理对象" :visible.sync="show" width="60%">
+			<div>123</div>
+		</el-dialog> -->
+  </div>
+</template>
+
+<script>
+import {
+  findSysCodes,
+  taskRejectHtml,
+  findCodeValues,
+  toTaskRejectHtml
+} from 'eoss-ui/src/config/api';
+import util from 'eoss-ui/src/utils/util';
+export default {
+  name: 'ProcessReject',
+  props: {
+    pendingId: { type: String, default: '' },
+    newsInfo: { type: String, default: '' },
+    showReject: { type: Boolean },
+    option: { type: String, default: '' }
+  },
+  data() {
+    return {
+      loading: false,
+      nextNode: {
+        noticeType: [],
+        opinion: undefined, // 审批意见
+        notificationMsg: undefined, // 系统消息
+        nextNodeId: undefined,
+        noticeList: []
+      },
+      showMsg: false, // 判断是否显示系统消息
+      showOpinion: false, // 常用意见弹框
+      nodeName: '',
+      isOpinionRequired: 0, // 意见是否必填
+      rejectObj: [], //
+      isHiddenOftenOpinion: undefined, // 是否隐藏常用意见
+      nodeDefaultRejectOpinion: undefined, // 默认提交意见
+      checked: true, // 系统消息是否选中
+      defaultNotificationType: undefined, // /默认选中通知类型
+      newsInformation: '' //系统消息
+    };
+  },
+  watch: {
+    showReject(val) {
+      if (val) {
+        this.getProcessReject();
+      }
+    }
+  },
+  mounted() {
+    this.newsInformation = this.newsInfo;
+    this.getProcessReject();
+  },
+  methods: {
+    getNodeType() {
+      util
+        .ajax({
+          url: findCodeValues,
+          params: { ccCode: 'notification_type' }
+        })
+        .then(res => {
+          const { status, data } = res;
+          if (status === 'success') {
+            this.nextNode.noticeList = data;
+          }
+        })
+        .catch(err => {
+          this.loading = false;
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    // 提交表单
+    subProcess(formName) {
+      this.$refs[formName].validate(valid => {
+        if (valid) {
+          if (!this.option && this.isOpinionRequired === 1) {
+            this.$message.warning('请选择输入审批意见');
+            return;
+          }
+          this.loading = true;
+          let noticeType = this.nextNode.noticeType.join(',');
+          let params = {
+            pendingId: this.pendingId,
+            opinion: this.option, // 审批意见
+            notificationMsg: this.newsInformation, // 系统消息
+            notificationType: noticeType,
+            userId: util.getStorage('userId'),
+            nextNodeId: this.nextNode.nextNodeId
+          };
+          util
+            .ajax({ url: taskRejectHtml, method: 'post', data: params })
+            .then(res => {
+              const { status, message } = res;
+              this.loading = false;
+              if (status === 'success') {
+                this.quit(true);
+                this.$message.success('操作成功');
+              } else {
+                this.$message.error(message || '系统错误，请联系管理员！');
+              }
+            })
+            .catch(err => {
+              this.loading = false;
+              if (err.message && err.message !== 'canceled') {
+                this.$message.error(err.message);
+              }
+            });
+        } else {
+          return false;
+        }
+      });
+    },
+    // 取消
+    quit(val) {
+      this.$emit('cancel', val);
+    },
+    getFind() {
+      util
+        .ajax({
+          url: findSysCodes
+        })
+        .then(res => {
+          const { status, message } = res;
+          if (status === 'success') {
+            this.nextNode.noticeType = message.split(',');
+          }
+        })
+        .catch(err => {
+          this.loading = false;
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    getProcessReject() {
+      this.loading = true;
+      let params = {
+        pendingId: this.pendingId,
+        isSinglePage: false,
+        opinion: this.option
+      };
+      util
+        .ajax({ url: toTaskRejectHtml, params })
+        .then(res => {
+          const {
+            status,
+            message,
+            data: { rejectTaskNodes, taskExamine, nodeInfoMap }
+          } = res;
+          this.loading = false;
+          if (status === 'success') {
+            this.isOpinionRequired = nodeInfoMap.nodeExtAttr.isOpinionRequired;
+            if (!this.isOpinionRequired) {
+              this.isOpinionRequired = 0;
+            }
+            let list = [];
+            if (rejectTaskNodes) {
+              for (let i in rejectTaskNodes) {
+                let obj = {
+                  id: i,
+                  name: rejectTaskNodes[i]
+                };
+                list.push(obj);
+              }
+              this.nodeName = taskExamine.nodeName;
+              this.rejectObj = list;
+              this.rejectObj.length != 0 &&
+                (this.nextNode.nextNodeId = this.rejectObj[0].id);
+            }
+          } else {
+            this.$message.error(message || '系统错误，请联系管理员！');
+          }
+        })
+        .catch(err => {
+          this.loading = false;
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+      this.getFind();
+      this.getNodeType();
+    }
+  }
+};
+</script>

package/packages/flow/src/selectUser.vue

@@ -0,0 +1,425 @@
+<template>
+  <div class="select-users">
+    <el-radio
+      v-model="newNextUser"
+      v-for="(item, index) of newRadioList"
+      v-show="newRadioList.length > 0 && !newMultiple && newPresetEdit != 0"
+      @change="cancelSelectUser(true)"
+      :key="index"
+      :label="item.id || item.showid"
+      >{{ item.name ? item.name : item.showname }}</el-radio
+    >
+    <el-checkbox-group
+      v-model="newNextUser"
+      v-show="newRadioList.length > 0 && newMultiple && newPresetEdit != 0"
+      @change="cancelSelectUser(true)"
+    >
+      <el-checkbox
+        v-for="(item, index) of newRadioList"
+        :key="index"
+        :label="item.id || item.showid"
+        >{{ item.name ? item.name : item.showname }}</el-checkbox
+      >
+    </el-checkbox-group>
+    <!-- <el-select 
+      v-model="newNextUser"
+      :multiple="newMultiple"
+      :class="isCustomUser ? 'es-select-user' : ''"
+      filterable
+      remote
+      reserve-keyword
+      placeholder="请输入办理人"
+      :remote-method="remoteMethod"
+      :loading="searchLoading"
+      @change="changeSelectUser"
+    >
+      <el-option
+        v-for="(item,index) in newOptions"
+        :key="index"
+        :label="item.name"
+        :value="item.id"
+      >
+      </el-option>
+    </el-select> -->
+    <!-- class="select-user-icon el-button--primary" -->
+    <div style="position:relative">
+      <!-- <es-selector
+        v-if="isChange"
+        v-model="newSelectUserList"
+        value-type="string"
+        :types="types"
+        :tabs="tabs"
+        :title="title"
+        :mix="mix"
+        :multiple="newMultiple"
+        @confirm="getSelectUser"
+        @cancel="cancelSelectUser"
+        :param="newParams"
+      ></es-selector> -->
+      <el-input v-if="disabled" :readonly="disabled" v-model="onlyName" />
+      <es-selector
+        v-else-if="!disabled && isChange"
+        v-model="newSelectUserList"
+        value-type="string"
+        :types="types"
+        :tabs="tabs"
+        :title="title"
+        :mix="mix"
+        :disabled="!isCustomUser"
+        :filterable="Boolean(isCustomUser)"
+        :class="isCustomUser ? '' : 'no-icon'"
+        :multiple="newMultiple"
+        @cancel="cancelSelectUser"
+        @change="getSelectUser"
+        :param="newParams"
+      ></es-selector>
+      <!-- :action="url" -->
+      <!-- :where="{type:'user',a:'1'}" -->
+      <!-- @confirm="getSelectUser" -->
+    </div>
+  </div>
+</template>
+
+<script>
+import util from 'eoss-ui/src/utils/util.js';
+import { handleInfo } from 'eoss-ui/src/config/api';
+export default {
+  name: 'SelectUser',
+  props: {
+    mix: {
+      type: Boolean,
+      default: false
+    },
+    tabs: {
+      type: Object
+    },
+    nextUser: {
+      default: () => []
+    },
+    radioList: {
+      type: Array,
+      default: () => []
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    isCustomUser: { type: Number, default: 1 },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    selectUserList: {
+      type: Array,
+      default: () => []
+    },
+    types: {
+      type: Array,
+      default: () => ['employee']
+    },
+    params: {
+      type: Object,
+      default: () => {}
+    },
+    showUser: {
+      type: Boolean,
+      default: false
+    },
+    presetEdit: {
+      type: Number,
+      default: 0
+    },
+    title: {
+      type: String,
+      default: '下步处理对象'
+    },
+    onlyName: {
+      type: String,
+      default: ''
+    },
+    isDefSelectedObj: {
+      type: Number,
+      default: 0
+    },
+    where: {
+      type: Object,
+      default: () => {}
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      searchLoading: false,
+      newNextUser: [],
+      newOptions: [],
+      newSelectUserList: [],
+      url: handleInfo,
+      newCheckboxList: [],
+      newPresetEdit: 0,
+      newMultiple: false,
+      newIsDefSelectedObj: 0,
+      isChange: true,
+      newParams: {
+        //  filid: 'all', //选择范围(my:本单位/ "" or all:全部)
+        // selectmix: 'true1',
+        // deptid: '' //指定部门(my:本部门)
+      },
+      newRadioList: []
+    };
+  },
+  watch: {
+    newPresetEdit(val) {
+      this.isChange = false;
+      setTimeout(() => (this.isChange = true), 0);
+    },
+    isDefSelectedObj: {
+      handler(val) {
+        this.newIsDefSelectedObj = val;
+      },
+      deep: true,
+      immediate: true
+    },
+    params: {
+      handler(val) {
+        this.newParams = val;
+      },
+      deep: true,
+      immediate: true
+    },
+    selectUserList: {
+      handler(val) {
+        this.newSelectUserList = val;
+      },
+      deep: true,
+      immediate: true
+    },
+    nextUser: {
+      handler(val) {
+        this.newNextUser = val;
+      },
+      deep: true,
+      immediate: true
+    },
+    radioList: {
+      handler(val) {
+        this.newRadioList = val;
+      },
+      deep: true,
+      immediate: true
+    },
+    options: {
+      handler(val) {
+        this.newOptions = val;
+      },
+      deep: true,
+      immediate: true
+    },
+    presetEdit: {
+      handler(val) {
+        this.newPresetEdit = val;
+      },
+      deep: true,
+      immediate: true
+    },
+    multiple: {
+      handler(val) {
+        this.newMultiple = val;
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+
+  methods: {
+    changeInfo(data) {
+      const {
+        selectUserList,
+        nextUser,
+        radioList,
+        options,
+        multiple,
+        presetEdit,
+        isDefSelectedObj,
+        params
+      } = data;
+      this.newSelectUserList = selectUserList;
+      this.newNextUser = nextUser;
+      this.newRadioList = radioList;
+      this.newOptions = options;
+      this.newMultiple = multiple;
+      this.newParams = params;
+      this.newPresetEdit = presetEdit;
+      this.newIsDefSelectedObj = isDefSelectedObj;
+    },
+    remoteMethod(query) {
+      if (query !== '') {
+        this.searchLoading = true;
+        util
+          .ajax({
+            url: handleInfo,
+            params: { searchKey: query, query, type: 'user' }
+          })
+          .then(res => {
+            const { status, data } = res;
+            this.searchLoading = false;
+            if (status === 'success') {
+              this.newOptions = data;
+            }
+          })
+          .catch(err => {
+            this.searchLoading = false;
+            if (err.message && err.message !== 'canceled') {
+              this.$message.error(err.message);
+            }
+          });
+      } else {
+        this.newOptions = [];
+      }
+    },
+    changeSelectUser(val) {
+      this.newSelectUserList = [];
+      if (this.newMultiple) {
+        val.map(item => {
+          this.newOptions.map(items => {
+            if (item === items.id) {
+              this.newSelectUserList.push({
+                showname: items.name,
+                showid: items.id
+              });
+            }
+          });
+        });
+      } else {
+        this.newOptions.map(item => {
+          if (item.id === val) {
+            this.newSelectUserList.push({
+              showname: item.name,
+              showid: item.id
+            });
+          }
+        });
+      }
+      this.$emit('change', {
+        nextUser: this.newNextUser,
+        options: this.newOptions
+      });
+    },
+    getMixList() {
+      let mixObj = this.newSelectUserList.reduce((obj, name) => {
+        if (name.stype in obj) {
+          obj[name.stype] += `,${name.showid}`;
+        } else {
+          obj[name.stype] = name.showid;
+        }
+        return obj;
+      }, {});
+      let mixArr = [];
+      for (let key in mixObj) {
+        mixArr.push(`${key}-${mixObj[key]}`);
+      }
+      return mixArr;
+    },
+    getSelectUser(val) {
+      this.newOptions = [];
+      let data = {};
+      if (this.mix) data = this.getMixList();
+      if (this.newMultiple) {
+        this.newNextUser = [];
+
+        this.newSelectUserList.map(item => {
+          if (this.mix) {
+            this.newOptions.push({
+              ...item,
+              id: item.showid,
+              name: util.getTypeName(item.stype) + item.showname
+            });
+          } else {
+            this.newOptions.push({
+              ...item,
+              id: item.showid,
+              name: item.showname
+            });
+          }
+          this.newNextUser.push(item.showid);
+        });
+      } else {
+        if (this.newSelectUserList.length > 0) {
+          const { showid, showname } = this.newSelectUserList[0];
+          this.newOptions.push({
+            ...this.newSelectUserList[0],
+            id: showid,
+            name: showname
+          });
+          this.newNextUser = showid;
+        }
+      }
+      this.$emit('change', {
+        nextUser: this.newNextUser,
+        mixList: data,
+        options: this.newOptions
+      });
+    },
+    cancelSelectUser(type) {
+      if (type) this.newOptions = this.newRadioList;
+      let copy = JSON.stringify(this.newSelectUserList);
+      let oldUserList = JSON.parse(copy);
+      copy = [];
+      this.newSelectUserList = [];
+      let data = {};
+      if (this.mix) data = this.getMixList();
+      if (this.newMultiple) {
+        this.newNextUser.map(item => {
+          //  if (this.mix) {
+          //   this.newOptions.push({
+          //     id: item.showid,
+          //     ...item,
+          //     name: util.getTypeName(item.stype) + item.showname
+          //   });
+          // } else {
+          //   this.newOptions.push({...item, id: item.showid, name: item.showname });
+          // }
+          this.newOptions.map(items => {
+            oldUserList.map(val => {
+              if (items.showid != val.showid && val.showid == item) {
+                this.newSelectUserList.push({
+                  ...val
+                });
+              }
+            });
+            if (item === items.showid) {
+              this.newSelectUserList.push({
+                ...items
+              });
+            }
+          });
+        });
+        var obj = {};
+        this.newSelectUserList = this.newSelectUserList.reduce(function(
+          item,
+          next
+        ) {
+          obj[next.showid] ? '' : (obj[next.showid] = true && item.push(next));
+          return item;
+        },
+        []);
+      } else {
+        this.newOptions.map(item => {
+          if (item.showid === this.newNextUser) {
+            this.newSelectUserList.push({
+              ...item
+            });
+          }
+        });
+      }
+      this.$emit('change', {
+        nextUser: this.newNextUser,
+        mixList: data,
+        options: this.newOptions
+      });
+    }
+  }
+};
+</script>