瀏覽代碼

[Style 0000] 调整上湾均压样式以及历史数据-历史曲线背景

houzekong 1 天之前
父節點
當前提交
fbbcff9e4d

+ 15 - 4
src/views/vent/monitorManager/balancePressMonitor/index1.vue

@@ -177,7 +177,15 @@
 <style lang="less" scoped>
   @import '/@/design/vent/modal.less';
   @ventSpace: zxm;
+
+  @{theme-deepblue} {
+    .scene-box {
+      --image-border: url('/@/assets/images/themify/deepblue/fire/border.png');
+    }
+  }
+
   .scene-box {
+    --image-border: url('/@/assets/images/fire/border.png');
     width: 100%;
     height: 100%;
     margin-top: 20px;
@@ -198,11 +206,14 @@
         position: relative;
         background: #6195af1a;
         width: calc(100% + 10px);
-        top: 0px;
+        top: 5px;
         left: -10px;
-        border: 1px solid #00fffd22;
-        padding: 10px 0;
+        // border: 1px solid #00fffd22;
+        padding: 10px 20px;
         box-shadow: 0 0 20px #44b4ff33 inset;
+        background: var(--image-border) no-repeat center;
+        background-size: 100% 100%;
+        height: 692px;
       }
     }
     .device-button-group {
@@ -218,7 +229,7 @@
         height: 2px;
         top: 30px;
         left: -10px;
-        border-bottom: 1px solid #0efcff;
+        // border-bottom: 1px solid #0efcff;
       }
       .device-button {
         padding: 4px 15px;

+ 25 - 18
src/views/vent/monitorManager/comment/HistoryTable.vue

@@ -22,24 +22,26 @@
         <a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXlsFn"> 导出</a-button>
       </template>
     </BasicTable>
-    <BarAndLine
-      v-if="showCurve"
-      :charts-columns="chartsColumns"
-      :option="{
-        legend: {
-          top: '5',
-        },
-        grid: {
-          top: 50,
-          left: 200,
-          right: 200,
-          bottom: 50,
-        },
-      }"
-      :data-source="dataSource"
-      height="300px"
-      x-axis-prop-type="ttime"
-    />
+    <div class="history-chart">
+      <BarAndLine
+        v-if="showCurve"
+        :charts-columns="chartsColumns"
+        :option="{
+          legend: {
+            top: '5',
+          },
+          grid: {
+            top: 50,
+            left: 200,
+            right: 200,
+            bottom: 50,
+          },
+        }"
+        :data-source="dataSource"
+        height="290px"
+        x-axis-prop-type="ttime"
+      />
+    </div>
   </div>
 </template>
 
@@ -654,4 +656,9 @@
       }
     }
   }
+
+  .history-chart {
+    background-color: #0090d822;
+    margin: 0 10px;
+  }
 </style>