Dscinsp.vue

<template>
  <div class="eibs-tab">
    <c-collapse v-model="activeNames">
      <el-collapse-item title="Discrepancies" name="discrepancies">
        <m-discrepancies :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="Documents" name="document">
        <m-document :model="model" :codes="codes" />
      </el-collapse-item>
    </c-collapse>
  </div>
</template>
<script>

import Discrepancies from "./Discrepancies";
import Document from "./Document";
import event from "../event";

export default {
  components: {
    "m-discrepancies": Discrepancies,
    "m-document": Document,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      activeNames: ["discrepancies","document"],
    };
  },
  methods: {},
  created: function () {},
};
</script>
<style lang="less" scoped>
.eibs-tab {
  background: transparent!important;
  padding: 0!important;
}
</style>