蓝红票功能
This commit is contained in:
@@ -1,13 +1,21 @@
|
||||
<template>
|
||||
<template>
|
||||
<div class="page-shell">
|
||||
<div class="grid grid-cols-1 gap-4 md:grid-cols-3 lg:grid-cols-4">
|
||||
<div class="soft-stat"><n-statistic label="可见菜单" :value="visibleMenuTotal" /></div>
|
||||
<div class="soft-stat"><n-statistic label="可访问页面" :value="visiblePageTotal" /></div>
|
||||
<div class="dashboard-grid">
|
||||
<div class="soft-stat">
|
||||
<n-statistic label="权限码数量" :value="authStore.permissions.length" />
|
||||
<n-statistic label="可见菜单" :value="visibleMenuTotal" />
|
||||
</div>
|
||||
<div class="soft-stat">
|
||||
<n-statistic label="可访问页面" :value="visiblePageTotal" />
|
||||
</div>
|
||||
<div class="soft-stat">
|
||||
<n-statistic label="权限数量" :value="authStore.permissions.length" />
|
||||
</div>
|
||||
<div class="soft-stat">
|
||||
<n-statistic label="当前状态" :value="currentStatus" />
|
||||
</div>
|
||||
<div class="soft-stat">
|
||||
<n-statistic label="已打开页签" :value="authStore.tabs.length" />
|
||||
</div>
|
||||
<div class="soft-stat"><n-statistic label="当前状态" :value="currentStatus" /></div>
|
||||
<div class="soft-stat"><n-statistic label="已打开页签" :value="authStore.tabs.length" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -31,3 +39,11 @@ const visiblePageTotal = computed(
|
||||
)
|
||||
const currentStatus = computed(() => statusLabel(authStore.user?.status))
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.dashboard-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
|
||||
gap: 12px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user