eoss-mobiles 0.4.0 → 0.4.2

package/packages/flow-btn/src/main.vue

@@ -1,494 +1,494 @@
-<template>
-  <!-- 审核按钮 -->
-  <div class="em-flow-btn" v-if="isShowBtnList">
-    <div class="btn-list btn-list-1" v-if="type === 'fenyue'">
-      <div class="right-one" @click="toRead" v-if="!rejectObj.fun">
-        <div class="audit">阅结</div>
-      </div>
-    </div>
-    <div class="btn-list" v-else>
-      <div class="left">
-        <div
-          class="item"
-          v-if="pointsReadingObj.fun"
-          @click="toStartTaskRead(pointsReadingObj)"
-        >
-          <img
-            class="icon"
-            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAjCAYAAAD8BaggAAAAAXNSR0IArs4c6QAABNBJREFUWEftmE9oXFUUxr/z3vxNbKpUitpaEbGghbYbK11IN5a2JI2VNFELiU2cdzObbhR1YQtdKS6Ki4AhL/Mmo5WmOiAK0kVdmKQ0UouIVLS10FKotUIkUcdM83LvPXLDi7xMpp036Sx7IQTmnnvP753zvXvPeYTbD8pmszu01h3MvI2IngYQu4N9XVPMrIjoCoDzWuuTc3Nzk8ePH/+Xqu2SzWbXKqXeBtAN4EEiKgO4CWC+Lq9VjJmZAbQAeJiIZgGkmflvIvp0fn7+SDUgEkK8CeBdADe01gVjbNv2jNZaSymrPkRUUCKK27Z9DEArM2csy1rNzG8A2MDMJ5Zt7jjODgAniChBRB1DQ0MTUZ1FsRNCNAHIA3iBmXcPDw+PCyFaAXwGYGoZkBDifQBvEdHApUuXXh8bG5NRHEW16e7ubk6lUnkialdK7fI8b6Kvr+8R27YniGjdMqD+/v7PmdkYv+J5XjGqo6h2FUBdSqkzAB5KJBJfAHisWspMirYC2GvCGdVRVLsQ0H4AlwNBx5h5IxHFqkVoQmu9WWvdbsIZdiSEiJfL5URU5+l0ml3XNW/S/yME1MXMt4hIMrPhMH9XqwIx82aT47CgHcfZSkSHAayKChS84uPDw8NGl9qsCwHtU0odsSzrR/O71tqwXK8H6EUi+hCAFRUosDvn+35XoVC4VQG0Vym10/O8s+H9IgMdOHDggebm5qeY2bYsyxxuNYd5ainlzUKhcHnROCxqrfWeXC43tiKgmt4jGtwDqhWohkVICLEBQDszp4goqoYQj8d/npqaOl0sFlWFqNvvSkOO43QFd5xdKwrheWaenJmZeb5YLJqKIfza3x3QwYMH708mkx1aa1OOLJwptYY5h6SUZ0ZGRr4DsBDVhqWslvOo8/eAakWqYREyG6XT6Z1a6zW2bUfSkNbayOhcLpe72HANZTKZ/UT0ERHV+5adJ6I213X/aqioe3t7H7VtuwfA6qjnUJC+X1Kp1OjAwMBcQ4GCzamzs9PatGlTpIPRrDl69OiS9DZMQ7XEGnW+biAhxDgzb9Fat1bWKlGd3smuJlAmk1kPwFSISinFsVjsGDM/bqItpbwQi9XfrFqWtUpKedHzvJ8q4WoCCSEmmdkU9SbXTESmk7SI6JZpd4Nat67gEFEKwLdSypfy+fyN8OLg+PBMX1b1chVCGMeSiH4N/q+4Mw1q6CQRbQRwRWvdlsvlrlYCJZPJEcuy2ph5T2VnY9pmcwtf831/n+/7f6TT6RUDlctlTiQS6+Px+JdEVFJK7fU871oYKCiFvwKwhYi2u657YUkJ6ziOAbqulNpRGd668hQYG00S0Tcm5Uqptkqg/v7+7cx8iplLRLTNdd3fK4F+APAkM3flcrlTK4EIr+np6VmTSqVMN7rWtu1dg4OD3y/OB4I+aU5uAJ9MT0+LxTpp0YYcxzkc9Fu/AfhASvl1IpEorfRLx+zsLFpaWkYBPMfMRWY2e/6ZTCaf0FpniWi3aQillC/n8/mFnmxJhAx1U1PTO8z8mvkWBOAfANMAFo76FQyj7fsArDNricjsY7pT8zWFmPksEb3nuu7pansvCPjQoUNJ3/efZeZXATxjmn4AkVvm20AvuV6Y2TzksVKp9PHo6OjU7R70P943RUDEn1FvAAAAAElFTkSuQmCC"
-          />
-          <div class="label">{{ pointsReadingObj.value }}</div>
-        </div>
-        <div
-          class="item"
-          v-if="moreList.length > 0"
-          @click="isShowMore = !isShowMore"
-        >
-          <img
-            class="icon"
-            src="data:image/png;base64,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"
-          />
-          <div class="label">更多</div>
-        </div>
-      </div>
-      <div
-        class="right-one"
-        @click="
-          toAudit(
-            (currentNodeAttr && currentNodeAttr.submitButtonText) || '审核'
-          )
-        "
-        v-if="!rejectObj.fun"
-      >
-        <div class="audit">
-          {{ (currentNodeAttr && currentNodeAttr.submitButtonText) || '审核' }}
-        </div>
-      </div>
-      <div class="right-two" v-else>
-        <div class="reject" @click="reject(rejectObj)">
-          {{ rejectObj.value }}
-        </div>
-        <div
-          class="audit"
-          @click="
-            toAudit(
-              (currentNodeAttr && currentNodeAttr.submitButtonText) || '审核'
-            )
-          "
-        >
-          {{ (currentNodeAttr && currentNodeAttr.submitButtonText) || '审核' }}
-        </div>
-      </div>
-    </div>
-    <div class="more-list" v-if="isShowMore && moreList.length > 0">
-      <div
-        @click="toView(res)"
-        v-for="(res, index) in moreList"
-        :key="index"
-        class="item"
-      >
-        {{ res.value }}
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import { getHandleButtonHtml, getSysParam } from '../../../src/config/api';
-import request from '../../../src/utils/http.js';
-// import {
-//   getHandleButtonHtml,
-//   endFlowHtml,
-//   rejectAndEndHtml,
-//   getSysParam,
-// } from "@/http/http.js";
-
-export default {
-  name: 'EmFlowBtn',
-  props: {
-    pendingId: String, //待办id 必传
-    appid: String, //业务id
-    type: {
-      type: String,
-      default: ''
-    }, // 按钮类型是抄送我 还是待处理
-    save: Function,
-    businessId: String //
-  },
-  data() {
-    return {
-      moreList: [], //更多数组
-      pointsReadingObj: {
-        value: '分阅',
-        fun: undefined
-      }, // 分阅
-      rejectObj: {
-        value: '驳回',
-        fun: undefined
-      },
-      noNodeList: [], // 不能手机端办理节点数组
-      isShowMore: false, //用来判断是否展示更多数组
-      isShowBtnList: false, // 用来判断是否显示审核按钮
-      currentNodeAttr: {}
-    };
-  },
-  watch: {
-    pendingId: {
-      handler(val) {
-        if (this.type !== 'fenyue' && val) {
-          Promise.all([this.getBtnList(), this.getNoNode()]).then(() => {
-            let name = this.$route.query.itemname;
-            let is = this.noNodeList.includes(name);
-            this.isShowBtnList = !is ? true : false;
-            if (is) {
-              this.$toast('当前节点不支持app办理,请去pc端办理');
-            }
-          });
-        } else {
-          this.isShowBtnList = true;
-        }
-      },
-      deep: true,
-      immediate: true
-    }
-  },
-  created() {},
-  methods: {
-    // 获取不可办理节点
-    getNoNode() {
-      return new Promise((resolve, reject) => {
-        request({
-          url: getSysParam,
-          params: {
-            name: 'app_MECP_appNonSupportNode'
-          }
-        }).then(res => {
-          if (res.rCode == 0) {
-            this.noNodeList = res.results.split(',');
-            resolve();
-          } else {
-            this.$toast(res.msg);
-            reject();
-          }
-        });
-      });
-    },
-    toRead() {
-      this.$emit('click', {
-        name: 'newProcessAudit',
-        type: 'handle',
-        typeCode: 'fenyue',
-        h5HeadTitle: '阅结',
-        pendingId: this.pendingId,
-        businessId: this.businessId
-      });
-      // this.$router.push({
-      //   name: "newProcessAudit",
-      //   query: {
-      //     h5HeadTitle: "阅结",
-      //     pendingId: this.pendingId,
-      //     businessId: this.businessId,
-      //     typeCode: "fenyue",
-      //   },
-      // });
-    },
-    // 获取审核按钮
-    getBtnList() {
-      return new Promise((resolve, reject) => {
-        request({
-          url: getHandleButtonHtml,
-          params: {
-            pendingId: this.pendingId
-          }
-        }).then(res => {
-          if (res.rCode == 0) {
-            let data = res.results.taskButtonList;
-            this.moreList = [];
-            if (data) {
-              for (let i = 0; i < data.length; i++) {
-                if (data[i].fun === 'reject()') {
-                  this.rejectObj = data[i];
-                } else if (data[i].fun === 'toStartTaskRead()') {
-                  this.pointsReadingObj = data[i];
-                } else if (data[i].fun === 'toSendMsg()') {
-                  //   return
-                } else {
-                  this.moreList.push(data[i]);
-                }
-              }
-              this.currentNodeAttr = res.results.currentNodeAttr;
-            }
-            resolve();
-          } else {
-            this.$toast(res.msg);
-            reject();
-          }
-        });
-      });
-    },
-    toView(res) {
-      // 驳回并办结：rejectAndEndHtml
-      // 获取转办页面：toTaskTransferHtml
-      // 转办：taskTransferHtml
-      // 获取分阅页面信息：toStartTaskReadHtml
-      // 分阅：taskReadHtml
-      // 获取驳回页面信息：toTaskRejectHtml（注释有误：appId改为pendingId）
-      // 驳回：taskRejectHtml
-      // 直接办结：endFlowHtml
-      if (res.fun === 'toStartTaskRead()') {
-        // 分阅
-        this.toStartTaskRead(res);
-      } else if (res.fun === 'reject()') {
-        // 驳回
-        this.reject(res);
-      } else if (res.fun === 'endFlow()') {
-        // 直接办结
-        this.endFlow(res);
-      } else if (res.fun === 'rejectAndEnd()') {
-        // 驳回并办结
-        this.rejectAndEnd(res);
-      } else if (res.fun === 'toTransfer()') {
-        // 转办
-        this.toTransfer(res);
-      } else if (res.fun === 'toTaskReadAndEnd()') {
-        this.toTaskReadAndEnd(res);
-      } else if (res.fun === 'toSendMsg()') {
-        this.toSendMsg(res);
-      } else if (
-        res.fun === 'toUnionExamine()' ||
-        res.fun === 'toTakeAdvice()' ||
-        res.fun === 'toStartDraf()'
-      ) {
-        const { itemname, appid } = this.$route.query;
-        this.$emit('click', {
-          name: 'newProcessAudit',
-          type:
-            res.fun == 'toUnionExamine()'
-              ? 'unionExamine'
-              : res.fun == 'toTakeAdvice()'
-              ? 'takeAdvice'
-              : res.fun === 'toStartDraf()'
-              ? 'startDraf'
-              : '',
-          h5HeadTitle: '阅结',
-          h5HeadTitle: res.value,
-          pendingId: this.pendingId,
-          businessId: this.businessId,
-          // appid: this.businessId,
-          itemname
-        });
-        // this.$router.push({
-        //   name: "newProcessAudit",
-        //   query: {
-        //     h5HeadTitle: res.value,
-        //     pendingId: this.pendingId,
-        //     itemname,
-        //     type:
-        //       res.fun == "toUnionExamine()"
-        //         ? "unionExamine"
-        //         : res.fun == "toTakeAdvice()"
-        //         ? "takeAdvice"
-        //         : res.fun === "toStartDraf()"
-        //         ? "startDraf"
-        //         : "",
-        //     appid:this.businessId,
-        //     userId: localStorage.getItem("userId"),
-        //   },
-        // });
-      }
-    },
-    toAudit(btnText) {
-      if (
-        this.$route.query.bcode &&
-        this.$route.query.bcode.indexOf('form_') != -1
-      ) {
-        this.save()
-          .then(res => {
-            this.$emit('click', {
-              name: 'newProcessAudit',
-              h5HeadTitle: btnText,
-              type: 'handle',
-              pendingId: this.pendingId,
-              taskRead: this.$route.query.taskRead,
-              taskReadName: this.$route.query.taskReadName,
-              businessId: this.businessId
-            });
-            // this.$router.push({
-            //   name: "newProcessAudit",
-            //   query: {
-            //     h5HeadTitle: "审核",
-            //     pendingId: this.pendingId,
-            //     taskRead: this.$route.query.taskRead,
-            //     taskReadName: this.$route.query.taskReadName,
-            //     businessId: this.$route.query.apprecordid,
-            //   },
-            // });
-          })
-          .catch(err => {
-            console.log('失败');
-          })
-          .finally(() => {});
-      } else {
-        this.$emit('click', {
-          name: 'newProcessAudit',
-          h5HeadTitle: btnText,
-          type: 'handle',
-          pendingId: this.pendingId,
-          businessId: this.businessId
-        });
-        // this.$router.push({
-        //   name: "newProcessAudit",
-        //   query: {
-        //     h5HeadTitle: "审核",
-        //     pendingId: this.pendingId,
-        //     businessId: this.$route.query.apprecordid,
-        //   },
-        // });
-      }
-    },
-    toStartDraf(res) {
-      this.$emit('click', {
-        name: 'ProcessStartDraf',
-        type: 'startDraf',
-        h5HeadTitle: res.value,
-        pendingId: this.pendingId,
-        businessId: this.businessId
-        // appid: this.businessId
-      });
-      // this.$router.push({
-      //   name: 'ProcessStartDraf',
-      //   query: {
-      //     h5HeadTitle: res.value,
-      //     pendingId: this.pendingId,
-      //     appid: this.businessId
-      //   }
-      // });
-    },
-    reject(res) {
-      this.$emit('click', {
-        name: 'ProcessReject',
-        type: 'reject',
-        h5HeadTitle: res.value,
-        pendingId: this.pendingId,
-        businessId: this.businessId
-        // appid: this.businessId
-      });
-      // this.$router.push({
-      //   name: 'ProcessReject',
-      //   query: {
-      //     h5HeadTitle: res.value,
-      //     pendingId: this.pendingId,
-      //     appid: this.businessId
-      //   }
-      // });
-    },
-    toStartTaskRead(res) {
-      this.$emit('click', {
-        name: 'ProcessTaskRead',
-        type: 'taskRead',
-        h5HeadTitle: res.value,
-        pendingId: this.pendingId,
-        businessId: this.businessId
-        // appid: this.businessId
-      });
-      // this.$router.push({
-      //   name: "ProcessTaskRead",
-      //   query: {
-      //     h5HeadTitle: res.value,
-      //     pendingId: this.pendingId,
-      //     appid: this.businessId,
-      //   },
-      // });
-    },
-    endFlow(res) {
-      this.$dialog
-        .confirm({
-          title: '标题',
-          message: '确认' + res.value + '?'
-        })
-        .then(() => {
-          this.$toast.loading({
-            message: '加载中...',
-            forbidClick: true,
-            loadingType: 'spinner',
-            overlay: true,
-            duration: 0
-          });
-          request({
-            url: endFlowHtml,
-            params: {
-              pendingId: this.pendingId
-            }
-          }).then(res => {
-            if (res.rCode == 0) {
-              this.$toast(res.msg);
-              localStorage.setItem('taskEndFlow', true);
-              this.$router.go(-1);
-            } else {
-              this.$toast(res.msg);
-            }
-          });
-        })
-        .catch(() => {
-          // on cancel
-        });
-    },
-    rejectAndEnd(res) {
-      this.$dialog
-        .confirm({
-          title: '标题',
-          message: '确认' + res.value + '?'
-        })
-        .then(() => {
-          request({
-            url: rejectAndEndHtml,
-            params: {
-              pendingId: this.pendingId
-            }
-          }).then(res => {
-            if (res.rCode == 0) {
-              this.$toast(res.msg);
-              localStorage.setItem('taskEndFlow', true);
-              this.$router.go(-1);
-            } else {
-              this.$toast(res.msg);
-            }
-          });
-        })
-        .catch(() => {
-          // on cancel
-        });
-    },
-    toTransfer(res) {
-      this.$emit('click', {
-        name: 'ProcessTransfer',
-        type: 'transfer',
-        h5HeadTitle: res.value,
-        pendingId: this.pendingId
-      });
-      // this.$router.push({
-      //   name: 'ProcessTransfer',
-      //   query: {
-      //     h5HeadTitle: res.btnName,
-      //     pendingId: this.pendingId
-      //   }
-      // });
-    },
-    toTaskReadAndEnd(res) {
-      this.$emit('click', {
-        name: 'ProcessTaskRead',
-        type: 'taskRead',
-        h5HeadTitle: res.value,
-        businessId: this.businessId,
-        // appid: this.businessId,
-        pendingId: this.pendingId,
-        taskAction: 'taskAction'
-      });
-      // this.$router.push({
-      //   name: 'ProcessTaskRead',
-      //   query: {
-      //     h5HeadTitle: res.value,
-      //     businessId: this.businessId,
-      //     // appid: this.businessId,
-      //     pendingId: this.pendingId,
-      //     taskAction: 'taskAction'
-      //   }
-      // });
-    },
-    toSendMsg(res) {
-      this.$emit('click', {
-        name: 'ProcessSendMsg',
-        type: 'sendMsg',
-        h5HeadTitle: res.value,
-        title: '测试表单'
-      });
-      // this.$router.push({
-      //   name: 'ProcessSendMsg',
-      //   query: {
-      //     h5HeadTitle: res.value,
-      //     title: '测试表单'
-      //   }
-      // });
-    }
-  }
-};
-</script>
+<template>
+  <!-- 审核按钮 -->
+  <div class="em-flow-btn" v-if="isShowBtnList">
+    <div class="btn-list btn-list-1" v-if="type === 'fenyue'">
+      <div class="right-one" @click="toRead" v-if="!rejectObj.fun">
+        <div class="audit">阅结</div>
+      </div>
+    </div>
+    <div class="btn-list" v-else>
+      <div class="left">
+        <div
+          class="item"
+          v-if="pointsReadingObj.fun"
+          @click="toStartTaskRead(pointsReadingObj)"
+        >
+          <img
+            class="icon"
+            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAjCAYAAAD8BaggAAAAAXNSR0IArs4c6QAABNBJREFUWEftmE9oXFUUxr/z3vxNbKpUitpaEbGghbYbK11IN5a2JI2VNFELiU2cdzObbhR1YQtdKS6Ki4AhL/Mmo5WmOiAK0kVdmKQ0UouIVLS10FKotUIkUcdM83LvPXLDi7xMpp036Sx7IQTmnnvP753zvXvPeYTbD8pmszu01h3MvI2IngYQu4N9XVPMrIjoCoDzWuuTc3Nzk8ePH/+Xqu2SzWbXKqXeBtAN4EEiKgO4CWC+Lq9VjJmZAbQAeJiIZgGkmflvIvp0fn7+SDUgEkK8CeBdADe01gVjbNv2jNZaSymrPkRUUCKK27Z9DEArM2csy1rNzG8A2MDMJ5Zt7jjODgAniChBRB1DQ0MTUZ1FsRNCNAHIA3iBmXcPDw+PCyFaAXwGYGoZkBDifQBvEdHApUuXXh8bG5NRHEW16e7ubk6lUnkialdK7fI8b6Kvr+8R27YniGjdMqD+/v7PmdkYv+J5XjGqo6h2FUBdSqkzAB5KJBJfAHisWspMirYC2GvCGdVRVLsQ0H4AlwNBx5h5IxHFqkVoQmu9WWvdbsIZdiSEiJfL5URU5+l0ml3XNW/S/yME1MXMt4hIMrPhMH9XqwIx82aT47CgHcfZSkSHAayKChS84uPDw8NGl9qsCwHtU0odsSzrR/O71tqwXK8H6EUi+hCAFRUosDvn+35XoVC4VQG0Vym10/O8s+H9IgMdOHDggebm5qeY2bYsyxxuNYd5ainlzUKhcHnROCxqrfWeXC43tiKgmt4jGtwDqhWohkVICLEBQDszp4goqoYQj8d/npqaOl0sFlWFqNvvSkOO43QFd5xdKwrheWaenJmZeb5YLJqKIfza3x3QwYMH708mkx1aa1OOLJwptYY5h6SUZ0ZGRr4DsBDVhqWslvOo8/eAakWqYREyG6XT6Z1a6zW2bUfSkNbayOhcLpe72HANZTKZ/UT0ERHV+5adJ6I213X/aqioe3t7H7VtuwfA6qjnUJC+X1Kp1OjAwMBcQ4GCzamzs9PatGlTpIPRrDl69OiS9DZMQ7XEGnW+biAhxDgzb9Fat1bWKlGd3smuJlAmk1kPwFSISinFsVjsGDM/bqItpbwQi9XfrFqWtUpKedHzvJ8q4WoCCSEmmdkU9SbXTESmk7SI6JZpd4Nat67gEFEKwLdSypfy+fyN8OLg+PBMX1b1chVCGMeSiH4N/q+4Mw1q6CQRbQRwRWvdlsvlrlYCJZPJEcuy2ph5T2VnY9pmcwtf831/n+/7f6TT6RUDlctlTiQS6+Px+JdEVFJK7fU871oYKCiFvwKwhYi2u657YUkJ6ziOAbqulNpRGd668hQYG00S0Tcm5Uqptkqg/v7+7cx8iplLRLTNdd3fK4F+APAkM3flcrlTK4EIr+np6VmTSqVMN7rWtu1dg4OD3y/OB4I+aU5uAJ9MT0+LxTpp0YYcxzkc9Fu/AfhASvl1IpEorfRLx+zsLFpaWkYBPMfMRWY2e/6ZTCaf0FpniWi3aQillC/n8/mFnmxJhAx1U1PTO8z8mvkWBOAfANMAFo76FQyj7fsArDNricjsY7pT8zWFmPksEb3nuu7pansvCPjQoUNJ3/efZeZXATxjmn4AkVvm20AvuV6Y2TzksVKp9PHo6OjU7R70P943RUDEn1FvAAAAAElFTkSuQmCC"
+          />
+          <div class="label">{{ pointsReadingObj.value }}</div>
+        </div>
+        <div
+          class="item"
+          v-if="moreList.length > 0"
+          @click="isShowMore = !isShowMore"
+        >
+          <img
+            class="icon"
+            src="data:image/png;base64,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"
+          />
+          <div class="label">更多</div>
+        </div>
+      </div>
+      <div
+        class="right-one"
+        @click="
+          toAudit(
+            (currentNodeAttr && currentNodeAttr.submitButtonText) || '审核'
+          )
+        "
+        v-if="!rejectObj.fun"
+      >
+        <div class="audit">
+          {{ (currentNodeAttr && currentNodeAttr.submitButtonText) || '审核' }}
+        </div>
+      </div>
+      <div class="right-two" v-else>
+        <div class="reject" @click="reject(rejectObj)">
+          {{ rejectObj.value }}
+        </div>
+        <div
+          class="audit"
+          @click="
+            toAudit(
+              (currentNodeAttr && currentNodeAttr.submitButtonText) || '审核'
+            )
+          "
+        >
+          {{ (currentNodeAttr && currentNodeAttr.submitButtonText) || '审核' }}
+        </div>
+      </div>
+    </div>
+    <div class="more-list" v-if="isShowMore && moreList.length > 0">
+      <div
+        @click="toView(res)"
+        v-for="(res, index) in moreList"
+        :key="index"
+        class="item"
+      >
+        {{ res.value }}
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { getHandleButtonHtml, getSysParam } from '../../../src/config/api';
+import request from '../../../src/utils/http.js';
+// import {
+//   getHandleButtonHtml,
+//   endFlowHtml,
+//   rejectAndEndHtml,
+//   getSysParam,
+// } from "@/http/http.js";
+
+export default {
+  name: 'EmFlowBtn',
+  props: {
+    pendingId: String, //待办id 必传
+    appid: String, //业务id
+    type: {
+      type: String,
+      default: ''
+    }, // 按钮类型是抄送我 还是待处理
+    save: Function,
+    businessId: String //
+  },
+  data() {
+    return {
+      moreList: [], //更多数组
+      pointsReadingObj: {
+        value: '分阅',
+        fun: undefined
+      }, // 分阅
+      rejectObj: {
+        value: '驳回',
+        fun: undefined
+      },
+      noNodeList: [], // 不能手机端办理节点数组
+      isShowMore: false, //用来判断是否展示更多数组
+      isShowBtnList: false, // 用来判断是否显示审核按钮
+      currentNodeAttr: {}
+    };
+  },
+  watch: {
+    pendingId: {
+      handler(val) {
+        if (this.type !== 'fenyue' && val) {
+          Promise.all([this.getBtnList(), this.getNoNode()]).then(() => {
+            let name = this.$route.query.itemname;
+            let is = this.noNodeList.includes(name);
+            this.isShowBtnList = !is ? true : false;
+            if (is) {
+              this.$toast('当前节点不支持app办理,请去pc端办理');
+            }
+          });
+        } else {
+          this.isShowBtnList = true;
+        }
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  created() {},
+  methods: {
+    // 获取不可办理节点
+    getNoNode() {
+      return new Promise((resolve, reject) => {
+        request({
+          url: getSysParam,
+          params: {
+            name: 'app_MECP_appNonSupportNode'
+          }
+        }).then(res => {
+          if (res.rCode == 0) {
+            this.noNodeList = res.results.split(',');
+            resolve();
+          } else {
+            this.$toast(res.msg);
+            reject();
+          }
+        });
+      });
+    },
+    toRead() {
+      this.$emit('click', {
+        name: 'newProcessAudit',
+        type: 'handle',
+        typeCode: 'fenyue',
+        h5HeadTitle: '阅结',
+        pendingId: this.pendingId,
+        businessId: this.businessId
+      });
+      // this.$router.push({
+      //   name: "newProcessAudit",
+      //   query: {
+      //     h5HeadTitle: "阅结",
+      //     pendingId: this.pendingId,
+      //     businessId: this.businessId,
+      //     typeCode: "fenyue",
+      //   },
+      // });
+    },
+    // 获取审核按钮
+    getBtnList() {
+      return new Promise((resolve, reject) => {
+        request({
+          url: getHandleButtonHtml,
+          params: {
+            pendingId: this.pendingId
+          }
+        }).then(res => {
+          if (res.rCode == 0) {
+            let data = res.results.taskButtonList;
+            this.moreList = [];
+            if (data) {
+              for (let i = 0; i < data.length; i++) {
+                if (data[i].fun === 'reject()') {
+                  this.rejectObj = data[i];
+                } else if (data[i].fun === 'toStartTaskRead()') {
+                  this.pointsReadingObj = data[i];
+                } else if (data[i].fun === 'toSendMsg()') {
+                  //   return
+                } else {
+                  this.moreList.push(data[i]);
+                }
+              }
+              this.currentNodeAttr = res.results.currentNodeAttr;
+            }
+            resolve();
+          } else {
+            this.$toast(res.msg);
+            reject();
+          }
+        });
+      });
+    },
+    toView(res) {
+      // 驳回并办结：rejectAndEndHtml
+      // 获取转办页面：toTaskTransferHtml
+      // 转办：taskTransferHtml
+      // 获取分阅页面信息：toStartTaskReadHtml
+      // 分阅：taskReadHtml
+      // 获取驳回页面信息：toTaskRejectHtml（注释有误：appId改为pendingId）
+      // 驳回：taskRejectHtml
+      // 直接办结：endFlowHtml
+      if (res.fun === 'toStartTaskRead()') {
+        // 分阅
+        this.toStartTaskRead(res);
+      } else if (res.fun === 'reject()') {
+        // 驳回
+        this.reject(res);
+      } else if (res.fun === 'endFlow()') {
+        // 直接办结
+        this.endFlow(res);
+      } else if (res.fun === 'rejectAndEnd()') {
+        // 驳回并办结
+        this.rejectAndEnd(res);
+      } else if (res.fun === 'toTransfer()') {
+        // 转办
+        this.toTransfer(res);
+      } else if (res.fun === 'toTaskReadAndEnd()') {
+        this.toTaskReadAndEnd(res);
+      } else if (res.fun === 'toSendMsg()') {
+        this.toSendMsg(res);
+      } else if (
+        res.fun === 'toUnionExamine()' ||
+        res.fun === 'toTakeAdvice()' ||
+        res.fun === 'toStartDraf()'
+      ) {
+        const { itemname, appid } = this.$route.query;
+        this.$emit('click', {
+          name: 'newProcessAudit',
+          type:
+            res.fun == 'toUnionExamine()'
+              ? 'unionExamine'
+              : res.fun == 'toTakeAdvice()'
+              ? 'takeAdvice'
+              : res.fun === 'toStartDraf()'
+              ? 'startDraf'
+              : '',
+          h5HeadTitle: '阅结',
+          h5HeadTitle: res.value,
+          pendingId: this.pendingId,
+          businessId: this.businessId,
+          // appid: this.businessId,
+          itemname
+        });
+        // this.$router.push({
+        //   name: "newProcessAudit",
+        //   query: {
+        //     h5HeadTitle: res.value,
+        //     pendingId: this.pendingId,
+        //     itemname,
+        //     type:
+        //       res.fun == "toUnionExamine()"
+        //         ? "unionExamine"
+        //         : res.fun == "toTakeAdvice()"
+        //         ? "takeAdvice"
+        //         : res.fun === "toStartDraf()"
+        //         ? "startDraf"
+        //         : "",
+        //     appid:this.businessId,
+        //     userId: localStorage.getItem("userId"),
+        //   },
+        // });
+      }
+    },
+    toAudit(btnText) {
+      if (
+        this.$route.query.bcode &&
+        this.$route.query.bcode.indexOf('form_') != -1
+      ) {
+        this.save()
+          .then(res => {
+            this.$emit('click', {
+              name: 'newProcessAudit',
+              h5HeadTitle: btnText,
+              type: 'handle',
+              pendingId: this.pendingId,
+              taskRead: this.$route.query.taskRead,
+              taskReadName: this.$route.query.taskReadName,
+              businessId: this.businessId
+            });
+            // this.$router.push({
+            //   name: "newProcessAudit",
+            //   query: {
+            //     h5HeadTitle: "审核",
+            //     pendingId: this.pendingId,
+            //     taskRead: this.$route.query.taskRead,
+            //     taskReadName: this.$route.query.taskReadName,
+            //     businessId: this.$route.query.apprecordid,
+            //   },
+            // });
+          })
+          .catch(err => {
+            console.log('失败');
+          })
+          .finally(() => {});
+      } else {
+        this.$emit('click', {
+          name: 'newProcessAudit',
+          h5HeadTitle: btnText,
+          type: 'handle',
+          pendingId: this.pendingId,
+          businessId: this.businessId
+        });
+        // this.$router.push({
+        //   name: "newProcessAudit",
+        //   query: {
+        //     h5HeadTitle: "审核",
+        //     pendingId: this.pendingId,
+        //     businessId: this.$route.query.apprecordid,
+        //   },
+        // });
+      }
+    },
+    toStartDraf(res) {
+      this.$emit('click', {
+        name: 'ProcessStartDraf',
+        type: 'startDraf',
+        h5HeadTitle: res.value,
+        pendingId: this.pendingId,
+        businessId: this.businessId
+        // appid: this.businessId
+      });
+      // this.$router.push({
+      //   name: 'ProcessStartDraf',
+      //   query: {
+      //     h5HeadTitle: res.value,
+      //     pendingId: this.pendingId,
+      //     appid: this.businessId
+      //   }
+      // });
+    },
+    reject(res) {
+      this.$emit('click', {
+        name: 'ProcessReject',
+        type: 'reject',
+        h5HeadTitle: res.value,
+        pendingId: this.pendingId,
+        businessId: this.businessId
+        // appid: this.businessId
+      });
+      // this.$router.push({
+      //   name: 'ProcessReject',
+      //   query: {
+      //     h5HeadTitle: res.value,
+      //     pendingId: this.pendingId,
+      //     appid: this.businessId
+      //   }
+      // });
+    },
+    toStartTaskRead(res) {
+      this.$emit('click', {
+        name: 'ProcessTaskRead',
+        type: 'taskRead',
+        h5HeadTitle: res.value,
+        pendingId: this.pendingId,
+        businessId: this.businessId
+        // appid: this.businessId
+      });
+      // this.$router.push({
+      //   name: "ProcessTaskRead",
+      //   query: {
+      //     h5HeadTitle: res.value,
+      //     pendingId: this.pendingId,
+      //     appid: this.businessId,
+      //   },
+      // });
+    },
+    endFlow(res) {
+      this.$dialog
+        .confirm({
+          title: '标题',
+          message: '确认' + res.value + '?'
+        })
+        .then(() => {
+          this.$toast.loading({
+            message: '加载中...',
+            forbidClick: true,
+            loadingType: 'spinner',
+            overlay: true,
+            duration: 0
+          });
+          request({
+            url: endFlowHtml,
+            params: {
+              pendingId: this.pendingId
+            }
+          }).then(res => {
+            if (res.rCode == 0) {
+              this.$toast(res.msg);
+              localStorage.setItem('taskEndFlow', true);
+              this.$router.go(-1);
+            } else {
+              this.$toast(res.msg);
+            }
+          });
+        })
+        .catch(() => {
+          // on cancel
+        });
+    },
+    rejectAndEnd(res) {
+      this.$dialog
+        .confirm({
+          title: '标题',
+          message: '确认' + res.value + '?'
+        })
+        .then(() => {
+          request({
+            url: rejectAndEndHtml,
+            params: {
+              pendingId: this.pendingId
+            }
+          }).then(res => {
+            if (res.rCode == 0) {
+              this.$toast(res.msg);
+              localStorage.setItem('taskEndFlow', true);
+              this.$router.go(-1);
+            } else {
+              this.$toast(res.msg);
+            }
+          });
+        })
+        .catch(() => {
+          // on cancel
+        });
+    },
+    toTransfer(res) {
+      this.$emit('click', {
+        name: 'ProcessTransfer',
+        type: 'transfer',
+        h5HeadTitle: res.value,
+        pendingId: this.pendingId
+      });
+      // this.$router.push({
+      //   name: 'ProcessTransfer',
+      //   query: {
+      //     h5HeadTitle: res.btnName,
+      //     pendingId: this.pendingId
+      //   }
+      // });
+    },
+    toTaskReadAndEnd(res) {
+      this.$emit('click', {
+        name: 'ProcessTaskRead',
+        type: 'taskRead',
+        h5HeadTitle: res.value,
+        businessId: this.businessId,
+        // appid: this.businessId,
+        pendingId: this.pendingId,
+        taskAction: 'taskAction'
+      });
+      // this.$router.push({
+      //   name: 'ProcessTaskRead',
+      //   query: {
+      //     h5HeadTitle: res.value,
+      //     businessId: this.businessId,
+      //     // appid: this.businessId,
+      //     pendingId: this.pendingId,
+      //     taskAction: 'taskAction'
+      //   }
+      // });
+    },
+    toSendMsg(res) {
+      this.$emit('click', {
+        name: 'ProcessSendMsg',
+        type: 'sendMsg',
+        h5HeadTitle: res.value,
+        title: '测试表单'
+      });
+      // this.$router.push({
+      //   name: 'ProcessSendMsg',
+      //   query: {
+      //     h5HeadTitle: res.value,
+      //     title: '测试表单'
+      //   }
+      // });
+    }
+  }
+};
+</script>