111 lines
1.9 KiB
Vue
111 lines
1.9 KiB
Vue
|
<template>
|
||
|
|
<Card title="分部分项验收">
|
||
|
|
<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>
|
||
|
|
</div>
|
||
|
|
<div class="tbody">
|
||
|
|
<div class="dataImg">
|
||
|
|
<img src="@/assets/images/noData3.png" alt srcset />
|
||
|
|
<p>{{$t('message.dataBoard.nodata')}}</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</Card>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import Card from "../components/Card.vue";
|
||
|
|
|
||
|
|
export default {
|
||
|
|
components:{
|
||
|
|
Card
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="less" scoped>
|
||
|
|
.list {
|
||
|
|
width: 100%;
|
||
|
|
height: calc(100% - 80px);
|
||
|
|
.thead {
|
||
|
|
font-size: 14px;
|
||
|
|
color: #6ee4f0;
|
||
|
|
}
|
||
|
|
.tbody {
|
||
|
|
height: calc(100% - 40px);
|
||
|
|
font-size: 12px;
|
||
|
|
color: #ccc;
|
||
|
|
}
|
||
|
|
|
||
|
|
.thead .row, .tbody .row{
|
||
|
|
display: flex;
|
||
|
|
text-align: center;
|
||
|
|
justify-content: left;
|
||
|
|
height: 40px;
|
||
|
|
line-height: 40px;
|
||
|
|
margin-top: 15px;
|
||
|
|
.td {
|
||
|
|
text-align: center;
|
||
|
|
&:nth-child(1) {
|
||
|
|
width: 170px;
|
||
|
|
}
|
||
|
|
&:nth-child(2) {
|
||
|
|
width: 200px;
|
||
|
|
margin-left: 22px;
|
||
|
|
}
|
||
|
|
&:nth-child(3) {
|
||
|
|
width: 200px;
|
||
|
|
margin-left: 22px;
|
||
|
|
|
||
|
|
}
|
||
|
|
&:nth-child(4) {
|
||
|
|
width: 130px;
|
||
|
|
margin-left: 22px;
|
||
|
|
|
||
|
|
}
|
||
|
|
&:nth-child(5) {
|
||
|
|
width: 100px;
|
||
|
|
margin-left: 22px;
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
&:nth-child(6) {
|
||
|
|
width: 100px;
|
||
|
|
margin-left: 22px;
|
||
|
|
|
||
|
|
}
|
||
|
|
&:nth-child(7) {
|
||
|
|
width: 100px;
|
||
|
|
margin-left: 2px;
|
||
|
|
|
||
|
|
}
|
||
|
|
&:nth-child(8) {
|
||
|
|
width: 100px;
|
||
|
|
margin-left: 28px;
|
||
|
|
|
||
|
|
}
|
||
|
|
&:nth-child(9) {
|
||
|
|
width: 100px;
|
||
|
|
margin-left: 28px;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.dataImg {
|
||
|
|
margin-left: 410px;
|
||
|
|
margin-top: 50px;
|
||
|
|
p{
|
||
|
|
margin: 6px 0 0 13px;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|