<template>
  <c-row>
    <!-- ====================左边======================= -->
    <c-col :span="12" :width="30">
      <c-col :span="23">
        <el-form-item label="Delivery of Documents Instructions" style="padding-top:15px">
          <c-fullbox>
            <c-input type="textarea" v-model="model.bodgrp.blk.colins" maxlength="65" show-word-limit
              placeholder="请输入Collection Instructions" :disabled="model.bodgrp.blk.colinsflg !='X'">
            </c-input>
            <template slot="footer">
              <c-button 
                size="small" 
                type="primary" 
                @click="showGridPromptDialog('botp.colins.buttxmsel',null,null,{TXT:'bodgrp.blk.colins'},{TXT:false},'doxpDialog')"
                :disabled="model.bodgrp.blk.colinsflg !='X'"
                >
                ...
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <!-- <c-col span="24">
          Delivery of Documents Instructions
        </c-col> -->


      <!-- <el-form-item label="Delivery of Documents Instructions" prop="bodgrp.blk.colins" >
          
         <c-col :span="24" style="width:100%">
          <c-col :span="20" >
            <c-input type="textarea" v-model="model.bodgrp.blk.colins" maxlength="65" show-word-limit placeholder="请输入Collection Instructions" >
            </c-input>
          </c-col>
        
         <c-col :span="4">
        <c-button size="small" type="primary" icon="el-icon-search" @click="onColinsButtxmsel">
            ...
        </c-button>
       </c-col>
       </c-col>

       </el-form-item> -->





      <c-col :span="24">
        <el-form-item label="" prop="bodgrp.blk.colinsflg">
          <c-checkbox v-model="colinsflg">Delivery of Documents Instructions modified</c-checkbox>
        </el-form-item>
      </c-col>


      <!-- <c-col :span="12">
        <el-form-item label="Draft Instructions">
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="20">
          <c-input type="textarea" v-model="model.bodgrp.blk.dftins" maxlength="65" show-word-limit
            placeholder="请输入Draft Instructions"></c-input>
        </c-col>


        <c-col :span="4">
          <c-button size="small" type="primary" icon="el-icon-search" @click="onDftinsButtxmsel">
            ...
          </c-button>
        </c-col>
      </c-col> -->
      <c-col :span="23">
        <el-form-item label="Draft Instructions" style="padding-top:15px">
          <c-fullbox>
            <c-input type="textarea" v-model="model.bodgrp.blk.dftins" maxlength="65" show-word-limit
              placeholder="请输入Draft Instructions">
            </c-input>
            <template slot="footer">
              <c-button 
                size="small" 
                type="primary" 
                @click="showGridPromptDialog('botp.dftins.buttxmsel',null,null,{TXT:'bodgrp.blk.dftins'},{TXT:false},'doxpDialog')"
                >
                ...
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <!-- <c-col :span="24">
        <el-form-item label="Protest Instructions">
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="20">
          <c-input type="textarea" v-model="model.bodgrp.blk.proins" maxlength="65" show-word-limit
            placeholder="请输入Protest Instructions"></c-input>
        </c-col>

        <c-col :span="4">
          <c-button size="small" type="primary" icon="el-icon-search" @click="onProinsButtxmsel">
            ...
          </c-button>
        </c-col>
      </c-col> -->

      <c-col :span="23">
        <el-form-item label="Protest Instructions" style="padding-top:15px">
          <c-fullbox>
            <c-input type="textarea" v-model="model.bodgrp.blk.proins" maxlength="65" show-word-limit
              placeholder="请输入Protest Instructions">
            </c-input>
            <template slot="footer">
              <c-button 
                size="small" 
                type="primary" 
                @click="showGridPromptDialog('botp.proins.buttxmsel',null,null,{TXT:'bodgrp.blk.proins'},{TXT:false},'doxpDialog')"
                >
                ...
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>



      <!-- <c-col :span="24">
        <el-form-item label="Other Instructions">
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="20">
          <c-input type="textarea" v-model="model.bodgrp.blk.othins" maxlength="65" show-word-limit
            placeholder="请输入Other Instructions"></c-input>
        </c-col>

        <c-col :span="4">
          <c-button size="small" type="primary" icon="el-icon-search" @click="onOthins1Buttxmsel">
            ...
          </c-button>
        </c-col>
      </c-col> -->

      <c-col :span="23">
        <el-form-item label="Other Instructions" style="padding-top:15px">
          <c-fullbox>
            <c-input type="textarea" v-model="model.bodgrp.blk.othins" maxlength="65" show-word-limit
              placeholder="请输入Other Instructions">
            </c-input>
            <template slot="footer">
              <c-button 
                size="small" 
                type="primary" 
                @click="showGridPromptDialog('botp.othins.buttxmsel',null,null,{TXT:'bodgrp.blk.othins'},{TXT:false},'doxpDialog')"
                >
                ...
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <!-- <c-col :span="24">
        <el-form-item label="Delivery instructions">
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-col :span="20">
          <c-input type="textarea" v-model="model.bodgrp.blk.delins" maxlength="65" show-word-limit
            placeholder="请输入Delivery instructions"></c-input>
        </c-col>

        <c-col :span="4">
          <c-button size="small" type="primary" icon="el-icon-search" @click="onWhinsButtxmsel">
            ...
          </c-button>
        </c-col>
      </c-col> -->
      <c-col :span="23">
        <el-form-item label="Warehouse/Insurance instructions" style="padding-top:15px">
          <c-fullbox>
            <c-input type="textarea" v-model="model.bodgrp.blk.delins" maxlength="65" show-word-limit
              placeholder="请输入Warehouse/Insurance instruction">
            </c-input>
            <template slot="footer">
              <c-button 
                size="small" 
                type="primary" 
                @click="showGridPromptDialog('botp.whins.buttxmsel',null,null,{TXT:'bodgrp.blk.delins'},{TXT:false},'doxpDialog')"
                >
                ...
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

    </c-col>




    <!-- ====================右边======================= -->
    <c-col :span="12">
      <c-col :span="24" style="width:100%">
        <el-form-item label="Changes Condition" prop="bodgrp.rec.chato" style="padding-top:15px">

          <c-select v-model="model.bodgrp.rec.chato" style="width:100%" placeholder="请选择Our Charges to"
            :code="codes.chadet">
          </c-select>


        </el-form-item>
      </c-col>


      <!-- <c-col :span="24">
        <el-form-item label="Our Charges to">
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-select v-model="model.bodgrp.rec.chato" style="width:100%" placeholder="请选择Our Charges to"
          :code="codes.chato">
        </c-select>
      </c-col> -->
      <c-col :span="24" style="width:100%">
        <el-form-item label="Charges Text" prop="bodgrp.blk.chgtxt" style="padding-top:15px">

          <c-input type="textarea" v-model="model.bodgrp.blk.chgtxt" maxlength="35" show-word-limit
            placeholder="请输入Charges Text"></c-input>


        </el-form-item>
      </c-col>


      <!-- <c-col :span="24">
        <el-form-item label="Charges Text">
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-input type="textarea" v-model="model.bodgrp.blk.chgtxt" maxlength="35" show-word-limit
          placeholder="请输入Charges Text"></c-input>
      </c-col> -->

      <c-col :span="22">
        <c-checkbox v-model="model.bodgrp.rec.focflg" style="padding-left:10px">Free of Payment</c-checkbox>
      </c-col>
      <c-col :span="24" style="width:100%">
        <el-form-item label="Waive Collecting Bank Charges" prop="bodgrp.rec.waicolcod" style="padding-top:15px">

          <c-select v-model="model.bodgrp.rec.waicolcod" style="width:100%" placeholder="请选择Protest Instructions"
            :code="codes.waicolcod">
          </c-select>

        </el-form-item>
      </c-col>
      <!-- <c-col :span="24">
        <c-col :span="5">
          <el-form-item label="Waive Collecting">
          </el-form-item>
        </c-col>
        <c-col :span="4">
          <el-form-item label="Bank Charges">
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-select v-model="model.bodgrp.rec.waicolcod" style="width:100%" placeholder="请选择Protest Instructions"
          :code="codes.waicolcod">
        </c-select>
      </c-col> -->

      <c-col :span="24" style="width:100%">
        <el-form-item label="Waive Remitting Bank Charges" prop="bodgrp.rec.wairmtcod" style="padding-top:15px">

          <c-select v-model="model.bodgrp.rec.wairmtcod" style="width:100%"
            placeholder="请选择Waive Remitting Bank Charges" :code="codes.wairmtcod">
          </c-select>

        </el-form-item>
      </c-col>

      <!-- <c-col :span="24">
        <c-col :span="4">
          <el-form-item label="Waive Remitting">
          </el-form-item>
        </c-col>
        <c-col :span="4">
          <el-form-item label="Bank Charges">
          </el-form-item>
        </c-col>

      </c-col>

      <c-col :span="24">
        <c-select v-model="model.bodgrp.rec.wairmtcod" style="width:100%" placeholder="请选择Waive Remitting Bank Charges"
          :code="codes.wairmtcod">
        </c-select>
      </c-col> -->
      <c-col :span="24" style="width:100%">
        <el-form-item label="Defer Payment until" prop="bodgrp.rec.othins" style="padding-top:15px">

          <c-select v-model="model.bodgrp.rec.othins" style="width:100%" placeholder="请选择Defer Payment until"
            :code="codes.othins">
          </c-select>
        </el-form-item>
      </c-col>
      <!-- <c-col :span="24">
        <el-form-item label="Defer Payment until">
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-select v-model="model.bodgrp.rec.othins" style="width:100%" placeholder="请选择Defer Payment until"
          :code="codes.othins">
        </c-select>
      </c-col> -->
      <c-col :span="12">
        <el-form-item label="less comm" prop="bodgrp.cbs.opn1.cur" style="padding-top:15px">

          <c-select v-model="model.bodgrp.cbs.opn1.cur" style="width:100%" placeholder="请选择Document Amount"
            :disabled="true" :code="codes.cur">
          </c-select>

        </el-form-item>
      </c-col>
      <c-col :span="12">
        <c-input style="padding-top:15px" v-model="model.bodgrp.rec.lescom" placeholder="请输入Document Amount"></c-input>
      </c-col>
      <!-- <c-col :span="24">
        <el-form-item label="less comm">
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <c-select v-model="model.bodgrp.cbs.opn1.cur" style="width: %" placeholder="请选择Document Amount"
            :code="codes.cur">
          </c-select>
        </c-col>
        <c-col :span="12">
          <c-input v-model="model.bodgrp.rec.lescom" placeholder="请输入Warehouse/Insurance"></c-input>
        </c-col>
      </c-col> -->

    </c-col>
  </c-row>
</template>
<script>
  import Api from "~/service/Api"
  import commonProcess from "~/mixin/commonProcess";
  import CodeTable from "~/config/CodeTable"
  import Event from "~/model/Botdav/Event"

  export default {
    inject: ['root'],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
      return {

      }
    },
    methods: { ...Event },
    created: function () {

    },
    computed: {
      colinsflg: {
        get() {
          return this.model.bodgrp.blk.colinsflg === "X";
        },
        set(val) {
          this.model.bodgrp.blk.colinsflg = val ? "X" : "";
        },
      },
    }
  }

</script>
<style>
</style>