表单设计（页面设计器）：功能分节

页面列表（PageList）

功能说明：按应用浏览、搜索、进入设计器。

操作步骤：

1. 访问 /dsp/pageList，点击目标应用卡片。
2. 进入 /dsp/page/{appCode} 设计器首页。

顶栏工具条

预期结果：保存成功无报错；预览在新窗口或路由中展示最新配置。

左侧 — 文件（页面树）

操作步骤：

1. 点击左侧 文件夹图标（Tooltip：文件）。
2. 使用搜索框：占位符「表单编号、名称」。
3. 新建目录：顶部 + 图标 pageAddDir。
4. 目录节点操作：编辑、新建表单、新建子文件夹、复制、删除（删除有「确认删除？」）。
5. 点击叶子页面节点，在画布中打开该页。

左侧 — 组件

功能说明：PC 端组件库（H5 页面类型下该 Tab 隐藏）。

操作步骤：

1. 点击 列表图标（Tooltip：组件）。
2. 搜索「请输入编号、名称搜索」。
3. 拖拽组件到画布；在组件树中复制、删除（「确认删除该组件？」）。

左侧 — 数据（数据集）

操作步骤：

1. 点击 数据图标（Tooltip：数据）。
2. 点击 新建数据（红色按钮，需已打开页面 hasOpenPage）。
3. 列表项支持：复制、编辑、删除数据集。
4. 点击条目在抽屉中配置 publicData 绑定。

左侧 — 方法（页面逻辑）

操作步骤：

1. 点击 方法图标（Tooltip：方法）。
2. 新建方法 → 在抽屉编辑 publicLogic。
3. 支持复制、编辑、删除逻辑方法。

左侧 — 接口 / 业务模型 / 表单元素

左侧 — 应用参数、应用字典 / 公共方法

• 应用参数、应用字典（Tab 8）：维护页面级参数与字典引用。
• 公共方法（Tab 9）：跨页面复用逻辑。

画布与右侧配置

操作步骤：

1. 在画布选中组件。
2. 在右侧配置 属性、样式、静态/动态数据、事件。
3. 顶栏可切换 终端（clientFlag）预览 PC/移动表现。
4. 门户项标记「P」表示门户相关配置。

运行态路由

注意：设计态 /page/design 与运行态 /page/auto 不是同一页面，联调时务必访问运行态验证权限与数据。