新增加了项目管理页面

src/panels/ConfigPanel.ts

@@ -1,5 +1,6 @@
 // src/panels/ConfigPanel.ts
 import * as vscode from 'vscode';
+import { ProjectManagementView } from './views/ProjectManagementView';
 import { ProjectListView } from './views/ProjectListView';
 import { AircraftConfigView } from './views/AircraftConfigView';
 import { ContainerConfigView } from './views/ContainerConfigView';
@@ -35,15 +36,15 @@ export class ConfigPanel {
     private readonly panel: vscode.WebviewPanel;
     private readonly extensionUri: vscode.Uri;
     
-    private currentView: 'projects' | 'aircrafts' | 'container' = 'projects';
+    private currentView: 'management' | 'projects' | 'aircrafts' | 'container' = 'management';
     private currentProjectId: string = '';
     private currentAircraftId: string = '';
     private currentContainerId: string = '';
 
     // 数据存储
     private projects: Project[] = [
-        { id: 'p1', name: '飞行器1' },
-        { id: 'p2', name: '飞行器2' }
+        { id: 'p1', name: '项目1' },
+        { id: 'p2', name: '项目2' }
     ];
 
     private aircrafts: Aircraft[] = [
@@ -64,7 +65,11 @@ export class ConfigPanel {
         { id: 'cfg4', name: '配置1', fileName: 'config.yaml', content: '# 配置1内容', containerId: 'c3' }
     ];
 
+    // 项目存储路径映射
+    private projectPaths: Map<string, string> = new Map();
+
     // 视图实例
+    private readonly projectManagementView: ProjectManagementView;
     private readonly projectListView: ProjectListView;
     private readonly aircraftConfigView: AircraftConfigView;
     private readonly containerConfigView: ContainerConfigView;
@@ -96,6 +101,7 @@ export class ConfigPanel {
         this.extensionUri = extensionUri;
 
         // 初始化各个视图
+        this.projectManagementView = new ProjectManagementView(extensionUri);
         this.projectListView = new ProjectListView(extensionUri);
         this.aircraftConfigView = new AircraftConfigView(extensionUri);
         this.containerConfigView = new ContainerConfigView(extensionUri);
@@ -111,6 +117,22 @@ export class ConfigPanel {
     private setupMessageListener() {
         this.panel.webview.onDidReceiveMessage(async (data) => {
             switch (data.type) {
+                case 'configureProject':
+                    const selectedPath = await this.selectProjectPath(data.projectId, data.projectName);
+                    if (selectedPath) {
+                        this.currentView = 'projects';
+                        this.currentProjectId = data.projectId;
+                        this.updateWebview();
+                    }
+                    break;
+                    
+                case 'openProject':
+                    // 已配置的项目直接打开
+                    this.currentView = 'projects';
+                    this.currentProjectId = data.projectId;
+                    this.updateWebview();
+                    break;
+                    
                 case 'openAircraftConfig':
                     this.currentView = 'aircrafts';
                     this.currentProjectId = data.projectId;
@@ -128,6 +150,11 @@ export class ConfigPanel {
                     this.updateWebview();
                     break;
                     
+                case 'goBackToManagement':
+                    this.currentView = 'management';
+                    this.updateWebview();
+                    break;
+                    
                 case 'goBackToProjects':
                     this.currentView = 'projects';
                     this.updateWebview();
@@ -158,12 +185,16 @@ export class ConfigPanel {
                     this.updateConfigName(data.configId, data.name);
                     break;
 
+                case 'updateConfigFileName':
+                    await this.updateConfigFileName(data.configId, data.fileName);
+                    break;
+
                 case 'createConfig':
                     this.createConfig(data.name);
                     break;
 
                 case 'saveConfigFile':
-                    this.saveConfigFile(data.configId, data.content);
+                    await this.saveConfigFileToDisk(data.configId, data.content);
                     break;
 
                 case 'loadConfigFile':
@@ -178,13 +209,91 @@ export class ConfigPanel {
                     this.deleteContainer(data.containerId);
                     break;
 
-                case 'deleteConfig': // 新增：删除配置文件的处理
+                case 'deleteConfig':
                     this.deleteConfig(data.configId);
                     break;
             }
         });
     }
 
+    // === 项目路径选择 ===
+    private async selectProjectPath(projectId: string, projectName: string): Promise<string | null> {
+        try {
+            // 提供两种方式：选择现有路径或输入新路径
+            const choice = await vscode.window.showQuickPick(
+                [
+                    {
+                        label: '$(folder) 选择现有文件夹',
+                        description: '从文件系统中选择已存在的文件夹',
+                        value: 'select'
+                    },
+                    {
+                        label: '$(new-folder) 创建新文件夹',
+                        description: '输入新文件夹路径（将自动创建）',
+                        value: 'create'
+                    }
+                ],
+                {
+                    placeHolder: '选择项目存储方式'
+                }
+            );
+
+            if (!choice) {
+                return null;
+            }
+
+            if (choice.value === 'select') {
+                // 选择现有路径
+                const result = await vscode.window.showOpenDialog({
+                    canSelectFiles: false,
+                    canSelectFolders: true,
+                    canSelectMany: false,
+                    openLabel: `选择 ${projectName} 的存储位置`,
+                    title: `为项目 "${projectName}" 选择存储文件夹`
+                });
+
+                if (result && result.length > 0) {
+                    const selectedPath = result[0].fsPath;
+                    this.projectPaths.set(projectId, selectedPath);
+                    vscode.window.showInformationMessage(`项目存储位置已设置: ${selectedPath}`);
+                    return selectedPath;
+                }
+            } else {
+                // 创建新路径
+                const pathInput = await vscode.window.showInputBox({
+                    prompt: '请输入项目存储路径（绝对路径）',
+                    placeHolder: `/path/to/your/project/${projectName}`,
+                    validateInput: (value) => {
+                        if (!value) {
+                            return '路径不能为空';
+                        }
+                        return null;
+                    }
+                });
+
+                if (pathInput) {
+                    try {
+                        // 尝试创建目录
+                        const dirUri = vscode.Uri.file(pathInput);
+                        await vscode.workspace.fs.createDirectory(dirUri);
+                        
+                        this.projectPaths.set(projectId, pathInput);
+                        vscode.window.showInformationMessage(`项目存储位置已创建: ${pathInput}`);
+                        return pathInput;
+                    } catch (error) {
+                        vscode.window.showErrorMessage(`创建目录失败: ${error}`);
+                        return null;
+                    }
+                }
+            }
+            
+            return null;
+        } catch (error) {
+            vscode.window.showErrorMessage(`选择存储路径时出错: ${error}`);
+            return null;
+        }
+    }
+
     // === 项目相关方法 ===
     private updateProjectName(projectId: string, newName: string) {
         const project = this.projects.find(p => p.id === projectId);
@@ -231,6 +340,9 @@ export class ConfigPanel {
         const containerIds = this.containers.filter(c => aircraftIds.includes(c.aircraftId)).map(c => c.id);
         this.configs = this.configs.filter(cfg => !containerIds.includes(cfg.containerId));
 
+        // 删除项目路径映射
+        this.projectPaths.delete(projectId);
+
         vscode.window.showInformationMessage(`删除项目: ${projectId}`);
         this.updateWebview();
     }
@@ -308,6 +420,15 @@ export class ConfigPanel {
         }
     }
 
+    private async updateConfigFileName(configId: string, fileName: string): Promise<void> {
+        const config = this.configs.find(c => c.id === configId);
+        if (config) {
+            config.fileName = fileName;
+            vscode.window.showInformationMessage(`文件名更新: ${fileName}`);
+            this.updateWebview();
+        }
+    }
+
     // 创建配置文件
     private createConfig(name: string) {
         const newId = 'cfg' + (this.configs.length + 1);
@@ -334,12 +455,65 @@ export class ConfigPanel {
         }
     }
 
-    // 保存配置文件
-    private saveConfigFile(configId: string, content: string) {
-        const config = this.configs.find(c => c.id === configId);
-        if (config) {
-            config.content = content;
-            vscode.window.showInformationMessage(`配置文件已保存: ${config.name}`);
+    // 保存配置文件到磁盘
+    private async saveConfigFileToDisk(configId: string, content: string): Promise<void> {
+        try {
+            const config = this.configs.find(c => c.id === configId);
+            if (!config) {
+                vscode.window.showErrorMessage('未找到配置文件');
+                return;
+            }
+
+            const container = this.containers.find(c => c.id === config.containerId);
+            if (!container) {
+                vscode.window.showErrorMessage('未找到容器');
+                return;
+            }
+
+            const aircraft = this.aircrafts.find(a => a.id === container.aircraftId);
+            if (!aircraft) {
+                vscode.window.showErrorMessage('未找到飞行器');
+                return;
+            }
+
+            const project = this.projects.find(p => p.id === aircraft.projectId);
+            if (!project) {
+                vscode.window.showErrorMessage('未找到项目');
+                return;
+            }
+
+            const projectPath = this.projectPaths.get(aircraft.projectId);
+            if (!projectPath) {
+                vscode.window.showErrorMessage('未设置项目存储路径，请先配置项目');
+                return;
+            }
+
+            // 构建文件路径：项目路径/飞行器名/容器名/文件名
+            const aircraftDir = vscode.Uri.joinPath(vscode.Uri.file(projectPath), aircraft.name);
+            const containerDir = vscode.Uri.joinPath(aircraftDir, container.name);
+            const fileUri = vscode.Uri.joinPath(containerDir, config.fileName);
+
+            // 确保飞行器目录存在
+            try {
+                await vscode.workspace.fs.createDirectory(aircraftDir);
+            } catch (error) {
+                // 目录可能已存在，忽略错误
+            }
+
+            // 确保容器目录存在
+            try {
+                await vscode.workspace.fs.createDirectory(containerDir);
+            } catch (error) {
+                // 目录可能已存在，忽略错误
+            }
+
+            // 写入文件
+            const uint8Array = new TextEncoder().encode(content);
+            await vscode.workspace.fs.writeFile(fileUri, uint8Array);
+
+            vscode.window.showInformationMessage(`配置文件已保存: ${fileUri.fsPath}`);
+        } catch (error) {
+            vscode.window.showErrorMessage(`保存文件时出错: ${error}`);
         }
     }
 
@@ -366,6 +540,11 @@ export class ConfigPanel {
 
     private getWebviewContent(): string {
         switch (this.currentView) {
+            case 'management':
+                return this.projectManagementView.render({
+                    projects: this.projects,
+                    projectPaths: this.projectPaths
+                });
             case 'projects':
                 return this.projectListView.render({
                     projects: this.projects
@@ -393,8 +572,9 @@ export class ConfigPanel {
                     configs: containerConfigs
                 });
             default:
-                return this.projectListView.render({
-                    projects: this.projects
+                return this.projectManagementView.render({
+                    projects: this.projects,
+                    projectPaths: this.projectPaths
                 });
         }
     }