添加查看报告按钮

src/pages/nav/1_隐患检查.vue

@@ -9,7 +9,7 @@ const 物体列表 = ref(['物体1', '物体2', '物体3', '物体4', '物体5']
 <template>
   <!-- 最外层容器：占满整个视口 -->
   <el-container style="margin: 0; height: 100%; flex-direction: column;">
-    <el-header style="height: 60px; display: flex; align-items: center;">
+    <el-header style="height: 60px; display: flex; align-items: center; border-bottom: 1px solid var(--ep-border-color);">
       <el-breadcrumb separator="/">
         <el-breadcrumb-item :to="{ path: '/' }">
           主页
@@ -17,12 +17,11 @@ const 物体列表 = ref(['物体1', '物体2', '物体3', '物体4', '物体5']
         <el-breadcrumb-item>隐患检查</el-breadcrumb-item>
       </el-breadcrumb>
     </el-header>
-    <div class="line" />
 
     <!-- 内层容器：自动填充剩余高度 -->
     <el-container style="flex: 1; min-height: 0;">
       <el-aside width="200px" style="border-right: 1px solid var(--ep-border-color);">
-        <el-row class="flex flex-col">
+        <el-row class="flex flex-col" style="border-bottom: 1px solid var(--ep-border-color);">
           <el-row style="min-height: 20px;">
             隐患列表
           </el-row>
@@ -34,7 +33,6 @@ const 物体列表 = ref(['物体1', '物体2', '物体3', '物体4', '物体5']
             </el-row>
           </el-row>
         </el-row>
-        <div class="line" />
         <el-row>物体列表</el-row>
         <el-row style="flex: 1; overflow-y: auto;">
           <el-row v-for="item in 物体列表" :key="item">
@@ -45,36 +43,36 @@ const 物体列表 = ref(['物体1', '物体2', '物体3', '物体4', '物体5']
         </el-row>
       </el-aside>
       <el-main style="border-right: 1px solid var(--ep-border-color); padding: 0;">
-        <div class="vid_box">
+        <div class="vid_box" style="border-bottom: 1px solid var(--ep-border-color);">
           视频区
         </div>
-        <div class="line" />
         <div class="vid_track">
           轨道
         </div>
       </el-main>
       <el-aside width="300px">
-        <div class="text-left">
+        <el-row style="border-bottom: 1px solid var(--ep-border-color);">
+          <el-col>
+            <el-row class="text-left">
               隐患描述
-        </div>
-        <div class="text-left">
+            </el-row>
+            <el-row class="text-left">
               依据
-        </div>
-        <div class="text-left">
+            </el-row>
+            <el-row class="text-left">
               整改建议
-        </div>
+            </el-row>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-button>
+            查看报告
+          </el-button>
+        </el-row>
       </el-aside>
     </el-container>
   </el-container>
 </template>
 
 <style scoped lang="scss">
-.line {
-  width: 100%;
-  height: 1px;
-  border-top: 1px solid var(--ep-border-color);
-}
-
-.left {
-}
 </style>