Ovwp.vue

<template>
    <div class="eibs-tab">
        <c-collapse v-model="activeNames">
            <el-collapse-item :title="$t('botfre.公共报文')" name="frep">
                <m-frep :model="model" :codes="codes"/>
            </el-collapse-item>
            <el-collapse-item :title="$t('botfre.报文详情')" name="Fredet" >
                <m-fredet :model="model" :codes="codes" trntyp="btd" inifrm="BTTFRE"/>
           </el-collapse-item>
            <el-collapse-item title="Message Details Mt759"  name="Mt759" v-if="model.fremsg.sndmt == '59'">
              <m-mt759 :model="model" :codes="codes" trntyp="brd" />
            </el-collapse-item>
        </c-collapse>
    </div>
</template>
<script>
import Api from "~/service/Api";
import event from "../event";

import Frep from "./Frep";
import Fredet from "~/components/business/Fredetail/FredetEN"
import Mt759 from "~/components/business/Fredetail/Mt759EN";

export default {
    components: {
        "m-fredet": Fredet,
        "m-frep": Frep,
        "m-mt759": Mt759,
    },
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [event],
    data() {
        return {
            activeNames: ["Fredet"],
        };
    },
    methods: {

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