<template>
  <div class="eibs-tab">
    <c-collapse v-model="activeNames">
      <el-collapse-item title="Funds Settlement" name="setp">
        <m-setp ref="setp" :model="model" :codes="codes"/>
      </el-collapse-item>
      <el-collapse-item title="应收款项" name="tenorSettle">
        <m-tenorsettle :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="融资还款" name="bptbckg">
        <m-bptbckg :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="Parties" name="ptyp">
        <m-ptyp :model="model" :codes="codes"/>
      </el-collapse-item>
    </c-collapse>
  </div>
</template>
<script>
import event from "../event"
import Setp from "./Setp"
import Inst from "./Inst"
import Ptyp from "./Ptyp"
import Docpan1 from "./Docpan1"
import TenorSettle from "~/components/business/engp/views/TenorSettle.vue";
import Bptbckg from "~/components/business/bptbck/views/Bptbckg.vue";

export default {
  components: {
    "m-docpan1": Docpan1,
    "m-setp": Setp,
    "m-inst": Inst,
    "m-ptyp": Ptyp,
    "m-tenorsettle": TenorSettle,
    "m-bptbckg": Bptbckg,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      activeNames: ["setp"],
    };
  },
  methods: {},
  created: function () {},
  computed: {},
};
</script>
<style>
.marginLable {
  padding-left: 160px;
}
</style>