微调试管控件

src/pages/Index/Regular/Running.vue

@@ -88,7 +88,7 @@
           >
             <span>急诊</span>
           </div>
-          <div class="emergency-tube">
+          <div class="emergency-tube" :class="{ config: !canSetEmergency }">
             <tube-item
               :tube="canSetEmergency ? undefined : emergencyStore.emergencyInfo"
               :showNum="false"
@@ -275,6 +275,7 @@ watch(
         display: flex;
         gap: 8px;
         align-items: center;
+        align-self: stretch;
 
         .emergency-button {
           width: 80px;
@@ -294,12 +295,13 @@ watch(
           }
         }
         .emergency-tube {
+          align-self: flex-end;
         }
       }
       .split {
         width: 4px;
         height: 100px;
-        background-color: #CCC;
+        background-color: #ccc;
         margin: 0 10px;
       }
       .tube-items {

src/pages/Index/TestTube/TubeUserId.vue

@@ -35,6 +35,7 @@
                 <Tube
                   :tube="item"
                   :showNum="false"
+                  :showUserId="false"
                   @clickTubeItem=""
                 />
               </div>

src/pages/Index/components/TestTube/Tube.vue

@@ -36,7 +36,7 @@
       </div>
     </div>
 
-    <span v-if="showNum || (tube && tube.isEmergency)" class="user-id">{{ tube && tube.userid || '-' }}</span>
+    <span v-if="showUserId" class="user-id">{{ tube && tube.userid || '-' }}</span>
   </div>
 </template>
 
@@ -53,6 +53,7 @@ const props = defineProps({
     type: Object,
   },
   showNum: { type: Boolean, default: true },
+  showUserId: {type: Boolean, default: true},
   tubeNo: { type: Number },
 })
 const emit = defineEmits(['clickTubeItem'])