From 31ab38670493d60d009d11565ec4278cde82d933 Mon Sep 17 00:00:00 2001
From: XaoLi717 <144221124+XaoLi717@users.noreply.github.com>
Date: Fri, 1 Nov 2024 09:23:18 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E4=BA=8B=E5=8A=A1=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Home/Index.vue | 47 +++++++++++++++++++++++-----------------
 1 file changed, 27 insertions(+), 20 deletions(-)

diff --git a/src/views/Home/Index.vue b/src/views/Home/Index.vue
index 4ef34f8..76047a1 100644
--- a/src/views/Home/Index.vue
+++ b/src/views/Home/Index.vue
@@ -18,9 +18,9 @@
           </div>
         </template>
         <el-skeleton :loading="loading" animated>
-          <el-card shadow="never" style="margin-bottom: 5px;height: 330px">
-            <el-carousel :interval="4000" height="300px" motion-blur @change="handleCarouselChange">
-              <el-carousel-item v-for="item in filteredList"  :key="item.Id">
+          <el-card shadow="never" style="margin-bottom: 5px;height: 280px">
+            <el-carousel :interval="4000" height="240px" motion-blur @change="handleCarouselChange">
+              <el-carousel-item v-for="item in filteredList"  :key="item.id">
                 <el-image  style="width: 100%; height: 100%" :src="imgUrl+item.newsImg" alt="无图片" :title="item.newsName"/>
               </el-carousel-item>
             </el-carousel>
@@ -95,6 +95,7 @@
               type="primary"
               :underline="false"
               target="_blank"
+              @click.prevent="more"
               style="margin-top: 10px"
             >
               更多>>
@@ -102,9 +103,9 @@
           </div>
         </template>
         <el-skeleton :loading="loading" animated>
-          <el-tabs type="border-card" class="demo-tabs">
+          <el-tabs type="border-card" class="demo-tabs" @tab-click="moreName">
             <el-tab-pane label="待办">
-              <el-table v-loading="loading" :data="TodoList">
+              <el-table v-loading="loading" :data="TodoList" height="250">
                 <el-table-column align="center" label="流程" prop="processInstance.name" style="width: 20%;" />
                 <el-table-column
                   align="center"
@@ -130,8 +131,8 @@
 <!--                  <span style="display: inline-block; margin-bottom: 10px;font-size: 15px;" >* {{item.processInstance.name}}</span>-->
 <!--                </el-col>-->
             </el-tab-pane>
-            <el-tab-pane label="已办">
-              <el-table v-loading="loading" :data="DoneList">
+            <el-tab-pane label="已办" name="BpmDoneTask">
+              <el-table v-loading="loading" :data="DoneList" height="250">
                 <el-table-column align="center" label="流程" prop="processInstance.name" style="width: 20%;" />
                 <el-table-column
                   align="center"
@@ -152,8 +153,8 @@
                 </el-table-column>
               </el-table>
             </el-tab-pane>
-            <el-tab-pane label="抄送">
-              <el-table v-loading="loading" :data="CopyList">
+            <el-tab-pane label="抄送" name="BpmProcessInstanceCopy">
+              <el-table v-loading="loading" :data="CopyList" height="250">
                 <el-table-column align="center" label="流程名" prop="processInstanceName" style="width: 20%;" />
                 <el-table-column align="center" label="流程发起人" prop="startUserName" style="width: 20%;" />
                 <el-table-column align="center" label="抄送任务" prop="taskName" style="width: 20%;" />
@@ -364,22 +365,28 @@ const handleCarouselChange = async (currentIndex:number) => {
   pageNo.value=currentIndex+1
 
 }
-//利用路由实现跳转
+
+/** 利用路由实现新闻跳转 */
 const moreNews = async () => {
   await push({name: 'Homeimg'})
 }
-//利用路由实现跳转
-const moreTodos = async () => {
-  await push({name: 'BpmTodoTask'})
+
+/** 动态切换路由的参数 */
+const bpmRouterNames = ref('BpmTodoTask')
+
+/** 流程模块需要切换路由 */
+const moreName = async (tab:any) => {
+  const name = tab.props?.name
+  if (name !== undefined){
+    bpmRouterNames.value = name
+  }
 }
-//利用路由实现跳转
-const moreDones = async () => {
-  await push({name: 'BpmTodoTask'})
-}
-//利用路由实现跳转
-const moreCopys = async () => {
-  await push({name: 'BpmProcessInstanceCopy'})
+
+/** 利用路由实现流程跳转 */
+const more = async () => {
+  await push({name: `${bpmRouterNames.value}`})
 }
+
 /** 处理审批按钮 */
 const handleAudit = (row: any) => {
   console.log("processInstanceId",row.processInstanceId.id)