eoss-mobiles 0.2.98 → 0.3.0

package/packages/flow/src/components/ProcessSettings.vue

@@ -0,0 +1,319 @@
+<template>
+  <div class="em-flow-setting">
+    <van-collapse v-model="active">
+      <van-collapse-item title="预设自定义节点信息（折叠不作处理）" name="1">
+        <div
+          class="em-flow-setting-item"
+          v-for="(item, index) in flowList"
+          :key="index"
+        >
+          <!-- <em-input v-model="name" :label="`节点${index + 1}`" /> -->
+          <em-picker
+            :title="`节点${index + 1}`"
+            :label="`节点${index + 1}`"
+            show-toolbar
+            v-model="item.nodeId"
+            :columns="item.nodeList"
+            value-key="nodeId"
+            label-key="nodeName"
+            @confirm="onConfirmNextNode($event, index)"
+          />
+          <em-selector
+            :multiple="!item.isRadio"
+            v-show="item.showSelectUser"
+            :nextUserList="item.nextUserList"
+            v-model="item.nextUserSelectList"
+            label="办理人"
+            :objType="item.objType"
+            :param="{
+              pid: item.pid
+            }"
+            :required="item.nodeId != ''"
+            tabs="employee,persongroup"
+            :baseUrl="apiBaseUrl"
+            :paddingTop="paddingTop"
+          />
+          <van-icon
+            name="down"
+            v-show="index + 1 != flowList.length"
+            style="margin-top: 10px"
+          /></div></van-collapse-item
+    ></van-collapse>
+  </div>
+</template>
+
+<script>
+import {
+  getPresetCustomInfo,
+  getNodeInfoHtml
+} from '../../../../src/config/api.js';
+import request from '../../../../src/utils/http.js';
+export default {
+  props: {
+    processDefinitionId: {
+      type: String,
+      default: ''
+    },
+    nodeId: {
+      type: String,
+      default: ''
+    },
+    businessId: {
+      type: String,
+      default: ''
+    },
+    taskId: {
+      type: String,
+      default: ''
+    },
+    pendingId: {
+      type: String,
+      default: ''
+    },
+    apiBaseUrl: {
+      type: String,
+      default: ''
+    },
+    paddingTop: {
+      type: Number,
+      default: 0
+    },
+    choiceOrgId: {
+      type: String,
+      default: ''
+    },
+    pOrgId: {
+      type: String,
+      default: ''
+    },
+    choiceDeptId: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      name: '',
+      pid: 'root',
+      objType: 'enterprise',
+      selectType: 'employee',
+      active: ['1'],
+      flowList: [],
+      selectList: [],
+      isRadio: true,
+      nodeList: []
+    };
+  },
+  watch: {
+    nodeId: {
+      handler(val) {
+        if (val) {
+          //   this.getProList(val);
+          this.getNodeInfo(val);
+        }
+      },
+      immediate: true,
+      deep: true
+    }
+  },
+  methods: {
+    getValue() {
+      let pass = true;
+      let PresetData = [];
+      let newFlowList = this.flowList.filter((x) => x.nodeId);
+      for (let i = 0; i < newFlowList.length; i++) {
+        if (newFlowList[i].nextUserSelectList.length == 0 && newFlowList[i].showSelectUser) {
+          pass = false;
+          this.$toast(`请选择节点${i + 1}的办理人`);
+          return false;
+        }
+      }
+      if (pass) {
+        newFlowList.map((x, i) => {
+            PresetData.push({
+            name: typeof x.nodeId == 'object'? x.nodeId.nodeId : x.nodeId,
+            value: x.nextUserSelectList
+              .map((y) => {
+                return y.showid;
+              })
+              .join(','),
+            lastName: i == 0 ? this.nodeId : PresetData[i - 1].name,
+            sequence: i + 1 +''
+          });
+        });
+      }
+      return JSON.stringify(PresetData);
+    },
+    // 根据返回的办理人类型来判断 选择人员树的范围
+    changePidObjtype(val, choiceOrgId, choiceDeptId, pOrgId, obj) {
+      if (val === 1 || val === 2) {
+        obj.pid = choiceOrgId || this.orgId;
+        obj.objType = 'enterprise';
+        obj.selectType = 'employee';
+      } else if (val === 3 || val === 4) {
+        obj.pid = 'root';
+        obj.objType = 'employee';
+      } else if (val === 5 || val === 6) {
+        obj.pid = choiceDeptId || this.depId;
+        obj.objType = 'department';
+      } else if (val === 11 || val === 12) {
+        obj.selectType = 'employee';
+        obj.objType = 'enterprise';
+      } else if (val === 13) {
+        obj.pid = choiceDeptId || this.depId;
+        obj.selectType = 'employee';
+        obj.objType = 'department';
+      } else if (val === 14) {
+        obj.pid = pOrgId || this.orgId;
+        obj.selectType = 'employee';
+      } else if (val === 15 || val === 16) {
+        obj.pid = pOrgId || this.orgId;
+        obj.selectType = 'employee';
+      }
+      // userSelectionType 机构内单选人1,机构内多选人2,所有机构单选人3,所有部门多选人4,本部门单选人5,本部门多选人6,本单位单选部门7,本单位多选部门8,单选单位9,多选单位10,单选机构11,多选机构12,本部门角色13,本单位角色14
+      val == 2 ||
+      val == 4 ||
+      val == 6 ||
+      val == 8 ||
+      val == 10 ||
+      val == 11 ||
+      val == 12
+        ? (obj.isRadio = false)
+        : (obj.isRadio = true); //判断办理人单选多选
+    },
+    // 修改默认办理人
+    changeDefPeople(def, all, data) {
+      data.nextUserSelectList = [];
+      if ((def == 1 && all == 1) || (def == 0 && all == 1)) {
+        let ids = '';
+        data.nextUserList.map((r, i) => {
+          r.showid = r.userId;
+          r.showname = r.username;
+          this.$set(r, 'checked', true);
+          data.nextUserSelectList.push(r);
+          ids += r.userId + (i === data.nextUserList.length - 1 ? '' : ',');
+        });
+        // this.form.nextUserId = ids;
+      } else if (
+        def == 1 &&
+        (!all || all == 0) &&
+        data.nextUserList.length > 0
+      ) {
+        data.nextUserList[0].showid = data.nextUserList[0].userId;
+        data.nextUserList[0].showname = data.nextUserList[0].username;
+        this.$set(data.nextUserList[0], 'checked', true);
+        data.nextUserSelectList.push(data.nextUserList[0]);
+        // this.form.nextUserId = this.nextUserSelectList[0].userId;
+      }
+    },
+    onConfirmNextNode(val, i) {
+      this.flowList = this.flowList.splice(0, i + 1);
+      if (val.nodeId == '-2') {
+        this.flowList[i].nextUserList = [];
+        this.flowList[i].nextUserSelectList = [];
+      } else {
+        this.getNodeInfo(val.nodeId, i);
+      }
+    },
+    getNodeInfo(nodeId, i) {
+      this.$toast.loading({
+        message: '加载中...',
+        forbidClick: true,
+        loadingType: 'spinner',
+        overlay: true,
+        duration: 0
+      });
+      request({
+        url: getNodeInfoHtml,
+        params: {
+          processDefinitionId: this.processDefinitionId,
+          nextNodeId: nodeId,
+          businessId: this.businessId,
+          taskId: this.taskId,
+          pendingId: this.pendingId
+        }
+      }).then((res) => {
+        if (res.status == 'success') {
+          //   this.nodeList = res.data.taskNodeMap;
+          let obj = {};
+          if (i != undefined) {
+            res.data.nextUserList.map((res) => {
+              res.checked = false;
+            });
+
+            this.flowList[i].nextUserList = res.data.nextUserList || [];
+            this.flowList[i].nextUserSelectList = res.data.nextUserList || [];
+            this.changeDefPeople(
+              res.data.nodeExtAttr.isDefSelectedObj,
+              res.data.nodeExtAttr.isSelectedAllObj,
+              this.flowList[i]
+            );
+            this.changePidObjtype(
+              res.data.nodeExtAttr.userSelectionType,
+              this.choiceOrgId,
+              this.choiceDeptId,
+              this.pOrgId,
+              this.flowList[i]
+            );
+          } else {
+            obj.nextUserList = [];
+            obj.nextUserSelectList = [];
+            this.changeDefPeople(
+              res.data.nodeExtAttr.isDefSelectedObj,
+              res.data.nodeExtAttr.isSelectedAllObj,
+              obj
+            );
+            this.changePidObjtype(
+              res.data.nodeExtAttr.userSelectionType,
+              this.choiceOrgId,
+              this.choiceDeptId,
+              this.pOrgId,
+              obj
+            );
+          }
+          this.getProList(nodeId, obj);
+        }
+      });
+    },
+    getProList(nodeId, obj) {
+      request({
+        url: getPresetCustomInfo,
+        params: {
+          processDefinitionId: this.processDefinitionId,
+          nodeId: nodeId,
+          taskAction: 'withExtendData'
+        }
+      }).then((res) => {
+        this.$toast.clear();
+        if (res.status == 'success') {
+          let arr = [{ nodeId: '-2', nodeName: '请选择' }];
+          let isEnd = false;
+          if (res.data.taskNodeMap) {
+            for (let i in res.data.taskNodeMap || res.data || {}) {
+              let obj = {
+                nodeId: i,
+                nodeName: res.data.taskNodeMap[i]
+              };
+              isEnd = i == 'endEvent';
+              arr.push(obj);
+            }
+          }
+          if (isEnd) {
+            arr = arr.slice(1);
+          }
+          obj = {
+            ...obj,
+            nodeList: arr,
+            nodeId: '',
+            nodeId: isEnd ? arr[0].nodeId : '',
+            showSelectUser: !isEnd
+          };
+          this.flowList.push(obj);
+        }
+      });
+    }
+  }
+};
+</script>
+
+<style></style>

