home页面气路控制尽在拉杆箱显示 调整当前通道的颜色

src/views/home/index.vue

@@ -113,10 +113,8 @@ const deviceType = computed(() => {
             <Environment :env-params="item" />
           </el-card>
           <el-card
-            class="card"
-            :class="{
-              'card-three': [deviceStore.deviceTypeMap.PipeDM, deviceStore.deviceTypeMap.DrawBarDM].includes(deviceType),
-            }"
+            v-if="deviceStore.deviceTypeMap.DrawBarDM === deviceType"
+            class="card card-three"
           >
             <div class="box">
               <div class="title">
@@ -130,13 +128,13 @@ const deviceType = computed(() => {
               </div>
               <div class="btn-box">
                 <h4>当前通道：{{ gasStore.currentChannel === gasStore.channelSwitcherMap[0] ? '降解通道' : gasStore.currentChannel === gasStore.channelSwitcherMap[1] ? '消毒通道' : '除湿通道' }}</h4>
-                <el-button :type="gasStore.currentChannel === gasStore.channelSwitcherMap[0] ? 'success' : 'primary'" :disabled="(!gasStore.isOnline) || gasStore.currentChannel === gasStore.channelSwitcherMap[0]" @click="() => selectChannel(gasStore.channelSwitcherMap[0], '降解通道')">
+                <el-button :type="gasStore.currentChannel === gasStore.channelSwitcherMap[0] ? 'info' : 'primary'" :disabled="(!gasStore.isOnline) || gasStore.currentChannel === gasStore.channelSwitcherMap[0]" @click="() => selectChannel(gasStore.channelSwitcherMap[0], '降解通道')">
                   降解通道
                 </el-button>
-                <el-button :type="gasStore.currentChannel === gasStore.channelSwitcherMap[1] ? 'success' : 'primary'" :disabled="(!gasStore.isOnline) || gasStore.currentChannel === gasStore.channelSwitcherMap[1]" @click="() => selectChannel(gasStore.channelSwitcherMap[1], '消毒通道')">
+                <el-button :type="gasStore.currentChannel === gasStore.channelSwitcherMap[1] ? 'info' : 'primary'" :disabled="(!gasStore.isOnline) || gasStore.currentChannel === gasStore.channelSwitcherMap[1]" @click="() => selectChannel(gasStore.channelSwitcherMap[1], '消毒通道')">
                   消毒通道
                 </el-button>
-                <el-button :type="gasStore.currentChannel === gasStore.channelSwitcherMap[2] ? 'success' : 'primary'" :disabled="(!gasStore.isOnline) || gasStore.currentChannel === gasStore.channelSwitcherMap[2]" @click="() => selectChannel(gasStore.channelSwitcherMap[2], '除湿通道')">
+                <el-button :type="gasStore.currentChannel === gasStore.channelSwitcherMap[2] ? 'info' : 'primary'" :disabled="(!gasStore.isOnline) || gasStore.currentChannel === gasStore.channelSwitcherMap[2]" @click="() => selectChannel(gasStore.channelSwitcherMap[2], '除湿通道')">
                   除湿通道
                 </el-button>
               </div>
@@ -288,7 +286,7 @@ $input-height: 3rem;
   padding: 5px 0;
 }
 .el-button {
-  background-color: #2892f3 !important;
+/*  background-color: #2892f3 !important;*/
 }
 .card-center-1 {
   grid-column: 1 / -1; // 占据整行