<template>
    <div class="eibs-tab">

        <!-- 前面部分,分为两栏 -->
        <c-col :span="24" >

            <!-- 左侧部分 -->
            <c-col :span="12" style="padding-right: 20px;">

                <!-- SF000278 : Available with -->

                <c-col :span="24">
                    <el-form-item :label="$t('Available with ')" prop="ltdgrp.rec.avbwth">
                        <c-select v-model="model.ltdgrp.rec.avbwth" style="width:100%"
                                  dbCode="AVBWTH"
                        >
                        </c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="Available in" prop="ltdgrp.blk.avbwthtxt">
                        <c-input type="textarea" v-model="model.ltdgrp.blk.avbwthtxt" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Available in'" ></c-input>
                    </el-form-item>
                </c-col>

                <!-- SF000277 : Available by -->

                <c-col :span="12">
                    <el-form-item :label="$t('Available by ')" prop="ltdgrp.rec.avbby">
                        <c-select v-model="model.ltdgrp.rec.avbby" style="width:100%"
                                  dbCode="AVBBY0"
                        >
                        </c-select>
                    </el-form-item>
                </c-col>


                <c-col :span="24">
                    <el-form-item label="Negotiation/Deferred Payment Details" prop="ltdgrp.blk.defdet">
                        <c-mul-row-input :isRequired="false" :autosize="{ minRows: 4, maxRows: 4}" :charmod="2"
                                         :cols="35" :rows="4" placeholder="" v-model="model.ltdgrp.blk.defdet">
                        </c-mul-row-input>
                    </el-form-item>
                </c-col>

                <!-- SF000279 : Drafts at -->

                <c-col :span="24">
                    <el-form-item :label="$t('Drafts at ')" prop="ltdgrp.blk.dftat">
                        <c-input type="textarea" v-model="model.ltdgrp.blk.dftat" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+$t('Drafts at ')" ></c-input>
                    </el-form-item>
                </c-col>
                <!-- SF000272 : Drawee -->
                <c-col :span="24">
                    <c-ptap
                            :model="model"
                            :disabled="true"
                            :isAdrblk="true"
                            :argadr="{ title: ('Drawee'), grp: 'ltdgrp', rol: 'drw'}"
                            :ptytyp="'B'"
                     :isLabel120="false"></c-ptap>
                </c-col>



            </c-col>


            <!-- 右侧部分 -->
            <c-col :span="12" style="padding-left: 20px">
                <!-- SF000274 : Mixed Payment Details -->

                <c-col :span="24">
                    <el-form-item label="Mixed Payment Details" prop="ltdgrp.blk.mixdet">
                        <c-input type="textarea" v-model="model.ltdgrp.blk.mixdet" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Mixed Payment Details'" ></c-input>
                    </el-form-item>
                </c-col>


                <!-- SF000280 : Presentation Period -->

                <c-col :span="24">
                    <c-col :span="20">
                        <el-form-item label="Presentation Period" prop="ltdgrp.blk.preper">
                            <c-input type="textarea" v-model="model.ltdgrp.blk.preper" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Presentation Period'" ></c-input>
                        </el-form-item>
                    </c-col>

                    <c-col :span="4">
                        <c-button size="small" type="primary" icon="el-icon-search" >
                            {{('...')}}
                        </c-button>
                    </c-col>

                </c-col>

                <c-col :span="24">
                    <el-form-item label="Presentation period text" prop="ltdgrp.rec.prepertxts18">
                        <c-input  v-model="model.ltdgrp.rec.prepertxts18" maxlength="35"  :placeholder="$t('other.please_enter')+'Presentation period text'"></c-input>
                    </el-form-item>
                </c-col>
<!--                <c-col :span="24">
                    <el-form-item label="Days of presentation period" prop="ltdgrp.rec.prepers18">
                        <c-input  v-model="model.ltdgrp.rec.prepers18"  :placeholder="$t('other.please_enter')+'Days of presentation period'"></c-input>
                    </el-form-item>
                </c-col>-->


                <c-col :span="24">
                    <el-form-item prop="ltdgrp.blk.preperflg" class="checkbox-left">
                        <c-checkbox v-model="model.ltdgrp.blk.preperflg">{{('Presentation Period modified')}}
                        </c-checkbox>
                    </el-form-item>
                </c-col>
