<template>
  <div class="eibs-tab">
    <el-collapse v-model="activeNames" @change="handleChange">
      <el-collapse-item title="内容" name="sel">
        <m-sel :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="关联账号" name="account">
        <m-account :model="model" :codes="codes" />
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
import Sel from "./Sel";
import Account from "./Account";
import commonProcess from "~/mixin/commonProcess";
import Events from "~/model/Cltdav/Event";

export default {
  components: {
    "m-sel": Sel,
    "m-account": Account,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      activeNames: ["sel"],
    }
  },
  methods: {
    ...Events,
    handleChange(val) {
      console.log(val);
    },
  }
}
</script>