<template>
<div class="eibs">
    <c-row>
        <!--=================顶部=================  -->
        <c-col :span="24">
            <c-col :span="12" style="padding-right: 20px;">
                <el-form-item label="单据编号" prop="trtcre.trdgrp.rec.pntref">
                    <c-fullbox>
                        <c-input disabled v-model="model.trtcre.trdgrp.rec.pntref" maxlength="16" style="width: 98%" placeholder="请输入单据编号"></c-input>
                        <template slot="footer">
                            <c-button v-model="model.trtcre.trtp.bcdget.sdamod.seainf" style="margin: 0 0 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf">
                                <i class="el-icon-info"></i>
                            </c-button>
                        </template>
                    </c-fullbox>
                </el-form-item>
            </c-col>

            <c-col :span="12" style="padding-left: 20px;">
                <el-form-item label="摘要" prop="trtcre.trdgrp.rec.pntnam">
                    <c-input align="middle" v-model="model.trtcre.trdgrp.rec.pntnam" maxlength="40" disabled placeholder="请输入摘要"></c-input>
                </el-form-item>
            </c-col>
        </c-col>

        <c-col :span="24">
            <c-col :span="12" style="padding-right: 20px;">
                <el-form-item label="融资编号" prop="trtcre.trdgrp.rec.ownref">
                    <c-fullbox>
                        <c-input disabled v-model="model.trtcre.trdgrp.rec.ownref" maxlength="16" placeholder="请输入融资编号"></c-input>
                        <template slot="footer">
                            <c-button style="margin: 0 0 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf">
                                <i class="el-icon-info"></i>
                            </c-button>
                            <c-button size="small" type="primary" :disabled="
                model.trtcre.trdgrp.rec.fintyp == '' ||
                model.trtcre.trdgrp.fip.pts.adrblk == '' ||
                // model.trdgrp.rec.branchinr == ''||
                model.trtcre.trdgrp.rec.ownref != ''
              " @click="onTrtpButgetref">
                                获取
                            </c-button>
                        </template>
                    </c-fullbox>
                </el-form-item>
            </c-col>

            <c-col :span="12" style="padding-left: 20px;">
                <el-form-item label="摘要" prop="trtcre.trdgrp.rec.nam">
                    <c-input align="middle" v-model="model.trtcre.trdgrp.rec.nam" maxlength="40" disabled placeholder="摘要"></c-input>
                </el-form-item>
            </c-col>
        </c-col>

        <!--=================中部-左=================  -->
        <c-col :span="12" style="padding-right: 20px;">
            <c-col :span="24">
                <el-form-item label="客户经理" prop="trtcre.trtp.usr.extkey">
                    <c-fullbox>
                        <c-input disabled v-model="model.trtcre.trtp.usr.extkey" maxlength="8" placeholder="请输入客户经理" style="width: 98%"></c-input>
                        <template slot="footer">
                            <c-button style="margin: 0 0 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf">
                                <i class="el-icon-info"></i>
                            </c-button>
                        </template>
                    </c-fullbox>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="开立日期" prop="trtcre.trdgrp.rec.issdat">
                    <c-date-picker type="date" v-model="model.trtcre.trdgrp.rec.issdat" style="width: 100%" placeholder="请选择开立日期" :disable="true">
                    </c-date-picker>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="融资品种" prop="trtcre.trdgrp.rec.fintyp">
                    <c-select disabled v-model="model.trtcre.trdgrp.rec.fintyp" style="width: 100%" placeholder="请选择融资品种" :disable="true">
                        <el-option v-for="item in codes.fintyp1" :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="trtcre.trdgrp.rec.guaflg">
                    <c-select v-model="model.trtcre.trdgrp.rec.guaflg" style="width: 100%" placeholder="请选择货押标识">
                        <el-option v-for="item in codes.guaflg" :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="trtcre.trdgrp.rec.stagod">
                    <c-select v-model="model.trtcre.trdgrp.rec.stagod" style="width: 100%" placeholder="请选择货物编码">
                        <el-option v-for="item in codes.godcod" :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 label="原始币种" prop="trtcre.oricur">
                    <c-select v-model="model.trtcre.oricur" style="width: 100%" :disabled="true" placeholder="请选择币种" @keyup.enter.native="maxCurEvent">
                        <el-option v-for="item in codes.curtxt1" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                    </c-select>
                </el-form-item>
            </c-col>
            <c-col :span="7">
                <el-form-item style="text-align: left" label-width="20px" prop="trtcre.oriamt">
                    <c-input v-model="model.trtcre.oriamt" style="width: 100%" placeholder="请输入融资金额"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="5">
                <el-form-item prop="trtcre.trdgrp.rec.pctfin" label-width="20px" style="text-align: right;">
                    <c-fullbox>
                        <c-input v-model="model.trtcre.trdgrp.rec.pctfin"></c-input>
                        <template slot="footer">
                            <div style="padding-left: 10px;text-align: right;">%</div>
                        </template>
                    </c-fullbox>
                </el-form-item>
            </c-col>

            <!-- SG000196 : Exchange Rate -->

            <c-col :span="24">
                <c-form-item label="汇率" prop="trtcre.extrat">
                    <c-input v-model="model.trtcre.extrat"></c-input>
                </c-form-item>
            </c-col>

            <!-- S0000167 : 融资金额 -->

            <c-col :span="24">
                <c-col :span="13">
                    <el-form-item label="融资金额" prop="trtcre.trdgrp.cbs.max.cur">
                        <c-select v-model="model.trtcre.trdgrp.cbs.max.cur">
                            <el-option v-for="item in codes.curtxt2" :key="item.value" :label="item.label" :value="item.value">
                            </el-option>
                        </c-select>
                </el-form-item>
                </c-col>
                <c-col :span="11">
                    <el-form-item label="" prop="trtcre.trdgrp.cbs.max.amt" label-width="5px">
                        <c-input v-model="model.trtcre.trdgrp.cbs.max.amt" :disabled="true"></c-input>
                    </el-form-item>
                </c-col>
                
            </c-col>

            <c-col :span="12">
                <el-form-item label="计息周期" prop="trtcre.trtmod.finmod.intprd">
                    <c-select v-model="model.trtcre.trtmod.finmod.intprd" style="width: 100%" placeholder="请选择计息周期">
                        <el-option v-for="item in codes.intprd1" :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 label="利率调整方式" prop="trtcre.trtmod.finmod.ratchgtyp">
                    <c-select v-model="model.trtcre.trtmod.finmod.ratchgtyp" style="width: 100%" placeholder="请选择利率调整方式">
                        <el-option v-for="item in codes.ratchgtyp1" :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 label="开户日期" prop="trtcre.trdgrp.rec.stttendat">
                    <c-date-picker type="date" v-model="model.trtcre.trdgrp.rec.stttendat" style="width: 100%" placeholder="请选择开户日期" value-format="yyyy-MM-dd"></c-date-picker>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="到期日(非节假日)" prop="trtcre.trdgrp.rec.matdat">
                    <c-date-picker type="date" v-model="model.trtcre.trdgrp.rec.matdat" style="width: 100%" placeholder="非节假日" :picker-options="pickerOptions" value-format="yyyy-MM-dd"></c-date-picker>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item label="基准利率" prop="trtcre.trdgrp.rec.intrat">
                    <c-fullbox>
                        <c-input v-model="model.trtcre.trdgrp.rec.intrat" placeholder="请输入基准利率" :disabled="true" style="width: 82%">
                        </c-input>
                        <c-button size="small" type="primary" @click="onFinmodButget" style="width: 15%">
                            Get
                        </c-button>
                    </c-fullbox>
                </el-form-item>
            </c-col>

            <c-col :span="12">
                <el-form-item label="基准利率规则" prop="trtcre.trtmod.finmod.dinmod.jzllgz">
                    <c-select v-model="model.trtcre.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="12">
                <el-form-item label="执行利率" prop="trtcre.trdgrp.rec.actrat">
                    <c-input v-model="model.trtcre.trdgrp.rec.actrat" placeholder="请输入执行利率"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item label="借据号" prop="trtcre.trtmod.finmod.fincod">
                    <c-input v-model="model.trtcre.trtmod.finmod.fincod" maxlength="17" placeholder="请输入借据号" :disabled="true"></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="第一还款账号" prop="trtcre.trtmod.finmod.act1">
                    <c-select v-model="model.trtcre.trtmod.finmod.act1" style="width: 100%" placeholder="请选择第一还款账号">
                        <el-option v-for="(item, idx) in codes.codeSet['trtcre.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 :span="24">
                <el-form-item label="预收息金额" prop="trtcre.trtmod.finmod.intamt">
                    <c-fullbox>
                        <c-input v-model="model.trtcre.trtmod.finmod.intamt" style="width: 77%" :disabled="true" placeholder="请输入预收息金额">
                        </c-input>
                        <c-button size="small" type="primary" @click="onFinmodButcal" :disabled="model.trtcre.trtmod.finmod.intprd != '7'" style="width: 20%">
                            计算
                        </c-button>
                    </c-fullbox>
                </el-form-item>
            </c-col>

            <c-col :span="12">
                <el-form-item label="预扣息方式" prop="trtcre.trtmod.finmod.inttyp">
                    <c-select v-model="model.trtcre.trtmod.finmod.inttyp" style="width: 100%" placeholder="请选择预扣息方式" :disabled="model.trtcre.trtmod.finmod.intprd != '7'">
                        <el-option v-for="item in codes.inttyp" :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 label="税率" label-width="110px" prop="trtcre.trtmod.finmod.shuilv">
                    <c-input v-model="model.trtcre.trtmod.finmod.shuilv" :disabled="true" placeholder="请输入税率"></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="12">
                <el-form-item label="市场LPR期限品种" prop="trtcre.trdgrp.rec.lprtyp">
                    <c-select v-model="model.trtcre.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="12">
                <el-form-item label="发票类型" prop="trtcre.trdgrp.rec.invtyp">
                    <c-select v-model="model.trtcre.trdgrp.rec.invtyp" style="width: 100%" placeholder="请选择发票类型">
                        <el-option v-for="item in codes.invtyp" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                    </c-select>
                </el-form-item>
            </c-col>
        </c-col>
        <!--=================中部-右=================  -->
        <c-col :span="12" style="padding-left: 20px;">

            <c-col :span="24">
                <c-form-item label="融资客户参考号" prop="trtcre.trdgrp.fip.pts.ref">
                    <c-input v-model="model.trtcre.trdgrp.fip.pts.ref"></c-input>
                </c-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item prop="trtcre.trdgrp.fip.pts.extkey" style="width: 100%">
                    <c-fullbox>
                        <c-input :disabled="true" v-model="model.trtcre.trdgrp.fip.pts.extkey" @keyup.enter.native="
                showGridPromptDialog(`trtcre.trdgrp.fip.pts.extkey`)
              " @change="valueChange"></c-input>
                        <template slot="footer">
                            <c-button :disabled="true" style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" icon="el-icon-search" @click="onSeainf(`rtcre.trdgrp.fip.pts.extkey`)" @onSeainf="onSeainf">
                            </c-button>
                            <c-button style="margin: 0 0" size="small" type="primary" @click="onAplpDet">
                                {{ $t("buttons.details") }}
                            </c-button>
                        </template>
                    </c-fullbox>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item prop="trtcre.trdgrp.fip.pts.adrblk">
                    <c-input type="textarea" :rows="4" v-model="model.trtcre.trdgrp.fip.pts.adrblk" maxlength="150" show-word-limit :disabled="true"></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="定价审批代码" prop="trtcre.trtmod.finmod.dinjdm">
                    <c-fullbox>
                        <c-input v-model="model.trtcre.trtmod.finmod.dinjdm" maxlength="20" placeholder="请输入定价审批代码" style="width: 82%">
                        </c-input>
                        <c-button size="small" type="primary" @click="onDinmodDget" :disabled="true" style="width: 15%">
                            获取
                        </c-button>
                    </c-fullbox>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="审批流程发起标识" prop="trtcre.trtmod.finmod.dinmod.rmbsbss">
                    <c-select v-model="model.trtcre.trtmod.finmod.dinmod.rmbsbs" style="width: 100%" placeholder="请选择审批流程发起标识" :disabled="true">
                        <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="14">
                <el-form-item label="计息日期" prop="trtcre.trtmod.finmod.intdat">
                    <c-input v-model="model.trtcre.trtmod.finmod.intdat" maxlength="2" placeholder="请输入计息日期" :disabled="
              model.trtcre.trtmod.finmod.intprd == '6' ||
              model.trtcre.trtmod.finmod.intprd == '7' ||
              model.trtcre.trtmod.finmod.intprd == 'B'
            "></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="9" :offset="1">
                <c-checkbox v-model="model.trtcre.trtmod.finmod.wjdkfl" :disabled="true">是否到期主动扣收贷款本息</c-checkbox>
            </c-col>
            <c-col :span="12">
                <el-form-item label="利率调整周期" prop="trtcre.trtmod.finmod.ratchgprd">
                    <c-select v-model="model.trtcre.trtmod.finmod.ratchgprd" style="width: 100%" :disabled="
              model.trtcre.trtmod.finmod.ratchgtyp != 'A' &&
              model.trtcre.trtmod.finmod.ratchgtyp != '8' &&
              model.trtcre.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">
                <el-form-item label="利率调整月日数" prop="trtcre.trtmod.finmod.ratchgdat">
                    <c-input v-model="model.trtcre.trtmod.finmod.ratchgdat" maxlength="4" placeholder="请输入利率调整月日数" :disabled="
              model.trtcre.trtmod.finmod.ratchgtyp != '4' &&
              model.trtcre.trtmod.finmod.ratchgtyp != '3'
            "></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="融资天数" prop="trtcre.trdgrp.rec.tenday">
                    <c-input v-model="model.trtcre.trdgrp.rec.tenday" style="width: 100%" :disabled="true"></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="12">
                <el-form-item label="宽限期" prop="trtcre.trtmod.finmod.graday">
                    <c-input v-model="model.trtcre.trtmod.finmod.graday" style="width: 100%" :disabled="true" placeholder="请输入宽限期">
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="浮动方式" prop="trtcre.trtmod.finmod.flttyp">
                    <c-select v-model="model.trtcre.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">
                <el-form-item label="浮动值" prop="trtcre.trtmod.finmod.fltval">
                    <c-input v-model="model.trtcre.trtmod.finmod.fltval" placeholder="请输入浮动值" :disabled="model.trtcre.trtmod.finmod.flttyp == '0'"></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="12">
                <el-form-item label="逾期计息方式" prop="trtcre.trtmod.finmod.ovdinttyp">
                    <c-select v-model="model.trtcre.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">
                <el-form-item label="罚息比率" prop="trtcre.trtmod.finmod.ovdintrat">
                    <c-fullbox>
                        <c-input v-model="model.trtcre.trtmod.finmod.ovdintrat" placeholder="请输入罚息比率" :disabled="model.trtcre.trtmod.finmod.ovdinttyp == '0'"></c-input>
                        <template slot="footer">
                            <div style="padding-left: 10px;text-align: right;">%</div>
                        </template>
                    </c-fullbox>
                </el-form-item>
            </c-col>
            
            <c-col :span="12">
                <el-form-item label="第三方还款方式" prop="trtcre.trtmod.finmod.acttyp">
                    <c-select v-model="model.trtcre.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="12">
                <el-form-item label="入账机构" prop="trtcre.trtmod.finmod.accbch">
                    <c-select v-model="model.trtcre.trtmod.finmod.accbch" style="width: 100%" placeholder="请选择入账机构">
                    </c-select>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item label="第三方还款账号" prop="trtcre.trtmod.finmod.act3">
                    <c-select
                        filterable
                        allow-create
                        v-model="model.trtcre.trtmod.finmod.act3" 
                        style="width: 100%" 
                        :disabled="model.trtcre.trtmod.finmod.acttyp == ''" 
                        placeholder="请选择第三方还款账号"
                    >
                    </c-select>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <span v-text="model.trtcre.trntyp" data-path=".trntyp"> </span>
            </c-col>

            <c-col :span="24">
                <el-form-item label="预扣息账号" prop="trtcre.trtmod.finmod.intact">
                    <c-input v-model="model.trtcre.trtmod.finmod.intact" style="width: 100%" placeholder="请选择利息付款账号" :disabled="true">
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <span v-text="model.trtcre.oppacc" data-path=".oppacc"> </span>
            </c-col>

            <c-col :span="24">
                <el-form-item label="外币贷款专户清单" prop="trtcre.trtp.act">
                    <c-select v-model="model.trtcre.trtp.act" style="width: 100%" placeholder="请选择外币贷款专户清单" :disabled="model.trtcre.trdgrp.cbs.max.cur === 'CNY'">
                    </c-select>
                </el-form-item>
            </c-col>
        </c-col>
    </c-row>
</div>
</template>

<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Utils from "~/utils";
import Utlp from "./Utlp";
import Event from "~/model/Brtset/Event";
import Ptap from "~/views/Public/Ptap";

export default {
    components: {
        "c-ptap": Ptap
    },
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {
            zmqflg: null,
            pickerOptions: {
                disabledDate(time) {
                    return time.getDay() === 0 || time.getDay() === 6;
                },
            },
            flag: false,
        };
    },
    watch: {},
    methods: {
        ...Event,
        onExtkey() {

        },
        onSeainf(data) {
            this.$emit("onSeainf", data);
        },

        onAplpDet() {
            this.$emit("onAplpDet");
        },

        valueChange() {
            if (this.onlySearch) return;
        },
    },
    created: function () {},
};
</script>

<style></style>