<template>
    <div class="eibs-tab">
        <!-- 第1行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="业务主键" prop="recgrp.ads.levyno">
                    <c-fullbox>
                        <c-input disabled placeholder="请输入业务主键" v-model="model.recgrp.ads.levyno"></c-input>
                        <template slot="footer">
                            <c-button :disabled="disabledGetRef" @click="getRef" size="small"
                                      style="margin: 0 0 0 10px; padding: 0 12px"
                                      type="primary">获取
                            </c-button>
                        </template>
                    </c-fullbox>
                </el-form-item>
            </c-col>

            <c-col :span="8">
                <el-form-item label="操作类型" prop="recgrp.ads.opertype">
                    <c-select dbCode="OPETYP" disabled placeholder="请输入操作类型"
                              v-model="model.recgrp.ads.opertype"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="报送机构代码" prop="recgrp.ads.leorgcode">
                    <c-input disabled placeholder="请输入报送机构代码" v-model="model.recgrp.ads.leorgcode"/>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第3行 -->
        <c-row>

            <c-col :span="8">
                <el-form-item label="业务属性" prop="recgrp.ads.transattr">
                    <c-select dbCode="rmb121" placeholder="请选择业务属性" v-model="model.recgrp.ads.transattr"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="债权人类型" prop="recgrp.ads.loanertype">
                    <c-select dbCode="rmb133" placeholder="请选择债权人类型" v-model="model.recgrp.ads.loanertype"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="贷款经营类型" prop="recgrp.ads.fintype">
                    <c-select @change="handleFintypeChange" dbCode="rmb134" placeholder="请选择贷款经营类型"
                              v-model="model.recgrp.ads.fintype"></c-select>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第4行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="融资种类" prop="recgrp.ads.finkind">
                    <c-select dbCode="rmb135" placeholder="请选择融资种类" v-model="model.recgrp.ads.finkind"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="资金融（贷）出方机构代码" prop="recgrp.ads.outorgcode">
                    <c-input placeholder="请输入资金融（贷）出方机构代码" v-model="model.recgrp.ads.outorgcode"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="资金融（贷）出方机构名称" prop="recgrp.ads.outorgname">
                    <c-input maxlength="128" placeholder="请输入资金融（贷）出方机构名称"
                             v-model="model.recgrp.ads.outorgname"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第5行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="资金融（贷）出机构账户账号" prop="recgrp.ads.outorgacct">
                    <c-input maxlength="32" placeholder="请输入资金融（贷）出机构账户账号" v-model="model.recgrp.ads.outorgacct">
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="融（贷）出机构常驻国家（地区）代码" prop="recgrp.ads.outcountrycode">
                    <c-select-cty placeholder="请输入融（贷）出机构常驻国家（地区）代码"
                                  v-model="model.recgrp.ads.outcountrycode"></c-select-cty>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="资金融（借）入方机构代码" prop="recgrp.ads.inorgcode">
                    <c-input placeholder="请输入资金融（借）入方机构代码" v-model="model.recgrp.ads.inorgcode"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第6行 -->
        <c-row>

            <c-col :span="8">
                <el-form-item label="资金融（借）入方机构名称" prop="recgrp.ads.inorgname">
                    <c-input maxlength="128" placeholder="请输入资金融（借）入方机构名称"
                             v-model="model.recgrp.ads.inorgname"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="资金融（借）入机构账户账号" prop="recgrp.ads.inorgacct">
                    <c-input maxlength="32" placeholder="请输入资金融（借）入机构账户账号"
                             v-model="model.recgrp.ads.inorgacct"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="融（借）入机构常驻国家（地区）代码" prop="recgrp.ads.incountrycode">
                    <c-select-cty placeholder="请输入融（借）入机构常驻国家（地区）代码"
                                  v-model="model.recgrp.ads.incountrycode"></c-select-cty>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第7行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="融资（贷款）币种" prop="recgrp.ads.currencycode">
                    <c-select-cur dbCode="curtxt" placeholder="请选择融资（贷款）币种" sort="SRT"
                                  v-model="model.recgrp.ads.currencycode"></c-select-cur>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="融资（贷款）金额" prop="recgrp.ads.fincnyamt">
                    <c-input-currency :currency="model.recgrp.ads.currencycode" placeholder="请输入融资（贷款）金额"
                                      v-model="model.recgrp.ads.fincnyamt">
                    </c-input-currency>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="融资（贷款）担保方式" prop="recgrp.ads.finvouchmode">
                    <c-select dbCode="rmb136" placeholder="请选择融资（贷款）担保方式"
                              v-model="model.recgrp.ads.finvouchmode"></c-select>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第8行 -->
        <c-row>

            <c-col :span="8">
                <el-form-item label="起息日" prop="recgrp.ads.finstrdate">
                    <c-date-picker placeholder="请输入起息日" type="date"
                                   v-model="model.recgrp.ads.finstrdate"></c-date-picker>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="到期日" prop="recgrp.ads.finenddate">
                    <c-date-picker placeholder="请输入到期日" type="date"
                                   v-model="model.recgrp.ads.finenddate"></c-date-picker>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="利率类型" prop="recgrp.ads.ratetype">
                    <c-select dbCode="rmb126" placeholder="请选择利率类型" v-model="model.recgrp.ads.ratetype"></c-select>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第9行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="利率" prop="recgrp.ads.finrate">
                    <c-input-currency :precision=7 placeholder="请输入利率"
                                      v-model="model.recgrp.ads.finrate"></c-input-currency>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="浮动利率基准" prop="recgrp.ads.ratebenchmark">
                    <c-select :disabled="disabledratetype" dbCode="rmb129" placeholder="请输入浮动利率基准"
                              v-model="model.recgrp.ads.ratebenchmark"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="浮动利率加点" prop="recgrp.ads.rateaddend">
                    <c-input-currency :disabled="disabledratetype" :precision=4 placeholder="请输入浮动利率加点"
                                      v-model="model.recgrp.ads.rateaddend"></c-input-currency>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第10行 -->
        <c-row>

            <c-col :span="8">
                <el-form-item label="利率重新定价期限" prop="recgrp.ads.rateafreshlimit">
                    <c-select :disabled="disabledratetype" dbCode="rmb128" placeholder="请输入利率重新定价期限"
                              v-model="model.recgrp.ads.rateafreshlimit"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="利率期限单位" prop="recgrp.ads.rateunit">
                    <c-select dbCode="rmb127" placeholder="请输入利率期限单位" v-model="model.recgrp.ads.rateunit"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="融资（贷款）状态" prop="recgrp.ads.finstate">
                    <c-select dbCode="rmb130" placeholder="请输入融资（贷款）状态" v-model="model.recgrp.ads.finstate"></c-select>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第11行 -->
        <c-row>

            <c-col :span="8">
                <el-form-item label="还本付息方式" prop="recgrp.ads.paymode">
                    <c-select dbCode="rmb137" placeholder="请输入还本付息方式" v-model="model.recgrp.ads.paymode"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="逾期未还款金额" prop="recgrp.ads.latepayamt">
                    <c-input-currency placeholder="请输入逾期未还款金额" v-model="model.recgrp.ads.latepayamt"></c-input-currency>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="融资合同备案号" prop="recgrp.ads.lendingcontractno">
                    <c-input disabled placeholder="请输入融资合同备案号" v-model="model.recgrp.ads.lendingcontractno"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第12行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="银行业务编号" prop="recgrp.ads.banktrano">
                    <c-input @change="handleChange" maxlength="16" placeholder="请输入银行业务编号"
                             v-model="model.recgrp.ads.banktrano"></c-input>
                </el-form-item>
            </c-col>

        </c-row>

        <!-- 第16行 -->
        <c-row>
            <c-col>
                <el-form-item label="变更/撤销原因" prop="recgrp.ads.actiondesc">
                    <c-input disabled maxlength="128" placeholder="请输入变更/撤销原因" show-word-limit
                             type="textarea" v-model="model.recgrp.ads.actiondesc"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第17行 -->
        <c-row>
            <c-col>
                <el-form-item label="交易附言" prop="recgrp.ads.addword">
                    <c-input maxlength="128" placeholder="请输入交易附言" show-word-limit type="textarea"
                             v-model="model.recgrp.ads.addword"></c-input>
                </el-form-item>
            </c-col>
        </c-row>
    </div>
