fix: 通道点击优化

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")