package/packages/flow/src/components/StartFlow.vue

@@ -80,6 +80,20 @@
               label="办理人"
             />
           </div>
+          <!-- <ProcessSetting
+            v-if="processObj.isCustomPreset"
+            ref="processSetting"
+            :processDefinitionId="processObj.processDefinitionId"
+            :nodeId="form.nextNodeId"
+            :taskId="processObj.taskId"
+            :pendingId="processObj.pendingId"
+            :businessId="processObj.businessId"
+            :apiBaseUrl="apiBaseUrl"
+            :paddingTop="paddingTop"
+            :choiceOrgId="orgId"
+            :pOrgId="orgId"
+            :choiceDeptId="depId"
+          /> -->
           <!-- 通知方式 -->
           <Message
             ref="message"
@@ -120,6 +134,7 @@ import request from '../../../../src/utils/http.js';
 import Opinion from './Opinion.vue';
 import Message from './Message.vue';
 import { Dialog } from 'eoss-mobile-vant';
+import ProcessSetting from './ProcessSettings.vue';
 import $ from '../../../../src/utils/util';
 export default {
   name: 'StartFlow',
@@ -195,7 +210,8 @@ export default {
   },
   components: {
     Opinion,
-    Message
+    Message,
+    ProcessSetting
   },
   mounted() {
     let obj = {
@@ -296,6 +312,16 @@ export default {
         userId: this.userId || $.getStorage('userId'),
         mobileKey: $.getStorage('deviceId') || '123'
       };
+      // if (this.processObj.isCustomPreset ) {
+      //   if (this.$refs.processSetting.active.length != 0) {
+      //     if(!this.$refs.processSetting.getValue())return
+      //     info.customPresetUserJson = this.$refs.processSetting.getValue();
+      //     info.isCustomPreset = true;
+      //   } else {
+      //     delete info.customPresetUserJson;
+      //     delete info.isCustomPreset;
+      //   }
+      // }
       if (this.beforeSubmit) {
         this.beforeSubmit(info);
         return;
@@ -322,7 +348,7 @@ export default {
         type: 'get',
         params: { params: info }
         // format: false
-      }).then(res => {
+      }).then((res) => {
         this.$toast.clear();
         if (res.rCode == 0) {
           this.$toast('操作成功');
@@ -339,7 +365,7 @@ export default {
     },
     // 选择办理人
     onClickPeople(label) {
-      this.$nextTick(function() {
+      this.$nextTick(function () {
         this.$refs.selectTree.getContent(label);
       });
       let obj = {
@@ -418,7 +444,7 @@ export default {
     // 获取发起流程信息
     getProcessObj(res) {
       let that = this;
-      return new Promise(function(resolve, reiect) {
+      return new Promise(function (resolve, reiect) {
         request({
           url: that.apiBaseUrl ? that.apiBaseUrl + toStartFlow : toStartFlow,
           params: {
@@ -427,7 +453,7 @@ export default {
               userId: that.userId || $.getStorage('userId')
             }
           }
-        }).then(res => {
+        }).then((res) => {
           if (res.rCode == 0) {
             res.results.nodeExtr.submitTipsMsg &&
               Dialog.confirm({
@@ -443,8 +469,9 @@ export default {
                 });
             if (res.results.extendData) {
               that.notificationMessageReadOnly =
-              res.results.extendData.notificationMessageReadOnly == 'true';
-              that.readOnlyNotificationType = res.results.extendData.readOnlyNotificationType;
+                res.results.extendData.notificationMessageReadOnly == 'true';
+              that.readOnlyNotificationType =
+                res.results.extendData.readOnlyNotificationType;
             }
             that.processObj = res.results;
             that.nextList = res.results.nodeList;
@@ -464,7 +491,7 @@ export default {
             that.nextList[0].list[0].transactorInfos &&
               (that.nextUserList = that.nextList[0].list[0].transactorInfos);
             if (that.nextUserList) {
-              that.nextUserList.map(x => {
+              that.nextUserList.map((x) => {
                 x.checked = false;
               });
             }
@@ -476,10 +503,10 @@ export default {
               that.defaultNotificationType.length == 0
             ) {
               defaultNotificationTypes = res.results.notificationTypes.filter(
-                x => x.defaultSelected == 'true'
+                (x) => x.defaultSelected == 'true'
               );
             }
-            defaultNotificationTypes.map(x => {
+            defaultNotificationTypes.map((x) => {
               that.defaultNotificationType.push(x.notificationCode);
             });
             resolve();
@@ -503,7 +530,7 @@ export default {
             userId: _that.userId
           }
         }
-      }).then(res => {
+      }).then((res) => {
         this.$toast.clear();
         if (res.rCode == 0) {
           this.peopleObj = res.results.nodeExtr;
@@ -525,7 +552,7 @@ export default {
               ) {
                 this.nextUserSelectList = [];
                 idStr = '';
-                this.nextUserList.map(x => {
+                this.nextUserList.map((x) => {
                   x.checked = true;
                   this.nextUserSelectList.push(x);
                   idStr = idStr ? idStr + ',' + x.showid : idStr;