Inst.vue

<template>
  <c-row>
   <!-- ====================左边======================= -->
     <c-col :span="14">
        <c-col :span="24">
        <c-col :span="4">
        <el-form-item label="Delivery of Documents ">
        </el-form-item>
        </c-col>
        <c-col :span="12">
        <el-form-item label=" Instructions">
        </el-form-item>
        </c-col>
        </c-col>

       <c-col :span="24">
       <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>

        <c-col :span="24">
	    <c-checkbox v-model="model.bodgrp.blk.colinsflg">Collection instructions modified</c-checkbox>
       </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="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="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="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> 
 <!-- ====================右边======================= -->
     <c-col :span="10">   

       <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">
              </c-select>
       </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="24">
	    <c-checkbox v-model="model.bodgrp.rec.focflg">Free of Payment</c-checkbox>
       </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">
              </c-select>
       </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">
              </c-select>
       </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">
              </c-select>
       </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">
              </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(){

    }
}
</script>
<style>

</style>