<template> <div class="eibs-tab"> <el-collapse v-model="activeNames" @change="handleChange"> <el-collapse-item title="详情信息" name="betdcrs"> <m-betdcrs :model="model" :codes="codes" /> </el-collapse-item> <el-collapse-item title="不符点/拒绝信息" name="betdcrd"> <m-betdcrd :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/Betdcr/Event"; import Betdcrs from "./Betdcrs"; import Betdcrd from "./Betdcrd"; export default { components: { "m-betdcrs": Betdcrs, "m-betdcrd": Betdcrd, }, inject: ["root"], props: ["model", "codes"], mixins: [commonProcess], data() { return { activeNames: ["betdcrs"], }; }, methods: { ...Event, handleChange(val) { console.log(val); }, }, created: function () { }, }; </script> <style> .marginLable { padding-left: 160px; } </style>