<template functional>
  <el-form inline label-width="150px" label-position="left" >
    <el-row>
      <el-col :span="6">
        <el-form-item label="唛头"><div class="content"></div></el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="已到箱数/总箱数"><div class="content"></div></el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="订单状态"><div class="content"></div></el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="送货日期"><div class="content"></div></el-form-item>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="6"><el-form-item label="运输方式"><div class="content"></div></el-form-item></el-col>
      <el-col :span="6"><el-form-item label="出货渠道"><div class="content"></div></el-form-item></el-col>
      <el-col :span="6"><el-form-item label="始发地"><div class="content"></div></el-form-item></el-col>
      <el-col :span="6"> <el-form-item label="目的地"><div class="content"></div></el-form-item></el-col>
    </el-row>
    <el-row>
      <el-col span="6"><el-form-item label="发货人姓名"><div class="content"></div></el-form-item></el-col>
      <el-col span="6"><el-form-item label="发货人公司"><div class="content"></div></el-form-item></el-col>
      <el-col span="6"> <el-form-item label="发货人电话"><div class="content"></div></el-form-item></el-col>
    </el-row>
    <el-row>
      <el-col :span="6">
        <el-form-item label="收货人姓名"><div class="content"></div></el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="收货人电话"><div class="content"></div></el-form-item>
      </el-col>
      <el-col span="6">
        <el-form-item label="货人电话"><div class="content"></div></el-form-item>
      </el-col>
    </el-row>
  </el-form>
</template>

<script>
export default {
  name: "ordeDetailsForm"
}
</script>

<style scoped lang="scss">
.el-form {
  .content{
    width: 150px;
    height: 50px;
    border: 1px solid;
  }
}
</style>
