fix:拉杆箱首页样式定制1

src/views/home/index.vue

@@ -107,7 +107,11 @@ const deviceType = computed(() => {
       >
         <div class="left-box" :class="{ 'left-box-1': [deviceStore.deviceTypeMap.DrawBarDM].includes(deviceType) }">
           <el-card
-            v-for="item in homeStore.h2O2SensorData.filter(item => item.type !== 'WirelessExtSensor')"
+            v-for="item in homeStore.h2O2SensorData.filter(item =>
+              [deviceStore.deviceTypeMap.DrawBarDM].includes(deviceType)
+                ? item.type === 'Internal'
+                : item.type !== 'WirelessExtSensor',
+            )"
             :key="item.sensorId"
             class="card"
             :class="{
@@ -117,10 +121,7 @@ const deviceType = computed(() => {
           >
             <Environment :env-params="item" />
           </el-card>
-          <el-card
-            v-if="deviceStore.deviceTypeMap.DrawBarDM === deviceType"
-            class="card card-three"
-          >
+          <el-card v-if="deviceStore.deviceTypeMap.DrawBarDM === deviceType" class="card card-three">
             <div class="box">
               <div class="title">
                 <div style="width: 100%; display: flex; align-items: center">
@@ -132,16 +133,37 @@ const deviceType = computed(() => {
                 </el-tag>
               </div>
               <h4 style="text-align: center">
-                当前通道：{{ gasStore.currentChannel === gasStore.channelSwitcherMap[0] ? '降解通道' : gasStore.currentChannel === gasStore.channelSwitcherMap[1] ? '消毒通道' : '除湿通道' }}
+                当前通道：{{
+                  gasStore.currentChannel === gasStore.channelSwitcherMap[0]
+                    ? '降解通道'
+                    : gasStore.currentChannel === gasStore.channelSwitcherMap[1]
+                      ? '消毒通道'
+                      : '除湿通道'
+                }}
               </h4>
               <div class="btn-box">
-                <el-button size="large" :type="gasStore.currentChannel === gasStore.channelSwitcherMap[0] ? 'info' : 'primary'" :disabled="(!gasStore.isOnline) || gasStore.currentChannel === gasStore.channelSwitcherMap[0]" @click="() => selectChannel(gasStore.channelSwitcherMap[0], '降解通道')">
+                <el-button
+                  size="large"
+                  :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 size="large" :type="gasStore.currentChannel === gasStore.channelSwitcherMap[1] ? 'info' : 'primary'" :disabled="(!gasStore.isOnline) || gasStore.currentChannel === gasStore.channelSwitcherMap[1]" @click="() => selectChannel(gasStore.channelSwitcherMap[1], '消毒通道')">
+                <el-button
+                  size="large"
+                  :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 size="large" :type="gasStore.currentChannel === gasStore.channelSwitcherMap[2] ? 'info' : 'primary'" :disabled="(!gasStore.isOnline) || gasStore.currentChannel === gasStore.channelSwitcherMap[2]" @click="() => selectChannel(gasStore.channelSwitcherMap[2], '除湿通道')">
+                <el-button
+                  size="large"
+                  :type="gasStore.currentChannel === gasStore.channelSwitcherMap[2] ? 'info' : 'primary'"
+                  :disabled="!gasStore.isOnline || gasStore.currentChannel === gasStore.channelSwitcherMap[2]"
+                  @click="() => selectChannel(gasStore.channelSwitcherMap[2], '除湿通道')"
+                >
                   除湿通道
                 </el-button>
               </div>