From c352ab5b2f62e1897a760502a4d235ce41b65637 Mon Sep 17 00:00:00 2001
From: guoapeng <GuoAnPeng@163.com>
Date: Thu, 31 Jul 2025 19:46:17 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=80=9A=E9=81=93=E7=82=B9=E5=87=BB?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/index.vue | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 2a28c5b..c13f623 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -87,26 +87,27 @@ const cardClick = async (item: System.ChannelState) => {
 
 <template lang="pug">
   div.home-container(v-loading="loading")
-    el-card(v-for="item in channelList" :key="item.channelCode" :class="{'card-selected': item.selected }" @click.stop="() => cardClick(item)")
-      div.top-box
+    el-card(v-for="item in channelList" :key="item.channelCode" :class="{'card-selected': item.selected }" @click="() => cardClick(item)")
+      // 在子元素上绑定点击事件，阻止事件冒泡
+      div.top-box(@click.stop)
         p.title {{channelMap[item.channelCode]}}
-        div.solution-box(@click="() => receiveHandle(item)")
+        div.solution-box(@click.stop="() => receiveHandle(item)")
           div.content(v-if="item.solutionName") {{item.solutionName}}
           div.content(v-else) 未领取
 
-      div.input-box
-        p.label
+      div.input-box(@click.stop)
+        p.label(@click.stop)
           img(:src="item.selected ?  solutionSelectIcon: solutionIcon" alt="")
           span 每次加液体积
-        div.solution-box
+        div.solution-box(@click.stop)
           el-select(v-model="item.targetVolume" placeholder="请选择" no-data-text="无数据, 请添加对应配方" :disabled="!item.solutionName")
             el-option(v-for="vol in volumeMap[item.channelCode]" :key="vol.id" :label="vol.volume" :value="vol.volume")
           div.unit mL
-      div.input-box
-        p.label
-          img(:src="solutionIcon" alt="")
+      div.input-box(@click.stop)
+        p.label(@click.stop)
+          img(:src="item.selected ?  solutionSelectIcon: solutionIcon" alt="")
           span 剩余液量体积
-        div.solution-box
+        div.solution-box(@click.stop)
           div.content {{item.currentVolume}}
           div.unit mL
     Receive(v-if="receiveVisible" :data="currentData" @ok="receiveOkHandle" @cancel="() => receiveVisible = false")