Detp.vue

<template>
    <c-row>
        <!-- ====================左边======================= -->
        <c-col :span="11">
            <c-col :span="24">
                <c-col :span="20">
                    <el-form-item label="Delivery of Documents Instructions" prop="bcdgrp.blk.colins">
                        <c-input 
                        :rows="4"
                        type="textarea" v-model="model.bcdgrp.blk.colins" maxlength="165" show-word-limit
                            placeholder="请输入Delivery of Documents Instructions"></c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="4">
                    <c-button size="small" type="primary" icon="el-icon-search" 
                    @click="showGridPromptDialog('bctp.colins.buttxmsel', null, null,{TXT: 'bcdgrp.blk.colins'}, {TXT: false},'doxpDialog')"

                    >
                    </c-button>
                </c-col>
            </c-col>
            <c-col :span="24">
                <c-col :span="20">
                    <el-form-item label="Draft Instructions" prop="bcdgrp.blk.dftins">
                        <c-input 
                        :rows="4"
                        type="textarea" v-model="model.bcdgrp.blk.dftins" maxlength="165" show-word-limit
                            placeholder="请输入Draft Instructions"></c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="4">
                    <c-button 
                    
                    size="small" type="primary" icon="el-icon-search" 
                    @click="showGridPromptDialog('bctp.dftins.buttxmsel', null, null,{TXT: 'bcdgrp.blk.dftins'}, {TXT: false},'doxpDialog')"
                    >
                    </c-button>
                </c-col>
            </c-col>
            <c-col :span="24">
                <el-form-item label="Protest Instructions" prop="bcdgrp.rec.proins">
                    <c-select v-model="model.bcdgrp.rec.proins" style="width:50%" placeholder="请选择Protest Instructions">
                        <el-option v-for="item in codes.proins" :key="item.value" :label="item.label"
                            :value="item.value">
                        </el-option>
                    </c-select>
                </el-form-item>
            </c-col>
            <c-col :span="20">
                <el-form-item label="Other Instructions" prop="bcdgrp.blk.othins">
                    <c-input 
                    :rows="4"
                    type="textarea" v-model="model.bcdgrp.blk.othins" maxlength="65" show-word-limit
                        placeholder="请输入Other Instructions">
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="4">
                <c-button size="small" type="primary" icon="el-icon-search" 
                @click="showGridPromptDialog('bctp.othins.buttxmsel', null, null,{TXT: 'bcdgrp.blk.othins'}, {TXT: false},'doxpDialog')"
                >
                </c-button>
            </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" style="width:50%"
                        placeholder="请选择Good's Code (for Statistics)">
                        <el-option v-for="item in codes.godcod" :key="item.value" :label="item.label"
                            :value="item.value">
                        </el-option>
                    </c-select>
                </el-form-item>
            </c-col>
        </c-col>
        <!-- ====================右边======================= -->
        <c-col :span="11" :offset="1">
            <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" style="width:50%" placeholder="请输入Charges Condition">
                            <el-option v-for="item in codes.chadet" :key="item.value" :label="item.label"
                                :value="item.value">
                            </el-option>
                        </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 
                    :rows="4"
                    type="textarea" v-model="model.bcdgrp.blk.chgtxt" maxlength="35" style="width:76%"
                        show-word-limit placeholder="请输入Charges Text"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item label="" style="text-align: left" prop="bcdgrp.rec.focflg">
                    <c-checkbox v-model="model.bcdgrp.rec.focflg">Free of Payment</c-checkbox>
                </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" style="width:50%"
                        placeholder="请选择Waive Collecting Bank Charges">
                        <el-option v-for="item in codes.waicod" :key="item.value" :label="item.label"
                            :value="item.value">
                        </el-option>
                    </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" style="width:50%"
                        placeholder="请选择Waive Remitting Bank Charges">
                        <el-option v-for="item in codes.waicod" :key="item.value" :label="item.label"
                            :value="item.value">
                        </el-option>
                    </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" style="width:50%" placeholder="请选择Defer Payment until">
                        <el-option v-for="item in codes.bcothi" :key="item.value" :label="item.label"
                            :value="item.value">
                        </el-option>
                    </c-select>
                </el-form-item>
            </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/Bctame/Event"

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

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

        }
    }
</script>
<style>

</style>