<!--
 * @Descripttion: 当前组件信息
 * @version: 1.0.0
 * @Author: 无尘
 * @Date: 2019-03-20 14:36:37
 * @LastEditors: 无尘
 * @LastEditTime: 2020-08-26 10:01:07
 -->

<!--
  我的客户应用：
  <app-detail ></app-detail>
 -->
<template>
  <div class="app-detail-wrap">
    <el-tabs v-model="activeName">
      <el-tab-pane label="客户分组列表" name="first">
        <member-group-list :brand-id="brandId"></member-group-list>
      </el-tab-pane>
      <el-tab-pane label="分组展示设置" name="second">
        <member-group-set-list :brand-id="brandId"></member-group-set-list>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import MemberGroupList from './memberGroupList.vue';
import MemberGroupSetList from './memberGroupSetList.vue';
export default {
  name: 'app-detail',
  components: { MemberGroupList, MemberGroupSetList },
  props: {
    brandId: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      activeName: 'first'
    };
  }
};
</script>
<style lang="scss" scoped>
.app-detail-wrap {
  height: 100%;
  background: #fff;
  .el-tabs {
    >>> .el-tabs__nav-wrap {
      &::after {
        height: 1px;
      }
    }
  }
}
</style>
