<template>
    <div class="eibs-tab">
      <el-collapse v-model="activeNames" @change="handleChange">
        <el-collapse-item title="提货担保" name="rog">
            <m-rog :model="model" :codes="codes" />
      </el-collapse-item>
      
      <el-collapse-item title="装运详情" name="shpdet">
          <!-- 详情 -->
          <m-shpdet :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/Litrog/Event"
  import Rog from "./Rog"
  import Shpdet from "./Shpdet";
  
  export default {
      components: {
      "m-shpdet": Shpdet,
      "m-rog" : Rog,
  },
      inject: ['root'],
      props:["model","codes"],
      mixins: [commonProcess],
      data(){
          return {
              activeNames: ["rog"],
  
          }
      },
      methods:{...Event},
      created:function(){
  
      }
  }
  </script>
  <style>
  
  </style>