Ovwp.vue

<template>
<div class="eibs">
    <el-collapse v-model="activeNames" @change="handleChange">
        

        <el-collapse-item title="展期" name="brteus">
             <m-brteus :model="model" :codes="codes" />
        </el-collapse-item>

        <el-collapse-item v-if="model.brdgrp.rec.advtyp=='750'" title="不符点通知" name="mt750p">
            <m-mt750p :model="model" :codes="codes" />
        </el-collapse-item>

        <el-collapse-item   v-if="model.brdgrp.rec.advtyp=='754'" title="付款通知" name="mt754p">
             <m-mt754p :model="model" :codes="codes" />
        </el-collapse-item>

        <el-collapse-item  v-if="model.brdgrp.rec.advtyp=='oth'" title="其他通知" name="othadvtypp">
            <m-othadvtypp :model="model" :codes="codes" />
        </el-collapse-item>
    </el-collapse>

</div>
</template>

<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import Event from "~/model/Brteus/Event";
import Utils from "~/utils";
import Brteus from "./Brteus";
import Mt750p from "../Brtudp/Mt750p";
import Mt754p from "../Brtudp/Mt754p";
import Othadvtypp from "../Brtudp/Othadvtypp";



export default {
    components: {
    "m-brteus": Brteus,
    "m-mt750p" : Mt750p,
    "m-mt754p" : Mt754p,
    "m-othadvtypp" : Othadvtypp,
   
  },
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {

            activeNames: ["brteus"],
        };

    },
    methods: {
    ...Event,
    handleChange(val) {
      console.log(val);
    },
  },
    created: function () {},
};
</script>

<style>
</style>