<template>
  <el-dialog
    title="波次材质统计"
    :close-on-click-modal="false"
    append-to-body
    top="5vh"
    width="80%"
    :visible.sync="visible"
    >
    <div class="mod-print-prodAssistRecord">
      <div class="main-container">
        <div class="table-con spec-table">
          <el-table
            ref="specListTable"
            :data="dataList"
            header-cell-class-name="table-header"
            row-class-name="table-row"
            border
            height="600"
            style="width: 100%">
            <el-table-column
              type="index"
              label="序号">
            </el-table-column>
            <!-- 产品类型 -->
            <el-table-column label="产品类型" prop="prodType" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.prodType}}</span>
              </template>
            </el-table-column>
            <!-- 尺寸大小 -->
            <el-table-column label="尺寸大小" prop="pdfSize" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.pdfSize}}</span>
              </template>
            </el-table-column>
            <!-- 助力用户 -->
            <el-table-column label="覆膜工艺" prop="skuName" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.skuName}}</span>
              </template>
            </el-table-column>
            <!-- 助力电量 -->
            <el-table-column label="张数" prop="nums" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.nums}}</span>
              </template>
            </el-table-column>
            <!-- 助力时间 -->
            <el-table-column label="色数" prop="colorPrint" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.colorPrint}}</span>
              </template>
            </el-table-column>
            <!-- 助力时间 -->
            <el-table-column label="克数" prop="gram" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.gram}}</span>
              </template>
            </el-table-column>
          </el-table>
        </div>
      </div>
    </div>
  </el-dialog>
</template>

<script>
export default {
  data () {
    return {
      dataList: [],
      visible: false,
      searchForm: {}, // 搜索
      dataListLoading: false,
      addOrUpdateVisible: false
    }
  },
  components: {

  },
  created () {

  },
  mounted () {
  },
  methods: {
    init(waveId){
      this.visible = true;
      this.$nextTick(() => {
        this.searchForm.waveId = waveId;
        this.getDataList()
      })
    },
    getDataList () {
      this.dataListLoading = true
      this.$http({
        url: this.$http.adornUrl('/platform/wave/statOrder/' + this.searchForm.waveId),
        method: 'GET',
      }).then(({data}) => {
        this.dataList = data;
      })
    },
  }
}
</script>
<style lang="scss">
.mod-print-wave-stat {
}
</style>
