fix: 托盘状态改变

src/components/home/Tube/index.vue

@@ -112,8 +112,12 @@ defineExpose({
   <div class="tube" :class="{ 'tube-active': hearInfo?.selected, 'tube-shadow': data.trayUp === 1 }">
     <div class="header">
       <span>{{ hearInfo?.label }}</span>
-      <span v-show="data.trayStatus === 0">空置</span>
-      <span v-show="data.trayStatus === 1">已放置</span>
+      <el-tag v-show="!data.trayStatus" type="info">
+        空置
+      </el-tag>
+      <el-tag v-show="data.trayStatus" type="success">
+        已放置
+      </el-tag>
     </div>
     <div class="tube-item" :class="{ 'tube-item-heat': ['warm_up', 'thermostatic'].includes(data.heatingType), 'tube-item-constant': data.heatingType === 'constant', 'tube-item-fan': data.fanOpen }" @click.prevent="mousedownHandle" @touch.prevent="mousedownHandle">
       <div v-if="data.trayStatus === 0" class="tube-disable" />