<template> <div class="eibs-tab"> <c-collapse v-model="activeNames"> <el-collapse-item title="Advice Received" name="davp"> <m-davp :model="model" :codes="codes" /> </el-collapse-item> <el-collapse-item title="Parties" name="ptyp"> <m-ptyp :model="model" :codes="codes" ref="ptyp" /> </el-collapse-item> <!--PD000139 --> <el-collapse-item title="Advice of Discrepancy" name="mt750p" v-if="this.model.brdgrp.rec.advtyp == '750'"> <m-mt750p :model="model" :codes="codes" /> </el-collapse-item> <!--PD000147 --> <el-collapse-item title="Advice of Payment" name="754" v-if="this.model.brdgrp.rec.advtyp == '754'"> <m-mt754p :model="model" :codes="codes" /> </el-collapse-item> <!--PD000213 --> <el-collapse-item title="Advice Details" name="othadvtypp" v-if="this.model.brdgrp.rec.advtyp == 'OTH'"> <m-othadvtypp :model="model" :codes="codes" /> </el-collapse-item> <el-collapse-item title="Incoming Tag 72/79" name="incomtag7279" v-if=" this.model.swiadd.contag72 !== '' || this.model.swiadd.contag79 !== '' || this.model.contag72his !== '' || this.model.contag79his !== '' "> <m-incomtag7279 :model="model" :codes="codes" /> </el-collapse-item> </c-collapse> </div> </template> <script> import Api from "~/service/Api"; import CodeTable from "~/config/CodeTable"; import Event from "../event"; import Davp from "./Davp"; import Ptyp from "./Ptyp"; import Mt750p from "./Mt750p"; import Mt754p from "./Mt754p"; import Othadvtypp from "./Othadvtypp"; import Incomtag7279 from "./Incomtag7279"; export default { components: { "m-davp": Davp, "m-ptyp": Ptyp, "m-mt750p": Mt750p, "m-mt754p": Mt754p, "m-othadvtypp": Othadvtypp, "m-incomtag7279": Incomtag7279, }, inject: ["root"], props: ["model", "codes"], mixins: [Event], data() { return { zmqflg: null, flag: true, activeNames: ["davp", "ptyp", "mt750p", "754", "othadvtypp", "incomtag7279"], }; }, methods: {}, computed: {}, }; </script> <style> .marginLable { padding-left: 160px; } </style>