<template>
  <div>
    <TopTitle title="详情">
      <Button type="primary" @click="$router.go(-1)">返回</Button>
    </TopTitle>
    <TableHeader :tableHeaderList="list" />
    <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: [],
      list: [
        {
          title: "ID",
          value: "56782",
        },
        {
          title: "单据状态",
          value: "已审核",
        },
        {
          title: "客户编号",
          value: "0300021",
        },
        {
          title: "客户名称",
          value: "杨运",
        },
        {
          title: "地区",
          value: "浙江杭州",
        },
        {
          title: "工程ID",
          value: "2345",
        },
        {
          title: "工程名称",
          value: "绣菊园",
        },
        {
          title: "单据编号",
          value: "81641",
        },
        {
          title: "合同编号",
          value: "284134",
        },
        {
          title: "对方编号",
          value: "",
        },
        {
          title: "包装方式",
          value: "",
        },
        {
          title: "订单类型",
          value: "普通订单",
        },
        {
          title: "铝条方式",
          value: "",
        },
        {
          title: "业务员",
          value: "涨溢",
        },
        {
          title: "联系人",
          value: "李",
        },
        {
          title: "联系电话",
          value: "12345678909",
        },
        {
          title: "报表日期",
          value: "2022.5.26",
        },
        {
          title: "总周长",
          value: "245.145",
        },
        {
          title: "总数量",
          value: "30",
        },
        {
          title: "总结算面积",
          value: "49.14",
        },
        {
          title: "总金额",
          value: "422.66",
        },
        {
          title: "收款金额",
          value: "",
        },
        {
          title: "折扣金额",
          value: "",
        },
        {
          title: "欠款金额",
          value: "",
        },
        {
          title: "总实际面积",
          value: "3614.661",
        },
        {
          title: "工艺员",
          value: "张阿",
        },
        {
          title: "打印次数",
          value: "0",
        },
        {
          title: "审核日期",
          value: "2022.5.26",
        },
        {
          title: "交货日期",
          value: "2022.5.26",
        },
        {
          title: "生产交期",
          value: "2022.3.15",
        },
        {
          title: "送货地址",
          value: "",
        },
        {
          title: "附件",
          value: "",
        },
        {
          title: "加工要求",
          value: "",
        },
        {
          title: "结算币种",
          value: "人民币",
        },
        {
          title: "付款条件",
          value: "",
        },
        {
          title: "加工要求",
          value: "",
        },
        {
          title: "特别备注",
          value: "",
        },
        {
          title: "CrmId",
          value: "5710055",
        },
        {
          title: "来源",
          value: "微信",
        },
        {
          title: "尺寸确认",
          value: "是",
        },
        {
          title: "工艺",
          value: "是",
        },
        {
          title: "已下达",
          value: "否",
        },
        {
          title: "流程卡",
          value: "是",
        },
        {
          title: "入库",
          value: "是",
        },
        {
          title: "发货",
          value: "是",
        },
        {
          title: "收款",
          value: "是",
        },
        {
          title: "套料",
          value: "否",
        },
        {
          title: "价格审核",
          value: "是",
        },
        {
          title: "外协",
          value: "否",
        },
        {
          title: "分厂",
          value: "否",
        },
        {
          title: "MES",
          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>