29 行
1.2 KiB
Vue
29 行
1.2 KiB
Vue
<template>
|
|
<el-container style="height:100vh">
|
|
<el-aside width="200px" style="background:#1d2129">
|
|
<div style="height:60px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:bold;font-size:16px;border-bottom:1px solid #2d3142">
|
|
XuqmGroup 运营平台
|
|
</div>
|
|
<el-menu router :default-active="$route.path" background-color="#1d2129" text-color="#c9d1d9" active-text-color="#409eff">
|
|
<el-menu-item index="/tenants"><el-icon><Avatar /></el-icon>租户管理</el-menu-item>
|
|
<el-menu-item index="/statistics"><el-icon><TrendCharts /></el-icon>数据统计</el-menu-item>
|
|
</el-menu>
|
|
</el-aside>
|
|
<el-container>
|
|
<el-header style="background:#fff;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;justify-content:flex-end">
|
|
<el-button link @click="logout">退出登录</el-button>
|
|
</el-header>
|
|
<el-main><router-view /></el-main>
|
|
</el-container>
|
|
</el-container>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { useRouter } from 'vue-router'
|
|
const router = useRouter()
|
|
function logout() {
|
|
localStorage.removeItem('ops_token')
|
|
router.push('/login')
|
|
}
|
|
</script>
|
