Ovwp.vue

<template>
    <div class="eibs-tab">
        <c-collapse v-model="activeNames">
            <el-collapse-item :title="$t('gitfre.公共报文')" name="gitfrep1">
                <m-gitfrep1 :model="model" :codes="codes"/>
            </el-collapse-item>
            <el-collapse-item :title="$t('gitfre.Mt759报文详情')" name="Mt759p" v-if="model.fremsg.sndmt == '59'">
                <m-mt759p :model="model" :codes="codes" />
            </el-collapse-item>
            <el-collapse-item :title="$t('gitfre.拒绝修正')" name="Rejp" v-if="model.fremsg.sndmt == 'AME'">
                <m-rejp :model="model" :codes="codes" />
            </el-collapse-item>
            <el-collapse-item :title="$t('gitfre.报文详情')" name="Fredet" v-if="model.fremsg.sndmt == '95' || model.fremsg.sndmt == '96'">
                <m-fredet :model="model" :codes="codes" />
            </el-collapse-item>
						<el-collapse-item :title="$t('gitfre.Amendment')" name="Amend" v-if="model.fremsg.sndmt === 'ARR'">
                <m-amend :codes="codes" :model="model"/>
            </el-collapse-item>
        </c-collapse>
    </div>
</template>
<script>
import Api from "~/service/Api";
import event from "../event";

import Mt759p from "./Mt759p"
import Fredet from "./Fredet"
import Rejp from "./Rejp"
import Gitfrep1 from "./Gitfrep1"
import Amend from "./Amend"

export default {
    components: {
        "m-mt759p": Mt759p,
        "m-fredet": Fredet,
        "m-rejp": Rejp,
				"m-gitfrep1": Gitfrep1,
				"m-amend": Amend,
    },
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [event],
    data() {
        return {
            activeNames: ["gitfrep1"],
        };
    },
    methods: {

    },
    created: function () { },
};
</script>
<style>
.marginLable {
    padding-left: 160px;
}
</style>