ads2102.vue

<template>
    <div class="eibs-tab">
        <el-collapse v-model="activeNames">
            <el-collapse-item name="Adsovw" title="主信息">
                <m-adsovw :codes="codes" :model="model"/>
            </el-collapse-item>
            <el-collapse-item name="tfcpp" title="即期信息" v-if="showtfcpp">
                <m-tfcp :codes="codes" :model="model"/>
            </el-collapse-item>
            <el-collapse-item name="tfdpp" title="远期信息" v-if="showtfdpp">
                <m-tfdp :codes="codes" :model="model"/>
            </el-collapse-item>
            <el-collapse-item name="tfepp" title="外汇掉期信息" v-if="showtfepp">
                <m-tfep :codes="codes" :model="model"/>
            </el-collapse-item>
            <el-collapse-item name="tffpp" title="货币掉期信息" v-if="showtffpp">
                <m-tffp :codes="codes" :model="model"/>
            </el-collapse-item>
            <el-collapse-item name="tfgpp" title="期权信息" v-if="showtfgpp">
                <m-tfgp :codes="codes" :model="model"/>
            </el-collapse-item>
        </el-collapse>
    </div>

</template>

<script>
    import Adsovw from "./Adsovw"
    import Tfcp from "../../Tfa/views/tfcp"
    import Tfdp from "../../Tfa/views/tfdp"
    import Tfep from "../../Tfa/views/tfep"
    import Tffp from "../../Tfa/views/tffp"
    import Tfgp from "../../Tfa/views/tfgp"


    export default {
        components: {
            "m-adsovw": Adsovw,
            "m-tfcp": Tfcp,
            "m-tfdp": Tfdp,
            "m-tfep": Tfep,
            "m-tffp": Tffp,
            "m-tfgp": Tfgp,
        },
        props: ["model", "codes"],
        computed: {
            showtfcpp() {
                return this.model.recgrp.ads.tradetype === "0001";
            },
            showtfdpp() {
                return this.model.recgrp.ads.tradetype === "0002";
            },
            showtfepp() {
                return this.model.recgrp.ads.tradetype === "0003";
            },
            showtffpp() {
                return this.model.recgrp.ads.tradetype === "0004";
            },
            showtfgpp() {
                return this.model.recgrp.ads.tradetype === "0005";
            },
        },
        data() {
            return {
                activeNames: ["Adsovw", "tfcpp", "tfdpp", "tfepp", "tffpp", "tfgpp"]
            }
        },
    }
</script>

<style scoped>

</style>