<template>
  <div>
    <TopTitle title="详情">
      <Button type="primary" @click="$router.go(-1)">返回</Button>
    </TopTitle>
    <TableHeader :tableHeaderList="tableHeaderList" />
    <div class="content">
      <Table :data="tableData" :columns="tableColumns" border max-height="700">
        <!-- <template slot="print" slot-scope="{ row, index }">
          <a @click="printClick(row, index)">打印</a>
        </template> -->
      </Table>
      <div class="content_body_page">
        <Page
          :page-size-opts="[10, 20, 30, 40, 100]"
          @on-page-size-change="changeSize"
          @on-change="changePage"
          :current="pageIndex"
          show-total
          show-elevator
          :total="total"
          show-sizer
          :page-size="pageSize"
        />
      </div>
    </div>
  </div>
</template>
<script>
import TopTitle from "../../components/TopTitle/index";
import TableHeader from "../../components/tableHeader/tableHeader.vue";
export default {
  components: {
    TopTitle,
    TableHeader,
  },
  data() {
    return {
      tableData: [],
      tableColumns: [
        { title: "架序", width: "80", align: "center", key: "frame_sequence" },
        {
          title: "订序",
          align: "center",
          key: "booking_order",
          minWidth: 80,
        },
        {
          title: "成品名称",
          align: "center",
          key: "finished_product_name",
          minWidth: 100,
        },
        {
          title: "楼层编号",
          align: "center",
          key: "floor_number",
          minWidth: 100,
        },
        { title: "宽", align: "center", key: "width", minWidth: 80 },
        { title: "高", align: "center", key: "height", minWidth: 80 },
        { title: "形状", align: "center", key: "shape", minWidth: 100 },
        {
          title: "异形参数",
          align: "center",
          key: "elasticParameter",
          minWidth: 100,
        },
        {
          title: "原标记",
          align: "center",
          key: "original_tag ",
          minWidth: 100,
        },
        {
          title: "半成品",
          align: "center",
          key: "semi_manufactured_goods ",
          minWidth: 100,
        },
        {
          title: "原库区",
          align: "center",
          key: "original_reservoir",
          minWidth: 100,
        },
        {
          title: "原架号",
          align: "center",
          key: "original_frame",
          minWidth: 100,
        },
        {
          title: "新库区",
          align: "center",
          key: "new_reservoir",
          minWidth: 100,
        },
        { title: "新架号", align: "center", key: "new_frame", minWidth: 100 },
        {
          title: "组合标记",
          align: "center",
          key: "Combination_tag",
          minWidth: 100,
        },
        {
          title: "组合名",
          align: "center",
          key: "Combination_of",
          minWidth: 100,
        },
        {
          title: "数量",
          align: "center",
          key: "amount",
          minWidth: 100,
        },
        {
          title: "下工序",
          align: "center",
          key: "next_process",
          minWidth: 100,
        },
        {
          title: "加工要求",
          align: "center",
          key: "processing_requirement",
          minWidth: 100,
        },
        // {
        //   title: "打印",
        //   align: "center",
        //   minWidth: 100,
        //   slot: "print",
        // },
      ],
      pageSize: 10,
      pageIndex: 1,
      total: 0,
      tableHeaderList: [
        { title: "ID", value: "345" },
        { title: "辅助信息确认", value: "否" },
        { title: "本分厂", value: "" },
        { title: "下分厂", value: "" },
        { title: "单据编号", value: "34567" },
        { title: "当前工序", value: "切割" },
        { title: "处理方式", value: "完工并交接" },
        { title: "单据状态", value: "已审核" },
        { title: "订单编号", value: "4567" },
        { title: "客户名称", value: "小明" },
        { title: "项目名称", value: "新城" },
        { title: "报表日期", value: "2021-03-12" },
        { title: "班次", value: "夜班" },
        { title: "流程卡号", value: "4567" },
        { title: "制单员", value: "小刚" },
        { title: "制单日期", value: "2021-03-12" },
        { title: "审核人", value: "小丽" },
        { title: "审核日期", value: "2021-03-12" },
        { title: "班组", value: "切割组" },
        { title: "设备", value: "GGS" },
        { title: "总数量", value: "10" },
        { title: "打印次数", value: "0" },
        { title: "备注", value: "" },
        { title: "审核后备注", value: "" },
        { title: "送货地址", value: "" },
        { title: "库存备注", value: "" },
      ],
    };
  },
  mounted() {},
  methods: {
    changeSize() {},
    changePage() {},
    // printClick(row,index){
    //   console.log(row,index);
    // }
  },
};
</script>
<style lang="scss" scoped>
.content_body_page {
  text-align: center;
  margin-top: 20px;
}
</style>