Ovwp.vue

<template>
  <div class="eibs-tab">
    <c-content :height="300">
        <c-row>
            <c-col :span="24">
                <c-col :span="11">
                                
                    <c-col :span="24">
                        <c-form-item label="父交易参考号" prop="trdgrp.rec.pntref" >
                            <c-input  v-model="model.trdgrp.rec.pntref" maxlength="16" :disabled="true" placeholder="请输入父交易参考号"></c-input>
                        </c-form-item>
                    </c-col>
                                
                    <c-col :span="24">
                        <c-form-item label="参考号" prop="trdgrp.rec.ownref" >
                            <c-input  v-model="model.trdgrp.rec.ownref" maxlength="16" :disabled="true" placeholder="请输入参考号"></c-input>
                        </c-form-item>
                    </c-col>
                                
                    <c-col :span="24">
                        <c-form-item label="融资比例" prop="trdgrp.rec.pctfin" >
                            <c-fullbox>
                                <c-input  v-model="model.trdgrp.rec.pctfin" style="width: 96%" :disabled="true" placeholder="请输入融资比例" ></c-input>%
                            </c-fullbox>
                        </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: 30%" :disabled="true" >
                                </c-select>
                                <c-input  v-model="model.trdgrp.cbs.max.amt" style="width: 70%" :disabled="true" ></c-input>
                            </c-fullbox>
                        </el-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"
                                style="width: 30%" 
                                maxlength="3" 
                                :disabled="true" ></c-input>
                                <c-input  
                                v-model="model.trdgrp.cbs.opn1.amt" 
                                style="width: 70%"
                                :disabled="true" ></c-input>
                            </c-fullbox>
                        </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" ></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" ></c-date-picker>
                        </el-form-item>
                    </c-col>
                                
                    <c-col :span="17">
                        <c-form-item label="借据号" prop="trtmod.finmod.fincod" >
                            <c-input  v-model="model.trtmod.finmod.fincod" maxlength="17" :disabled="true" ></c-input>
                        </c-form-item>
                    </c-col>
                                
                    <c-col :span="6" :offset="1" >
                        <c-checkbox v-model="model.clsflg" :disabled="false">{{$t('抹账')}}</c-checkbox>
                    </c-col>
                                
                    <c-col :span="24">
                        <c-form-item label="Settlement Account" prop="setact">
                            <c-input  v-model="model.setact" maxlength="21" :disabled="true" :placeholder="$t('other.please_enter')+'Settlement Account'"></c-input>
                        </c-form-item>
                    </c-col>
                                
                    <!-- <c-col :span="24">
                        <span  v-text="model.trtmod.finmod.setlab"   data-path=".trtmod.finmod.setlab" > </span>
                    </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%" :disanled="true" placeholder="请选择第三方还款方式">
                            </c-select>
                        </el-form-item>
                    </c-col>
                                
                    <c-col :span="24">
                        <c-form-item label="表外欠息利息" prop="trtmod.finmod.cbs.cbb.intamt1" >
                            <c-input  v-model="model.trtmod.finmod.cbs.cbb.intamt1" :disabled="true" placeholder="请输入表外欠息利息"></c-input>
                        </c-form-item>
                    </c-col>

                    <c-col :span="24">
                        <c-form-item label="表外本年欠息" prop="trtmod.finmod.cbs.cbb.intamty1" >
                            <c-input  v-model="model.trtmod.finmod.cbs.cbb.intamty1" :disabled="true" placeholder="请输入表外本年欠息"></c-input>
                        </c-form-item>
                    </c-col>

                    <c-col :span="24">
                        <c-form-item label="表内欠息利息" prop="trtmod.finmod.cbs.cbb.intamt2" >
                            <c-input  v-model="model.trtmod.finmod.cbs.cbb.intamt2" :disabled="true" placeholder="请输入表内欠息利息"></c-input>
                        </c-form-item>
                    </c-col>
                                
                    <c-col :span="24">
                        <c-form-item label="表内本年欠息" prop="trtmod.finmod.cbs.cbb.intamty2" >
                            <c-input  v-model="model.trtmod.finmod.cbs.cbb.intamty2" :disabled="true" placeholder="请输入表内本年欠息"></c-input>
                        </c-form-item>
                    </c-col>
                                
                    <c-col :span="24">
                        <c-form-item label="利息" prop="trtmod.finmod.cbs.cbb.intamt" >
                            <c-input  v-model="model.trtmod.finmod.cbs.cbb.intamt" :disabled="true" :placeholder="$t('other.please_enter')+'利息'"></c-input>
                        </c-form-item>
                    </c-col>
                                
                    <c-col :span="24">
                        <c-form-item label="本金" prop="trtmod.finmod.cbs.cbb.amt" >
                            <c-input  v-model="model.trtmod.finmod.cbs.cbb.amt" :disabled="true" :placeholder="$t('other.please_enter')+'本金'"></c-input>
                        </c-form-item>
                    </c-col>
                                
                    <c-col :span="24">
                        <el-form-item label="融资状态" prop="trdgrp.rec.ovdflg" >
                            <c-select v-model="model.trdgrp.rec.ovdflg" style="width:100%" :disabled="true" :placeholder="$t('other.please_enter')+'Overdue Flag'">
                            </c-select>
                        </el-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%" :disabled="true" :placeholder="$t('other.please_enter')+'计息周期'">
                            </c-select>
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <c-form-item label="我行借记账户" prop="setact1" >
                            <c-input  v-model="model.setact1" maxlength="21"  :placeholder="$t('other.please_enter')+'我行借记账户'"></c-input>
                        </c-form-item>
                    </c-col>            
                    
                    
                </c-col>

                <!--=================右部=================  -->

                <c-col :span="11">

                    <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="请输入Name"></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="请输入name"></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="融资客户"></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="请输入融资品种"></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="请输入融资账号"></c-input>
                        </c-form-item>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item label="还本金金额" prop="setmod.doccur">
                            <c-fullbox>
                                <c-select v-model="model.setmod.doccur" style="width:20%"  :disabled="true" :placeholder="$t('other.please_enter')+'document currency'">
                                </c-select>
                                <c-input  v-model="model.setamt" style="width:62%"  :disabled="true" :placeholder="$t('other.please_enter')+'Settlement Amount'"></c-input>
                                <c-button size="small" type="primary"   @click="onFinmodCal">
                                    计算
                                </c-button>
                            </c-fullbox>
                        </el-form-item>
                    </c-col>
                                
                    <c-col :span="24">
                        <el-form-item label="还款方式" prop="trtmod.finmod.reptyp" >
                            <c-select v-model="model.trtmod.finmod.reptyp" :disabled="model.clsflg=='X'" style="width:100%" placeholder="请选择还款方式">
                                <el-option v-for="item in codes.reptyp" :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.act3" >
                            <c-input  v-model="model.trtmod.finmod.act3" maxlength="21" :disabled="true" placeholder="请输入第三方还款账号"></c-input>
                        </c-form-item>
                    </c-col>
                                                        
                    <c-col :span="24">
                        <c-form-item label="偿还表外欠息利息" prop="trtmod.finmod.cbs.cbe.intamt1" :disabled="true">
                            <c-input  v-model="model.trtmod.finmod.cbs.cbe.intamt1"  placeholder="请输入偿还表外欠息利息"></c-input>
                        </c-form-item>
                    </c-col>
                                                          
                    <c-col :span="24">
                        <c-form-item label="偿还表外欠息" prop="trtmod.finmod.cbs.cbe.intamty1" >
                            <c-input  v-model="model.trtmod.finmod.cbs.cbe.intamty1" :disabled="true" placeholder="请输入偿还表外欠息"></c-input>
                        </c-form-item>
                    </c-col>
                                                             
                    <c-col :span="24">
                        <c-form-item label="偿还表内欠息利息" prop="trtmod.finmod.cbs.cbe.intamt2" >
                            <c-input  v-model="model.trtmod.finmod.cbs.cbe.intamt2" :disabled="true" placeholder="请输入偿还表内欠息利息"></c-input>
                        </c-form-item>
                    </c-col>
                                                            
                    <c-col :span="24">
                        <c-form-item label="偿还表内欠息" prop="trtmod.finmod.cbs.cbe.intamty2" >
                            <c-input  v-model="model.trtmod.finmod.cbs.cbe.intamty2" :disabled="true" placeholder="请输入偿还表内欠息"></c-input>
                        </c-form-item>
                    </c-col>
                                                            
                    <c-col :span="24">
                        <c-form-item label="偿还本金利息" prop="trtmod.finmod.cbs.cbe.intamt" >
                            <c-input  v-model="model.trtmod.finmod.cbs.cbe.intamt" :disabled="true" placeholder="请输入还本金利息"></c-input>
                        </c-form-item>
                    </c-col>
                                                            
                     <c-col :span="24">
                        <c-form-item label="偿还本金" prop="trtmod.finmod.cbs.cbe.amt" >
                            <c-input  v-model="model.trtmod.finmod.cbs.cbe.amt" :disabled="true" placeholder="请输入偿还本金"></c-input>
                        </c-form-item>
                    </c-col>
                                
                    <c-col :span="24">
                        <c-form-item label="偿还利息总额" prop="trtmod.finmod.cbs.totint" >
                            <c-input  v-model="model.trtmod.finmod.cbs.totint" :disabled="true" placeholder="偿还利息总额"></c-input>
                        </c-form-item>
                    </c-col>
                                                            
                    <c-col :span="24">
                        <c-form-item label="执行利率" prop="trdgrp.rec.actrat" >
                            <c-input  v-model="model.trdgrp.rec.actrat" :disabled="true" placeholder="请输入执行利率"></c-input>
                        </c-form-item>
                    </c-col>
                                
                    <c-col :span="20" :offset="2">
                        <c-checkbox v-model="model.mtabut.clsflg">{{$t('闭卷')}}</c-checkbox>
                    </c-col>     
                </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/Trtset/Event"

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

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

    }
}
</script>
<style>

</style>