Detp.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.bcdgrp.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="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.bcdgrp.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" prop="bcdgrp.rec.proins">
                
          </el-form-item>
        </c-col>
		<c-col :span="20" >
         <c-select v-model="model.bcdgrp.rec.proins" style="width:100%" placeholder="请选择Protest Instructions">
              </c-select> <el-option
              v-for="item in codes.proins"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            > </el-option>
		</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.bcdgrp.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="14">
        <c-col :span="4">
        <el-form-item label="Good's Code">
        </el-form-item>
        </c-col>
        <c-col :span="4">
        <el-form-item label="(for Statistics)">
        </el-form-item>
        </c-col>
        </c-col>		
        <c-col :span="20" >
		  <c-select v-model="model.bcdgrp.rec.stagod" style="width:100%" placeholder="请选择Good's Code (for Statistics">
          </c-select>
		 <el-option
              v-for="item in codes.godcod"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
		
		</c-col>
	
	
 </c-col> 
 <!-- ====================右边======================= -->
     <c-col :span="10">   

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

        <c-col :span="24">
            <c-select v-model="model.bcdgrp.rec.chato" style="width:100%" placeholder="请选择Our Charges to">
              </c-select><el-option
              v-for="item in codes.chadet"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
       </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.bcdgrp.blk.chgtxt" maxlength="35" show-word-limit placeholder="请输入Charges Text" ></c-input>
        </c-col>
                     
       <c-col :span="24">
	    <c-checkbox v-model="model.bcdgrp.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.bcdgrp.rec.waicolcod" style="width:100%" placeholder="请选择Waive Collecting Bank Charges">
              </c-select>
       </c-col>
    
       <c-col :span="24">                            
       <c-col :span="5">
        <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.bcdgrp.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.bcdgrp.rec.othins" style="width:100%" placeholder="请选择Defer Payment until">
              </c-select>
       </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/Bctset/Event"

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

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

    }
}
</script>
<style>

</style>