eoss-mobiles 0.1.13

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

@@ -0,0 +1,440 @@
+<template>
+  <!-- 开始流程组件 -->
+  <div class="process-start">
+    <div class="startFlow-content">
+      <!-- 当前节点 -->
+      <div class="present-node" v-if="showPresentNode">
+        <div class="label">当前节点:</div>
+        <div>{{ processObj.nodeName }}</div>
+      </div>
+      <!-- 意见 -->
+      <Opinion
+        v-if="showOpinion"
+        :code="processObj.attachedCode"
+        :ownId="businessId"
+        :isFile="false"
+        @onInputOpintion="onInputOpintion"
+        :isOpinionRequired="isOpinionRequired"
+        :disabled="isBanInputOpinion != 0"
+      ></Opinion>
+      <div class="input-box">
+        <!-- 下一步所有相关操作-->
+        <div>
+          <div @click="isNextBox = !isNextBox" class="shrink-btn">
+            {{ isNextBox ? '收起下一步操作和节点' : '展开下一步操作和节点' }}
+          </div>
+          <div class="next-box" v-show="isNextBox">
+            <!-- 下一步操作 -->
+            <div class="item">
+              <em-picker
+                title="下步操作"
+                label="下步操作"
+                required
+                show-toolbar
+                v-model="form.nextName"
+                label-width="100%"
+                :columns="nextList"
+                value-key="nodeKey"
+                label-key="itemName"
+                @confirm="onConfirmNext"
+                @cancel="showNextList = false"
+              />
+            </div>
+            <!-- 下步节点 -->
+            <div class="item">
+              <em-picker
+                title="流程节点"
+                label="流程节点"
+                required
+                show-toolbar
+                v-model="form.nextNodeName"
+                label-width="100%"
+                :columns="nodeList"
+                value-key="nodeId"
+                label-key="nodeName"
+                @confirm="onConfirmNextNode"
+                @cancel="showNextNodeList = false"
+              />
+            </div>
+          </div>
+          <!--办理人 -->
+          <div class="item item-two-line">
+            <em-selector
+              v-model="nextUserSelectList"
+              :multiple="!isRadio"
+              required
+              :param="{
+                pid: pid,
+                onlyMyOrg: true
+              }"
+              :objType="objType"
+              :nextUserList="nextUserList"
+              @change="handleChange($event, 'nextUserSelectList')"
+              label="办理人"
+            />
+          </div>
+          <!-- 通知方式 -->
+          <Message
+            ref="message"
+            :code="'notification_type'"
+            :defaultNotificationMsg="form.notificationMsg"
+            :defaultNotificationType="defaultNotificationType"
+            @onInputMsg="onInputMsg"
+          ></Message>
+        </div>
+      </div>
+    </div>
+    <div class="btn-list">
+      <div class="btn" @click="goBack">取消</div>
+      <div class="btn" @click="onSubmit()">确定</div>
+      <!-- <div
+        class="btn"
+        @click="
+          $router.push({
+            path: '/Preinstall',
+          })
+        "
+      >
+        流程设置
+      </div> -->
+    </div>
+  </div>
+</template>
+<script>
+import {
+  toStartFlow,
+  getNodeInfo,
+  registerNew
+} from '../../../../src/config/api';
+import request from '../../../../src/utils/http.js';
+import Opinion from './Opinion.vue';
+import Message from './Message.vue';
+export default {
+  name: 'StartFlow',
+  inheritAttrs: false,
+  props: {
+    showPresentNode: {
+      type: Boolean,
+      default: true // 是否当前节点
+    },
+    beforeSubmit: Function,
+    businessId: String, //提交意见附件所需id一般是业务id
+    defId: String, //流程id
+    baseUrl: String, //流程地址
+  },
+  data() {
+    return {
+      showOpinion: true,
+      form: {
+        nextNodeId: undefined, // 流程节点id
+        nextNodeName: undefined, // 流程节点名称
+        nextUserName: undefined, // 办理人
+        nextUserId: undefined, // 办理人id
+        nextName: undefined, //下一步
+        opinion: undefined, // 审批意见
+        nodeId: undefined,
+        notificationMsg: undefined, //系统消息
+        notificationType: []
+      },
+      nextUserList: [],
+      isOpinionRequired: 0, //办理意见是否必填
+      isBanInputOpinion: 0, //是否禁用意见
+      isNextBox: false, // 是否展开隐藏下步操作
+      defaultNotificationType: [], //选中消息数组
+      // showAppUser: false, // 办理人遮罩层
+      showNextList: false, // 下一步遮罩层
+      showNextNodeList: false, // 流程节点遮罩层
+      nextList: [], //下一步列表
+      nodeList: [], // 流程节点列表
+      processObj: {}, //流程信息
+      peopleObj: {}, //办理人信息
+      isRadio: false, //办理人是否单选
+      treeType: undefined, //办理人选择类别
+      pid: undefined, // 办理人树选择pid
+      objType: 'enterprise', //办理人树选择objType
+      selectType: '', //办理人树选择selectType
+      nextUserSelectList: [], //选中人数组
+      flowObj: {} //流程参数信息
+    };
+  },
+  components: {
+    Opinion,
+    Message
+  },
+  mounted() {
+    let obj = {
+      processDefinitionId: this.defId,
+      businessId: this.businessId
+    };
+    this.geAllData(obj);
+  },
+
+  methods: {
+    goBack() {
+      this.$parent.$emit('close');
+    },
+    handleChange(val, selectLabel) {
+      //  this[res.label] = res.list;
+      // this.showAppUser = false;
+      let label = selectLabel.substring(
+        0,
+        selectLabel.lastIndexOf('SelectList')
+      );
+      let idStr = '';
+      val.list.map((r, i) => {
+        idStr = idStr + r.showid + (i === val.list.length - 1 ? '' : ',');
+      });
+      this.form[label + 'Id'] = idStr;
+    },
+    geAllData(res) {
+      this.flowObj = res;
+      this.$toast.loading({
+        message: '加载中...',
+        forbidClick: true,
+        loadingType: 'spinner',
+        overlay: true,
+        duration: 0
+      });
+      //获取流程发起信息后去获取节点信息和办理人信息
+      Promise.all([this.getProcessObj(res)]).then(() => {
+        this.getPeopleObj(this.form.nextNodeId);
+      });
+    },
+    // 通知消息回调
+    onInputMsg(obj) {
+      this.form.notificationType = obj.notificationType.join(',');
+      this.form.notificationMsg = obj.notificationMsg;
+    },
+    // 删除.
+    delteList(label, i) {
+      this[label].splice(i, 1);
+    },
+    // 意见回调
+    onInputOpintion(val) {
+      this.form.opinion = val;
+    },
+    // 提交流程
+    onSubmit() {
+      if (!this.form.nextUserId) {
+        this.$toast('请选择办理人');
+        return;
+      }
+      if (!this.form.nextNodeId) {
+        this.$toast('请选择流程节点');
+        return;
+      }
+      if (!this.form.opinion && this.isOpinionRequired == 1) {
+        this.$toast('请选择输入审批意见');
+        return;
+      }
+      if (!this.form.notificationType) {
+        this.$toast('请选择通知消息');
+        return;
+      }
+
+      let info = {
+        processDefinitionId: this.flowObj.processDefinitionId,
+        nextUserId: this.form.nextUserId,
+        nextNodeId: this.form.nextNodeId,
+        businessId: this.businessId,
+        notificationType: this.form.notificationType,
+        opinion: this.form.opinion,
+        nodeId: this.form.nodeId,
+        userId: sessionStorage.getItem('userId'),
+        notificationMsg: this.form.notificationMsg,
+        loginType: 'a' //登录方式
+      };
+      if (this.beforeSubmit) {
+        this.beforeSubmit(info);
+        return;
+      }
+      this.$toast.loading({
+        message: '加载中...',
+        forbidClick: true,
+        loadingType: 'spinner',
+        overlay: true,
+        duration: 0
+      });
+      const _that = this
+      request({
+        url:_that.baseUrl ? _that.baseUrl +  registerNew : registerNew,
+        params: {
+          params: JSON.stringify(info)
+        }
+      }).then(res => {
+        this.$toast.clear();
+        if (res.rCode == 0) {
+          this.$toast('操作成功');
+          this.$parent.$emit('success');
+        } else {
+          this.$toast(res.msg);
+        }
+      });
+    },
+    //  确认常用意见
+    onConfirmOpinion(val) {
+      this.form.opinion = val.content;
+      this.showOpinion = false;
+    },
+    // 选择办理人
+    onClickPeople(label) {
+      this.$nextTick(function() {
+        this.$refs.selectTree.getContent(label);
+      });
+      let obj = {
+        label: '请选择办理人',
+        show: true
+      };
+      this.$emit('informNav', obj);
+      this.showAppUser = true;
+    },
+    // 获取树选择范围
+    getTreeChangeType() {
+      /**
+       * 办理人选择方式(1:机构内单选人;2:机构内多选;3:所有机构单选人;4:所有机构多选人;5:科室内单选人;6:科室内多选人;11:单选机构;12:多选机构;13:本部门角色;14:本单位角色;15:上级单位单选人;16:上级单位多选人;)
+       */
+      this.treeType % 2 == 0 ? (this.isRadio = false) : (this.isRadio = true);
+      if (this.treeType === 1 || this.treeType === 2) {
+        this.pid = this.orgId;
+        this.objType = 'enterprise';
+        this.selectType = 'employee';
+      } else if (this.treeType === 3 || this.treeType === 4) {
+        this.pid = 'root';
+        this.selectType = 'employee';
+        this.objType = 'employee';
+      } else if (this.treeType === 5 || this.treeType === 6) {
+        this.pid = this.depId;
+        this.selectType = 'employee';
+        this.objType = 'employee';
+      } else if (this.treeType === 11 || this.treeType === 12) {
+        this.selectType = 'employee';
+        this.objType = 'enterprise';
+        this.pid = '';
+      } else if (this.treeType === 13) {
+        this.pid = this.depId;
+        this.selectType = 'employee';
+      } else if (this.treeType === 14) {
+        this.pid = this.orgId;
+        this.selectType = 'employee';
+      } else if (this.treeType === 15 || this.treeType === 16) {
+        this.pid = this.orgId;
+        this.selectType = 'employee';
+      } else if (this.treeType == 'department') {
+        this.pid = '';
+        this.selectType = 'department';
+        this.objType = 'department';
+      }
+    },
+    // 确认下一步操作
+    onConfirmNext(val) {
+      this.form.nextName = val.itemName;
+      this.nodeList = val.list;
+      this.form.nextNodeId = val.list[0].nodeId;
+      this.form.nextNodeName = val.list[0].nodeName;
+      val.list[0].transactorInfos &&
+        (this.nextUserList = val.list[0].transactorInfos);
+      this.showNextList = false;
+      this.getPeopleObj(this.form.nextNodeId);
+    },
+    // 确认流程节点操作
+    onConfirmNextNode(val) {
+      this.form.nextNodeId = val.nodeId;
+      this.form.nextNodeName = val.nodeName;
+      this.showNextNodeList = false;
+      this.getPeopleObj(this.form.nextNodeId);
+    },
+    // 办理人选择完回调
+    disposeAppUser(res) {
+      this[res.label] = res.list;
+      this.showAppUser = false;
+      let label = res.label.substring(0, res.label.lastIndexOf('SelectList'));
+      let idStr = '';
+      res.list.map((r, i) => {
+        idStr = idStr + r.showid + (i === res.list.length - 1 ? '' : ',');
+      });
+      this.form[label + 'Id'] = idStr;
+    },
+    // 获取发起流程信息
+    getProcessObj(res) {
+      let that = this;
+      return new Promise(function(resolve, reiect) {
+        request({
+          url:that.baseUrl ? that.baseUrl + toStartFlow : toStartFlow,
+          params: res
+        }).then(res => {
+          if (res.rCode == 0) {
+            that.processObj = res.results;
+            that.nextList = res.results.nodeList;
+            that.isOpinionRequired = res.results.nodeExtr.isOpinionRequired;
+            that.isBanInputOpinion = res.results.nodeExtr.isBanInputOpinion;
+            if (!that.isOpinionRequired) {
+              that.isOpinionRequired = 0;
+            }
+            if (!that.isBanInputOpinion) {
+              that.isBanInputOpinion = 0;
+            }
+            that.nodeList = res.results.nodeList[0].list;
+            that.form.nextName = that.nextList[0].itemName;
+            that.form.nextNodeId = that.nextList[0].list[0].nodeId;
+            that.form.nextNodeName = that.nextList[0].list[0].nodeName;
+            that.nextList[0].list[0].transactorInfos &&
+              (that.nextUserList = that.nextList[0].list[0].transactorInfos);
+            that.form.notificationMsg = res.results.notificationMsg;
+            that.form.nodeId = res.results.nodeId;
+            let defaultNotificationTypes = [];
+            if (
+              res.results.notificationTypes &&
+              that.defaultNotificationType.length == 0
+            ) {
+              defaultNotificationTypes = res.results.notificationTypes.filter(
+                x => x.defaultSelected == 'true'
+              );
+            }
+            defaultNotificationTypes.map(x => {
+              that.defaultNotificationType.push(x.notificationCode);
+            });
+            resolve();
+          } else {
+            that.$toast(res.message);
+            reiect();
+          }
+        });
+      });
+    },
+    // 获取节点信息(获取节点属性及办理人)
+    getPeopleObj(res) {
+      const _that = this
+      request({
+        url:_that.baseUrl ? _that.baseUrl+ getNodeInfo : getNodeInfo,
+        params: {
+          processDefinitionId: this.flowObj.processDefinitionId,
+          nodeId: res,
+          taskId: this.processObj.taskId
+        }
+      }).then(res => {
+        this.$toast.clear();
+        if (res.rCode == 0) {
+          this.peopleObj = res.results.nodeExtr;
+          if (res.results.nodeExtr.userSelectionType) {
+            this.treeType = res.results.nodeExtr.userSelectionType;
+            let list = res.results.transactorInfos;
+            let idStr = '';
+            list.map((r, i) => {
+              r.showid = r.userId;
+              r.showname = r.userName;
+              if (r.userId || r.userName) {
+                idStr = idStr + r.showid + (i === list.length - 1 ? '' : ',');
+              }
+            });
+            this.form.nextUserId = idStr;
+            this.nextUserSelectList = list.filter(x => x.showname && x.showid);
+            this.getTreeChangeType();
+          }
+        } else {
+          this.$toast(res.message);
+        }
+      });
+    }
+  }
+};
+</script>

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

