<template>
  <div class="eibs-tab">
    <!--      <c-row>-->
    <!-- ====================左边======================= -->
     <c-col :span="12" style="padding-top: 20px">
        <c-col :span="24">
          <c-ptap-commons 
            :cols="65" 
            :rows="5" 
            :minRows="5" 
            :maxRows="5" 
            :model="model" 
            :extCodes="['bcdgrp','blk']" 
            lastModel="colins" 
            title="Delivery of Documents Instructions">
          </c-ptap-commons>
        </c-col>

      <!-- <c-col :span="24">
        <el-form-item label="Delivery of Documents Instructions" prop="bcdgrp.blk.colins">
          <c-fullbox>
            <c-mul-row-input :autosize="{ minRows: 4, maxRows: 4}" :charmod="2" :cols="65" :rows="24" placeholder="请输入放单指示条款" v-model="model.bcdgrp.blk.colins">
            </c-mul-row-input>
            <template slot="footer">
              <c-button size="small" style="margin-left: 10px; padding: 0 12px" type="primary" icon="el-icon-more">
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col> -->

      <c-col :span="24">
        <c-ptap-commons 
          :cols="65" 
          :rows="5" 
          :minRows="5" 
          :maxRows="5" 
          :model="model" 
          :extCodes="['bcdgrp','blk']" 
          lastModel="dftins" 
          title="Draft Instructions">
        </c-ptap-commons>
      </c-col>
      
      <!-- <c-col :span="24">
        <el-form-item label="Draft Instructions" prop="bcdgrp.blk.dftins">
          <c-fullbox>
            <c-mul-row-input :autosize="{ minRows: 4, maxRows: 4}" :charmod="2" :cols="65" :rows="24" placeholder="请输入汇票指示条款" v-model="model.bcdgrp.blk.dftins">
            </c-mul-row-input>
            <template slot="footer">
              <c-button size="small" style="margin-left: 10px; padding: 0 12px" type="primary" icon="el-icon-more">
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col> -->

      <c-col :span="24">
        <c-ptap-commons 
          :cols="65" 
          :rows="5" 
          :minRows="5" 
          :maxRows="5" 
          :model="model" 
          :extCodes="['bcdgrp','blk']" 
          lastModel="othins" 
          title="Other Instructions">
        </c-ptap-commons>
      </c-col>

      <!-- <c-col :span="24">
        <el-form-item label="Other Instructions" prop="bcdgrp.blk.othins">
          <c-fullbox>
            <c-mul-row-input :autosize="{ minRows: 4, maxRows: 4}" :charmod="2" :cols="65" :rows="24" placeholder="请输入其他指示条款" v-model="model.bcdgrp.blk.othins">
            </c-mul-row-input>
            <template slot="footer">
              <c-button size="small" style="margin-left: 10px; padding: 0 12px" type="primary" icon="el-icon-more">
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col> -->

      <c-col :span="24">
        <el-form-item label="Protest Instructions" prop="bcdgrp.rec.proins">
          <c-select v-model="model.bcdgrp.rec.proins" dbCode='proins' style="width:100%" placeholder="请选择拒绝证书指示条款">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Good's Code (for Statistics)" prop="bcdgrp.rec.stagod">
          <c-select v-model="model.bcdgrp.rec.stagod" dbCode="GODCOD" style="width:100%" placeholder="请选择货物代码（风险国家）">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="中文货物描述" prop="bcdgrp.rec.goddspcn">
          <c-input v-model="model.bcdgrp.rec.goddspcn" style="width:100%" maxlength="100" placeholder="请输入中文货物描述">
          </c-input>
        </el-form-item>
      </c-col>
    </c-col>
    <!-- ====================右边======================= -->
    <c-col :span="12" style="padding-top: 20px; padding-left: 20px">
      <c-col :span="24">
        <c-col :span="24">
          <el-form-item label="Charges Condition" prop="bcdgrp.rec.chato">
            <c-select v-model="model.bcdgrp.rec.chato" dbCode='chadet' style="width:100%" placeholder="请输入费用承担条款">
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Charges Text" prop="bcdgrp.blk.chgtxt">
          <c-input type="textarea" :rows="4" v-model="model.bcdgrp.blk.chgtxt" maxlength="210" show-word-limit placeholder=""></c-input>
        </el-form-item>
        <!-- <el-form-item label="Charges Text" prop="bcdgrp.blk.chgtxt">
          <c-input :rows="4" type="textarea" v-model="model.bcdgrp.blk.chgtxt" maxlength="35" style="width:100%" show-word-limit placeholder="请输入手续费支付的附加详述"></c-input>
        </el-form-item> -->
      </c-col>
      
      <c-col :span="24">
        <el-form-item label="Waive Collecting Bank Charges" prop="bcdgrp.rec.waicolcod">
          <c-select v-model="model.bcdgrp.rec.waicolcod" dbCode='waicod' style="width:100%" placeholder="请选择交单时是否放弃向代收行收取费用的权力">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Waive Remitting Bank Charges" prop="bcdgrp.rec.wairmtcod">
          <c-select v-model="model.bcdgrp.rec.wairmtcod" dbCode='waicod' style="width:100%" placeholder="请选择放单时是否放弃向托收行收取费用的权力">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Defer Payment until" prop="bcdgrp.rec.othins">
          <c-select v-model="model.bcdgrp.rec.othins" dbCode='bcothi' style="width:100%" placeholder="请选择延期付款期限">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="" prop="bcdgrp.rec.focflg">
            <c-checkbox v-model="model.bcdgrp.rec.focflg" style="margin-left:5px" class="checkbox-left" true-label="X" false-label="">
              Free of Payment
            </c-checkbox>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item>
            <c-checkbox v-model="model.bcdgrp.rec.dftgarflg" style="margin-left:5px" class="checkbox-left" true-label="X" false-label="">
              Draft to be Guaranteed
            </c-checkbox>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import event from "../event"

export default {
  inject: ['root'],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {}
  },
  methods: {},
  created: function () {

  }
}
</script>
<style>

</style>