<template>
  <div class="eibs-tab">
    <c-collapse v-model="activeNames">
      <el-collapse-item title="资金拆借登记确认信息" name="ovwp1">
        <m-ovwp1 :model="model" :codes="codes"  ref="ovwp1"/>
      </el-collapse-item>
      <el-collapse-item title="Mt320报文信息" name="mt320" v-if="model.fttp.msgtyp=='320'">
        <m-mt320 :model="model" :codes="codes" ref="mt320" />
      </el-collapse-item>
      <el-collapse-item title="Mt199报文信息" name="mt199" v-if="model.fttp.msgtyp=='199'">
        <m-mt199 :model="model" :codes="codes" ref="mt199" />
      </el-collapse-item>
      <el-collapse-item title="Mt299报文信息" name="mt299" v-if="model.fttp.msgtyp=='299'">
        <m-mt299 :model="model" :codes="codes" ref="mt299" />
      </el-collapse-item>
      
    </c-collapse>
  </div>
</template>
<script>
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Event from "../event";
import Ovwp1 from "./Ovwp1";
import Mt320 from "./Mt320";
import Mt199 from "./Mt199";
import Mt299 from "./Mt299";


export default {
  components: {
    "m-ovwp1": Ovwp1,
    "m-mt320": Mt320,
    "m-mt199": Mt199,
    "m-mt299": Mt299,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [Event],
  data() {
    return {
      activeNames: ["ovwp1",  "mt199", "mt299","mt320"],
    };
  },
  methods: {
    
    handleChange(val) {
      console.log(val);
    },
  },
  created: function () {},
};
</script>
<style>
.marginLable {
  padding-left: 160px;
}
</style>