<template>
  <div class="eibs-tab">
    <c-collapse v-model="activeNames">

        <!-- Document inforamiton  -->
        <el-collapse-item title="Document Information" name="docinfo">
            <m-docinfo :model="model" :codes="codes" />
        </el-collapse-item>

        <!-- Discr./Instr., 不符点/指示信息  -->
        <el-collapse-item title="Discr./Instr." name="dscins">
            <m-dscins :model="model" :codes="codes" />
        </el-collapse-item>

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

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

    </c-collapse>
  </div>
</template>
<script>
    import event from '../event'
    import DocInfo from "./DocInfo";
    import Dscins from "../../Letdrv/views/Dscins";
    import Srmp from "../../Letdrv/views/Srmp";
    import Document from "../../Letdrv/views/Document";

export default {
      components: {
          "m-docinfo": DocInfo,
          "m-dscins": Dscins,
          "m-srmp": Srmp,
          "m-document": Document,
  },
      inject: ['root'],
      props:["model","codes"],
      mixins: [event],
      data(){
          return {
              activeNames: ["docinfo","dscins","document","srmp"],
          }
      },
  }
  </script>
  <style>
  
  </style>