@lambo-design-mobile/workflow-approve 1.0.0-beta.22 → 1.0.0-beta.23

package/src/FlowNodeCell.vue

@@ -2,7 +2,7 @@
   <van-cell center>
     <template v-slot:icon>
       <div
-          v-if="['通过','流程发起','跳转指定节点'].includes(getAuditStatus(item.auditResult).text)"
+          v-if="['通过','流程发起','跳转指定节点'].includes(getAuditStatus(item.auditResult, item.handleName, item.rejectName).text)"
           class="completed-icon">
         <van-icon class="iconfont" class-prefix='icon' :name=getAuditStatus(item.auditResult).icon
                   size="28px" color="#fff"/>
@@ -36,7 +36,7 @@
     </template>
     <template v-slot:default>
                         <span :style="{ color: getAuditStatus(item.auditResult).color }">{{
-                            getAuditStatus(item.auditResult).text
+                            getAuditStatus(item.auditResult, item.handleName, item.rejectName).text
                           }}</span>
     </template>
   </van-cell>

package/src/SelectHandle.vue

@@ -16,7 +16,7 @@
         <template #right-icon>
           <div @click="onSearch" class="todo-search">搜索</div>
         </template>
-        <template #action>
+        <template v-if="!useUserTransferRange" #action>
           <van-badge :dot="searchFilterBadge">
             <van-icon @click="searchFilterShow = !searchFilterShow;" name="filter-o" color="#666666" size="25px"/>
           </van-badge>
@@ -51,9 +51,10 @@
       <van-list v-model="loading" style="padding-top: 15px"
                 :finished="finished"
                 finished-text="没有更多了"
+                :immediate-check="false"
                 @load="handleLoad()">
         <select-handle-card ref="selectHandleCard" :multi-select="multiSelect" :person-list="personList.rows"
-                            :result.sync="checkResult">
+                            :result.sync="checkResult" :show-status="!useUserTransferRange">
         </select-handle-card>
       </van-list>
     </div>
@@ -63,14 +64,14 @@
     </div>
 
     <van-popup v-model="searchOrganShow" closeable round position="bottom" :style="{ height: '80%' }">
-      <select-organize :all-organize="true" :show-check-box="false" @handleSelect="onSelect" ></select-organize>
+      <select-organize :all-organize="true" :treetype-id="orgTreeType" :organize-id-list="organizeIdList" :show-check-box="false" @handleSelect="onSelect" ></select-organize>
     </van-popup>
   </div>
 </template>
 
 <script>
 import SelectHandleCard from "./SelectHandleCard.vue";
-import {getOrgRootTree, getProcessType, getUserList} from "../api";
+import {getOrgRootTree, getProcessType, getUserList, getTransferRange} from "../api";
 import Tree from "./tree/Tree.vue";
 import SelectOrganize from "./SelectOrganize.vue";
 
