<template>
	<div class="eibs-tab">
		<el-collapse v-model="activeNames">
			<el-collapse-item title="接口数据" name="change">
				<m-change :model="model" :codes="codes"  />
			</el-collapse-item>
			<el-collapse-item title="对外担保-签约信息" name="agency">
				<m-agency :model="model" :codes="codes" />
			</el-collapse-item>
			<el-collapse-item title="对外担保-责任余额信息" name="respon" v-if="model.cfagit.recgrp.dcl.length > 0">
				<m-respon :model="model" :codes="codes"  />
			</el-collapse-item>
			<el-collapse-item title="对外担保-履约信息" name="vrfpp" v-if="model.cfagit.recgrp.vrf.length > 0">
				<m-vrfpp :model="model" :codes="codes"  />
			</el-collapse-item> 
		</el-collapse>
	</div>
</template>

<script>
import Agency from "./agency";
import Change from "./change";
import Respon from "./respon";
import Vrfpp from "./Vrfpp"
export default {
  name: "Ovwp",
  components: {
    "m-agency": Agency,
		"m-change": Change,
		"m-vrfpp": Vrfpp,
    "m-respon": Respon,
  
  },
  inject: ["root"],
  props: ["model", "codes"],
  data() {
    return {
      activeNames: ["change"]
    };
	},
};
</script>