|
@@ -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>
|