feat: 添加测试页面及路由配置

新增测试页面视图组件并在主菜单中添加测试页入口,用于开发阶段的测试验证
This commit is contained in:
houakang
2026-04-12 10:55:16 +08:00
parent e06bd84f29
commit d977da5c38
2 changed files with 18 additions and 0 deletions

View File

@@ -105,6 +105,7 @@ const menus = ref([
{ name: '知识空间', index: '/knowledge', icon: 'book' }, { name: '知识空间', index: '/knowledge', icon: 'book' },
{ name: 'opencode对话', index: '/chat', icon: 'bot' }, { name: 'opencode对话', index: '/chat', icon: 'bot' },
{ name: '发现设备', index: '/bonjour', icon: 'server' }, { name: '发现设备', index: '/bonjour', icon: 'server' },
{ name: '测试页', index: '/test', icon: 'flask-conical' },
]); ]);
// 处理菜单点击 // 处理菜单点击

View File

@@ -0,0 +1,17 @@
<template>
<div class="flex items-center justify-center h-full">
<el-button type="primary" size="large" @click="showLogin = true">打开登录弹窗</el-button>
<LoginDialog v-model="showLogin" @login-success="onLoginSuccess" />
</div>
</template>
<script setup>
import { ref } from 'vue';
import LoginDialog from '@/components/LoginDialog.vue';
const showLogin = ref(false);
function onLoginSuccess(user) {
console.log('登录成功:', user);
}
</script>