<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.banktrano">
                    <c-input @change="handleChange" maxlength="16" placeholder="请输入银行机构名称"
                             v-model="model.recgrp.ads.banktrano"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第2行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="银行机构代码" prop="recgrp.ads.bankorgcode">
                    <c-input disabled placeholder="请输入银行机构代码" v-model="model.recgrp.ads.bankorgcode"/>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="开户机构代码" prop="recgrp.ads.openorgcode">
                    <c-input placeholder="请输入开户机构代码" v-model="model.recgrp.ads.openorgcode"/>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="开户人名称" prop="recgrp.ads.owenername">
                    <c-input maxlength="126" placeholder="请输入开户人名称" v-model="model.recgrp.ads.owenername"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

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

        </c-row>

        <!-- 第4行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="人民币账号" prop="recgrp.ads.bicbkacct">
                    <c-input placeholder="请输入人民币账号" v-model="model.recgrp.ads.bicbkacct"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="对方机构代码" prop="recgrp.ads.counterorgcode">
                    <c-input placeholder="请输入对方机构代码" v-model="model.recgrp.ads.counterorgcode"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="对方机构名称" prop="recgrp.ads.countername">
                    <c-input maxlength="126" placeholder="请输入对方机构名称" v-model="model.recgrp.ads.countername"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第5行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="划转日期" prop="recgrp.ads.transdate">
                    <c-date-picker placeholder="请输入划转日期" type="date" v-model="model.recgrp.ads.transdate"
                                   value-format="yyyy-MM-dd"></c-date-picker>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="划转方向" prop="recgrp.ads.transdirection">
                    <c-select dbCode="RMBDIR" placeholder="请输入划转方向"
                              v-model="model.recgrp.ads.transdirection"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="划转金额" prop="recgrp.ads.transamt">
                    <c-input-currency placeholder="请输入划转金额" v-model="model.recgrp.ads.transamt"></c-input-currency>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第6行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="划转用途" prop="recgrp.ads.amttranspurpose">
                    <c-select dbCode="AMTPUR" placeholder="请输入划转用途"
                              v-model="model.recgrp.ads.amttranspurpose"></c-select>
                </el-form-item>
            </c-col>
            <c-col>
                <el-form-item label="变更/撤销原因" prop="recgrp.ads.actiondesc">
                    <c-input disabled placeholder="请输入变更/撤销原因" show-word-limit type="textarea"
                             v-model="model.recgrp.ads.actiondesc"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

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

        <!-- 第11行 -->


    </div>
</template>
<script>
    import Event from "../event";
    import {getDecnum} from "../../../../../../service/business/rmb";

    export default {
        inject: ['root'],
        props: ["model", "codes"],
        mixins: [Event],
        computed: {
            disabledGetRef() {
                return this.model.recgrp.ads.banktrano === '' || this.model.recgrp.ads.levyno !== '';
            },
        },
        data() {
            return {}
        },
        watch: {
            'model.rmbbut.ownextkey': {
                handler(newValue) {
                    getDecnum(newValue).then(response => {
                        if (response.respCode === SUCCESS) {
                            this.model.recgrp.ads.bankorgcode = response.data;
                        }
                    });
                    this.model.recgrp.ads.ownextkey = newValue;
                },
            }
        },
        methods: {
            handleChange() {
                this.model.recgrp.ads.levyno = '';
            },
        },
        created: function () {

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