Ovwp.vue

<template>
<div class="eibs-tab">
    <el-collapse v-model="activeNames" @change="handleChange">
        <el-collapse-item title="寄单" name="payp">
            <m-payp :model="model" :codes="codes" />
        </el-collapse-item>

        <el-collapse-item title="不符点说明" name="docpre">
            <m-docpre :model="model" :codes="codes" />
        </el-collapse-item>

       

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

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

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

         <el-collapse-item title="运输详情" name="shpdet">
            <m-shpdet :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/Brtsnd/Event";
import Utils from "~/utils";
import Payp from "./Payp"
import Docpre from "./Docpre"
import Shpdet from "./Shpdet"

import Mt750p from "./Mt750p"
import Mt754p from "./Mt754p"
import Othadvtypp from "./Othadvtypp"

export default {
    components: {
        "m-payp": Payp,
        "m-docpre": Docpre,
        "m-shpdet": Shpdet,
        "m-mt750p": Mt750p,
        "m-mt754p": Mt754p,
        "m-othadvtypp": Othadvtypp,
    },
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {

            activeNames: ["payp"],
        };

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

<style>
</style>