From 28f8ee440d32b148043016d957fd30b6c6f73fdd Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Thu, 21 Nov 2024 19:53:16 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E6=88=91=E7=9A=84=E5=BE=85=E5=8A=9E?=
 =?UTF-8?q?=20=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../workflow/components/approval-card.vue     |  7 +++-
 .../src/views/workflow/task/taskWaiting.vue   | 38 +++++++++++++++----
 2 files changed, 35 insertions(+), 10 deletions(-)

diff --git a/apps/web-antd/src/views/workflow/components/approval-card.vue b/apps/web-antd/src/views/workflow/components/approval-card.vue
index 14bef675..1587f316 100644
--- a/apps/web-antd/src/views/workflow/components/approval-card.vue
+++ b/apps/web-antd/src/views/workflow/components/approval-card.vue
@@ -22,8 +22,11 @@ function handleClick() {
 
 <template>
   <div
-    :class="{ '!border-primary': info.active, '!border-[2px]': info.active }"
-    class="cursor-pointer rounded-lg border-[1px] border-solid border-gray-200 p-3 transition-shadow duration-300 ease-in-out hover:shadow-lg dark:border-gray-600"
+    :class="{
+      'border-primary': info.active,
+      'border-[2px]': info.active,
+    }"
+    class="cursor-pointer rounded-lg border-[1px] border-solid p-3 transition-shadow duration-300 ease-in-out hover:shadow-lg"
     @click.stop="handleClick"
   >
     <Descriptions :column="1" :title="info.title" size="middle">
diff --git a/apps/web-antd/src/views/workflow/task/taskWaiting.vue b/apps/web-antd/src/views/workflow/task/taskWaiting.vue
index 8b400e12..2a25d982 100644
--- a/apps/web-antd/src/views/workflow/task/taskWaiting.vue
+++ b/apps/web-antd/src/views/workflow/task/taskWaiting.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { reactive } from 'vue';
+import { reactive, ref } from 'vue';
 
 import { Page } from '@vben/common-ui';
 
@@ -8,6 +8,7 @@ import {
   Avatar,
   Card,
   Divider,
+  InputSearch,
   Space,
   TabPane,
   Tabs,
@@ -44,21 +45,34 @@ const data = reactive(
   })),
 );
 
+const lastSelectId = ref('');
 function handleCardClick(id: string) {
+  // 点击的是同一个
+  if (lastSelectId.value === id) {
+    return;
+  }
+  // 反选状态 & 如果已经点击了 不变 & 保持只能有一个选中
   data.forEach((item) => {
-    item.active = item.id === id ? !item.active : false;
+    item.active = item.id === id;
   });
+  lastSelectId.value = id;
 }
 </script>
 
 <template>
   <Page :auto-content-height="true">
     <div class="flex h-full gap-2">
-      <div
-        class="bg-background h-full w-[320px] overflow-y-auto rounded-lg py-3"
-        @scroll="handleScroll"
-      >
-        <div class="flex flex-col gap-2">
+      <div class="bg-background flex h-full w-[320px] flex-col rounded-lg">
+        <!-- 搜索条件 -->
+        <div
+          class="bg-background z-100 sticky left-0 top-0 w-full rounded-t-lg border-b-[1px] border-solid p-2"
+        >
+          <InputSearch placeholder="搜索" />
+        </div>
+        <div
+          class="flex flex-1 flex-col gap-2 overflow-y-auto py-3"
+          @scroll="handleScroll"
+        >
           <ApprovalCard
             v-for="item in data"
             :key="item.id"
@@ -67,6 +81,14 @@ function handleCardClick(id: string) {
             @click="handleCardClick"
           />
         </div>
+        <!-- total显示 -->
+        <div
+          class="bg-background sticky bottom-0 w-full rounded-b-lg border-t-[1px] py-2"
+        >
+          <div class="flex items-center justify-center">
+            共 {{ data.length }} 条记录
+          </div>
+        </div>
       </div>
       <Card class="flex-1" size="small" title="编号: 1234567890123456789012">
         <div class="flex flex-col gap-5 p-4">
@@ -100,7 +122,7 @@ function handleCardClick(id: string) {
         </div>
         <!-- 固定底部 -->
         <div
-          class="border-t-solid absolute bottom-0 left-0 w-full border-t-[1px] border-t-slate-300 p-3 dark:border-t-slate-600"
+          class="border-t-solid absolute bottom-0 left-0 w-full border-t-[1px] p-3"
         >
           <div class="flex justify-end">
             <Space>