108 lines
2.5 KiB
Vue
Raw Normal View History

<template>
<div class="box">
<div class="blockContent" style="padding: 10px 10px !important">
<vue-scroll>
<table class="greenTable">
<thead>
<tr>
<th>流水号</th>
<th>车牌号</th>
<th>货名</th>
<th>规格</th>
<th>皮重时间</th>
<th>毛重时间</th>
</tr>
</thead>
<tbody>
<tr v-for="(item, index) in alarmList" :key="index">
<td class="numStyle">
{{item.num }}
</td>
<td>{{ item.tempAlarmTime }}</td>
<td>{{ item.alarmTypeName }}</td>
<td>{{ item.unit }}</td>
<td>{{ item.time1 }}</td>
<td>{{ item.time2 }}</td>
</tr>
</tbody>
</table>
<div
class="placeholderBox placeholderBox2"
v-if="alarmList.length == 0">
<img src="@/assets/images/noData3.png" alt="" srcset="" />
<p>暂无数据</p>
</div>
</vue-scroll>
</div>
</div>
</template>
<script>
export default {
data() {
return {
alarmList: [
{
num:546465656,
tempAlarmTime: '闽DDN8792',
alarmTypeName: '钢筋',
unit:'10*10',
time1:"2023-07-15",
time2:"2023-07-15",
},
{
num:546465656,
tempAlarmTime: '闽DDN8792',
alarmTypeName: '钢筋',
unit:'10*10',
time1:"2023-07-15",
time2:"2023-07-15",
},
{
num:546465656,
tempAlarmTime: '闽DDN8792',
alarmTypeName: '钢筋',
unit:'10*10',
time1:"2023-07-15",
time2:"2023-07-15",
},
{
num:546465656,
tempAlarmTime: '闽DDN8792',
alarmTypeName: '钢筋',
unit:'10*10',
time1:"2023-07-15",
time2:"2023-07-15",
},
{
num:546465656,
tempAlarmTime: '闽DDN8792',
alarmTypeName: '钢筋',
unit:'10*10',
time1:"2023-07-15",
time2:"2023-07-15",
},
{
num:546465656,
tempAlarmTime: '闽DDN8792',
alarmTypeName: '钢筋',
unit:'10*10',
time1:"2023-07-15",
time2:"2023-07-15",
},
]
}
}
}
</script >
<style lang="less" scoped>
.box {
width: 100%;
height: 100%;
th{
border-bottom: 1px solid #fff !important;
}
}
</style>