<template>
    <div class="eibs-tab">
        <!-- 第1行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="业务主键" prop="recgrp.ads.levyno">
                    <c-input disabled placeholder="请输入业务主键" v-model="model.recgrp.ads.levyno"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="操作类型" prop="recgrp.ads.opertype">
                    <c-select :disabled="disabledOpertype" v-model="model.recgrp.ads.opertype">
                        <el-option :key="item.value" :label="item.label" :value="item.value"
                                   v-for="item in opertypeOptions"></el-option>
                    </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"></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 placeholder="请输入报送机构名称"></c-input>-->
            <!--                </el-form-item>-->
            <!--            </c-col>-->

            <c-col :span="8">
                <el-form-item label="是否自贸区业务" prop="recgrp.ads.isfreetradezone">
                    <c-select :disabled="disableNonKeyFld" dbCode="RMB17" placeholder="请输入是否自贸区业务"
                              v-model="model.recgrp.ads.isfreetradezone"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="是否分账核算单元" prop="recgrp.ads.issubaccountunit">
                    <c-select :disabled="disableNonKeyFld" dbCode="RMB17" placeholder="请选择是否分账核算单元"
                              v-model="model.recgrp.ads.issubaccountunit"></c-select>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第4行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="业务属性" prop="recgrp.ads.transattr">
                    <c-select :disabled="isDisabled" 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.transkind">
                    <c-select :disabled="isDisabled" dbCode="RMB122" placeholder="请选择业务种类"
                              v-model="model.recgrp.ads.transkind"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="融出机构代码" prop="recgrp.ads.outorgcode">
                    <c-fullbox>
                        <c-input :disabled="isDisabled" maxlength="12" placeholder="请输入融出机构代码"
                                 v-model="model.recgrp.ads.outorgcode"></c-input>
                        <template slot="footer">
                            <c-button @click="outtips" size="small" style="margin: 0 0 0 10px; padding: 0 12px"
                                      type="primary">
                                Tips
                            </c-button>
                        </template>
                    </c-fullbox>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第5行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="融出机构名称" prop="recgrp.ads.outorgname">
                    <c-input :disabled="disableNonKeyFld" maxlength="128" placeholder="请输入融出机构名称"
                             v-model="model.recgrp.ads.outorgname"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="融出机构类型" prop="recgrp.ads.outorgtype">
                    <c-select :dbCode="outorgtyp" :disabled="disableNonKeyFld" placeholder="请选择融出机构类型" sort="SRT"
                              v-model="model.recgrp.ads.outorgtype"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="融出机构所在国家（地区）代码" prop="recgrp.ads.outcountrycode">
                    <c-select-cty :disabled="disableNonKeyFld" v-model="model.recgrp.ads.outcountrycode"></c-select-cty>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第6行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="融入机构代码" prop="recgrp.ads.inorgcode">
                    <c-fullbox>
                        <c-input :disabled="isDisabled" maxlength="12" placeholder="请输入融入机构代码"
                                 v-model="model.recgrp.ads.inorgcode"></c-input>
                        <template slot="footer">
                            <c-button @click="intips" size="small" style="margin: 0 0 0 10px; padding: 0 12px"
                                      type="primary">
                                Tips
                            </c-button>
                        </template>
                    </c-fullbox>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="融入机构名称" prop="recgrp.ads.inorgname">
                    <c-input :disabled="disableNonKeyFld" 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.inorgtype">
                    <c-select :dbCode="inorgtyp" :disabled="disableNonKeyFld" placeholder="请输入融入机构类型" sort="SRT"
                              v-model="model.recgrp.ads.inorgtype"></c-select>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第7行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="融入机构所在国家（地区）代码" prop="recgrp.ads.incountrycode">
                    <c-select-cty :disabled="disableNonKeyFld" v-model="model.recgrp.ads.incountrycode"></c-select-cty>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="融资类型" prop="recgrp.ads.finatype">
                    <c-select :disabled="disableNonKeyFld" dbCode="RMB125" placeholder="请输入融资类型"
                              v-model="model.recgrp.ads.finatype"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="融资币种" prop="recgrp.ads.fincny">
                    <c-select-cur :disabled="isDisabled" dbCode="curtxt" placeholder="请选择融资币种"
                                  v-model="model.recgrp.ads.fincny"></c-select-cur>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第8行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="融资金额" prop="recgrp.ads.finamt">
                    <c-input-currency :currency="model.recgrp.ads.fincny" :disabled="isDisabled" placeholder="请输入融资金额"
                                      v-model="model.recgrp.ads.finamt"></c-input-currency>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="是否联行及附属机构往来" prop="recgrp.ads.affiliatebank">
                    <c-select :disabled="disableNonKeyFld" dbCode="RMB17" placeholder="请选择是否联行及附属机构往来"
                              v-model="model.recgrp.ads.affiliatebank"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="交易日" prop="recgrp.ads.exchangedate">
                    <c-date-picker :disabled="isDisabled" placeholder="请选择交易日" type="date"
                                   v-model="model.recgrp.ads.exchangedate"></c-date-picker>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第9行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="起息日" prop="recgrp.ads.finstrdate">
                    <c-date-picker :disabled="isDisabled" @change="validateExchangedate" 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 :disabled="isDisabled" 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.finrate">
                    <c-input-currency :disabled="disableNonKeyFld" :maxlength="11" :precision=6
                                      placeholder="请输入利率" v-model="model.recgrp.ads.finrate"></c-input-currency>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第10行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="利率类型" prop="recgrp.ads.ratetype">
                    <c-select :disabled="disableNonKeyFld" dbCode="RMB126" placeholder="请选择利率类型"
                              v-model="model.recgrp.ads.ratetype"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="利率期限单位" prop="recgrp.ads.rateunit">
                    <c-select :disabled="disableNonKeyFld" 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.rateafreshlimit">
                    <c-select :disabled="disableNonKeyFld" dbCode="RMB128" placeholder="请输入利率重新定价期限"
                              v-model="model.recgrp.ads.rateafreshlimit"></c-select>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第11行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="浮动利率基准" prop="recgrp.ads.ratebenchmark">
                    <c-select :disabled="disableNonKeyFld" 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="disableNonKeyFld" :maxlength="13" :precision=4
                                      placeholder="请选择浮动利率加点" v-model="model.recgrp.ads.rateaddend"></c-input-currency>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="融资（贷款）状态" prop="recgrp.ads.finstate">
                    <c-select :disabled="disableNonKeyFld" dbCode="RMB130" placeholder="请选择融资（贷款）状态"
                              v-model="model.recgrp.ads.finstate"></c-select>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第12行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="逾期未还款金额" prop="recgrp.ads.latepayamt">
                    <c-input-currency :disabled="disableNonKeyFld" :maxlength="18" 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.banktrano">
                    <c-input :disabled="isDisabled" placeholder="请输入银行业务编号"
                             v-model="model.recgrp.ads.banktrano"></c-input>
                </el-form-item>
            </c-col>
            <!--            <c-col :span="8">-->
            <!--                <el-form-item label="预留字段1">-->
            <!--                    <c-input placeholder="请输入预留字段1"></c-input>-->
            <!--                </el-form-item>-->
            <!--            </c-col>-->
        </c-row>

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

        <!-- 第14行 -->
        <c-row>
            <!--            <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-col :span="8">-->
            <!--                <el-form-item label="录入操作员">-->
            <!--                    <c-input placeholder="请输入录入操作员"></c-input>-->
            <!--                </el-form-item>-->
            <!--            </c-col>-->
        </c-row>

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

        <!-- 第16行 -->
        <c-row>
            <c-col :span="16">
                <el-form-item label="变更/撤销原因" prop="recgrp.ads.actiondesc">
                    <c-input :disabled="isDisabled || model.recgrp.ads.opertype === '1' " 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 :span="16">
                <el-form-item label="交易附言" prop="recgrp.ads.addword">
                    <c-input :disabled="disableNonKeyFld" 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 Event from "../event";

    export default {
        inject: ['root'],
        props: ["model", "codes"],
        mixins: [Event],
        data() {
            return {
                opertypeOptions: [
                    {label: "新增", value: "1"},
                    {label: "变更", value: "2"},
                    {label: "撤销", value: "3"}
                ],
            };
        },
        created: function () {

        },
        computed: {
            isDisabled() {
                return this.model.rmbbut.flg !== 'X';
            },
            disableNonKeyFld() {
                return this.isDisabled || this.model.recgrp.ads.opertype !== '1';
            },
            outorgtyp() {
                if (this.model.recgrp.ads.outcountrycode === '') return '';
                return this.model.recgrp.ads.outcountrycode === 'CHN' ? 'RMB124' : 'RMB123';
            },
            inorgtyp() {
                if (this.model.recgrp.ads.incountrycode === '') return '';
                return this.model.recgrp.ads.incountrycode === 'CHN' ? 'RMB124' : 'RMB123';
            },
            disabledOpertype() {
                return this.isDisabled || this.opertypeOptions.length === 3;
            },

        },
        watch: {
            outorgtyp(newValue, oldValue) {
                if (newValue !== oldValue && oldValue !== '')
                    this.model.recgrp.ads.outorgtype = '';
            },
            inorgtyp(newValue, oldValue) {
                if (newValue !== oldValue && oldValue !== '')
                    this.model.recgrp.ads.inorgtype = '';
            },

            'model.rmbbut.flg': {
                handler(newValue) {
                    if (newValue === "X") {
                        switch (this.model.recgrp.ads.opertype) {
                            case "1":
                            case "2":
                                if (this.model.pblmod.wrkpbl.sta === "8") {
                                    this.opertypeOptions = [{label: "变更", value: "2"}];
                                    this.model.recgrp.ads.opertype = "2";
                                }
                                break;
                            case "3":
                                this.model.recgrp.ads.opertype = "2";
                        }
                    } else {
                        this.opertypeOptions = [
                            {label: "新增", value: "1"},
                            {label: "变更", value: "2"},
                            {label: "撤销", value: "3"}
                        ];
                    }
                },
            },


        },
        methods: {
            validateExchangedate() {
                this.root.$refs.modelForm.validateField('recgrp.ads.exchangedate');
            },

        }
    }
</script>
<style>
</style>