From 85aff7d423d85e71f2f834de53c3e1b8e2480715 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=B1=B3=E5=AD=90=E8=B1=AA?= <1012743329@qq.com>
Date: Fri, 10 Jan 2025 15:53:31 +0800
Subject: [PATCH] =?UTF-8?q?feat:=201.=E8=80=83=E5=8B=A4=E8=AE=BE=E5=A4=87?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../attendance-device.vue                     | 78 ++++++++++++++-----
 src/pages/home/home.vue                       |  3 +-
 2 files changed, 59 insertions(+), 22 deletions(-)

diff --git a/src/pages/attendance/attendance-add-group/attendance-device.vue b/src/pages/attendance/attendance-add-group/attendance-device.vue
index ac383b1..7f7491c 100644
--- a/src/pages/attendance/attendance-add-group/attendance-device.vue
+++ b/src/pages/attendance/attendance-add-group/attendance-device.vue
@@ -24,16 +24,17 @@
         <view
           @click="
             () => {
-              if (selectIndex == index) {
-                selectIndex = -1
+              device.isSelect = !device.isSelect
+              if (device.isSelect) {
+                selectList.push(device)
               } else {
-                selectIndex = index
+                selectList = selectList.filter(item => item.id !== device.id)
               }
             }
           "
           class="text-5"
           :class="
-            selectIndex == index
+            device.isSelect
               ? 'i-carbon-checkmark-filled color-[#3372FA]'
               : 'i-carbon-circle-outline color-gray'
           "
@@ -43,47 +44,82 @@
         <view class="ml-a color-gray">{{ device.type }}</view>
       </view>
     </scroll-view>
-    <view class="p-3 box-border border-solid border-0 border-t-1 border-gray-200 text-end">
-      <wd-button :round="false">确定</wd-button>
+    <view class="flex p-3 box-border border-solid border-0 border-t-1 border-gray-200 items-center">
+      <view
+        class="items-center flex flex-1"
+        :style="selectList.length != 0 ? '' : 'visibility: hidden;'"
+      >
+        <view class="color-[#3372FA]">已选中：{{ selectList.length }}个</view>
+        <view class="i-carbon-chevron-right color-[#3372FA] ml-2"></view>
+      </view>
+      <wd-button class="ml-a" :round="false">确定</wd-button>
     </view>
   </view>
 </template>
 
 <script lang="ts" setup>
   import { ref } from 'vue'
-  const selectIndex = ref(0)
+  const selectList = ref([])
   const deviceList = ref([
     {
       name: 'DK-K(L40231232)',
-      type: '公共门'
+      id: 0,
+      type: '公共门',
+      isSelect: false
     },
     {
       name: 'DK-K(L40231233)',
-      type: '私人门'
+      id: 1,
+      type: '公共门',
+      isSelect: false
     },
     {
-      name: 'DK-K(L40231233)',
-      type: '私人门'
+      name: 'DK-K(L40231234)',
+      id: 2,
+      type: '公共门',
+      isSelect: false
     },
     {
-      name: 'DK-K(L40231233)',
-      type: '私人门'
+      name: 'DK-K(L40231235)',
+      id: 3,
+      type: '公共门',
+      isSelect: false
     },
     {
-      name: 'DK-K(L40231233)',
-      type: '私人门'
+      name: 'DK-K(L40231236)',
+      id: 4,
+      type: '公共门',
+      isSelect: false
     },
     {
-      name: 'DK-K(L40231233)',
-      type: '私人门'
+      name: 'DK-K(L40231237)',
+      id: 5,
+      type: '公共门',
+      isSelect: false
     },
     {
-      name: 'DK-K(L40231233)',
-      type: '私人门'
+      name: 'DK-K(L40231238)',
+      id: 6,
+      type: '公共门',
+      isSelect: false
     },
     {
-      name: 'DK-K(L40231233)',
-      type: '私人门'
+      name: 'DK-K(L40231239)',
+      id: 7,
+      type: '公共门',
+      isSelect: false
+    },
+    {
+      name: 'DK-K(L40231240)',
+      id: 8,
+      type: '公共门',
+      isSelect: false
+    },
+    {
+      name: 'DK-K(L40231241)',
+      id: 9,
+      type: '公共门',
+      isSelect: false
     }
 
     // Add more devices as needed
diff --git a/src/pages/home/home.vue b/src/pages/home/home.vue
index 0107281..98afa11 100644
--- a/src/pages/home/home.vue
+++ b/src/pages/home/home.vue
@@ -190,7 +190,8 @@
         {
           id: 382,
           icon: 'https://file.hikmall.com/prod/image/9e2b6e95c2904540a9a3dc675d25cc13.png',
-          name: '考勤设置'
+          name: '考勤设置',
+          url: '/pages/attendance/attendance'
         },
         {
           id: 383,