From 73cbe36fc0d51af44ccac1016f869f9bf08ab827 Mon Sep 17 00:00:00 2001
From: gaoshp <291585735@qq.com>
Date: 星期五, 04 七月 2025 19:12:19 +0800
Subject: [PATCH] update

---
 src/views/flow/todolist.vue |   57 +++++++++++++++++++++++++++++++++++++++++++++++----------
 1 files changed, 47 insertions(+), 10 deletions(-)

diff --git a/src/views/flow/todolist.vue b/src/views/flow/todolist.vue
index 6587758..69d43c6 100644
--- a/src/views/flow/todolist.vue
+++ b/src/views/flow/todolist.vue
@@ -13,15 +13,28 @@
                 </el-button>
             </template>
         </avue-crud>
-        <el-dialog title="瀹℃壒" append-to-body v-model="approveBox" width="30%">
-            <avue-form ref="form" :option="optionApprove" v-model="formApprove" @submit="handleSubmit" />
-            <!-- <template #footer>
-                <span class="dialog-footer">
-                    <el-button @click="deployBox = false">鍙� 娑�</el-button>
-                    <el-button type="primary" @click="handleDoDeploy" :loading="deployLoading">纭� 瀹�</el-button>
-                </span>
-            </template> -->
-        </el-dialog>
+        <!-- <el-dialog title="瀹℃壒" append-to-body v-model="approveBox" width="100%">
+            <div class="approve-box">
+                <div class="left">
+                    <TodolistLeft :row="row"/>
+                </div>
+                <div class="right">
+                    <TodolistRightTop :row="row" />
+                    <avue-form ref="form" :option="optionApprove" v-model="formApprove" @submit="handleSubmit" />
+                </div>
+            </div>
+        </el-dialog> -->
+        <el-drawer title="瀹℃壒" append-to-body v-model="approveBox" size="100%" v-if="approveBox">
+            <div class="approve-box">
+                <div class="left">
+                    <TodolistLeft :row="row" @selection-change="selectionChange"/>
+                </div>
+                <div class="right">
+                    <TodolistRightTop :row="row" />
+                    <avue-form ref="form" :option="optionApprove" v-model="formApprove" @submit="handleSubmit" />
+                </div>
+            </div>
+        </el-drawer>
     </basic-container>
 </template>
 
@@ -29,9 +42,16 @@
 import { getList, approve,getAssignee } from '@/api/flow/todolist';
 import { mapGetters } from 'vuex';
 import dayjs from 'dayjs';
+import TodolistLeft from './components/TodolistLeft.vue';
+import TodolistRightTop from './components/TodolistRightTop.vue';
 export default {
+    components: {
+        TodolistLeft,
+        TodolistRightTop
+    },
     data() {
         return {
+            applist: [],
             assigneeData: [],
             row: {},
             approveBox: false,
@@ -258,6 +278,7 @@
                 ...this.formApprove,
                 taskId: this.row.taskId,
                 processInstanceId: this.row.processInstanceId,
+                programIds: this.applist.map(v => v.id).join(','),
             }).then(res => {
                 this.$message.success('瀹℃壒鎴愬姛');
                 this.approveBox = false;
@@ -326,8 +347,24 @@
                 this.loading = false;
             });
         },
+        selectionChange (applist) {
+            this.applist = applist
+        },
     },
 };
 </script>
 
-<style></style>
+<style scoped="scoped" lang="scss">
+.approve-box {
+    display: flex;
+    & > div {
+        border: 1px solid #ccc;
+    }
+    .left {
+        width: 400px;
+    }
+    .right {
+        flex:1;
+    }
+}
+</style>

--
Gitblit v1.9.3