优化监控中心样式

hx-ai-intelligent/src/view/monitor/deviceMonitor/page.vue

@@ -1,18 +1,25 @@
 <!-- eslint-disable vue/multi-word-component-names -->
 <template>
-  <a-row type="flex" style="display: flex; position: relative">
+  <a-row type="flex" style="display: flex; position: relative; background: #f1f2f6">
     <a-col :span="4">
-      <div style="padding: 0 20px; width: 100%; height: 100%">
+      <div style="width: 100%; height: 100%">
         <tree ref="treeRef" />
       </div>
     </a-col>
     <a-col :span="20">
-      <div style="width: 100%; height: 100%">
+      <div
+        style="
+          width: 98%;
+          height: 100%;
+          border-radius: 10px;
+          background: #ffffff;
+          margin-left: 1.5%;
+        ">
         <div class="ns-right-title">
           <span><ns-icon name="title" size="11" style="margin-right: 3px" />历史数据</span>
           <div class="button">
             <ns-icon name="xiazai" size="18" style="margin-right: 10px" @click="downloadChart" />
-            <ns-icon :name="iconName" size="18" style="margin-right: 10px" @click="change" />
+            <ns-icon :name="iconName" size="15" style="margin-right: 10px" @click="change" />
           </div>
         </div>
         <graph ref="graphRef" v-if="isGraph" />

hx-ai-intelligent/src/view/monitor/deviceMonitor/tree/index.vue

@@ -33,7 +33,7 @@
         placeholder="请选择点位"
         :style="{
           top: '50px',
-          left: `${divWidth + 40}px`,
+          left: `${divWidth + 55}px`,
           zIndex: 9,
           position: 'absolute',
           width: `${divWidth}px`,
@@ -44,7 +44,7 @@
         placeholder="请选择频率"
         :style="{
           top: '50px',
-          left: `${divWidth * 2 + 50}px`,
+          left: `${divWidth * 2 + 65}px`,
           zIndex: 9,
           position: 'absolute',
           width: `${divWidth}px`,
@@ -58,7 +58,7 @@
         @calendarChange="onCalendarChange"
         :style="{
           top: '50px',
-          left: `${divWidth * 3 + 60}px`,
+          left: `${divWidth * 3 + 75}px`,
           zIndex: 9,
           position: 'absolute',
           width: `${divWidth}px`,
@@ -68,7 +68,7 @@
         type="primary"
         :style="{
           top: '50px',
-          left: `${divWidth * 4 + 70}px`,
+          left: `${divWidth * 4 + 85}px`,
           zIndex: 9,
           position: 'absolute',
         }"
@@ -390,6 +390,10 @@
   }
   .parent-container {
     // position: relative;
+    border-radius: 10px;
+    background: #ffffff;
+    padding-left: 10px;
+    padding-right: 10px;
     height: 100%;
   }