fix: 修改智能安全帽界面布局

This commit is contained in:
vce 2024-03-22 21:08:30 +08:00
parent 6f51970aa3
commit c8740a92ec

View File

@ -301,18 +301,18 @@
<div class="bottom-left"> <div class="bottom-left">
<div class="left-content"> <div class="left-content">
<div class="tab-list"> <div class="tab-list">
<div style="width: 5%">序号</div> <div style="width: 10%">序号</div>
<div style="width: 15%">人员名称</div> <div style="width: 15%">人员名称</div>
<div style="width: 15%">设备序号</div> <div style="width: 15%">设备序号</div>
<div style="width: 25%">报警时间</div> <div style="width: 20%">报警时间</div>
<div style="width: 40%">报警信息</div> <div style="width: 40%">报警信息</div>
</div> </div>
<el-scrollbar class="list-box"> <el-scrollbar class="list-box">
<div v-for="(item, index) in listData" class="list-style" :key="item.id"> <div v-for="(item, index) in listData" class="list-style" :key="item.id">
<div style="width: 5%">{{ index + 1 }}</div> <div style="width: 10%">{{ index + 1 }}</div>
<div style="width: 15%">{{ item.workerName }}</div> <div style="width: 15%">{{ item.workerName }}</div>
<div style="width: 15%">{{ item.devSn }}</div> <div style="width: 15%">{{ item.devSn }}</div>
<div style="width: 25%">{{ item.createTime }}</div> <div style="width: 20%">{{ item.createTime }}</div>
<div style="width: 40%">{{ item.alarmInfo }}</div> <div style="width: 40%">{{ item.alarmInfo }}</div>
</div> </div>
<div class="not-data" v-if="listData.length == 0"> <div class="not-data" v-if="listData.length == 0">
@ -2235,6 +2235,7 @@ function echoPersonMarker(item) {
.tab-list { .tab-list {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center;
width: 100%; width: 100%;
height: 10%; height: 10%;
background: url("@/assets/images/vehicleManagement/ListTitleImg.png") no-repeat; background: url("@/assets/images/vehicleManagement/ListTitleImg.png") no-repeat;