<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 style="width:50px">
                {{ item.serialNo }}
              </td>
              <td style="width:100px">{{ item.licensePlate }}</td>
              <td style="width:50px">{{ item.goodsName }}</td>
              <td style="width:65px">{{ item.specifications }}</td>
              <td style="width:90px">{{ item.tareTime }}</td>
              <td style="width:90px">{{ item.grossTime }}</td>
            </tr>
          </tbody>
        </table>
        <div
          class="placeholderBox placeholderBox2"
          style="margin-top: 10px"
          v-if="alarmList.length == 0"
        >
          <img src="@/assets/images/noData3.png" alt="" srcset="" />
          <p>暂无数据</p>
        </div>
      </vue-scroll>
    </div>
  </div>
</template>

<script>
import { getWeighInfoList } from '@/assets/js/api/quality.js'

export default {
  data() {
    return {
      alarmList: [],
    }
  },
  created() {
    this.getList()
  },
  methods: {
    getList() {
      getWeighInfoList({
        projectSn: this.$store.state.projectSn,
        queryParamType: 1
      }).then(res => {
        if (res.result) {
          this.alarmList = res.result.records
          console.log('获取今日过磅数据', res);
        }
      })
    }
  }
}
</script >

<style lang="less" scoped>
.box {
  width: 100%;
  height: 100%;
  th {
    border-bottom: 1px solid #fff !important;
  }
  td {
    // overflow: hidden;
    // text-overflow: ellipsis;
    // white-space: nowrap;
  }
}
</style>