<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">
      </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: [],
      tableHeaderList: [
        { title: "锁定订单", value: "否" },
        { title: "套料", value: "否" },
        { title: "分架", value: "否" },
        { title: "设备", value: "是" },
        { title: "任务单号", value: "D100391" },
        { title: "分厂", value: "" },
        { title: "客户名称", value: "中泰" },
        { title: "项目ID", value: "2221" },
        { title: "项目名称", value: "" },
        { title: "成品名称", value: "4mm花色" },
        { title: "订单类型", value: "普通" },
        { title: "对方单号", value: "已审核" },
        { title: "工艺路线", value: "切割-磨边" },
        { title: "附件", value: "0" },
        { title: "总数量", value: "3.5" },
        { title: "总面积", value: "2845" },
        { title: "总周长", value: "18.20" },
        { title: "批次", value: "" },
        { title: "打印次数", value: "" },
        { title: "标签次数", value: "" },
        { title: "队列", value: "" },
        { title: "交货日期", value: "2022.5.26" },
        { title: "计划开工", value: "2022.5.26" },
        { title: "实际开工", value: "" },
        { title: "实际完工", value: "" },
        { title: "送货地址", value: "" },
        { title: "订单加工要求", value: "" },
        { title: "订单备注", value: "" }
      ],
      tableColumns: [
        { title: "序号", type: "index", align: "center", key: "" },
        {
          title: "成品名称",
          align: "center",
          key: "finishedProduct",
          minWidth: 100,
        },
        { title: "楼层编号", align: "center", key: "floorNum", minWidth: 100 },
        { title: "宽", align: "center", key: "width", minWidth: 80 },
        { title: "高", align: "center", key: "height", minWidth: 80 },
        { title: "R", align: "center", key: "r", minWidth: 80 },
        { title: "形状", align: "center", key: "shape", minWidth: 100 },
        {
          title: "异形参数",
          align: "center",
          key: "elasticParameter",
          minWidth: 100,
        },
        { title: "图号", align: "center", key: "url_number", minWidth: 100 },
        {
          title: "示意图号",
          align: "center",
          key: "hint_url_number",
          minWidth: 100,
        },
        {
          title: "订单图号",
          align: "center",
          key: "order_url_number",
          minWidth: 100,
        },
        {
          title: "模板图",
          align: "center",
          key: "formwork_drawing",
          minWidth: 100,
        },
        { title: "数量", align: "center", key: "number", minWidth: 100 },
        {
          title: "实际面积",
          align: "center",
          key: "actual_area",
          minWidth: 100,
        },
        {
          title: "结算单片面积",
          align: "center",
          key: "single_chip_area",
          minWidth: 130,
        },
        {
          title: "结算面积",
          align: "center",
          key: "settlement_area",
          minWidth: 100,
        },
        { title: "单价", align: "center", key: "unit_price", minWidth: 100 },
        { title: "金额", align: "center", key: "money", minWidth: 100 },
        { title: "包装方式", align: "center", key: "pack_way", minWidth: 100 },
        {
          title: "加工方式",
          align: "center",
          key: "processing_method",
          minWidth: 100,
        },
        { title: "备注", align: "center", key: "remark", minWidth: 100 },
      ],
      pageSize: 10,
      pageIndex: 1,
      total: 0,
    };
  },
  mounted() {},
  methods: {
    changeSize() {},
    changePage() {},
  },
};
</script>
<style lang="scss" scoped>
.content_body_page {
  text-align: center;
  margin-top: 20px;
}
</style>