</template>

<script>
    import {getDecnum, getRef} from "../../../../../../service/business/rmb";

    export default {
        props: ["model", "codes"],
        inject: ["root"],

        computed: {
            disabledGetRef() {
                return this.model.recgrp.ads.banktrano === '' || this.model.recgrp.ads.levyno !== '';
            },
            disabledratetype() {
                return this.model.recgrp.ads.ratetype === 'RF01';
            },
        },
        data() {
            return {};
        },
        watch: {
            'model.rmbbut.ownextkey': {
                handler(newValue) {
                    getDecnum(newValue).then(response => {
                        if (response.respCode === SUCCESS) {
                            this.model.recgrp.ads.leorgcode = response.data;
                        }
                    });
                    this.model.recgrp.ads.ownextkey = newValue;
                },
            },

        },
        methods: {
            async getRef() {
                let data = {
                    rmbtyp: "TDF",
                    banktrano: this.model.recgrp.ads.banktrano
                };
                getRef(data).then(response => {
                    if (response.respCode === SUCCESS) {
                        this.model.recgrp.ads.levyno = response.data
                    } else {
                        this.$notify({
                            title: "失败",
                            message: "获取业务主键失败",
                            type: "error",
                        });
                    }
                });
            },
            handleChange() {
                this.model.recgrp.ads.levyno = '';
            },
            handleFintypeChange(value) {
                if (value === "OP02") {
                    this.model.recgrp.ads.consignflg = "";
                } else if (value === "OP03") {
                    this.model.recgrp.tem.length = 0;
                }
            },
        }
    };
</script>
<style>
</style>