admin/zhgdyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

中建四局(安全管理): 完成危大工程列表布局

Browse Source
This commit is contained in:
Jack 2022-08-29 15:48:32 +08:00
parent 3f13aacbe6
commit fdc0fbc4a8
1 changed files with 68 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
src/views/projectAdmin/zjsj/security/centerBottom.vue
View File

@ -5,6 +5,32 @@
{{ tab }}
</div>
</div>
<div class="list">
<div class="thead">
<div class="row">
<div class="td">序号</div>
<div class="td">验收项目</div>
<div class="td">验收要求</div>
<div class="td">验收结果</div>
<div class="td">专业承包单位</div>
<div class="td">防护责任人</div>
<div class="td">验收日期</div>
</div>
</div>
<div class="tbody">
<vue-scroll>
<div class="row" v-for="i in 8" :key="i">
<div class="td">{{ i }}</div>
<div class="td">深基坑临边防护</div>
<div class="td">砌筑200M以上挡水墙</div>
<div class="td">符合要求</div>
<div class="td">中国建筑第四工程局有限公司</div>
<div class="td">王黑</div>
<div class="td">2022-02-02</div>
</div>
</vue-scroll>
</div>
</div>
</Card>
</template>
@ -45,4 +71,46 @@ export default {
}
}
}
.list {
width: 100%;
height: calc(100% - 32px);
.thead {
font-size: 14px;
color: #6ee4f0;
}
.tbody {
height: calc(100% - 32px);
font-size: 12px;
color: #ccc;
}
.row {
display: flex;
.td {
height: 32px;
line-height: 32px;
text-align: center;
&:nth-child(1) {
width: 80px;
}
&:nth-child(2) {
width: 90px;
}
&:nth-child(3) {
flex: 1;
}
&:nth-child(4) {
width: 90px;
}
&:nth-child(5) {
flex: 1;
}
&:nth-child(6) {
width: 90px;
}
&:nth-child(7) {
width: 90px;
}
}
}
}
</style>