XuJiacheng
282f7268ed
- 新增统一项目列表Redis键和迁移工具 - 实现GET /api/projects端点获取项目列表 - 实现POST /api/projects/migrate端点支持数据迁移 - 更新前端ProjectSelector组件使用真实项目数据 - 扩展projectStore状态管理 - 更新相关文档和OpenSpec规范 - 添加测试用例验证新功能
34 lines
766 B
Vue
34 lines
766 B
Vue
<template>
|
|
<div class="sidebar-view">
|
|
<ProjectSelector
|
|
:selected-project-id="selectedId"
|
|
@project-selected="handleProjectSelected"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { computed } from 'vue';
|
|
import ProjectSelector from '../components/ProjectSelector.vue';
|
|
import {
|
|
selectedProjectId,
|
|
setSelectedProject,
|
|
} from '../store/projectStore.js';
|
|
|
|
const selectedId = computed(() => selectedProjectId.value);
|
|
|
|
// 项目选择事件
|
|
const handleProjectSelected = (project) => {
|
|
setSelectedProject(project);
|
|
console.log('选中项目:', project);
|
|
// 这里可以通过事件总线或状态管理工具将选中的项目传递给其他组件
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
.sidebar-view {
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
}
|
|
</style>
|