@lambo-design-mobile/workflow-approve 1.0.0-beta.27 → 1.0.0-beta.29

package/CHANGELOG.md

@@ -1,4 +1,18 @@
 # Changelog
+## [1.0.0-beta.29](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/compare/@lambo-design-mobile/workflow-approve@1.0.0-beta.28...@lambo-design-mobile/workflow-approve@1.0.0-beta.29) (2026-06-30)
+
+
+### ✨ Features | 新功能
+
+* **审批组件:** 人员筛选框调整挂载 ([290b2ec](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/commit/290b2ecfb4976825a3c9e7e668d4e6c38663ce89))
+
+## [1.0.0-beta.28](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/compare/@lambo-design-mobile/workflow-approve@1.0.0-beta.27...@lambo-design-mobile/workflow-approve@1.0.0-beta.28) (2026-06-30)
+
+
+### ✨ Features | 新功能
+
+* **审批组件:** 待办列表增加转办按钮 ([b065d49](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/commit/b065d492c7dbef054dff327d803f179a9b9421d6))
+
 ## [1.0.0-beta.27](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/compare/@lambo-design-mobile/workflow-approve@1.0.0-beta.26...@lambo-design-mobile/workflow-approve@1.0.0-beta.27) (2026-06-08)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design-mobile/workflow-approve",
-  "version": "1.0.0-beta.27",
+  "version": "1.0.0-beta.29",
   "description": "",
   "main": "index.js",
   "author": "lambo",
@@ -14,8 +14,8 @@
   },
   "devDependencies": {
     "standard-version": "^9.5.0",
-    "@lambo-design-mobile/shared": "^1.0.0-beta.21",
     "@lambo-design-mobile/lambo-scan-code": "^1.0.0-beta.1",
+    "@lambo-design-mobile/shared": "^1.0.0-beta.22",
     "@lambo-design-mobile/upload-file": "^1.0.0-beta.18"
   },
   "scripts": {

package/src/FlowBaseList.vue

@@ -45,13 +45,14 @@
                 :finished="finished"
                 finished-text="没有更多了"
                 @load="handleLoad">
-        <TodoListCard ref="todoListCard" :selected-task="selectedTask" :todo-list="listData.rows" :result.sync="checkResult"
-                      :business-approval-router-name="businessApprovalRouterName"
-                      :business-details-router-name="businessDetailsRouterName"
-                      :process-approval-router-name="processApprovalRouterName"
-                      :process-details-router-name="processDetailsRouterName"/>
-      </van-list>
-    </div>
+        <TodoListCard ref="todoListCard" :selected-task="selectedTask" :todo-list="listData.rows" :result.sync="checkResult"
+                      :business-approval-router-name="businessApprovalRouterName"
+                      :business-details-router-name="businessDetailsRouterName"
+                      :process-approval-router-name="processApprovalRouterName"
+                      :process-details-router-name="processDetailsRouterName"
+                      @refresh="resetAndLoadList"/>
+      </van-list>
+    </div>
     <div v-if="checkResult.length > 0" class="custom-bottom-bar">
       <div class="bar-item">
         <van-checkbox v-model="batchSelectChecked" @change="batchSelect" style="justify-content: center;"

package/src/SelectHandle.vue

@@ -24,7 +24,7 @@
       </van-search>
     </div>
     <van-popup v-model="searchFilterShow" ref="searchPopup" position="top"
-               get-container="#headTitle" style="position: absolute;margin-top: 104px"
+               style="position: absolute;margin-top: 104px"
                :overlay-style="{ position:'absolute',marginTop: '104px'}" transition="none">
       <div style="padding: 12px">
         <van-form>
@@ -143,16 +143,17 @@ export default {
         this.userRangeList = this.userList.map(item => { return{...item, organName: item.organName || item.deptName} })
         this.personList.rows = this.userRangeList
         this.personList.total = this.userRangeList.length
+        this.finished = true;
         return
-      }
-      this.useUserTransferRange = false
-      this.personList.total = 0;
-      this.personList.rows = [];
-      this.finished = false;
-      this.loading = false;
-      if (this.orgList && this.orgList.length > 0){
-        this.organizeIdList = this.orgList.map(item => item.orgId)
-        this.orgTreeType = this.organTreeType;
+      }
+      this.useUserTransferRange = false
+      this.personList.total = 0;
+      this.personList.rows = [];
+      this.finished = false;
+      this.loading = 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,
@@ -184,43 +185,43 @@ export default {
         })
       }
     },
