<template>
  <div id="centerRight1">
    <div class="bg-color-black">
      <div class="d-flex pt-2 pl-2" style="margin-bottom: 10px">
        <div class="d-flex">
          <dv-decoration-9 style="width:20px;height:20px;" />
          <span class="fs-xl text mx-2">本周解缴计划</span>
        </div>
      </div>
      <div class="d-flex jc-center body-box">
        <dv-scroll-board class="dv-scr-board" :config="config" />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: ['tableList'],
  data() {
    return {
      config: {
        header: ['解缴日期', '品名', '箱数', '冠字号范围', '拍号', '入库地点'],
        data: this.tableList,
        rowNum: 8, //表格行数
        headerHeight: 35,
        headerBGC: '#0f1325', //表头
        oddRowBGC: '#0f1325', //奇数行
        evenRowBGC: '#171c33', //偶数行
        index: true,
        columnWidth: [45,110,80,70,280,280,100],
        align: ['center']
      }
    }
  },
  methods: {
    updateData(){
      const { config } = this
      this.config.data = this.tableList
      this.config = {...this.config}
    }
  }
}
</script>

<style lang="scss" scoped>
$box-height: 400px;
$box-width: 100%;
#centerRight1 {
  // border: #f00 0.1333vw solid;
  //padding: 16px;
  padding: 20px 16px 16px 16px;
  // padding-top: 20px;
  height: $box-height - 10px;
  width: 100%;
  // width: $box-width;
  border-radius: 10px;
  .bg-color-black {
    width: 100%;
    // border: #ff0 0.1333vw solid;
    height: $box-height - 50px;
    border-radius: 10px;
    .dv-scr-board {

      width: 100%;
      height: 320px;
      // border: #f00 0.1333vw solid;
    }
  }

  .text {
    color: #c3cbde;
    font-size: 1.3rem;
  }
  .body-box {
    border-radius: 10px;
    overflow: hidden;

  }
}
</style>
