<template> <div class="eibs-tab"> <el-collapse v-model="activeNames" @change="handleChange"> <el-collapse-item title="业务信息" name="gitfrep1"> <m-gitfrep1 :model="model" :codes="codes" /> </el-collapse-item> <el-collapse-item title="赔偿声明" name="revp" v-if="model.fremsg.sndmt == 'REV'"> <m-revp :model="model" :codes="codes" /> </el-collapse-item> <el-collapse-item title="Mt759p" name="Mt759p" v-if="model.fremsg.sndmt=='59'"> <m-mt759p :model="model" :codes="codes" /> </el-collapse-item> <el-collapse-item title="Rejp" name="Rejp" v-if="model.fremsg.sndmt=='AME'"> <m-rejp :model="model" :codes="codes" /> </el-collapse-item> <el-collapse-item title="报文详情 " name="Fredet" v-if="model.fremsg.sndmt=='95'||model.fremsg.sndmt=='96'"> <m-fredet :model="model" :codes="codes" /> </el-collapse-item> </el-collapse> </div> </template> <script> import commonProcess from "~/mixin/commonProcess"; import Event from "~/model/Getamc/Event"; import Gitfrep1 from "./Gitfrep1"; import Mt759p from "./Mt759p"; import Detp from "./Detp"; import Fredet from "./Fredet"; import Revp from "./Revp"; import Rejp from "./Rejp"; export default { components: { "m-gitfrep1": Gitfrep1, "m-mt759p": Mt759p, "m-detp": Detp, "m-fredet": Fredet, "m-revp": Revp, "m-rejp": Rejp, }, inject: ["root"], props: ["model", "codes"], mixins: [commonProcess], data() { return { activeNames: ["gitfrep1"], }; }, methods: { ...Event, handleChange(val) { console.log(val); }, }, created: function () {}, }; </script> <style> </style>