@@ -0,0 +1,237 @@
+<template>
+  <div class="process-task">
+    <div class="transfer-content">
+      <div class="present-node">
+        <div class="label">当前节点:</div>
+        <div>{{ processObj.taskExamine.nodeName }}</div>
+      </div>
+      <div class="input-box">
+        <div class="item" v-if="!taskReadType">
+          <em-selector
+            label="分阅人员"
+            required
+            multiple
+            :param="{
+              pid: processObj.choiceOrgId
+            }"
+            v-model="nextReadUserSelectList"
+            @change="disposeAppUser"
+          />
+        </div>
+        <div class="item" v-if="taskReadType === '阅结'">
+          <em-input
+            readonly
+            clickable
+            label="下步节点"
+            :required="true"
+            :value="'阅结'"
+            @click="$toast('没有可选择操作')"
+          />
+        </div>
+        <div class="item">
+          <em-input
+            label="办理说明"
+            placeholder="请填写办理说明"
+            v-model="form.handleExplain"
+            type="textarea"
+            rows="3"
+          />
+        </div>
+        <div class="item">
+          <Message
+            ref="message"
+            :code="'notification_type'"
+            :defaultNotificationMsg="form.notificationMsgType"
+            @onInputMsg="onInputMsg"
+          ></Message>
+        </div>
+      </div>
+    </div>
+    <div class="btn-list">
+      <div class="btn" @click="goBack">取消</div>
+      <div class="btn" @click="onSubmit()">确定</div>
+    </div>
+  </div>
+</template>
+<script>
+import Message from './Message.vue';
+import {
+  toStartTaskReadHtml,
+  taskReadHtml,
+  handleTaskRead
+} from '../../../../src/config/api';
+import request from '../../../../src/utils/http.js';
+export default {
+  data() {
+    return {
+      dataJson: {
+        isCdjxjTaskHandle: undefined
+      },
+      form: {
+        nextReadUserId: undefined,
+        handleExplain: undefined //办理说明
+      },
+      processObj: {
+        taskExamine: { nodeName: undefined },
+        nodeInfoMap: { nextUserList: [] }
+      },
+      nextUserIdSelectList: [],
+      nextReadUserSelectList: []
+    };
+  },
+  components: {
+    Message
+  },
+  props: {
+    taskReadType: String,
+    appid: String,
+    beforeSubmit: Function,
+    pendingId: String,
+    userId: String,
+    businessId: String,
+    baseUrl:String
+  },
+  mounted() {
+    if (this.taskReadType === '阅结') {
+      this.processObj.taskExamine.nodeName = '阅结';
+    } else {
+      this.getProcessObj();
+    }
+  },
+
+  methods: {
+    // 通知消息回调
+    onInputMsg(obj) {
+      this.form.notificationMsgType = obj.notificationType.join(',');
+      this.form.notificationMsg = obj.notificationMsg;
+    },
+
+    getProcessObj() {
+      const _that = this
+      request({
+        url:_that.baseUrl?_that.baseUrl + toStartTaskReadHtml : toStartTaskReadHtml,
+        params: {
+          appId: this.appid,
+          pendingId: this.pendingId,
+          identityIds: this.userId
+        }
+      }).then(res => {
+        if (res.rCode == 0) {
+          this.processObj = res.results;
+        } else {
+          this.$toast(res.msg);
+        }
+      });
+    },
+    // 删除
+    delteList(i) {
+      this.nextReadUserSelectList.splice(i, 1);
+    },
+    // 选择转办对象
+
+    // 办理人选择完回调
+    disposeAppUser(res) {
+      this.nextReadUserSelectList = res.list;
+    },
+    goBack() {
+      this.$parent.$emit('close');
+    },
+    onSubmit() {
+      if (this.taskReadType) {
+        this.onSubmitReadEnd();
+      } else {
+        this.onSubmitRead();
+      }
+    },
+    onSubmitReadEnd() {
+      const _that = this
+      let params = {
+        url:_that.baseUrl ? _that.baseUrl + handleTaskRead : handleTaskRead,
+        params: {
+          pendingId: this.pendingId,
+          businessId: this.businessId,
+          opinion: this.form.handleExplain,
+          notificationMsgType: this.form.notificationMsgType,
+          notificationMsg: this.form.notificationMsg,
+          isImageOpinion: 0
+        }
+      };
+      if (this.beforeSubmit) {
+        this.beforeSubmit(params.params);
+        return;
+      }
+      this.$toast.loading({
+        message: '加载中...',
+        forbidClick: true,
+        loadingType: 'spinner',
+        overlay: true,
+        duration: 0
+      });
+
+      request(params)
+        .then(res => {
+          if (res.rCode == 0) {
+            this.$toast('操作成功');
+            this.$parent.$emit('success');
+          } else {
+            this.$toast(res.msg);
+          }
+        })
+        .catch(err => {
+          this.$toast('数据返回失败');
+        });
+    },
+    onSubmitRead() {
+      const _that = this
+      if (
+        !this.nextReadUserSelectList ||
+        this.nextReadUserSelectList.length === 0
+      ) {
+        this.$toast('请选择分阅人员');
+        return;
+      }
+      let ids = '';
+      this.nextReadUserSelectList.map((r, i) => {
+        ids =
+          ids +
+          r.showid +
+          (i === this.nextReadUserSelectList.length - 1 ? '' : ',');
+      });
+      let params = {
+        url:_that.baseUrl ? _that.baseUrl + taskReadHtml : taskReadHtml,
+        params: {
+          pendingId: this.pendingId,
+          appId: this.appid,
+          handleExplain: this.form.handleExplain,
+          notificationMsgType: this.form.notificationMsgType,
+          notificationMsg: this.form.notificationMsg,
+          nextReadUserId: ids
+        }
+      };
+      if (this.beforeSubmit) {
+        this.beforeSubmit(params.params);
+        return;
+      }
+      this.$toast.loading({
+        message: '加载中...',
+        forbidClick: true,
+        loadingType: 'spinner',
+        overlay: true,
+        duration: 0
+      });
+      request(params)
+        .then(res => {
+          if (res.rCode == 0) {
+            this.$toast('操作成功');
+            this.$parent.$emit('success');
+          } else {
+            this.$toast(res.msg);
+          }
+        })
+        .catch(err => {
+          this.$toast('数据返回失败');
+        });
+    }
+  }
+};
+</script>