<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.bankorgcode">
                    <c-input disabled placeholder="请输入银行机构代码" v-model="model.recgrp.ads.bankorgcode"/>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第3行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="银行业务编号" prop="recgrp.ads.banktrano">
                    <c-input placeholder="请输入银行业务编号" v-model="model.recgrp.ads.banktrano"/>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="申报日期" prop="recgrp.ads.decdate">
                    <c-date-picker placeholder="请输入申报日期" type="date" v-model="model.recgrp.ads.decdate"></c-date-picker>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="产品类型" prop="recgrp.ads.derivatype">
                    <c-select dbCode="dertyp" placeholder="请选择" v-model="model.recgrp.ads.derivatype"></c-select>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第4行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="交易类型" prop="recgrp.ads.tradetype">
                    <c-select dbCode="ftdtyp" placeholder="请选择交易类型" v-model="model.recgrp.ads.tradetype"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="交易方类型" prop="recgrp.ads.countertype">
                    <c-select dbCode="rmb123" placeholder="请选择交易方类型" v-model="model.recgrp.ads.countertype"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="交易方名称" prop="recgrp.ads.countername">
                    <c-input 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.countercode">
                    <c-input placeholder="请输入交易方代码" v-model="model.recgrp.ads.countercode"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="交易方国别" prop="recgrp.ads.countercountry">
                    <c-select-cty placeholder="请输入交易方国别" v-model="model.recgrp.ads.countercountry"></c-select-cty>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="标的资产类型" prop="recgrp.ads.assettype">
                    <c-select dbCode="asstyp" placeholder="请选择标的资产类型" v-model="model.recgrp.ads.assettype"></c-select>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第6行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="是否中央对手方清算" prop="recgrp.ads.centralclear">
                    <c-select dbCode="rmb17" placeholder="请选择是否中央对手方清算"
                              v-model="model.recgrp.ads.centralclear"></c-select>
                </el-form-item>
            </c-col>
        </c-row>

		<!-- 第10行 -->
		<c-row>
			<c-col>
				<el-form-item label="变更/撤销原因" prop="recgrp.ads.actiondesc">
					<c-input 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";
    import {getRef} from "../../../../../../service/business/rmb";

    export default {
        props: ["model", "codes"],
        inject: ["root"],        
        mixins: [event],
        computed: {
            disabledGetRef() {
                return this.model.recgrp.ads.banktrano === '' || this.model.recgrp.ads.levyno !== '';
            },
        },
        data() {
            return {};
        },
        watch: {
            'model.recgrp.ads.banktrano': {
                handler() {
                    this.model.recgrp.ads.levyno = '';
                },
            }
        },
        methods: {
            async getRef() {
                let data = {
                    rmbtyp: "TGA",
                    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",
                        });
                    }
                });
            },
        },
    };
</script>
<style>
</style>