<template>
<div class="add-associated-order">
 <h1 class="title">订单号：ECP0013123N 选择订单</h1>
  <el-divider></el-divider>
  <el-form inline label-width="85px" label-position="left">
    <el-form-item label="订单号">
      <div class="content"></div>
    </el-form-item>
    <el-form-item label="唛头">
      <div class="content"></div>
    </el-form-item>
    <el-form-item label="商品类型">
      <div class="content"></div>
    </el-form-item>
    <el-form-item label="商品名称">
      <div class="content"></div>
    </el-form-item>
    <el-form-item label="运输方式">
      <div class="content"></div>
    </el-form-item>
    <el-form-item label="出货渠道">
      <div class="content"></div>
    </el-form-item>
    <el-form-item label="客户名称">
      <div class="content"></div>
    </el-form-item>
    <el-form-item label="客户手机号">
      <div class="content"></div>
    </el-form-item>
    <el-form-item label="商品特性">
      <div class="content"></div>
    </el-form-item>
    <el-form-item>
      <el-button>查询</el-button>
      <el-button>重置</el-button>
    </el-form-item>
  </el-form>
   <h1 class="title">
     未加入关联订单列表
   </h1>
  <el-divider></el-divider>
  <el-table>
    <el-table-column
      type="selection"
      width="55"
    ></el-table-column>
    <el-table-column label="序号"></el-table-column>
    <el-table-column label="订单号"></el-table-column>
    <el-table-column label="唛头"></el-table-column>
    <el-table-column label="商品名列表"></el-table-column>
    <el-table-column label="货物特性"></el-table-column>
    <el-table-column label="货物材质"></el-table-column>
    <el-table-column label="货物数据"></el-table-column>
    <el-table-column label="入仓时间"></el-table-column>
    <el-table-column label="状态"></el-table-column>
    <el-table-column label="操作人"></el-table-column>
    <el-table-column label="操作时间"></el-table-column>
    <el-table-column label="操作"></el-table-column>
  </el-table>
  <el-row style="margin-top: 40px">
    <el-col>
      <el-button type="primary">
        批量加入关联
      </el-button>
      <el-button>
        取消
      </el-button>
    </el-col>
  </el-row>
</div>
</template>

<script>
//添加关联订单
export default {
  name: "addAssociatedOrder"
}
</script>

<style scoped lang="scss">
.add-associated-order{
  padding: 20px;
  box-sizing: border-box;
.title{
   font-size: 30px;
  font-weight: 600;
  text-align: left;
}
  .el-form{
    .content{
      width: 300px;
    }
  }
}
</style>
