<template>
  <div class="eibs">
    <!-- ==================左边================ -->
    <c-col :span="12" style="padding-right: 20px;">
      <c-col :span="24">
        <el-form-item label="Country or Region Code" prop="bodgrp.rec.stacty">
          <c-ctymapping v-model="model.bodgrp.rec.stacty" style="width:100%" placeholder="">
          </c-ctymapping>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Shipment From" prop="bodgrp.rec.shpfro" >
          <c-input v-model="model.bodgrp.rec.shpfro" style="width:100%;margin-right:20px;" maxlength="40" placeholder="" @change="changeShpfrp"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Shipment Date" prop="bodgrp.rec.shpdat" >
          <c-date-picker type="date" v-model="model.bodgrp.rec.shpdat" style="width:100%;margin-right:20px;" placeholder="" @change="changeShpdat"></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="中文货物描述" prop="bodgrp.rec.goddspcn" >
          <c-input v-model="model.bodgrp.rec.goddspcn" style="width:100%;margin-right:20px;" maxlength="100" show-word-limit placeholder=""></c-input>
        </el-form-item>
      </c-col>
    </c-col>

    <c-col :span="12" style="padding-left: 20px;">
      <c-col :span="24">
        <el-form-item label="Goods Code" prop="bodgrp.rec.stagod">
          <c-select v-model="model.bodgrp.rec.stagod" style="width:100%" placeholder="" dbCode='GODCOD'>
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="For Transportation To" prop="bodgrp.rec.shpto" >
          <c-input v-model="model.bodgrp.rec.shpto" style="width:100%;margin-right:20px;" maxlength="40" placeholder="" @change="changeShpto"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Description of Goods" prop="bodgrp.blk.goddes" >
          <c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" 
              v-model="model.bodgrp.blk.goddes" style="width:100%;margin-right:20px;" 
              @change="changeGoddes"
              maxlength="325" show-word-limit placeholder=""></c-input>
        </el-form-item>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {};
  },
  methods: {},
  created() {}
};
</script>
<style>
</style>