Ovwp.vue

<template>
	<div class="eibs-tab">
		<c-collapse v-model="activeNames" @change="handleChange">
			<el-collapse-item title="Release Goods" name="rog">

				<m-rog :model="model" :codes="codes" />

			</el-collapse-item>

			<el-collapse-item title="Shipping Details" name="shpdet">

				<m-shpdet :model="model" :codes="codes" />

			</el-collapse-item>

		</c-collapse>
	</div>
</template>

<script>
import event from "../event";
import Rog from "./Rog.vue";
import Shpdet from "./Shpdet.vue";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  components: {
    "m-rog": Rog,
    "m-shpdet": Shpdet
  },
  methods: {
    handleChange(val) {
      console.log(val);
    }
  },
  data() {
    return {
      flag: true,
      activeNames: ["rog"]
    };
  },
  created: function() {}
};
</script>

<style>
</style>