<template>
|
<div class="data-report">
|
<!-- 页头 -->
|
<IndexHeader :opacity="false"></IndexHeader>
|
<!-- 面包屑 -->
|
<div class="breadcrumb">
|
<!-- <el-breadcrumb separator=">">
|
<el-breadcrumb-item :to="{ path: '/manageCenter' }">管理中心</el-breadcrumb-item>
|
<el-breadcrumb-item>推送管理</el-breadcrumb-item>
|
</el-breadcrumb> -->
|
</div>
|
|
<!-- 主要内容 -->
|
<div class="content">
|
<div style="padding: 20px;">
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
<el-tab-pane name="account">
|
<span slot="label"><i class="el-icon-s-home"></i> 子账号管理</span>
|
<SubAccount></SubAccount>
|
</el-tab-pane>
|
<el-tab-pane name="point">
|
<span slot="label"><i class="el-icon-s-platform"></i> 登录日志</span>
|
<EntryLog></EntryLog>
|
</el-tab-pane>
|
</el-tabs>
|
</div>
|
</div>
|
|
<!-- 页尾 -->
|
<!-- <Footer :isBlack="true"></Footer> -->
|
</div>
|
</template>
|
|
<script>
|
import IndexHeader from "@/components/IndexHeader"
|
import SubAccount from "@/views/personalCenter/components/SubAccount.vue"
|
import EntryLog from "./entryLog.vue"
|
|
import Footer from "@/components/Footer"
|
|
export default {
|
components: {
|
IndexHeader,
|
SubAccount,
|
EntryLog
|
// SettingBox,
|
// Footer
|
},
|
data() {
|
return {
|
activeName: "account"
|
}
|
},
|
methods: {
|
handleClick(tab, event) {
|
// console.log(tab, event, this.activeName)
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.data-report {
|
background-color: rgb(243, 245, 248);
|
position: relative;
|
min-height: 50vh;
|
|
.breadcrumb {
|
height: 10px;
|
}
|
.el-breadcrumb {
|
margin-top: 48px;
|
margin-bottom: 24px;
|
|
::v-deep span {
|
color: #666;
|
}
|
}
|
.content {
|
min-height: 856px;
|
box-sizing: border-box;
|
background-color: #fff;
|
width: 1036px;
|
margin: 0 auto;
|
}
|
.Footer {
|
position: absolute;
|
left: 0;
|
right: 0;
|
bottom: 0;
|
}
|
}
|
</style>
|
