Ovwp.vue

<template>
  <div class="eibs-tab">
    <c-collapse v-model="activeNames">
      <el-collapse-item title="Fees" name="feep">
        <m-feep :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="Parties" name="ptyp">
        <m-ptyp :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="Rebooking" name="xxtfee">
        <m-xxtfee :model="model" :codes="codes" :xxtfeeObj="getXxtfeeObj" />
      </el-collapse-item>
    </c-collapse>
  </div>
</template>

<script>
import event from "../event";
import Feep from "./Feep.vue";
import Ptyp from "./Ptyp.vue";
import Xxtfee from "~/components/business/xxtfee/views";

export default {
  components: {
    "m-feep": Feep,
    "m-xxtfee": Xxtfee,
    "m-ptyp": Ptyp,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      activeNames: ["feep", "xxtfee", "ptyp"],
    };
  },
  created: function () {},
  computed: {
    getXxtfeeObj() {
      let xxtfeeObj = {
        rol: "BEN",
        ptsObj: this.model.ledgrp.ben,
      };
      return xxtfeeObj;
    },
  },
};
</script>
<style></style>