@@ -89,6 +90,18 @@ export default {
     multiSelect: {  // 新增一个 prop 来控制是否开启多选模式
       type: Boolean,
       default: false
+    },
+    organTreeType: {
+      type: String,
+      required: false
+    },
+    userList: {  // 用户选择范围
+      type: Array,
+      default: () => ([])
+    },
+    orgList: {  // 组织选择范围
+      type: Array,
+      default: () => ([])
     }
   },
   data() {
@@ -96,6 +109,9 @@ export default {
       searchOrganShow: false,
       searchFilterShow: false,
       searchFilterBadge: false,
+      useUserTransferRange: false,
+      userRangeList: [],
+      orgTreeType: '',
       searchForm: {
         userId: '',
         orgTreeType: '',
@@ -114,6 +130,7 @@ export default {
         rows: []
       },
       checkResult: [],  // 需要传递到子组件的 checkResult
+      organizeIdList: [],  // 需要传递到子组件的组织选择范围
     };
   },
   mounted() {
@@ -121,47 +138,75 @@ export default {
   },
   methods: {
     initSearch() {
-      getOrgRootTree().then(res => {
-        const result = res.data;
-        if (result.code === 1) {
-          this.searchForm.organId = result.data[0].organId;
-          this.searchForm.organTitle = result.data[0].organName;
-          this.searchForm.userId = '';
+      if (this.userList && this.userList.length > 0) {
+        this.useUserTransferRange = true
+        this.userRangeList = this.userList.map(item => { return{...item, organName: item.organName || item.deptName} })
+        this.personList.rows = this.userRangeList
+        this.personList.total = this.userRangeList.length
+        return
+      }
+      this.useUserTransferRange = false
+      if (this.orgList && this.orgList.length > 0){
+        this.organizeIdList = this.orgList.map(item => item.orgId)
+        this.orgTreeType = this.organTreeType;
+        this.searchForm = {
+          ...this.searchForm,
+          orgTreeType: this.organTreeType,
+          organId: this.orgList[0].orgId,
+          organTitle: this.orgList[0].orgName,
+          userId: ''
         }
         this.handleLoad()
-      })
+      } else {
+        getProcessType(this.procType).then(res => {
+          this.orgTreeType = res.data.data.rows[0].organTreeType;
+          const permScope = res.data.data.rows[0].permScope || 'all'
+          getOrgRootTree(this.orgTreeType).then(res => {
+            const orgResult = res.data;
+            if (orgResult.code === 200) {
+              this.searchForm = {
+                ...this.searchForm,
+                orgTreeType: this.orgTreeType,
+                permScopeList: permScope,
+                organId: orgResult.data[0].organId,
+                organTitle: orgResult.data[0].organName,
+                userId: ''
+              }
+            }
+            this.handleLoad()
+          })
+        }).catch(error => {
+          console.error(error)
+        })
+      }
     },
     handleLoad() {
       console.log("触发加载")
+      this.loading = true;
+      if (this.useUserTransferRange){
+        this.personList.rows = this.searchForm.userName ? this.userRangeList.map(item => item.userName === this.searchForm.userName) : this.userRangeList
+        this.personList.total = this.personList.rows.length;
+        this.loading = false;
+        return
+      }
       const offset = this.personList.rows.length;
       const limit = 10;
 
-      getProcessType(this.procType).then(res => {
-
-        this.searchForm.orgTreeType = res.data.data.rows[0].organTreeType;
-        const userArray = this.extractUsers(res.data.data.rows[0].permScope);
-        if (userArray.length > 0) {
-          this.searchForm.permScopeList = userArray.join(',')
+      getUserList(offset, limit, this.searchForm).then(res => {
+        const result = res.data;
+        if (result.code === "1") {
+          //返回的数据添加到 personList 中
+          this.personList.rows = this.personList.rows.concat(result.data.rows);
+          this.personList.total = result.data.total;
         }
-        getUserList(offset, limit, this.searchForm).then(res => {
-
-          const result = res.data;
-          if (result.code === "1") {
-            //返回的数据添加到 personList 中
-            this.personList.rows = this.personList.rows.concat(result.data.rows);
-            this.personList.total = result.data.total;
-          }
 
-          this.loading = false;
-          this.finished = this.personList.rows.length >= this.personList.total;
+        this.loading = false;
+        this.finished = this.personList.rows.length >= this.personList.total;
 
-        }).catch(error => {
-          console.error('Error fetching data:', error);
-          this.loading = false;
-        });
       }).catch(error => {
-        console.error(error)
-      })
+        console.error('Error fetching data:', error);
+        this.loading = false;
+      });
     },
 
     extractUsers(permScope) {
@@ -220,10 +265,10 @@ export default {
   },
   watch: {
     // 监听 searchForm 的每一个字段的变化
-    searchForm: {
-      handler: 'checkSearchForm',
-      deep: true // 深度监听
-    }
+    // searchForm: {
+    //   handler: 'checkSearchForm',
+    //   deep: true // 深度监听
+    // }
   }
 }
 </script>
@@ -349,4 +394,4 @@ export default {
 .submitForm:active {
   background: linear-gradient(90deg, rgba(0, 150, 255, 0.8), rgba(22, 119, 255, 0.79));
 }
-</style>
+</style>

package/src/SelectHandleCard.vue

@@ -17,7 +17,7 @@
                   :border="false" title="部门名称"
                   :value="item.organName"></van-cell>
         <van-cell title-class="list-title" value-class="list-value" class="custom-cell"
-                  :border="false" title="人员状态">
+                  :border="false" title="人员状态" v-if="showStatus">
           <template v-slot:default>
             <span :style="getStatusStyle(item.status)"></span>
             <span :style="{ color: getStatusStyle(item.status)['background-color'] }">
@@ -46,6 +46,10 @@ export default {
     multiSelect: {  // 新增一个 prop 来控制是否开启多选模式
       type: Boolean,
       default: false
+    },
+    showStatus: {
+      type: Boolean,
+      default: false
     }
   },
   data() {

package/src/SelectOrganize.vue

@@ -46,6 +46,10 @@ export default {
     organizeIdList: {
       type: Array,
       default: () => []
+    },
+    treetypeId: {
+      type: String,
+      default: ''
     }
   },
   data() {
@@ -102,7 +106,7 @@ export default {
     handleLoadData(node, callback) {
       getOrgSubNodes(node.id).then((res) => {
         const result = res.data;
-        if (result.code === 1) {
+        if (result.code === 200) {
           callback(
               result.data.map((item) => {
                 return {
@@ -141,7 +145,7 @@ export default {
       this.organizeIdList.forEach((item) => {
         getOrgan(item).then((res) => {
           const result = res.data;
-          if (result.code === 1) {
+          if (result.code === 200) {
             // 确保 result.data 是一个对象
             const newItem = {
               children: [],
@@ -159,9 +163,9 @@ export default {
         });
       });
     } else {
-      getOrgRootTree().then((res) => {
+      getOrgRootTree(this.treetypeId).then((res) => {
         const result = res.data;
-        if (result.code === 1) {
+        if (result.code === 200) {
           this.organizeData = result.data.map((item) => {
             return {
               children: [],

package/src/js/global.js

@@ -1,13 +1,27 @@
-export function getAuditStatus(auditResult) {
+export function getAuditStatus(auditResult, handleName, rejectName) {
+    handleName = handleName ? handleName : '通过'
+    rejectName = rejectName ? rejectName : '驳回'
     const statusMap = {
         '00': { text: '流程发起', icon: "faqi", color: '#0d88ff', type: 'success' },
-        '30': { text: '通过', icon: "tongguo", color: '#0d88ff', type: 'success' },
-        '40': { text: '驳回上一节点', icon: "bohui", color: '#ed4014', type: 'danger' },
-        '50': { text: '驳回到原点', icon: "bohui", color: '#ed4014', type: 'danger' },
+        '10': { text: '首节点自动跳过', icon: "tiaoguo", color: '#0d88ff', type: 'success' },
+        '11': { text: '与上一环节办理人相同自动跳过', icon: "tiaoguo", color: '#0d88ff', type: 'success' },
+        '12': { text: '与发起人相同自动跳过', icon: "tiaoguo", color: '#0d88ff', type: 'success' },
+        '13': { text: '办理人为空自动跳过', icon: "tiaoguo", color: '#0d88ff', type: 'success' },
+        '14': { text: '符合流程变量条件自动跳过', icon: "tiaoguo", color: '#0d88ff', type: 'success' },
+        '30': { text: `${handleName}`, icon: "tongguo", color: '#0d88ff', type: 'success' },
+        '31': { text: '同意', icon: "tongyi", color: '#0d88ff', type: 'success' },
+        '32': { text: '不同意', icon: "butongyi", color: '#ed4014', type: 'warning' },
+        '40': { text: `${rejectName}上一节点`, icon: "bohui", color: '#ed4014', type: 'danger' },
+        '50': { text: `${rejectName}到原点`, icon: "bohui", color: '#ed4014', type: 'danger' },
         '51': { text: '流程作废', icon: "liuchengzuofei", color: '#ed4014', type: 'danger' },
-        '60': { text: '撤回', icon: "chehui", color: '#ed4014', type: 'warning' },
+        '60': { text: '撤回', icon: "chehui", color: '#0d88ff', type: 'primary' },
+        '61': { text: '交回', icon: "jiaohui", color: '#0d88ff', type: 'primary' },
+        '62': { text: '撤回委派', icon: "chehuiweipai", color: '#ed4014', type: 'warning' },
+        '63': { text: '委派', icon: "weipai", color: '#0d88ff', type: 'primary' },
         '80': { text: '跳转指定节点', icon: "tiaozhuan", color: '#0d88ff', type: 'primary' },
-        '90': { text: '驳回指定节点', icon: "bohui", color: '#ed4014', type: 'primary' },
+        '82': { text: '指定他人处理', icon: "zhiding", color: '#0d88ff', type: 'primary' },
+        '83': { text: '减签', icon: "jianqian", color: '#ed4014', type: 'warning' },
+        '90': { text: `${rejectName}指定节点`, icon: "bohui", color: '#ed4014', type: 'primary' },
     };
 
     return {
@@ -16,4 +30,4 @@ export function getAuditStatus(auditResult) {
         color: (statusMap[auditResult] && statusMap[auditResult].color) || '#ff9900',
         type: (statusMap[auditResult] && statusMap[auditResult].type) || 'warning',
     };
-}
+}

package/src/utils/const.js

@@ -0,0 +1,36 @@
+export const NodeType = {
+  UserTask: 'userTask',
+  MultiNode: 'multiNode',
+  SequentialMultiNode: 'sequentialMultiNode'
+}
+
+// 流程信息按钮
+export const WorkflowInfoButtons = {
+  ProcessTrace: 'processTrace',// 流程跟踪图
+  AuditHistory: 'auditHistory',// 审批历史
+  AuditOpinion: 'auditOpinion',// 审批意见
+  AttachmentFile: 'attachmentFile',// 附件
+}
+
+// 流程操作按钮
+export const WorkflowOperationButtons = {
+  AuditTo30: 'auditTo30',// 通过
+  AuditTo70: 'auditTo70',// 驳回原点
+  AuditTo40: 'auditTo40',// 驳回上一节点
+  AuditTo90: 'auditTo90',// 驳回指定节点
+  AuditTo80: 'auditTo80',// 跳转指定节点
+  AuditTo82: 'auditTo82',// 转办
+  AuditTo50: 'auditTo50',// 人工终止
+  DelegateTask: 'delegateTask',// 委派
+  RevokeDelegateTask: 'revokeDelegateTask',// 撤回委派
+  AppointTask: 'appointTask',// 交回委派
+  AddMultitaskInstance: 'addMultitaskInstance',// 会签加签
+  ReductionMultitaskInstance: 'reductionMultitaskInstance',// 会签减签
+}
+
+// 流程流转控制按钮
+export const WorkflowControlButtons = {
+  RejectProcessControl: 'rejectProcessControl',// 允许驳回时控制流转
+  AppointHandler: 'appointHandler',// 指定下一环节的办理人
+  AppointTimeoutTime: 'appointTimeoutTime',// 指定下一环节办理时限（含预警时间）
+}