<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="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-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/Bctdav/Event";
       import Ovwp1 from "./Ovwp1"
       import Detp from "./Detp"
       import Ptyp from "./Ptyp"
       import Srmp from "./Srmp"
    
    export default {
      components: {
        "m-ovwp1": Ovwp1,
        "m-detp": Detp,
        "m-ptyp": Ptyp,
        "m-srmp":Srmp,
      },
      inject: ["root"],
      props: ["model", "codes"],
      mixins: [commonProcess],
      data() {
        return {
          activeNames: ["ovwp1"],
        };
      },
      methods: {
        ...Event,
      },
      created: function () {},
      computed: {
      },
    };
    </script>
    <style>
    .marginLable {
      padding-left: 160px;
    }
    </style>