<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>