Limitbody2.vue

<!-- <el-tab-pane label="统一授信" name="shisuan,limitbody">
  <c-content>
  <div class="eibs-tab">
  <el-collapse v-model="activeNames">
       <el-collapse-item title="试算结果" name="shisuan">
        试算结果 
       <m-shisuan :model="model" :codes="codes" />
       </el-collapse-item>
       <el-collapse-item title="统一授信" name="limitbody">
       统一授信
       <m-limitbody :model="model" :codes="codes" />
       </el-collapse-item>
  </el-collapse>
  </div>
  </c-content>
</el-tab-pane> -->

<template>
  <div class="eibs-tab">
    <c-content>
      <el-collapse v-model="activeNames" @change="handleChange">
        <el-collapse-item title="统一授信" name="limitbody">
          <!-- 统一授信 -->
          <m-limitbody :model="model" :codes="codes" />
        </el-collapse-item>
        <el-collapse-item title="试算结果" name="shisuan">
          <!-- 试算结果 -->
          <m-shisuan :model="model" :codes="codes" />
        </el-collapse-item>
      </el-collapse>
    </c-content>
  </div>
</template>
<script>
import Limitbody from '~/views/Public/Limitbody';
import Shisuan from "./Shisuan";

export default {
  components: {
    "m-limitbody" : Limitbody,
    "m-shisuan" : Shisuan,
  },
  inject: ["root"],
  props: ["model", "codes"],
  data() {
    return {
      activeNames: ["limitbody"],
    };
  },
};
</script>
<style>
</style>