页面结构不完整需人工补全：先确认根容器缺失或层级断裂，再拖拽布局模板或插入含slot的代码块，最后逐项对齐字段、绑定数据模型、添加交互逻辑。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
当你发现码上飞生成的页面与原始需求描述存在偏差——比如按钮位置错乱、表单字段缺失、列表渲染逻辑错误，或交互响应完全未实现，说明当前页面结构尚未承载真实业务逻辑，需要人工介入补全骨架并逐层校准功能。
确认当前页面结构是否完整
打开码上飞项目左侧「页面结构」面板，检查是否存在 【根容器缺失】 或组件层级断裂（例如只有 Header 没有 Content 区域）。若结构树中连 Page 或 View 容器都没有，所有后续修改都将失效。
点击右上角「导出代码」→ 查看 index.vue 或 app.tsx 中是否包含基础 layout 模板。没有则说明页面未真正初始化，需先在码上飞中新建页面再导入。
手动补充缺失的页面结构节点
方法一：拖拽补全标准布局容器
从左侧组件库拖入「Layout 布局」→ 选择「经典三栏」或「顶部导航+主内容」模板，松手后立即覆盖原空画布；这一步会自动生成 header / sidebar / main 三个嵌套容器，避免手写 div 导致 class 冲突。
方法二：用代码片段插入结构锚点
在画布空白处右键 →「插入代码块」→ 粘贴以下结构（仅限缺失根节点时使用）：
按需求逐项对齐功能模块
第一步：核对字段级需求清单
拿出原始需求文档，逐条划出「必显字段」「条件显示字段」「只读字段」三类，对照码上飞画布中表单区域内的输入框、下拉框、开关等控件数量与类型是否一致。
第二步：修正字段绑定关系
选中一个输入框 → 右侧面板「数据绑定」→ 将 value 属性从 mockData.name 改为 formModel.userName；若原绑定路径不存在，【必须先在「数据模型」中新增 formModel 对象并定义 userName 字段】，否则运行时会报 undefined 错误。
第三步：添加缺失的交互逻辑
比如需求要求“点击提交按钮后校验手机号格式并弹窗提示”，而当前按钮只有 loading 效果：选中该按钮 →「事件」面板 → 点击「+ 添加事件」→ 选择「点击」→ 在弹出的 JS 编辑区写入 if (!/^1[3-9]\d{9}$/.test(formModel.phone)) { ElMessage.error('手机号格式不正确') }。
