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

    <!--                         
       <c-col :span="12">
        <el-form-item label="Drag  Drop Sender" prop="trtp0.ledget.sdamod.dadsnd">
            <c-input  v-model="model.trtp0.ledget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </c-col>
       -->
        <c-col :span="24">
            <c-col :span="8">
                <el-form-item label="Parent Reference" prop="trdgrp.rec.pntref">
                    <c-input
                        v-model="model.trdgrp.rec.pntref"
                        maxlength="16"
                        placeholder="请输入父交易参考号"
                        disabled
                    ></c-input>
                </el-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="11">
                <el-form-item label="Name" prop="trdgrp.rec.pntnam">
                    <c-input
                        align="middle"
                        v-model="model.trdgrp.rec.pntnam"
                        maxlength="40"
                        disabled
                        placeholder="请输入Name"
                    ></c-input>
                </el-form-item>
            </c-col> 
            <c-col :span="8">
                <el-form-item label="Finance Reference" prop="trdgrp.rec.ownref">
                    <c-input
                        v-model="model.trdgrp.rec.ownref"
                        maxlength="16"
                        placeholder="请输入参考号"
                        disabled
                    ></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="4">
                <el-form-item label="" label-width="15px">
                    <c-button
                        size="small"
                        type="primary;width:10%"
                        @click="onTrdinf"
                        >i
                    </c-button>
                </el-form-item>
            </c-col> 
            <c-col :span="11">
                <el-form-item label="Name" prop="trdgrp.rec.nam">
                    <c-input
                        align="middle"
                        v-model="model.trdgrp.rec.nam"
                        maxlength="40"
                        disabled
                        placeholder="请输入Name"
                    ></c-input>
                </el-form-item>
            </c-col>            
        </c-col>                          
        <!--          
       <c-col :span="12">
        <el-form-item label="" prop="trtp0.bcdget.sdamod.seainf">
            <c-input  v-model="model.trtp0.bcdget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
       </c-col>
                         
       <c-col :span="12">
        <el-form-item label="Drag  Drop Sender" prop="trtp0.recget.sdamod.dadsnd">
            <c-input  v-model="model.trtp0.recget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </c-col>
        -->   

     <!-- ====================左边======================= -->
        <c-col :span="11">
            <c-col :span="24">
               <el-form-item label="Financing of" prop="trdgrp.rec.pctfin">
                <c-col :span="8">
                    <c-input v-model="model.trdgrp.rec.pctfin" disabled> </c-input>
                </c-col>
                <c-col :span="4" style="margin-left: 20px">
                    <span>%</span>
                </c-col>
               </el-form-item>
            </c-col>
           
            <c-col :span="12">
                <el-form-item label="Finance Amount" prop="trdgrp.cbs.max.cur">
                    <c-select
                        disabled
                        v-model="model.trdgrp.cbs.max.cur"
                        style="width: 100%"
                        placeholder="请选择币种"
                    >
                        <el-option
                            v-for="item in codes.cur"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                        >
                        </el-option>
                    </c-select>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item
                    style="text-align: left"
                    label-width="20px"
                    prop="trdgrp.cbs.max.amt"
                >
                    <c-input
                        v-model="model.trdgrp.cbs.max.amt"
                        style="text-align: left; width: 100%"
                        placeholder="请输入金额"
                        disabled
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="12">
                <el-form-item label="Finance Amount" prop="trdgrp.cbs.opn1.cur">
                    <c-select
                        disabled
                        v-model="model.trdgrp.cbs.opn1.cur"
                        style="width: 100%"
                        placeholder="请选择币种"
                    >
                        <el-option
                            v-for="item in codes.cur"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                        >
                        </el-option>
                    </c-select>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item
                    style="text-align: left"
                    label-width="20px"
                    prop="trdgrp.cbs.opn1.amt"
                >
                    <c-input
                        v-model="model.trdgrp.cbs.opn1.amt"
                        style="text-align: left; width: 100%"
                        placeholder="请输入金额"
                        disabled
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <c-col :span="13">
                <el-form-item label="Start Tenor Date"   prop="trdgrp.rec.stttendat">
                    <c-date-picker
                        type="date"
                        v-model="model.trdgrp.rec.stttendat"
                        style="width: 150px"
                        placeholder=" "
                        disabled
                    ></c-date-picker>
                </el-form-item>
                </c-col>
                <c-col :span="11">
                <el-form-item label="Due Date" label-width="100px" prop="trdgrp.rec.matdat">
                    <c-date-picker
                        type="date"
                        v-model="model.trdgrp.rec.matdat"
                        style="width: 150px"
                        placeholder=" "
                        disabled
                    ></c-date-picker>
                </el-form-item>
                </c-col>
            </c-col>
            <c-col>
                &nbsp;
                &nbsp;
            </c-col>            

        </c-col> 

