<template>
  <div class="eibs-tab">
      <el-collapse v-model="activeNames" @change="handleChange">
        <el-collapse-item title="融资归还" name="bptset2">
          <!-- 融资归还 -->
          <m-bptset2 :model="model" :codes="codes" />
        </el-collapse-item>
        <el-collapse-item 
          title="福费廷" 
          name="urpp"
          v-if="
                model.bpdgrp.rec.fintyp == 'F' ||
                model.bpdgrp.rec.fintyp == 'U' ||
                model.bpdgrp.rec.fintyp == 'G' ||
                model.bpdgrp.rec.fintyp == 'V'
                ">
          <m-urpp :model="model" :codes="codes" />
        </el-collapse-item>
        <el-collapse-item title="收账通知" name="docpan2">
          <!-- 收账通知 -->
          <m-docpan2 :model="model" :codes="codes" />
        </el-collapse-item>
      </el-collapse>
  </div>
</template>
<script>
import Bptset2 from "./Bptset2";
import Docpan2 from "./Docpan";
import Urpp from "./Urpp";

export default {
  components: {
    "m-bptset2" : Bptset2,
    "m-docpan2" : Docpan2,
    "m-urpp" : Urpp,
  },
  inject: ["root"],
  props: ["model", "codes"],
  data() {
    return {
      activeNames: ["bptset2"],
    };
  },
};
</script>
<style>
</style>