<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="rmbbop.rmb2112.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="rmbbop.rmb2112.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="rmbbop.rmb2112.recgrp.ads.bankorgcode">
                    <c-input disabled placeholder="请输入银行机构代码" v-model="model.recgrp.ads.bankorgcode"/>
                </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="银行机构名称" prop="rmbbop.rmb2112.recgrp.ads.sbankname">-->
            <!--                    <c-input placeholder="请输入银行机构名称" v-model="model.recgrp.ads.sbankname"></c-input>-->
            <!--                </el-form-item>-->
            <!--            </c-col>-->
            <c-col :span="8">
                <el-form-item label="收款人账号" prop="rmbbop.rmb2112.recgrp.ads.payeeacct">
                    <c-input maxlength="32" placeholder="请输入收款人账号" v-model="model.recgrp.ads.payeeacct"/>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="付款人常驻国家（地区）代码" prop="rmbbop.rmb2112.recgrp.ads.payercountrycode">
                    <c-select-cty placeholder="请输入付款人常驻国家（地区）代码"
                                  v-model="model.recgrp.ads.payercountrycode"></c-select-cty>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="付款人账户类型" prop="rmbbop.rmb2112.recgrp.ads.payeraccttype">
                    <c-select dbCode="payeea" placeholder="请输入付款人账户类型"
                              v-model="model.recgrp.ads.payeraccttype"></c-select>
                </el-form-item>
            </c-col>
        </c-row>

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

            <c-col :span="8">
                <el-form-item label="付款人账号" prop="rmbbop.rmb2112.recgrp.ads.payeracct">
                    <c-input maxlength="32" placeholder="请输入付款人账号" v-model="model.recgrp.ads.payeracct"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="是否退款" prop="rmbbop.rmb2112.recgrp.ads.ifrefund">
                    <c-select dbCode="cxmflg" placeholder="请输入是否退款" v-model="model.recgrp.ads.ifrefund"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="原支出申报号码" prop="rmbbop.rmb2112.recgrp.ads.oripaylevyno">
                    <c-input maxlength="24" :disabled="disabledOripaylevyno" placeholder="请输入原支出申报号码"
                             v-model="model.recgrp.ads.oripaylevyno"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

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

        </c-row>

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

        </c-row>

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

        </c-row>

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

            <c-col :span="8">
                <el-form-item label="银行业务编号" prop="rmbbop.rmb2112.recgrp.ads.banktrano">
                    <c-input disabled placeholder="请输入银行业务编号" v-model="model.recgrp.ads.banktrano"/>
                </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>

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

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

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

        <!-- 第12行 -->
        <c-row>
            <c-col :span="16">
                <el-form-item label="变更/撤销原因" prop="rmbbop.rmb2112.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>

    </div>
</template>

<script>
    import event from "../event";

    export default {
        props: ["model", "codes"],
        inject: ["root"],
        mixins: [event],
        data() {
            return {};
        },
        computed: {
            disabledOripaylevyno() {
                return this.model.recgrp.ads.ifrefund !== 'Y';
            },
        },
        watch: {
            // 'root.model.rmbbop.rmb2101.recgrp.ads.levyno': {
            //     handler(newValue) {
            //         this.model.recgrp.ads.levyno = newValue;
            //     },
            // },
            'model.recgrp.ads.ifrefund': {
                handler(newValue) {
                    if (newValue !== 'Y') {
                        this.model.recgrp.ads.oripaylevyno = '';
                    }
                },
            },
        },
        methods: {},
    };
</script>
<style>
</style>