<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 v-model="model.recgrp.ads.levyno" maxlength="24" placeholder="请输入业务主键"></c-input>
              <template slot="footer">
                <c-button  disabled style="margin: 0 0 0 10px; padding: 0 12px" size="small" 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 disabled dbCode="OPETYP"  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"></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 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 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 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 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 v-model="model.recgrp.ads.outorgcode" maxlength="12"  placeholder="请输入融出机构代码"></c-input>
                <template slot="footer">
                    <c-button disabled style="margin: 0 0 0 10px; padding: 0 12px" size="small" 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 placeholder="请输入融出机构名称" maxlength="128" 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 disabled :dbCode="outorgtyp" placeholder="请选择融出机构类型"
                              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 placeholder="请输入融出机构所在国家（地区）代码"
                                  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 v-model="model.recgrp.ads.inorgcode" maxlength="12"  placeholder="请输入融入机构代码"></c-input>
                <template slot="footer">
                    <c-button disabled style="margin: 0 0 0 10px; padding: 0 12px" size="small" 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 placeholder="请输入融入机构名称" maxlength="128" 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 disabled :dbCode="inorgtyp" placeholder="请输入融入机构类型"
                              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 placeholder="请输入融入机构所在国家（地区）代码"
                                  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 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 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 disabled :currency="model.recgrp.ads.fincny" 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 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 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 @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 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  v-model="model.recgrp.ads.finrate" :maxlength="11" :precision=6 placeholder="请输入利率"></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 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 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 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 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 v-model="model.recgrp.ads.rateaddend" :maxlength="13" :precision=4 placeholder="请选择浮动利率加点"></c-input-currency>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="融资（贷款）状态" prop="recgrp.ads.finstate">
                    <c-select disabled 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 v-model="model.recgrp.ads.latepayamt" :maxlength="18" placeholder="请输入逾期未还款金额"></c-input-currency>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="银行业务编号" prop="recgrp.ads.banktrano">
                    <c-input  disabled 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 :span="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' " type="textarea" v-model="model.recgrp.ads.actiondesc" maxlength="128" show-word-limit placeholder="请输入变更/撤销原因"></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 type="textarea" v-model="model.recgrp.ads.addword" maxlength="128" show-word-limit placeholder="请输入交易附言"></c-input>
                </el-form-item>
            </c-col>
        </c-row>
    </div>
</template>
<script>

import Fullbox from '../../../../../../components/business/Fullbox'
import Event from "../event";
import {getDecnum, getRef} from "../../../../../../service/business/rmb";

    export default {
        components: { Fullbox },
        inject: ['root'],
        props: ["model", "codes"],
        mixins: [Event],
        data() {
            return {
                flg: false,
                bFlg: [],
                i: 1
            };
        },
        created: function () {

        },
        computed: {

          isDisabled() {
              return this.model.rmbbut.flg !== 'X';
            },

            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';
            },
            
        },
        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 = '';
            },

            

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