<template>
  <div class="eibs-tab">
    <c-content :height="300">
    <c-row>
        <!--------------------顶部----------------------->
        <c-col :span="24">
            <!--------------------顶部=左----------------------->
            <c-col :span="12">
                            
                <c-col :span="20">
                    <c-form-item label="父交易参考号" prop="trdgrp.rec.pntref">
                        <c-input  v-model="model.trdgrp.rec.pntref" maxlength="16" :disabled="true" :placeholder="$t('other.please_enter')+$t('trtp0.SF000049')"></c-input>
                    </c-form-item>
                </c-col>

                <c-col :span="4">
                <el-form-item label="" label-width="15px">
                    <c-button size="small" type="primary;width:10%" @click="onSeainf">
                        i
                    </c-button>
                </el-form-item>
            </c-col>

                <c-col :span="20">
                    <c-form-item label="参考号" prop="trdgrp.rec.ownref">
                        <c-input  v-model="model.trdgrp.rec.ownref" maxlength="16" :disabled="true" :placeholder="$t('other.please_enter')+$t('trtp0.S0000077')"></c-input>
                    </c-form-item>
                </c-col>

                <c-col :span="4">
                    <el-form-item label="" label-width="15px">
                        <c-button size="small" type="primary;width:10%" @click="onSeainf">
                            i
                        </c-button>
                    </el-form-item>
                </c-col>
                            
                <c-col :span="24">
                    <c-form-item label="融资比例" prop="trdgrp.rec.pctfin">
                        <c-input  
                        v-model="model.trdgrp.rec.pctfin" 
                        :disabled="true" 
                        :placeholder="$t('other.please_enter')+$t('trtp0.SF000050')"
                        style="width: 96%"></c-input>%
                    </c-form-item>
                </c-col>
                            
                <c-col :span="24">
                    <el-form-item label="融资金额" prop="trdgrp.cbs.max.cur">
                        <c-fullbox>
                            <c-select v-model="model.trdgrp.cbs.max.cur" style="width: 25%" :disabled="true" placeholder="请选择币种">
                            </c-select>
                            <c-input  v-model="model.trdgrp.cbs.max.amt" style="width: 75%" :disabled="true" placeholder="请输入金额"></c-input>
                        </c-fullbox>
                    </el-form-item>
                </c-col>

                <!-- <c-col :span="16">
                    <c-form-item label="" prop="trdgrp.cbs.max.amt">
                        
                    </c-form-item>
                </c-col> -->

                            
                <c-col :span="24">
                    <c-form-item label="余额" prop="trdgrp.cbs.opn1.cur">
                        <c-fullbox>
                            <c-input  v-model="model.trdgrp.cbs.opn1.cur" maxlength="3" :disabled="true" style="width: 25%" :placeholder="$t('other.please_enter')+$t('trtp0.SF000051')"></c-input>
                            <c-input  v-model="model.trdgrp.cbs.opn1.amt" :disabled="true" style="width: 75%" :placeholder="$t('other.please_enter')+'Balance'"></c-input>
                        </c-fullbox>
                    </c-form-item>
                </c-col>
                <!-- <c-col :span="24">
                    <c-form-item label="Balance" prop="trdgrp.cbs.opn1.amt">
                        
                    </c-form-item>
                </c-col>-->

                <c-col :span="12">
                    <el-form-item label="起息日期" prop="trdgrp.rec.stttendat">
                        <c-date-picker type="date"  v-model="model.trdgrp.rec.stttendat" style="width:100%" :disabled="true" :placeholder="$t('other.please_enter')+$t('trtp0.SF000052')"></c-date-picker>
                    </el-form-item>
                </c-col>
                            
                <c-col :span="12">
                    <el-form-item label="到期日期" prop="trdgrp.rec.matdat">
                        <c-date-picker type="date"  v-model="model.trdgrp.rec.matdat" style="width:100%" :disabled="true" :placeholder="$t('other.please_enter')+'Maturity Date'"></c-date-picker>
                    </el-form-item>
                </c-col>
            </c-col>
            
            
            <c-col :span="12">
                <!--------------------顶部=右----------------------->
                            
                <c-col :span="24">
                    <c-form-item label="Name" prop="trdgrp.rec.pntnam">
                        <c-input  v-model="model.trdgrp.rec.pntnam" maxlength="40" :disabled="true" :placeholder="$t('other.please_enter')+$t('trtp0.SF000059')"></c-input>
                    </c-form-item>
                </c-col>
                            
                <c-col :span="24">
                    <c-form-item label="Name" prop="trdgrp.rec.nam">
                        <c-input  v-model="model.trdgrp.rec.nam" maxlength="40" :disabled="true" :placeholder="$t('other.please_enter')+$t('trtp0.SF000068')"></c-input>
                    </c-form-item>
                </c-col>
                            
                <c-col :span="24">
                    <c-form-item label="融资客户" prop="trdgrp.fip.pts.ref">
                        <c-input  v-model="model.trdgrp.fip.pts.ref" maxlength="16" :disabled="true" :placeholder="$t('other.please_enter')+$t('trtp0.SF000062')"></c-input>
                    </c-form-item>
                </c-col>

                <c-col :span="24">
                    <c-form-item label="Name of Party" prop="trdgrp.fip.pts.nam">
                        <c-input  v-model="model.trdgrp.fip.pts.nam" maxlength="40" :disabled="true" :placeholder="$t('other.please_enter')+'Name of Party'"></c-input>
                    </c-form-item>
                </c-col>
                            
                <c-col :span="24">
                    <c-form-item label="融资品种" prop="trdgrp.rec.fintyp">
                        <c-input  v-model="model.trdgrp.rec.fintyp" maxlength="3" :disabled="true" :placeholder="$t('other.please_enter')+$t('trtp0.SF000063')"></c-input>
                    </c-form-item>
                </c-col>
                            
                <c-col :span="24">
                    <c-form-item label="融资账号" prop="trdgrp.rec.finact">
                        <c-input  v-model="model.trdgrp.rec.finact" maxlength="21" :disabled="true" :placeholder="$t('other.please_enter')+'Finance Account'"></c-input>
                    </c-form-item>
                </c-col>
            </c-col>
        </c-col>


        <!--=================中部-左=================  -->
        <c-col :span="12">
            <c-col :span="24">
                <el-form-item label="修改类型" prop="ametyp">
                    <c-select v-model="model.ametyp" style="width:100%" :placeholder="$t('other.please_enter')+'Amendment Type'">
                        <el-option v-for="item in codes.ametyp" :key="item.value" :label="item.label" :value="item.value"></el-option>
                    </c-select>
                </el-form-item>
            </c-col>
                        
            <c-col :span="24">
                <c-form-item label="借据号" prop="trtmod.finmod.fincod">
                    <c-input  v-model="model.trtmod.finmod.fincod" maxlength="17" :disabled="true" :placeholder="$t('other.please_enter')+'借据号'"></c-input>
                </c-form-item>
            </c-col>
                        
            <c-col :span="24">
                <el-form-item label="计息周期" prop="trtmod.finmod.intprd">
                    <c-select v-model="model.trtmod.finmod.intprd" style="width:100%" :placeholder="$t('other.please_enter')+'计息周期'">
                        <el-option v-for="item in codes.intprd" :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="基准利率规则" prop="trtmod.finmod.dinmod.jzllgz">
                    <c-select v-model="model.trtmod.finmod.dinmod.jzllgz" style="width:100%" :placeholder="$t('other.please_enter')+'基准利率规则'">
                        <el-option v-for="item in codes.jzllgz" :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="利率调整方式" prop="trtmod.finmod.ratchgtyp">
                    <c-select v-model="model.trtmod.finmod.ratchgtyp" style="width:100%" :placeholder="$t('other.please_enter')+'利率调'">
                        <el-option v-for="item in codes.ratchgtyp" :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="新到期日" prop="newmatdat">
                    <c-date-picker type="date"  v-model="model.newmatdat" style="width:100%"  :placeholder="$t('other.please_enter')+'New Due Date'"></c-date-picker>
                </el-form-item>
            </c-col>
                        
            <c-col :span="24">
                <c-form-item label="基准利率" prop="trdgrp.rec.intrat">
                    <c-input  v-model="model.trdgrp.rec.intrat" :disabled="true" :placeholder="$t('other.please_enter')+'Margin Spread applied to Interest Rate'"></c-input>
                </c-form-item>
            </c-col>
                        
            <c-col :span="24">
                <el-form-item label="市场LPR期限品种" prop="trdgrp.rec.lprtyp">
                    <c-select v-model="model.trdgrp.rec.lprtyp" style="width:100%" placeholder="请选择LPR期限品种">
                        <el-option v-for="item in codes.lprtyp" :key="item.value" :label="item.label" :value="item.value"></el-option>
                    </c-select>
                </el-form-item>
            </c-col>
                        
            <c-col :span="24">
                <c-form-item label="正常执行利率" prop="trdgrp.rec.actrat">
                    <c-input  v-model="model.trdgrp.rec.actrat"  :placeholder="$t('other.please_enter')+'actural rate'"></c-input>
                </c-form-item>
            </c-col>
                        
            <c-col :span="24">
                <el-form-item label="第一还款账号" prop="trtmod.finmod.act1">
                    <c-select v-model="model.trtmod.finmod.act1" style="width:100%" :placeholder="$t('other.please_enter')+'第一还款账号'">
                        <el-option v-for="item in codes.act1" :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-col :span="24">
                <c-form-item label="融资账号" prop="trdgrp.rec.finact">
                    <c-input  v-model="model.trdgrp.rec.finact" maxlength="21" :disabled="true" :placeholder="$t('other.please_enter')+'Finance Account'"></c-input>
                </c-form-item>
            </c-col>
                        
            <c-col :span="12">
                <c-form-item label="计息日期" prop="trtmod.finmod.intdat">
                    <c-input  v-model="model.trtmod.finmod.intdat" maxlength="2"  :placeholder="$t('other.please_enter')+'计息日期'"></c-input>
                </c-form-item>
            </c-col>
                        
            <c-col :span="12">
                <c-checkbox v-model="model.trtmod.finmod.wjdkfl">是否到期主动扣收款</c-checkbox>
            </c-col>
                        
            <c-col :span="12">
                <el-form-item label="利率调整周期" prop="trtmod.finmod.ratchgprd">
                    <c-select v-model="model.trtmod.finmod.ratchgprd" style="width:100%" :placeholder="$t('other.please_enter')+'利率调整周期'">
                        <el-option v-for="item in codes.ratchgprd" :key="item.value" :label="item.label" :value="item.value"></el-option>
                    </c-select>
                </el-form-item>
            </c-col>
                        
            <c-col :span="12">
                <c-form-item label="利率调整月日数" prop="trtmod.finmod.ratchgdat">
                    <c-input  v-model="model.trtmod.finmod.ratchgdat" maxlength="4"  :placeholder="$t('other.please_enter')+'利率调整月日数'"></c-input>
                </c-form-item>
            </c-col>
                        
            <c-col :span="12">
                <c-form-item label="融资天数" prop="trdgrp.rec.tenday">
                    <c-input  v-model="model.trdgrp.rec.tenday" :disabled="true" :placeholder="$t('other.please_enter')+$t('trtame.S0000066')"></c-input>
                </c-form-item>
            </c-col>

            <c-col :span="12">
                <c-form-item label="宽限期" prop="trtmod.finmod.graday">
                    <c-input  v-model="model.trtmod.finmod.graday" :disabled="true" :placeholder="$t('other.please_enter')+'宽限期'"></c-input>
                </c-form-item>
            </c-col>
                        
            <c-col :span="12">
                <el-form-item label="浮动方式" prop="trtmod.finmod.flttyp">
                    <c-select v-model="model.trtmod.finmod.flttyp" style="width:100%" placeholder="请选择浮动方式">
                        <el-option v-for="item in codes.fintyp" :key="item.value" :label="item.label" :value="item.value"></el-option>
                    </c-select>
                </el-form-item>
            </c-col>
                        
            <c-col :span="12">
                <c-form-item label="浮动值" prop="trtmod.finmod.fltval">
                    <c-input  v-model="model.trtmod.finmod.fltval"  placeholder="请输入浮动值"></c-input>
                </c-form-item>
            </c-col>
                        
                <c-col :span="12">
                    <span  v-text="model.trtmod.finmod.pctlab"   data-path=".trtmod.finmod.pctlab" > </span>
                </c-col>
            
                        
            <c-col :span="12">
                <el-form-item label="逾期计息方式" prop="trtmod.finmod.ovdinttyp">
                    <c-select v-model="model.trtmod.finmod.ovdinttyp" style="width:100%" :placeholder="$t('other.please_enter')+'呆滞计息方式'">
                        <el-option v-for="item in codes.ovdinttyp" :key="item.value" :label="item.label" :value="item.value"></el-option>
                    </c-select>
                </el-form-item>
            </c-col>
                        
            <c-col :span="12">
                <c-form-item label="罚息比率" prop="trtmod.finmod.ovdintrat">
                    <c-input  v-model="model.trtmod.finmod.ovdintrat"  :placeholder="$t('other.please_enter')+'罚息比率'"></c-input>%
                </c-form-item>
            </c-col>
                        
            <c-col :span="24">
                <el-form-item label="第三还款方式" prop="trtmod.finmod.acttyp">
                    <c-select v-model="model.trtmod.finmod.acttyp" style="width:100%" :placeholder="$t('other.please_enter')+$t('trtame.S0000064')">
                        <el-option v-for="item in codes.acttyp" :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="第三方还款账号" prop="trtmod.finmod.act3">
                    <c-select v-model="model.trtmod.finmod.act3" style="width:100%" :placeholder="$t('other.please_enter')+'第三方还款'">
                        <el-option v-for="item in codes.act3" :key="item.value" :label="item.label" :value="item.value"></el-option>
                    </c-select>
                </el-form-item>
            </c-col>
        </c-col>
    </c-row>
    </c-content>
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Trtame/Event"

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

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

    }
}
</script>
<style>

</style>