<template>
  <div class="eibs-tab">
    <el-collapse v-model="activeNames" @change="handleChange">

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

      <el-collapse-item title="指示条款" name="inst">
        <m-inst :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="参与方" name="ptyp">
        <m-ptyp :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="接受条款" name="instrecp">
        <m-instrecp :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="货权单据" name="srmp">
        <m-srmp :model="model" :codes="codes" />
      </el-collapse-item>

    </el-collapse>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Getset/Event";
     import Ovwp1 from "./Ovwp1"
     import Inst from "./Inst"
     import Ptyp from "./Ptyp"
     import Instrecp from "./Instrecp"
     import Srmp from "./Srmp"

export default {
  components: {
      "m-ovwp1": Ovwp1,
      "m-inst": Inst,
      "m-ptyp": Ptyp,
      "m-instrecp": Instrecp,
      "m-srmp": Srmp,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      activeNames: ["ovwp1"],
    };
  },
  methods: {
    ...Event,
    handleChange(val) {
      console.log(val);
    }
  },
  created: function () {},
  computed: {
  },
};
</script>
<style>
.marginLable {
  padding-left: 160px;
}
</style>