<!-- ====================右边======================= -->
        <c-col :span="11" :offset="1">

            <c-col :span="16">
                <el-form-item
                    label="Finance Party   Ref."
                    prop="trdgrp.fip.pts.ref"
                >
                    <c-input
                        v-model="model.trdgrp.fip.pts.ref"
                        maxlength="16"
                        style="width: 100%"
                        placeholder="请输入融资客户参考号"
                        disabled
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="" prop="trdgrp.fip.pts.nam">
                    <c-input
                        id = "extkey"
                        v-model="model.trdgrp.fip.pts.nam"
                        maxlength="40"
                        placeholder="请输入External Key of Address"
                        disabled
                    ></c-input>
                </el-form-item>
            </c-col>                              
            
            <c-col :span="24">
                <el-form-item label="Finance Type" prop="trdgrp.rec.fintyp">
                    <c-select
                        v-model="model.trdgrp.rec.fintyp"
                        style="width: 100%"
                        disabled
                        placeholder="请选择融资品种"
                    >
                        <el-option
                            v-for="item in codes.trdfintyp"
                            :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="Finance Account"
                    prop="trdgrp.rec.finact"
                >
                    <c-input
                        v-model="model.trdgrp.rec.finact"
                        maxlength="21"
                        placeholder="请输入Finance Account"
                        disabled
                    ></c-input>
                </el-form-item>
            </c-col>                                       
            <c-col>
                &nbsp;
            </c-col> 
            <c-col>
                &nbsp;
            </c-col> 
       </c-col>

<!-- ====================左下======================= -->
        <c-col :span="10">
            <c-col :span="16">
                <el-form-item label="修改类型" prop="ametyp">
                    <c-select
                        v-model="model.ametyp"
                        style="width: 100%"
                        placeholder="请选择修改类型"
                    >
                        <el-option
                            v-for="item in ametypCode"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                        >
                        </el-option>
                    </c-select>
                </el-form-item>
            </c-col>


            <c-col :span="16">
                <el-form-item label="借据号" prop="trtmod.finmod.fincod">
                    <c-input
                        v-model="model.trtmod.finmod.fincod"
                        maxlength="17"
                        placeholder="请输入借据号"
                        disabled
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="16">
                <el-form-item label="计息周期" prop="trtmod.finmod.intprd">
                    <c-select
                        v-model="model.trtmod.finmod.intprd"
                        style="width: 100%"
                        placeholder="请选择计息周期"
                    >
                        <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="16">
                <el-form-item label="利率调整方式" prop="trtmod.finmod.ratchgtyp">
                    <c-select
                        v-model="model.trtmod.finmod.ratchgtyp"
                        style="width: 100%"
                        placeholder="请选择利率调整方式"
                    >
                        <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="13">
                <el-form-item label="新到期日"   prop="newmatdat">
                    <c-date-picker
                        type="date"
                        v-model="model.newmatdat"
                        style="width: 150px"
                        placeholder="请选择新到期日"
                    ></c-date-picker>
                </el-form-item>
            </c-col>

            <c-col :span="16">
                <el-form-item label="基准利率规则" prop="trtmod.finmod.dinmod.jzllgz">
                    <c-select
                        v-model="model.trtmod.finmod.dinmod.jzllgz"
                        style="width: 100%"
                        placeholder="请选择基准利率规则"
                    >
                        <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>

                                                    
       <c-col :span="12">
        <el-form-item label="Finance Account" prop="trdgrp.rec.finact">
            <c-input  v-model="model.trdgrp.rec.finact" maxlength="21"  placeholder="请输入Finance Account"></c-input>
        </el-form-item>
       </c-col>
                                   

                                   
       <c-col :span="12">
        <el-form-item label="计息日期" prop="trtmod.finmod.intdat">
            <c-input  v-model="model.trtmod.finmod.intdat" maxlength="2"  placeholder="请输入计息日期"></c-input>
        </el-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.ratchgdat">
            <c-input  v-model="model.trtmod.finmod.ratchgdat" maxlength="4"  placeholder="请输入利率调�'月日数"></c-input>
        </el-form-item>
       </c-col>
                                                                     

                                   
       <c-col :span="12">
        <el-form-item label="新到期日" prop="trdgrp.rec.tenday">
            <c-input  v-model="model.trdgrp.rec.tenday"  placeholder="请输入新到期日"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="宽限期" prop="trtmod.finmod.graday">
            <c-input  v-model="model.trtmod.finmod.graday"  placeholder="请输入宽限期"></c-input>
        </el-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="请选择浮动方式">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="浮动值" prop="trtmod.finmod.fltval">
            <c-input  v-model="model.trtmod.finmod.fltval"  placeholder="请输入浮动值"></c-input>
        </el-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="Margin Spread applied to Interest Rate" prop="trdgrp.rec.intrat">
            <c-input  v-model="model.trdgrp.rec.intrat"  placeholder="请输入Margin Spread applied to Interest Rate"></c-input>
        </el-form-item>
       </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="请选择呆滞计息方式">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="罚息比率" prop="trtmod.finmod.ovdintrat">
            <c-input  v-model="model.trtmod.finmod.ovdintrat"  placeholder="请输入罚息比率"></c-input>
        </el-form-item>
       </c-col>
                                                    
       <c-col :span="12">
        <el-form-item label="actural rate" prop="trdgrp.rec.actrat">
            <c-input  v-model="model.trdgrp.rec.actrat"  placeholder="请输入actural rate"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="正常执行利率" prop="trtmod.finmod.acttyp">
            <c-select v-model="model.trtmod.finmod.acttyp" style="width:100%" placeholder="请选择正常执行利率">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="第一还款�'�号" prop="trtmod.finmod.act1">
            <c-select v-model="model.trtmod.finmod.act1" style="width:100%" placeholder="请选择第一还款�'�号">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="第三方还款�'�号" prop="trtmod.finmod.act3">
            <c-select v-model="model.trtmod.finmod.act3" style="width:100%" placeholder="请选择第三方还款�'�号">
              </c-select>
        </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/Trtame/Event"

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

            ametypCode:[
                {value:"A",label:"融资信息修改"}
            ],

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

    }
}
</script>
<style>

</style>