<template>
  <div class="eibs-tab">
    <el-collapse v-model="activeNames" >
      <el-collapse-item title="外管信息" name="wg">
        <m-wg :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="对外付款/承兑通知书-基础信息" name="basp" v-if="model.bopmod.basflg && model.bopmod.szflg == '1'">
        <m-basp :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="境内付款/承兑通知书-基础信息" name="basp1"  v-if="model.bopmod.basflg && model.bopmod.szflg == '2'">
        <m-basp1 :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="跨境人民币申报" name="cnyp1">
        <m-cnyp1 :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="2111跨境支出信息" name="outp" v-if="model.cnybop.outflg == '1'">
        <m-outp :model="model" :codes="codes" />
      </el-collapse-item>
    </el-collapse>
  </div>
    </template>
    
    <script>
    import Api from "~/service/Api";
    import CodeTable from "~/config/CodeTable";
    import event from '../event'
    import Wg from "./Wg";
    import Cnyp1 from "./Cnyp1";
    import Basp from "./Basp";
    import Basp1 from "./Basp1";
    import Outp from "./Outp";
    
    const tabNameToRulePathMapping = {
    'basp': "bopmod.dbcp.basp",
    'basp1': "bopmod.dbfp.basp",
    "outp": "cnybop.outp",
}  
    export default {
      inject: ["root"],
      components: {
        "m-wg": Wg,
        "m-cnyp1": Cnyp1,
        "m-basp": Basp,
        "m-basp1": Basp1,
        "m-outp": Outp,
      },
      props: ["model", "codes"],
      mixins: [event],
      data() {
        return {
          activeNames: ["wg"],
        };
      },
      methods: {
      },
      created: function () {},
    };
    </script>
    
    <style>
    </style>