fix: 通道选择改为点击图标

src/components/home/Receive/index.vue

@@ -92,9 +92,6 @@ const channelMap = {
         ft-input(v-model="form.receivedVolume" placeholder="请输入容量" layoutName="number")
           template(#append)
             span mL
-    template(#footer)
-      ft-button(type="primary" :click-handle="okHandle") 确认领酸
-      ft-button(@click="cancel") 取消
 </template>
 
 <style lang="stylus" scoped>

src/views/craft/index.vue

@@ -264,7 +264,7 @@ const pumpAddSolution = async () => {
           transition all 0.5s
         .active-name
           border-left 3px solid #409EFF
-          background rgba(64, 158, 255, 0.06)
+          background rgba(64, 158, 255, 0.2)
       .el-form
         padding 20px 150px
       .statistic-box

src/views/home/index.vue

@@ -70,6 +70,7 @@ const receiveOkHandle = async (data: Log.LogItem & { channelCode: 'CHANNEL_1' |
     solutionId: data.solutionId,
     concentration: data.concentration,
   })
+  receiveVisible.value = false
 }
 
 const cardClick = async (item: System.ChannelState) => {
@@ -99,8 +100,8 @@ const volumeChange = 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="() => cardClick(item)")
-      div.select-icon-box(v-if="item.selected")
+    el-card(v-for="item in channelList" :key="item.channelCode" :class="{'card-selected': item.selected }" )
+      div.select-icon-box(:class="{'select-icon-box-selected': item.selected }" @click.stop="() => cardClick(item)")
         el-icon(color="#fff" size="16px")
           Select
       div.top-box(@click.stop)
@@ -138,7 +139,8 @@ const volumeChange = async (item: System.ChannelState) => {
   gap 20px
   .el-card
     transform: all 0.3s;
-    border: 3px solid transparent;
+    //border: 3px solid #ddd;
+    position relative
   .card-selected
     background-color #F0F7FF
     border: 3px solid #2892F3;
@@ -150,14 +152,15 @@ const volumeChange = async (item: System.ChannelState) => {
     flex-direction column
     align-items center
     justify-content space-around
-    position relative
+    .select-icon-box-selected
+      background: #2892F3 !important;
     .select-icon-box
       position absolute
       top 0
       right 0
       width 40px
       height 30px
-      background: #2892F3;
+      background: #eee;
       border-radius 0 0 0 8px
       display flex
       align-items center
@@ -212,4 +215,14 @@ const volumeChange = async (item: System.ChannelState) => {
   border none
   box-shadow none
 }
+  :deep(.el-select__selected-item) {
+    font-weight bold
+    color: #3C445C;
+    font-size 18px
+    height 30px
+    display flex
+    align-items center
+    justify-content center
+    padding-left 25px
+  }
 </style>

src/views/setting/index.vue

@@ -68,5 +68,5 @@ const routerClickHandle = (path: string) => {
           transition all 0.5s
         .active-name
           border-left 3px solid #409EFF
-          background rgba(64, 158, 255, 0.06)
+          background rgba(64, 158, 255, 0.2)
 </style>