AnzezxianxHazardInspectAI
/
HazardInspectUI
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

添加查看报告按钮

This commit is contained in:
yueliuli 2026-04-15 11:46:10 +08:00
parent ad1ad1354c
commit 102f0cab23
1 changed files with 21 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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