<template>
  <div class="eibs-tab">
    <el-collapse v-model="activeNames" @change="handleChange">
      <el-collapse-item title="拒单" name="ovwp">
        <m-ovwp :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="指示条款" name="detp">
        <!-- 详情 -->
        <m-detp :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="参与方" name="ptyp">
        <!-- 当事人 -->
        <m-ptyp :model="model" :codes="codes" />
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
import Ovwp from "./Ovwp1";
import Detp from "./Detp";
import Ptyp from "./Ptyp";
import commonProcess from "~/mixin/commonProcess";
import Event from "~/model/Bctdor/Event";
export default {
  components: {
    "m-ovwp": Ovwp,
    "m-detp": Detp,
    "m-ptyp": Ptyp,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      flag: true,
      activeNames: ["ovwp"],
    }
  },
  methods: {
    ...Event,

    handleChange(val) {
      console.log(val);
    }
  },
  created: function (){},
  computed: {

  },
}
</script>

<style scoped>

</style>