[Style 0000] 预测曲线组件样式优化

src/views/vent/monitorManager/alarmMonitor/common/measurePoint.vue

@@ -37,11 +37,11 @@
       </div>
     </div>
     <div v-if="shown === 'chart'" class="chart-item">
-      <div v-for="(item, index) in charts" :key="`acmt${index}`">
-        <PredictionCurve style="height: 300px; width: 480px; margin: 15px" :chart="item" :timeout="timeout" />
+      <div v-for="(item, index) in charts" :key="`acmt${index}`" class="chart-content">
         <div class="text-center">
           {{ item.label }}
         </div>
+        <PredictionCurve style="height: 300px; width: 480px; margin: 15px" :chart="item" :timeout="timeout" />
       </div>
     </div>
   </div>
@@ -254,6 +254,12 @@
       flex-wrap: wrap;
       height: calc(100% - 50px);
       overflow-y: auto;
+
+      .chart-content {
+        // border: 1px solid var(--vent-base-border);
+        box-shadow: inset 0px 0px 10px 1px var(--vent-modal-box-shadow);
+        padding: 10px 0;
+      }
     }
   }
 </style>

src/views/vent/monitorManager/alarmMonitor/common/predictionCurve.vue

@@ -89,7 +89,8 @@
           const arr = new Array(20).fill(0);
           const startFrom = moment(el.time);
           chartConfig.value = {
-            label: el.label,
+            // label: el.label,
+            label: '',
             indexMark: 1,
             x: arr.map(() => {
               const str = startFrom.format('HH:mm:ss');