Instrecp.vue

<template>
  <div class="eibs-tab">
       <c-col :span="24">
            <el-form-item label="汇票指示条款" prop="bodgrp.blk.dftins" label-width="180px">
                    <c-input type="textarea" :autosize="{ minRows: 4, maxRows: 6}"  
                    v-model="model.bodgrp.blk.dftins" style="width:70%;margin-right:20px;" 
                    maxlength="390" show-word-limit placeholder="请输入汇票指示条款" 
                    ></c-input>
            </el-form-item>
       </c-col> 


       <c-col :span="24">
            <el-form-item label="利息指示条款" prop="bodgrp.blk.intins" label-width="180px">
                    <c-input type="textarea" :autosize="{ minRows: 4, maxRows: 5}"  
                    v-model="model.bodgrp.blk.intins" style="width:70%;margin-right:20px;" 
                    maxlength="325" show-word-limit placeholder="请输入利息指示条款" 
                    ></c-input>
            </el-form-item>
       </c-col> 
       <c-col :span="18">
            <el-form-item label="结算条款" prop="bodgrp.blk.setinsbo" label-width="180px">
                    <c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}"  
                    v-model="model.bodgrp.blk.setinsbo" style="width:98%;margin-right:20px;" 
                    maxlength="390" show-word-limit placeholder="请输入结算条款" 
                    ></c-input>
            </el-form-item>
       </c-col>
       <c-col :span="6">
         <c-button size="small" type="primary" icon="el-icon-search" @click="showGridPromptDialog('botp.setins.buttxmsel', null, null,{TXT: 'bodgrp.blk.setinsbo'}, {TXT: false},'doxpDialog')">
            ...
       </c-button>
       </c-col> 
       <c-col :span="24">
            <el-form-item label="赋予代理行的权力" prop="bodgrp.blk.agtaut" label-width="180px">
                    <c-input type="textarea" :autosize="{ minRows: 6, maxRows: 6}"  
                    v-model="model.bodgrp.blk.agtaut" style="width:40%;margin-right:20px;" 
                    maxlength="210" show-word-limit placeholder="请输入赋予代理行的权力" 
                    ></c-input>
            </el-form-item>
       </c-col> 

       <c-col :span="24">
        <el-form-item label="货物的起运地" prop="bodgrp.rec.shpfro"  label-width="180px">
            <c-input  v-model="model.bodgrp.rec.shpfro"  style="width:40%;margin-right:20px;" 
            maxlength="40"  placeholder="请输入货物的起运地"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="24">
        <el-form-item label="货物的到达地" prop="bodgrp.rec.shpto"  label-width="180px">
            <c-input  v-model="model.bodgrp.rec.shpto" style="width:40%;margin-right:20px;"  
            maxlength="40"  placeholder="请输入货物的到达地"></c-input>
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <el-form-item label="装船日期" prop="bodgrp.rec.shpdat"  label-width="180px">
            <c-date-picker type="date"  v-model="model.bodgrp.rec.shpdat"  style="width:40%;margin-right:20px;" 
             placeholder="请选择装船日期"></c-date-picker>
        </el-form-item>
       </c-col>                                                    

       <c-col :span="24">
            <el-form-item label="货物描述" prop="bodgrp.blk.goddes" label-width="180px">
                    <c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}"  
                    v-model="model.bodgrp.blk.goddes" style="width:70%;margin-right:20px;" 
                    maxlength="325" show-word-limit placeholder="请输入货物描述" 
                    ></c-input>
            </el-form-item>
       </c-col> 
                                                        
  </div>
</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>