<template>
  <div class="eibs-tab">
    <c-collapse v-model="activeNames" >
      <el-collapse-item title="Basic Parties" name="bcsicptyp">
        <m-basic-ptyp :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="Overview" name="ovwp1">
        <m-ovwp1 :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="Documents" name="document">
        <m-document :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="Other Parties" name="ptyp">
        <m-ptyp :model="model" :codes="codes" />
      </el-collapse-item>

      <!-- <el-collapse-item title="申报信息" name="cnyp2">
        <m-cnyp2 :model="model" :codes="codes" />
      </el-collapse-item> -->
    </c-collapse>
  </div>
</template>
<script>
import event from "../event";
import Ovwp1 from "./Ovwp1";
import Detp from "./Detp";
import Ptyp from "./Ptyp";
import Srmp from "./Srmp";
import Cnyp2 from "./Cnyp2";
import Document from "./Document";
import BasicPtyp from "./BasicPtyp";

export default {
  components: {
    "m-ovwp1": Ovwp1,
    "m-detp": Detp,
    "m-ptyp": Ptyp,
    "m-srmp":Srmp,
    "m-cnyp2": Cnyp2,
    "m-document": Document,
    "m-basic-ptyp": BasicPtyp,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      activeNames: ["bcsicptyp", "ovwp1", "document", "ptyp"],
    };
  },
  methods: {
  },
  created: function () {},
  computed: {
  },
};
</script>
<style>
.marginLable {
  padding-left: 160px;
}
</style>