<!--

                <c-col :span="24">
                    <span  v-text="model.lttp.labdefdet"   data-path=".lttp.labdefdet" > </span>
                </c-col>-->

                <c-col :span="24">
                    <c-col :span="20">
                        <el-form-item :label="$t('Details of Charges')" prop="ltdgrp.blk.feetxt">
                            <c-mul-row-input :isRequired="false" :autosize="{ minRows:3, maxRows: 3}" :charmod="2"
                                             :cols="34" :rows="3" disabled placeholder="" v-model="model.ltdgrp.blk.feetxt">
                            </c-mul-row-input>
                        </el-form-item>
                    </c-col>

                    <c-col :span="4">
                        <c-button size="small" type="primary" icon="el-icon-search" >
                            {{('...')}}
                        </c-button>
                    </c-col>
                </c-col>

                <!-- Charges Condition -->
                <c-col :span="24">
                    <el-form-item label="Charges Condition" prop="ltdgrp.rec.chato">
                        <c-select v-model="model.ltdgrp.rec.chato" style="width:100%"
                                  dbCode="CHADET">
                        </c-select>
                    </el-form-item>
                </c-col>

                <!-- SF000281 : Country Code -->
                <c-col :span="24">
                    <el-form-item label="Country Code Risk Country" prop="ltdgrp.rec.stacty">
                        <c-select v-model="model.ltdgrp.rec.stacty" style="width:100%"
                                  dbCode="CTYTXT">
                        </c-select>
                    </el-form-item>
                </c-col>


            </c-col>

        </c-col>

        <!-- 后面部分都是分别为单行 -->
        <c-col :span="24" >

            <!-- SF000361 : Dispatch from -->

            <c-col :span="12" style="padding-right: 20px;">
                <el-form-item :label="$t('Dispatch from')" prop="ltdgrp.rec.shpfro">
                    <c-input  v-model="model.ltdgrp.rec.shpfro" maxlength="65"  :placeholder="$t('other.please_enter')+$t('Dispatch from')"></c-input>
                </el-form-item>
            </c-col>
            <!-- S0000369 : tenor  days -->

            <c-col :span="12" style="padding-left: 20px">
                <el-form-item label="Maximum tenor in days" prop="ltdgrp.rec.tenmaxday">
                    <c-input  v-model="model.ltdgrp.rec.tenmaxday"  :placeholder="$t('other.please_enter')+'Maximum tenor in days'"></c-input>
                </el-form-item>
            </c-col>

        </c-col>

                 <!-- SF000362 : Air-/Port of Departure -->

        <c-col :span="24" >
        <el-form-item :label="$t('Air-/Port of Departure')" prop="ltdgrp.rec.porloa">
            <c-input  v-model="model.ltdgrp.rec.porloa" maxlength="65"  :placeholder="$t('other.please_enter')+$t('Air-/Port of Departure')"></c-input>
        </el-form-item>
       </c-col>
                 <!-- SF000363 : Air-/Port of Destination -->

        <c-col :span="24" >
        <el-form-item :label="$t('Air-/Port of Destination')" prop="ltdgrp.rec.pordis">
            <c-input  v-model="model.ltdgrp.rec.pordis" maxlength="65"  :placeholder="$t('other.please_enter')+$t('Air-/Port of Destination')"></c-input>
        </el-form-item>
       </c-col>
                 <!-- SF000364 : Final Destination -->

        <c-col :span="24">
        <el-form-item :label="$t('Final Destination')" prop="ltdgrp.rec.shpto">
            <c-input  v-model="model.ltdgrp.rec.shpto" maxlength="65"  :placeholder="$t('other.please_enter')+$t('Final Destination')"></c-input>
        </el-form-item>
       </c-col>
                 <!-- SF000275 : Shipment Period -->

        <c-col :span="24">
        <el-form-item :label="$t('Shipment Period')" prop="ltdgrp.blk.shpper">
            <c-input type="textarea" v-model="model.ltdgrp.blk.shpper" maxlength="65" show-word-limit :placeholder="$t('other.please_enter')+$t('Shipment Period')" ></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 "../event"

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

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

    }
}
</script>
<style>

</style>