<template>
  <!--  <el-container>-->
  <div>
    <div class=""   v-for="(item,indexOne) in sljhPrintData"   style="width: 980px;
  /*border: 1px #000 solid;*/
  text-align: center;
  font-size: 20px; ">


      <div style="text-align: center">
        <div style="width: 100%;">
          <h5> 上 料 计 划</h5>
        </div>

        <div style="width: 100%">
          <div  style="height: 20px;width: 50%;" class="base"></div>
          <div  style="height: 20px;width: 50%;" class="base">制单日期：{{item.dyrq}}</div>
        </div>
        <div style="width: 100%">
          <div class="headOne" style="width:4%">序号</div>
          <div class="headOne" style="width: 11%">合同号</div>
          <div class="headOne" style="width: 7%">船号</div>
          <div class="headOne" style="width: 7%">材质</div>

          <div class="headOne" style="width: 10%">规格</div>
          <div class="headOne" style="width: 10%">炉批号</div>
          <div class="headOne" style="width: 4%">数量</div>
          <div class="headOne" style="width: 5%">库存垛位</div>
          <div class="headOne" style="width: 5%">层数</div>
          <div class="headOne" style="width: 7%">需求船只</div>
          <div class="headOne" style="width: 5%">需求批量</div>
          <div class="headOne" style="width: 5%">流向</div>
          <div class="headOne" style="width: 7%">跨位</div>
          <div class="headOne" style="width: 5%">物品状态</div>
          <div class="headOne" style="width: 5%">备注</div>

          <div style="clear: both"></div>
        </div>
        <div style="width: 100%" v-for="(item1,index) in item.list">
          <div class="one" style="width:4%">{{ item1.xh }}</div>
          <div class="one" style="width: 11%">{{ item1.dcFd }}</div>
          <div class="one" style="width: 7%">{{ item1.dcch }}</div>
          <div class="one" style="width: 7%">{{ item1.wpxh }}</div>

          <div class="one" style="width: 10%">{{ item1.wpgg }}</div>
          <div class="one" style="width: 10%">{{ item1.lph }}</div>
          <div class="one" style="width: 4%">{{ item1.qxkcl }}</div>
          <div class="one" style="width: 5%">{{ item1.kwh }}</div>
          <div class="one" style="width: 5%">{{ item1.cfcs1 }}</div>
          <div class="one" style="width: 7%">{{ item1.zych }}</div>
          <div class="one" style="width: 5%">{{ item1.zypl }}</div>
          <div class="one" style="width: 5%">{{ item1.zylx }}</div>
          <div class="one" style="width: 7%">{{ item1.sldw }}</div>
          <div class="one" style="width: 5%">{{ item1.wpzt }}</div>
          <div class="one" style="width: 5%">{{ item1.bz }}</div>


          <div style="clear: both"></div>
        </div>






      </div>
      <div class="pageBreak"/>
    </div>

  </div>



</template>

<script>
import {mapGetters} from 'vuex'

export default {
  // 流程卡
  name: 'SljhPrint',
  props: ['sljhPrintData'],
  data() {
    return {
      dataSize:0,
    }
  },
  computed: {
    ...mapGetters([
      'name',
      'bmbm'
    ])
  },
  created() {
    console.log(this.sljhPrintData)
    console.log(sljhPrintData)
    console.log(11111)

  },
  methods: {}
}
</script>

<style lang="scss" scoped>


@media print {
  .pageBreak {
    page-break-after: always;
  }
  .noPrint {
    display: none;
  }
  /*@page {margin:0 30mm}*/
}
/*  .tableBorder th{*/
/*    font-weight: 400;*/
/*    font-size: 9px;*/
/*    border: 1px solid black;*/
/*  }*/
/*  .tableBorder td{*/
/*    text-align:  center;*/
/*    font-size: 9px;*/
/*    border: 1px solid black;*/
/*    height: 30px;*/
/*  }*/
/*  .fist div{*/
/*    float: left;*/
/*  }*/

.base{
  float: left;
  /*border: 1px solid black;*/
  overflow:hidden;
}
.one{
  float: left;
  border: 1px solid black;
  height: 30px;

  font-size: 13px;
  /*line-height: 17px;*/
}
.headOne{
  float: left;
  border: 1px solid black;
  height: 35px;
  overflow:hidden;
  font-size: 12px;
  /*line-height: 17
}
.one2{
  float: left;
  border: 1px solid black;
  overflow:hidden;
  height: 100px;
  /*line-height: 17px;*/
}
.headOne1{
  float: left;
  border: 0px ;
  height: 35px;
  overflow:hidden;
  font-size: 13px;
  /*line-height: 1
}
.one3{
  float: left;
  border: 1px solid black;
  overflow:hidden;
  height:50px;
  /*line-height: 17px;*/
}
.one1{
  float: left;
  //border: 1px solid black;
  height: 30px;
  overflow:hidden;
  /*line-height: 17px;*/
}
.header{
  position: fixed;
  top: 0;
}
.a4-endwise{
  width: 1000px;
  height: 1455px;
  /*border: 1px #000 solid;*/
  text-align: center;
  font-size: 20px;

}
</style>








