<template>
    <div class="eibs-tab">
        <!-- 第1行 -->
        <c-row>
            <!-- <c-col :span="8">
                <el-form-item label="申报号码">
                    <c-input maxlength="24" placeholder="请输入申报号码"></c-input>
                </el-form-item>
            </c-col> -->
            <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 maxlength="12" placeholder="请输入报送机构代码"
                             v-model="model.recgrp.ads.leorgcode"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第2行 -->
        <!-- <c-row>
            <c-col :span="8">
                <el-form-item label="凭证处理状态">
                    <c-input maxlength="24" placeholder="请输入凭证处理状态"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="RCPMIS状态">
                    <c-input maxlength="24" placeholder="请输入RCPMIS状态"></c-input>
                </el-form-item>
            </c-col>
            
        </c-row> -->

        <!-- 第3行 -->
        <c-row>
            <!-- <c-col :span="8">
                <el-form-item label="报送机构名称">
                    <c-input maxlength="24" placeholder="请输入报送机构名称"></c-input>
                </el-form-item>
            </c-col> -->
            <c-col :span="8">
                <el-form-item label="担保申请人名称" prop="recgrp.ads.guaappname">
                    <c-input maxlength="128" placeholder="请输入担保申请人名称" v-model="model.recgrp.ads.guaappname"/>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="担保申请人机构代码" prop="recgrp.ads.guaappcode">
                    <c-input maxlength="18" placeholder="请输入担保申请人机构代码" v-model="model.recgrp.ads.guaappcode">
                    </c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第4行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="担保人机构代码" prop="recgrp.ads.voucherswiftbic">
                    <c-input maxlength="21" placeholder="请输入担保人机构代码"
                             v-model="model.recgrp.ads.voucherswiftbic"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="担保人名称" prop="recgrp.ads.vouchername">
                    <c-input maxlength="128" placeholder="请输入担保人名称" v-model="model.recgrp.ads.vouchername"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="担保人类型" prop="recgrp.ads.vouchertype">
                    <c-select :dbCode="vouchertype" placeholder="请输入担保人类型" sort="SRT"
                              v-model="model.recgrp.ads.vouchertype"></c-select>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第5行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="担保人国别" prop="recgrp.ads.vouchercountrycode">
                    <c-select-cty placeholder="请输入担保人国别" v-model="model.recgrp.ads.vouchercountrycode"></c-select-cty>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="担保权人机构代码" prop="recgrp.ads.voucheeorgcode">
                    <c-input maxlength="18" placeholder="请输入担保权人机构代码"
                             v-model="model.recgrp.ads.voucheeorgcode"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="担保权人名称" prop="recgrp.ads.voucheename">
                    <c-input maxlength="128" placeholder="请输入担保权人名称" v-model="model.recgrp.ads.voucheename"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第6行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="担保权人类型" prop="recgrp.ads.voucheetype">
                    <c-select :dbCode="voucheetype" placeholder="请输入担保权人类型" sort="SRT"
                              v-model="model.recgrp.ads.voucheetype"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="担保权人国别" prop="recgrp.ads.voucheecountrycode">
                    <c-select-cty placeholder="请输入担保权人国别" v-model="model.recgrp.ads.voucheecountrycode"></c-select-cty>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="债务人机构代码" prop="recgrp.ads.debtororgcode">
                    <c-input placeholder="请输入债务人机构代码" v-model="model.recgrp.ads.debtororgcode"/>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第7行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="债务人名称" prop="recgrp.ads.debtorname">
                    <c-input maxlength="128" placeholder="请输入债务人名称" v-model="model.recgrp.ads.debtorname"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="债务人国别" prop="recgrp.ads.debtorcountrycode">
                    <c-select-cty placeholder="请输入债务人国别" v-model="model.recgrp.ads.debtorcountrycode"></c-select-cty>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="反担保人机构代码" prop="recgrp.ads.reverseorgcode">
                    <c-input placeholder="请输入反担保人机构代码" v-model="model.recgrp.ads.reverseorgcode"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第8行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="反担保人名称" prop="recgrp.ads.reversename">
                    <c-input maxlength="128" placeholder="请输入反担保人名称" v-model="model.recgrp.ads.reversename"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="反担保人国别" prop="recgrp.ads.reversecountrycode">
                    <c-select-cty placeholder="请输入反担保人国别" v-model="model.recgrp.ads.reversecountrycode"></c-select-cty>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="担保物权登记国别" prop="recgrp.ads.propertycountrycode">
                    <c-select-cty placeholder="请输入担保物权登记国别"
                                  v-model="model.recgrp.ads.propertycountrycode"></c-select-cty>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第9行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="担保种类" prop="recgrp.ads.vouchtype">
                    <c-select dbCode="RMB138" placeholder="请选择担保种类" v-model="model.recgrp.ads.vouchtype"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="反担保方式" prop="recgrp.ads.vouchmode">
                    <c-select dbCode="RMB139" placeholder="请输入收付款金额" v-model="model.recgrp.ads.vouchmode"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="担保币种" prop="recgrp.ads.currencycode">
                    <c-select-cur dbCode="curtxt" placeholder="请输入担保币种"
                                  v-model="model.recgrp.ads.currencycode"></c-select-cur>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第10行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="担保金额" prop="recgrp.ads.vouchamt">
                    <c-input-currency :currency="model.recgrp.ads.currencycode" placeholder="请输入担保金额"
                                      v-model="model.recgrp.ads.vouchamt"></c-input-currency>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="担保生效日期" prop="recgrp.ads.vouchefficientdate">
                    <c-date-picker placeholder="请输入担保生效日期" type="date"
                                   v-model="model.recgrp.ads.vouchefficientdate"></c-date-picker>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="担保到期日期" prop="recgrp.ads.vouchenddate">
                    <c-date-picker placeholder="请输入担保到期日期" type="date"
                                   v-model="model.recgrp.ads.vouchenddate"></c-date-picker>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第11行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="担保合同编号" prop="recgrp.ads.contractno">
                    <c-input maxlength="32" placeholder="请输入担保合同编号" v-model="model.recgrp.ads.contractno"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="担保登记编号" prop="recgrp.ads.vouchno">
                    <c-input disabled placeholder="请输入担保登记编号" v-model="model.recgrp.ads.vouchno"></c-input>
                </el-form-item>
            </c-col>
            <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>

        <!-- 第12行
        <c-row>
            <c-col :span="8">
                <el-form-item label="预留字段1">
                    <c-input placeholder="请输入预留字段1"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="预留字段2">
                    <c-input placeholder="请输入预留字段2"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="预留字段3">
                    <c-input placeholder="请输入预留字段3"></c-input>
                </el-form-item>
            </c-col>
        </c-row> -->

        <!-- 第13行 -->
        <!-- <c-row>
            <c-col :span="8">
                <el-form-item label="预留字段4">
                    <c-input placeholder="请输入预留字段4"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="预留字段5">
                    <c-input placeholder="请输入预留字段5"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="预留字段6">
                    <c-input placeholder="请输入预留字段6"></c-input>
                </el-form-item>
            </c-col>
        </c-row> -->

        <!-- 第14行 -->
        <!-- <c-row>
            <c-col :span="8">
                <el-form-item label="录入操作员">
                    <c-input placeholder="请输入录入操作员"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="复核操作员">
                    <c-input placeholder="请输入复核操作员"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="数据生成操作员">
                    <c-input placeholder="请输入数据生成操作员"></c-input>
                </el-form-item>
            </c-col>
        </c-row> -->

        <!-- 第15行 -->
        <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>

        <!-- 第16行 -->
        <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 !== '';
            },
            vouchertype() {
                if (this.model.recgrp.ads.vouchercountrycode === '') return '';
                return this.model.recgrp.ads.vouchercountrycode === 'CHN' ? 'RMB124' : 'RMB123';
            },
            voucheetype() {
                if (this.model.recgrp.ads.voucheecountrycode === '') return '';
                return this.model.recgrp.ads.voucheecountrycode === 'CHN' ? 'RMB124' : 'RMB123';
            },
        },
        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: {
            getRef() {
                let data = {
                    rmbtyp: "TDO",
                    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 = '';
            },
        }
    };
</script>
<style>
</style>