[Style 0000] 修改监测-测点页面的样式

Discription

如题

Associated Tasks

暂无

Assignee

houzekong

src/views/vent/monitor/site/components/siteForm.vue

@@ -56,7 +56,7 @@
         span,
       },
       componentProps: {
-        placehoder: placeholder || `请输入${label}`,
+        placeholder: placeholder || `请输入${label}`,
       },
     };
   }

src/views/vent/monitor/site/index.vue

@@ -1,14 +1,18 @@
 <template>
   <div class="monitor-site flex">
     <!-- 左侧内容 -->
-    <div class="h-full flex-basis-385px p-10px">
-      <SiteFilter @submit="refreshTree" />
-      <SiteTree class="w-full h-50em scroll-auto" :tree-data="treeData" @select="focusOnSite" />
+    <div class="h-full flex-basis-385px p-10px flex flex-col">
+      <SiteFilter class="flex-shrink-0 flex-grow-0" @submit="refreshTree" />
+      <SiteTree
+        class="w-full flex-grow-1 h-0 scroll-auto"
+        :tree-data="treeData"
+        @select="focusOnSite"
+      />
     </div>
     <!-- 右侧内容 主要内容 -->
-    <div class="h-full flex-grow-1 flex flex-col relative">
+    <div class="h-full flex-grow-1 relative">
       <IFrame class="w-full h-full" :frame-src="monitorSiteOperationUrl" @message="handleMessage" />
-      <SiteForm class="absolute w-full bg-#0960bd33 p-10px" :site="selectedSite" />
+      <SiteForm class="absolute w-full bg-#0960bd44 p-10px top-0" :site="selectedSite" />
     </div>
   </div>
 </template>
@@ -75,6 +79,7 @@
 <style scoped>
   .monitor-site {
     width: 100%;
-    margin-top: 88px;
+    height: 100vh;
+    margin-top: 60px;
   }
 </style>