<template functional>
  <div>
    <el-form inline label-width="120px" 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>
  </div>
</template>

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

<style scoped lang="scss">
v-deep div{
  .el-form {
    .el-form-item{
      .el-form-item__label{
        font-size: 12px;
        color: red;
      }
    }
  }
}

.content{
  width: 150px;
  height: 30px;
  border: 1px solid;
}
</style>
