Ovwp.vue

<template>
  <div class="eibs-tab">
    <c-content :height="300">
    <c-row>
        <!--------------------顶部----------------------->
        <c-col :span="24">
            <!--------------------顶部=左----------------------->
            <c-col :span="12">
                            
                <c-col :span="24">
                    <c-form-item label="父交易参考号" prop="trdgrp.rec.pntref">
                        <c-fullbox>
                            <c-input  
                            v-model="model.trdgrp.rec.pntref" 
                            maxlength="16" :disabled="true" 
                            style="width:90%"></c-input>
                            <c-button 
                            size="small" 
                            type="primary;width:10%" 
                            @click="onSeainf"
                            style="width:10%">
                                i
                            </c-button>
                        </c-fullbox>
                    </c-form-item>
                </c-col>

                <!-- <c-col :span="4">
                <el-form-item label="" label-width="15px">
                    
                </el-form-item>
            </c-col> -->

                <c-col :span="24">
                    <c-form-item label="参考号" prop="trdgrp.rec.ownref">
                        <c-fullbox>
                            <c-input  
                            v-model="model.trdgrp.rec.ownref" 
                            maxlength="16" 
                            :disabled="true" 
                            style="width:90%"></c-input>
                            <c-button 
                            size="small" 
                            ype="primary;width:10%" 
                            @click="onSeainf"
                            style="width:10%">
                                i
                            </c-button>
                        </c-fullbox>
                    </c-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" 
                        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" >
                            </c-select>
                            <c-input  v-model="model.trdgrp.cbs.max.amt" style="width: 75%" :disabled="true" ></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%" ></c-input>
                            <c-input  v-model="model.trdgrp.cbs.opn1.amt" :disabled="true" style="width: 75%" ></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" ></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>
            
            
            <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" ></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" ></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" ></c-input>
                    </c-form-item>
                </c-col>

                <c-col :span="24">
                    <c-form-item  prop="trdgrp.fip.pts.nam">
                        <c-input  v-model="model.trdgrp.fip.pts.nam" maxlength="40" :disabled="true"></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" ></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" ></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="融资类型修改">
                        <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" ></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="请选择计息周期">
                        <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="请选择基准利率规则">
                        <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="利率调调整方式">
                        <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="请选择新到期日期"></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" ></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="请输入正常执行利率"></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="请选择第一还款账号">
                        <el-option v-for="(item, idx) in codes.codeSet['trtmod.finmod.act1']" :key="idx" :label="item.split('\t')[1]" :value="item.split('\t')[0]"></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" ></c-input>
                </c-form-item>
            </c-col>
                        
            <c-col :span="24">
                <c-form-item label="计息日期" prop="trtmod.finmod.intdat">
                    <c-fullbox>
                        <c-input 
                        v-model="model.trtmod.finmod.intdat" 
                        maxlength="2" 
                        placeholder="请输入计息日期"
                        style="width:70%"
                        :disabled="model.trtmod.finmod.intprd == '6'
                        || model.trtmod.finmod.intprd=='7'
                        || model.trtmod.finmod.intprd=='B'"></c-input>
                        <c-checkbox 
                        v-model="model.trtmod.finmod.wjdkfl"
                        style="width:30%"
                        :disabled="true"
                        >是否到期主动扣收款</c-checkbox>
                    </c-fullbox>
                </c-form-item>
            </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="请选择利率调整周期" 
                    :disabled="model.trtmod.finmod.ratchgtyp !='7'
                    && model.trtmod.finmod.ratchgtyp!='8'
                    && model.trtmod.finmod.ratchgtyp!='9'">
                        <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="请输入利率调整月日数"
                    :disabled="model.trtmod.finmod.ratchgtyp != '4' && model.trtmod.finmod.ratchgtyp != '5'"></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" ></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="宽限期"></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.flttyp" :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="请输入浮动值" 
                    :disabled="model.trtmod.finmod.flttyp =='0'"
                    style="width:90%"></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="请选择呆滞计息方式">
                        <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"
                    style="width:90%"
                    placeholder="请输入罚息比率"></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="请选择第三还款方式">
                        <el-option v-for="item in codes.acttyp1" :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 
                    filterable 
                    allow-create 
                    v-model="model.trtmod.finmod.act3" 
                    style="width:100%" 
                    :disabled="model.trtmod.finmod.acttyp == ''"
                    placeholder="请选择第三方还款账号">
                        <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"
import Ptap from "~/views/Public/Ptap";


export default {
    components: { "c-ptap": Ptap },
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {

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

    }
}
</script>
<style>

</style>