69 lines
1.7 KiB
Vue
69 lines
1.7 KiB
Vue
<!-- 精简工作台：无业务统计接口，仅作入口与 UI 规范说明 -->
|
||
<template>
|
||
<div class="console-container console-lite">
|
||
<div class="page-head">
|
||
<h1>工作台</h1>
|
||
<p class="page-desc">以下为固定参考页，新增管理端界面请对照布局与类名；视觉以文档为准。</p>
|
||
</div>
|
||
|
||
<section class="panel">
|
||
<div class="panel-top">
|
||
<h2>快速入口</h2>
|
||
</div>
|
||
<div class="console-lite__body">
|
||
<p class="console-lite__hint">详见仓库根目录 `.cursorrules` 中「页面级 UI 模板（固定五页）」。</p>
|
||
<div class="console-lite__links">
|
||
<el-button
|
||
v-for="item in links"
|
||
:key="item.path"
|
||
class="btn-main"
|
||
type="primary"
|
||
@click="go(item.path)"
|
||
>
|
||
{{ item.label }}
|
||
</el-button>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { useRouter } from 'vue-router'
|
||
|
||
defineOptions({ name: 'Console' })
|
||
|
||
const router = useRouter()
|
||
|
||
const links = [
|
||
{ label: '商品单位', path: '/system/unit' },
|
||
{ label: '用户管理', path: '/system/user' },
|
||
{ label: '商品分类', path: '/system/category' },
|
||
{ label: '租户管理', path: '/system/tenant' },
|
||
{ label: '客户管理', path: '/basic-info/customer' }
|
||
]
|
||
|
||
const go = (path: string) => {
|
||
router.push(path)
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.console-lite__body {
|
||
padding: 20px 24px 24px;
|
||
}
|
||
|
||
.console-lite__hint {
|
||
margin: 0 0 16px;
|
||
font-size: 13px;
|
||
line-height: 1.5;
|
||
color: var(--art-text-gray-600, #64748b);
|
||
}
|
||
|
||
.console-lite__links {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 12px;
|
||
}
|
||
</style>
|