<template>
  <div class="eibs-tab">
    <el-collapse v-model="activeNames" @change="handleChange">
      <el-collapse-item title="收账通知" name="docpan1">
        <m-docpan1 :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="外管信息" name="wg">
        <m-wg :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item
        title="涉外收入申报单－基础信息"
        name="basp3"
        v-if="model.bopmod.szflg === '1' && model.bopmod.basflg"
      >
        <m-basp3 :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item
        title="境内收入申报单－基础信息"
        name="basp2"
        v-if="model.bopmod.szflg === '2' && model.bopmod.basflg"
      >
        <m-basp2 :model="model" :codes="codes" />
      </el-collapse-item>

    
      <el-collapse-item title="跨境支付" name="secpan">
        <m-secpan :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="2101跨境收入信息"
        name="incp"
        v-if="model.cnybop.cnyflg == '1'"
      >
        <m-incp :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/Cptrep/Event";

import Docpan1 from "./Docpan";
import Wg from "./Wg";
import Incp from "./Incp";
import Secpan from "./Secpan";
import Basp3 from "./Basp3";
import Basp2 from "./Basp2";
import Cnyp1 from "./Cnyp1";

export default {
  inject: ["root"],
  components: { 
    "m-docpan1": Docpan1,
    "m-wg": Wg,
    "m-incp": Incp,
    "m-secpan": Secpan,
    "m-basp3": Basp3,
    "m-basp2": Basp2,
    "m-cnyp1": Cnyp1,
   },
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      activeNames: ["docpan1"],
    };
  },
  methods: { ...Event, handleChange() {} },
  created: function () {},
};
</script>
<style>
</style>