style: 运营监控遗留样式

src/views/pageMonitor/bottomMiddle/index.vue

@@ -14,7 +14,11 @@
         <span class="text-[2.03vh] youshe leading-none">ASA分级</span>
       </div>
     </div>
-    <section class="flex mt-[4.81vh]">
+    <section class="flex pt-[4.81vh] relative showBox">
+      <div class="absolute title">
+        <span title="手术等级">今日</span>
+        <span title="ASA分级">今日</span>
+      </div>
       <div
         class="w-[35.79vh] h-[24.62vh] border-r border-dashed border-r-[rgba(255,255,255,0.26)]"
       >
@@ -385,4 +389,26 @@ export default {
   background-position: center;
   background-repeat: no-repeat;
 }
+
+.showBox {
+}
+
+.showBox .title {
+  left: 0;
+  top: 10px;
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  padding: 0 3px;
+}
+
+.showBox .title span {
+  width: 25px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: #380aaa;
+  text-align: center;
+  color: rgb(192 211 225);
+}
 </style>