逻辑界面
以决策树图查看问卷逻辑，编辑节点内容并预览问卷效果。
界面说明
逻辑界面将问卷展示为决策树图，帮助您从整体把握 P1–P4 的问答逻辑，并与下方输入表格联动编辑。
📷 截图占位：将逻辑界面决策树截图保存为
public/docs/logic.png，并替换下方src路径即可显示。
决策树图
- 使用 ECharts 渲染整棵问卷决策树
- 节点按层级着色，一目了然：
| 层级 | 颜色 | 含义 |
|---|---|---|
| P1 | 蓝 | 第一个问题 |
| P2 | 橙 | 分支问题 |
| P3 | 绿 | 终选问题（决定主题/经理） |
| P4 | 紫 | 结果页（无子节点） |
- 每个分支会显示选项标签（如
[A]），点击节点可在下方表格中定位并编辑
输入表格编辑
决策树下方为节点内容输入表格，列出所有节点的问题与选项：
- 点击决策树节点，下方表格自动定位到对应项
- 直接在表格中修改问题文本，保存后写入数据库
- 与交互界面双向联动，两处修改保持一致
预览问卷效果
表格下方提供选项框 + 显示按钮：
- 选择任一 P3 节点
- 点击「显示」
- 弹出该节点在手机上的问卷效果预览（与交互界面一致）