-    handleLoad() {
-      if (this.loading || this.finished) {
-        return
-      }
-      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.finished = true;
-        this.loading = false;
-        return
-      }
+    handleLoad() {
+      if (this.loading || this.finished) {
+        return
+      }
+      console.log("触发加载")
+      this.loading = true;
+      if (this.useUserTransferRange){
+        this.personList.rows = this.searchForm.userName ? this.userRangeList.filter(item => item.userName === this.searchForm.userName) : this.userRangeList
+        this.personList.total = this.personList.rows.length;
+        this.finished = true;
+        this.loading = false;
+        return
+      }
       const offset = this.personList.rows.length;
       const limit = 10;
 
-      getUserList(offset, limit, this.searchForm).then(res => {
-        const result = res.data;
-        if (result.code === "1") {
-          //返回的数据添加到 personList 中
-          const newRows = Array.isArray(result.data.rows) ? result.data.rows : [];
-          this.personList.rows = this.personList.rows.concat(newRows);
-          const total = Number(result.data.total);
-          if (!Number.isNaN(total)) {
-            this.personList.total = total;
-          }
-          const noMoreByPage = newRows.length < limit;
-          const noMoreByTotal = this.personList.total > 0 && this.personList.rows.length >= this.personList.total;
-          this.finished = noMoreByPage || noMoreByTotal;
-        }
-
-        this.loading = false;
-
-      }).catch(error => {
-        console.error('Error fetching data:', error);
-        this.loading = false;
-      });
+      getUserList(offset, limit, this.searchForm).then(res => {
+        const result = res.data;
+        if (result.code === "1") {
+          //返回的数据添加到 personList 中
+          const newRows = Array.isArray(result.data.rows) ? result.data.rows : [];
+          this.personList.rows = this.personList.rows.concat(newRows);
+          const total = Number(result.data.total);
+          if (!Number.isNaN(total)) {
+            this.personList.total = total;
+          }
+          const noMoreByPage = newRows.length < limit;
+          const noMoreByTotal = this.personList.total > 0 && this.personList.rows.length >= this.personList.total;
+          this.finished = noMoreByPage || noMoreByTotal;
+        }
+
+        this.loading = false;
+
+      }).catch(error => {
+        console.error('Error fetching data:', error);
+        this.loading = false;
+      });
     },
 
     extractUsers(permScope) {
@@ -254,13 +255,13 @@ export default {
     resetSearch() {
       this.initSearch()
     },
-    resetAndLoadPersonList() {
-      this.personList.total = 0;
-      this.personList.rows = [];
-      this.finished = false;
-      this.loading = false;
-      this.handleLoad();
-    },
+    resetAndLoadPersonList() {
+      this.personList.total = 0;
+      this.personList.rows = [];
+      this.finished = false;
+      this.loading = false;
+      this.handleLoad();
+    },
     handleSelect(handle) {
       if (handle === 'select') {
         // 触发自定义事件 'selectHandle'，并传递 this.checkResult

package/src/TodoListCard.vue

@@ -36,6 +36,9 @@
         <van-cell v-if="selectedTask === 'pending'" :key="selectedTask" title=" ">
           <template #right-icon>
             <div class="button-group">
+              <van-button class="button" size="small" plain type="info" @click="derive(item)">
+                转办
+              </van-button>
               <van-button class="button" size="small" plain type="info" @click="handleItem(item)">
                 {{ item.handleName || (item.handleType === '20' ? '审批' : '办理') }}
               </van-button>
@@ -44,14 +47,22 @@
         </van-cell>
       </van-cell-group>
     </van-checkbox-group>
+    <van-popup v-if="selectUserPopupShow" v-model="selectUserPopupShow" closeable round position="bottom" :style="{ height: '80%' }">
+      <div class="select-user-popup-body">
+        <select-handle title="指定办理人" :procType="selectUserPopupParams.procType" :organ-tree-type="selectUserPopupParams.organTreeType"
+                       :org-list="selectUserPopupParams.orgList" :user-list="selectUserPopupParams.userList" @selectHandle="handleSelectResult"></select-handle>
+      </div>
+    </van-popup>
   </div>
 </template>
 <script>
-import {getNodeData} from "../api";
-import {Notify} from "vant";
+import {getNodeData, audit, getTransferRange} from "../api";
+import {Notify, Toast} from "vant";
+import SelectHandle from "./SelectHandle.vue";
 
 export default {
   name: 'TodoListCard',
+  components: {SelectHandle},
   props: {
     todoList: {},
     selectedTask: {
@@ -85,6 +96,19 @@ export default {
       localTodoList: this.todoList,
       detailsVisible: {}, // 用于跟踪每个项目的详细内容是否可见
       localResult: this.result,  // 使用 localResult 来绑定 van-checkbox-group
+      selectUserPopupShow: false,  // 转办弹框
+      selectUserPopupParams: {
+        procType: '',
+        class: '',
+        userList: [],
+        orgList: [],
+        organTreeType: '',
+        procId: '',
+        taskNode: '',
+        applyId: '',
+        taskId: '',
+        instanceId: '',
+      },
     }
   },
   watch: {
@@ -182,10 +206,124 @@ export default {
     toggleDetails(index) {
       this.$set(this.detailsVisible, index, !this.detailsVisible[index]);
     },
+    // 转办
+    async derive(item) {
+      this.resetTransferPopupData();
+      this.selectUserPopupParams.procType = item.procType
+      this.selectUserPopupParams.procId = item.procId
+      this.selectUserPopupParams.taskNode = item.taskNode
+      this.selectUserPopupParams.applyId = item.applyId
+      this.selectUserPopupParams.taskId = item.taskId
+      this.selectUserPopupParams.instanceId = item.procInstanceId || item.instanceId
+      const success = await this.fetchTransferRange();
+      if (success) {
+        this.selectUserPopupShow = true;
+      }
+    },
+    resetTransferPopupData() {
+      this.selectUserPopupParams = {
+        procType: '',
+        class: '',
+        userList: [],
+        orgList: [],
+        organTreeType: '',
+        procId: '',
+        taskNode: '',
+        applyId: '',
+        taskId: '',
+        instanceId: '',
+      };
+    },
+    async fetchTransferRange() {
+      try {
+        const params = {
+          procType: this.selectUserPopupParams.procType,
+          procId: this.selectUserPopupParams.procId,
+          taskNode: this.selectUserPopupParams.taskNode,
+          applyId: this.selectUserPopupParams.applyId,
+          taskId: this.selectUserPopupParams.taskId,
+          instanceId: this.selectUserPopupParams.instanceId,
+          actionType: 'auditTo82',
+        };
+        const res = await getTransferRange(params);
+        const result = res.data;
+        if (result.code == 200) {
+          this.selectUserPopupParams.organTreeType = result.data.organTreeType;
+          this.selectUserPopupParams.userList = result.data.userList;
+          this.selectUserPopupParams.orgList = result.data.orgList;
+          return true;
+        } else {
+          console.warn('获取选择人员范围失败，返回码:', result.code);
+          return false;
+        }
+      } catch (err) {
+        console.error('获取选择人员范围异常', err);
+        return false;
+      }
+    },
+    handleSelectResult(checkResult) {
+      const self = this
+      console.log('Selected result:', checkResult);
+      let auditParams = {
+        procId: self.selectUserPopupParams.procId,
+        applyId: self.selectUserPopupParams.applyId,
+        taskId: self.selectUserPopupParams.taskId,
+        auditResult: '82',
+        selectedUserId: checkResult[0].userId,
+      }
+      self.auditRequest(auditParams);
+      self.selectUserPopupShow = false;
+    },
+    auditRequest(auditParams) {
+      let self = this
+      Toast.loading({
+        duration: 0, // 持续展示 toast
+        forbidClick: true,
+        message: '处理中',
+      })
+      //确认执行审批逻辑
+      audit(auditParams).then((resp) => {  // 使用箭头函数
+        let result = resp.data
+        if (result.code === '200') {
+          Toast.success(result.message);
+        } else {
+          Toast.fail(result.message);
+        }
+        this.selectUserPopupShow = false;
+        this.$emit('refresh');
+      })
+    },
   }
 }
 </script>
 <style scoped>
+.select-user-popup-body {
+  height: 100%;
+  overflow: visible;
+}
+
+::v-deep .select-user-popup-body > * {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: visible;
+  min-height: 0;
+}
+
+::v-deep .select-user-popup-body #headTitle {
+  flex: 0 0 auto;
+}
+
+::v-deep .select-user-popup-body #listContent {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+}
+
+::v-deep .select-user-popup-body .custom-bottom-bar {
+  position: relative;
+  flex-shrink: 0;
+}
 
 .button-group {
   display: flex;