<template>
    <div class="eibs-tab">
        <c-col :span="24">
            <c-col :span="12">
                <el-form-item label="Delivery of Documents Instructions" prop="bodgrp.blk.colins">
                    <c-fullbox>
                        <c-input type="textarea" v-model="model.bodgrp.blk.colins" maxlength="65" show-word-limit
                            placeholder="请输入Collection Instructions"></c-input>
                        <template slot="footer">
                            <c-button size="small" type="primary">
                                ...
                            </c-button>
                        </template>
                    </c-fullbox>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="Charges Condition" prop="bodgrp.rec.chato">
                    <c-select v-model="model.bodgrp.rec.chato" style="width:100%" placeholder="请选择Our Charges to">
                        <el-option v-for="item in codes.chato" :key="item.value" :label="item.label"
                            :value="item.value">
                        </el-option>
                    </c-select>
                </el-form-item>
            </c-col>
        </c-col>

        <c-col :span="24">
            <c-col :span="12">
                <el-form-item label="" prop="bodgrp.blk.colinsflg">
                    <c-checkbox v-model="model.bodgrp.blk.colinsflg">Delivery Of Document Instructions modified</c-checkbox>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="Charges Text" prop="bodgrp.blk.chgtxt">
                    <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>


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

        <c-col :span="24">
            <c-col :span="12">
                <el-form-item label="Draft Instructions" prop="bodgrp.blk.dftins">
                    <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">
                                ...
                            </c-button>
                        </template>
                    </c-fullbox>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="" prop="bodgrp.blk.colinsflg">
                    <c-checkbox v-model="model.bodgrp.rec.focflg">Free of Payment</c-checkbox>
                </el-form-item>
            </c-col>

        </c-col>


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

        <c-col :span="24">
            <c-col :span="12">
                <el-form-item label="Protest Instructions" prop="bodgrp.blk.proins">
                    <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">
                                ...
                            </c-button>
                        </template>
                    </c-fullbox>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="Waive Collecting Bank Charges" prop="bodgrp.rec.waicolcod">
                    <c-select v-model="model.bodgrp.rec.waicolcod" style="width:100%"
                        placeholder="请选择Waive Remitting Bank Charges">
                        <el-option v-for="item in codes.waicolcod" :key="item.value" :label="item.label"
                            :value="item.value">
                        </el-option>
                    </c-select>
                </el-form-item>
                <el-form-item label="Waive Remitting Bank Charges" prop="bodgrp.rec.wairmtcod">
                    <c-select v-model="model.bodgrp.rec.wairmtcod" style="width:100%"
                        placeholder="请选择Waive Remitting Bank Charges">
                        <el-option v-for="item in codes.wairmtcod" :key="item.value" :label="item.label"
                            :value="item.value">
                        </el-option>
                    </c-select>
                </el-form-item>
            </c-col>
        </c-col>
        <!-- <c-col :span="12">
            <el-form-item label="Protest Instructions" prop="bodgrp.rec.waicolcod">
                <c-select v-model="model.bodgrp.rec.waicolcod" style="width:100%" placeholder="请选择Protest Instructions">
                </c-select>
            </el-form-item>
        </c-col> -->
        <!-- <c-col :span="12">
            <c-button size="small" type="primary" icon="el-icon-search" @click="onProinsButtxmsel">
                ...
            </c-button>
        </c-col> -->
        <c-col :span="24">
            <c-col :span="12">
                <el-form-item label="Other Instructions" prop="bodgrp.blk.othins">
                    <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">
                                ...
                            </c-button>
                        </template>
                    </c-fullbox>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="Defer Payment until" prop="bodgrp.rec.othins">
                    <c-select v-model="model.bodgrp.rec.othins" style="width:100%" placeholder="请选择Defer Payment until">
                        <el-option v-for="item in codes.othins" :key="item.value" :label="item.label"
                            :value="item.value">
                        </el-option>
                    </c-select>
                </el-form-item>
            </c-col>
        </c-col>

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


        <c-col :span="24">
            <c-col :span="12">
                <el-form-item label="Warehouse/Insurance Instructions " prop="bodgrp.blk.delins">
                    <c-fullbox>
                        <c-input type="textarea" v-model="model.bodgrp.blk.delins" maxlength="65" show-word-limit
                            placeholder="请输入Warehouse/Insurance Instructions "></c-input>
                        <template slot="footer">
                            <c-button size="small" type="primary">
                                ...
                            </c-button>
                        </template>
                    </c-fullbox>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <c-col :span="9">
                    <el-form-item label="less comm" prop="bodgrp.rec.lescom">
                        <c-select v-model="model.bodgrp.cbs.opn1.cur" style="width: %" placeholder="请选择Document Amount"
                            :disabled="true" :code="codes.cur">

                        </c-select>
                    </el-form-item>
                </c-col>
                <c-col :span="14" :offset="1">
                    <c-input v-model="model.bodgrp.rec.lescom" placeholder="请输入Warehouse/Insurance"></c-input>
                </c-col>
            </c-col>
        </c-col>
        <!-- <c-col :span="12">
            <c-button size="small" type="primary" icon="el-icon-search" @click="onWhinsButtxmsel">
                ...
            </c-button>
        </c-col> -->
    </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Botpay/Event"

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

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

    }
}
</script>
<style>
</style>
