大屏概述与设计器界面
Sight Wall 赛特大屏的功能定位、设计器界面分区、核心概念与制作流程总览。
概述
Sight Wall（赛特大屏）是基于浏览器的拖拽式数据可视化大屏设计器与运行端。作者在自由画布上摆放组件，把组件绑定到数据集，用主题套件统一视觉，用联动与交互蓝图让画面可点击，最后发布并以外链、嵌入或全屏方式投放到大屏。
典型场景：经营驾驶舱、监控值守中心、指挥调度、展厅演示与汇报。设计器内置 48 套整屏模板、11 种布局骨架和 36 个模块模板，可以在模板基础上替换数据与素材。
功能入口
登录后在系统菜单中进入「大屏设计」，下设 5 个页面：
| 页面 | 作用 |
|---|---|
| 大屏管理 | 大屏列表（全部 / 已发布 / 未发布），新建、导入、设计、预览、复制、外链分享、删除 |
| 模板中心 | 浏览内置模板与「我的模板」，从模板创建大屏，详见模板、模块与素材 |
| 共享数据集 | 团队共享的 SQL 数据集库，多块大屏可复用同一份定义 |
| 指南 | 设计器内置的要点手册与快捷键表 |
| 素材 | 内置素材与用户素材的管理 |
在「大屏管理」点击卡片上的「设计」进入设计器；未发布的大屏，卡片上的预览按钮不可用。
设计器界面
设计器由顶栏、工具栏、左栏、画布和右栏组成。
顶栏
| 按钮 | 说明 |
|---|---|
| 保存 | 把当前设计保存为草稿 |
| 预览 | 在新标签页打开运行页，详见预览、发布与分享 |
| 发布 | 填写版本说明后发布一个新版本 |
| 存为模板 | 把当前大屏保存为个人模板 |
| 帮助 / 导入 / 导出 | 帮助弹窗复用「指南」内容；导入、导出大屏文件 |
| 更多 | 修改大屏信息、草稿记录、版本列表、导入大屏文件、导出大屏文件、导出为图片 (PNG)、帮助 |
工具栏
工具栏提供撤销、重做、全选、复制、删除；选中多个组件后出现「批量治理」、对齐与等距按钮；另有「交互」（打开交互总览）、「自检」、「快捷插入」、「画布辅助与吸附」、「重置模板」和专注模式。有隐藏组件时会出现「隐藏 N」按钮，点击后在画布上以虚影显示隐藏组件。各项说明见自检与快捷键。
左栏
| 页签 | 内容 |
|---|---|
| 资源库 | 三个范围：「模块模板」（页面模板、布局骨架、我的模块、模块）、「基础组件」（按分组的组件预设）、「素材」。支持搜索、快捷筛选（全部 / 最近使用 / 收藏）与分类筛选 |
| 数据集 | 数据集列表与「页面变量」，详见数据接入 |
| 图层 | 画布图层列表，支持搜索、显示 / 隐藏、锁定、层级调整与编组 |
画布与右栏
画布上方是页面页签，可新增、双击重命名、删除页面。右栏有三个页签：
| 页签 | 作用 |
|---|---|
| 画布 | 画布尺寸、适配模式、主题与配色、背景与动效、多页轮播、版式规整、安全区、运行态刷新，详见画布与页面设置 |
| 组件 | 选中单个组件时显示基础、内容设置、动画、位置与尺寸、层级操作；选中多个时显示批量面板 |
| 交互 | 为选中的组件加联动、查看已有联动、配置明细下推，详见交互与联动 |
核心概念
| 概念 | 说明 |
|---|---|
| 组件 | 画布上的最小单元，共 13 种类型，见组件总览 |
| 页面 | 一块大屏可含多页，组件按页归属；背景、主题、数据集、变量全屏共享 |
| 数据集 | 组件的数据来源，分内置、SQL、API 三类 |
| 页面变量 | 联动与控件读写的值，可由数据集计算得到 |
| 交互蓝图 | 用「事件 → 条件 → 动作」节点编排的联动，见交互蓝图与动作 |
| 主题套件 | 整屏配色、底图、素材与背景动效的成套组合，共 7 套，见主题与套件 |
| 场景包 | 预设的氛围与动效节奏，共 7 种 |
制作流程
- 在「大屏管理」新建大屏，选择模板或空白大屏。
- 在右栏「画布」页签确认分辨率、适配模式与主题。
- 从左栏「资源库」拖入组件或模块。
- 在左栏「数据集」建立数据集，把组件的字段绑定到数据集。
- 在右栏「交互」页签配置联动，必要时用交互总览的编排图。
- 用「自检」检查，预览，保存并发布。
- 在「大屏管理」用「外链分享」生成访问地址，或通过大屏集成嵌入业务系统。
提示：第一次使用建议按创建第一个大屏走一遍完整流程。
