ads2180.vue

<template>
    <div class="eibs-tab">
        <c-collapse v-model="activeNames">
            <el-collapse-item name="adsovw" title="主信息">
                <m-adsovw :codes="codes" :model="model"/>
            </el-collapse-item>
            <el-collapse-item name="tgbp" title="远期信息" v-if="showovwp1">
                <m-tgbp :codes="codes" :model="model"/>
            </el-collapse-item>
            <el-collapse-item name="tgfp" title="期货信息" v-if="showovwp2">
                <m-tgfp :codes="codes" :model="model"/>
            </el-collapse-item>
            <el-collapse-item name="tgep" title="期权信息" v-if="showovwp3">
                <m-tgep :codes="codes" :model="model"/>
            </el-collapse-item>
            <el-collapse-item name="tgdp" title="利率信息" v-if="showovwp5">
                <m-tgdp :codes="codes" :model="model"/>
            </el-collapse-item>
            <el-collapse-item name="tgcp" title="掉期信息" v-if="showovwp4">
                <m-tgcp :codes="codes" :model="model"/>
            </el-collapse-item>
        </c-collapse>
    </div>

</template>

<script>
    import Adsovw from "./adsovw"
    import Tgbp from "../../tga/views/tgbp"
    import Tgfp from "../../tga/views/tgfp"
    import Tgep from "../../tga/views/tgep"
    import Tgdp from "../../tga/views/tgdp"
    import Tgcp from "../../tga/views/tgcp"

    export default {
        components: {
            "m-adsovw": Adsovw,
            "m-tgbp": Tgbp,
            "m-tgfp": Tgfp,
            "m-tgep": Tgep,
            "m-tgdp": Tgdp,
            "m-tgcp": Tgcp,
        },
        props: ["model", "codes"],
         computed: {
            showovwp1() {
                return this.model.recgrp.ads.derivatype === '0001';
            },
            showovwp2() {
                return this.model.recgrp.ads.derivatype === '0002';
            },
            showovwp3() {
                return this.model.recgrp.ads.derivatype === '0003';
            },
            showovwp4() {
                return this.model.recgrp.ads.derivatype === '0004';
            },
            showovwp5() {
                return this.model.recgrp.ads.derivatype === '0005';
            },
        },
        data() {
            return {
                activeNames: ["adsovw", "tgbp", "tgfp", "tgep", "tgdp", "tgcp"]
            }
        }

    }
</script>

<style scoped>

</style>