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-19 12:00:16 +08:00
parent 4367edeb08
commit 154134b45b
1 changed files with 28 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/views/projectAdmin/jlw/digitalSite/components/TowerDialog.vue
View File

@ -4,13 +4,25 @@
<div class="left">
<div class="card">
<div class="card-title">设备信息</div>
<div class="device">
<div class="device content">
<div class="info-item">设备名称：</div>
<div class="info-item">设备编号：</div>
<div class="info-item">设备备案号：</div>
<div class="info-item">生产厂家：</div>
</div>
</div>
<div class="card">
<div class="card-title">驾驶员信息</div>
<div class="driver content">
<img src="" />
<div class="infos">
<div class="info-item">姓名：</div>
<div class="info-item">年龄：</div>
<div class="info-item">特种证书编号：</div>
<div class="info-item">证件：</div>
</div>
</div>
</div>
</div>
<div class="center"></div>
<div class="right"></div>
@ -97,6 +109,9 @@ export default {
display: flex;
.left {
width: 440px;
> :nth-child(2) {
margin: 20px 0;
}
}
.card {
.card-title {
@ -115,12 +130,22 @@ export default {
background-color: #6ce9f0;
}
}
.device {
.content {
padding-left: 14px;
height: 100px;
.info-item {
margin-bottom: 10px;
}
&.device {
height: 100px;
}
&.driver {
display: flex;
img {
margin-right: 10px;
width: 100px;
height: 100px;
}
}
}
}
}