可视化大屏用户手册

大约 41 分钟文档可视化大屏

发布日期：2025年5月16日

引言 1.1. 编写目的 1.2. 读者对象 1.3. 词组说明 1.4. 参考资料 1.5. 环境要求
软件配置 2.1. 软件安装 2.2. 参数配置
软件综述 3.1. 系统简介 3.2. 系统任务流程介绍
操作说明 4.1. 用户登录 4.2. 大屏预设展示 4.3. 大屏管理器 4.4. 资源库管理 4.5. 组件库 4.6. 数据源管理 4.7. 数据集管理 4.8. 地图数据管理
附录：常见问题解答

修订历史记录

日期	版本	说明	作者
2025-05-16	1.0	添加操作说明	陆尧

1.引言

1.1.编写目的

用户操作手册的编写目的是明确本软件的功能、软件的作用、功能的操作，帮助用户理解及操作本软件。

《可视化大屏用户操作手册》是是一份指导用户使用可视化大屏系统的文档，它主要包括系统简介、系统概览、系统操作、常见问题和附录等内容。

这是一套智慧医院后勤一站式服务平台的可视化大屏系统，通过集成多种功能模块，实现医院后勤服务的智能化管理和实时监控，适用于各类医疗机构的后勤保障工作。

编写这份用户手册的目的包括：帮助用户了解可视化中心系统的基本情况，包括它的功能、特点和用途。指导用户熟悉系统的界面和功能，并提供快速导航指引。

1.3.词组说明

名称	类型	说明
		组件是构成可视化界面的基本元素或功能模块，它们是用于构建和展示数据可视化的可复用元素，每个组件都有特定的功能和用途。
		用来组织和管理设计元素的工具，它允许用户将不同的设计元素分层放置从而增强设计的灵活性和可控性。
		它通常是从数据源获取的原始数据经过整理、清洗和整合后形成的结构化数据集合。
		存储、管理或提供数据的原始信息来源，是系统获取数据的基础。
		将复杂的数据信息通过图形、图表、数字等形式直观地展示出来，以便用户能够快速理解和分析数据。
		提供了一系列预定义的、可复用的大屏界面元素和功能模块。快速、高效地构建个性化的可视化大屏。
		作为系统核心控制中心的功能模块，允许管理员添加、编辑和管理各类可视化大屏，满足不同场景展示需求，并通过集成资源库、组件库等工具助力快速构建个性化数据可视化界面。

1.5.环境要求

使用 Windows 系统，edge 浏览器或者 chrome 浏览器登录系统即可使用。

2.软件配置

2.1.软件安装

本软件无需安装，只需使用浏览器搜索该网址（一站式智慧后勤服务平台open in new window(act.blinktech.cn)）并登录账号即可使用。

2.2.参数配置

使用该系统之前，必须根据需要使用的功能，将如下信息配置进系统：

1-6：参考《设置中心-用户操作手册》系统

医院信息
院区信息
建筑信息
科室信息
空间信息
用户信息
开通相应的【业务系统】（中央运送系统，工程维保系统，巡检业务等提供可视化基础数据。）
配置各系统数据源
创建【自定义组件】和对应的【数据集】配置个性化大屏的关键。
提供对应的LOGO图，背景图或其他静态资源。

3.软件综述

3.1.系统简介

这是一套智慧医院后勤一站式服务平台的可视化大屏系统，通过集成多种功能模块，实现医院后勤服务的智能化管理和实时监控，适用于各类医疗机构的后勤保障工作。系统涵盖中央运送、工程维护及大屏管理等功能模块，可全面监控物资运输与设备设施巡检维修任务。

其可视化大屏将各业务系统数据进行可视化监控管理，以趋势图表、统计图表、实时数据展示及排名展示等多种形式，直观呈现关键业务指标和数据趋势，助力医院优化资源配置、提升工作效率与服务质量，保障医院后勤的高效稳定运行。

3.2.系统任务流程介绍

可视化中心只提供数据展示，不涉及业务流程，本次以开通可视化大屏的步骤来介绍操作流程。

4.操作说明

把软件分解成多个子功能，分别对每个子功能的作用、展现界面、功能操作进行详细的阐述。并对不同任务的创建、分配、执行和增删改操作功能进行详细的介绍。
总体设计原则: 先总体后细节。
布局设计原则: 上下布局择上、左右布局择左、三栏布局择中。

分工建议:

项目经理: 与客户沟通大屏需求、确定设备分辨率、确定大屏展示内容。
设计师: 设计视觉元素、图片、排版布局、配色方案、确保整个屏幕外观美观、易读和引人注目。
开发者: 收集数据，格式化数据、开发数据集、联调大屏测试。

4.1.用户登录

4.1.1.功能描述

使用此系统之前需要进行登录，使用此系统登录主要人员分为两类：项目经理、系统运维人员。【可视化中心】只支持Web端的使用和管理。项目经理 和系统运维人员 主要使用Web端平台进行登录。账号和密码由实施工程师在【设置中心】进行统一注册并给与相应的使用权限，不同角色拿到相应的账号和密码进行登录并使用此系统。具体操作步骤如下：

4.1.2.操作界面

web端浏览器输入：：http://act.blinktech.cn/open in new window 进入登录界面，输入项目经理或系统运维人员的用户名、密码点击登录按钮。如图4-1所示：

4-1：平台登录界面图

4.2.大屏预设展示

4.2.1.功能描述

医院内的【可视化中心】系统整合了【中央运送】、【工程维保】、【质量管理】等多个关键服务模块。为满足不同模块的展示需求，系统为每个服务模块配备了专门的可视化大屏。同时，系统特别设计了多屏切换功能和便捷的管理页面入口，以优化用户体验和管理效率。

多屏切换功能使用户能够在不同展示屏幕间快速切换。通过界面左右两侧的切换按钮，用户可以轻松浏览多个预设展示页面，无论是查看不同系统服务的数据，还是切换业务主题，整个过程都流畅高效。

此外，界面右侧的隐藏开关为用户提供了快速进入大屏管理页面的途径。点击该按钮后，用户可以访问管理页面入口，进而对大屏进行个性化配置，包括调整布局、更新内容、修改数据源等，确保大屏展示始终贴合业务需求。

这种创新的设计，让用户在内容展示和系统管理之间无缝切换，极大提升了操作的便捷性和灵活性，无论是日常展示还是深度管理需求，都能轻松应对。

4.2.3.操作方法

大屏首页的设计以灵活的布局为特色，除了多屏切换按钮外，右侧的“大屏管理菜单”采用固定布局，确保核心功能的便捷访问。其他可视化内容则根据用户的具体需求进行定制化设计，充分满足多样化的展示要求。此外，右侧菜单采用隐藏式设计，在正常操作时，右上角的“管理”和“退出”按钮不会显示，仅在需要时通过点击开关按钮来显示管理入口，确保界面的简洁性和操作的流畅性。

4.3.大屏管理器

快速访问

大屏管理：
【访问】功能说明
【编辑】功能说明
【发布】功能说明
【删除】功能说明
基础类组件说明：文本组件、数字组件、超链接组件、水平线组件与垂直线组件、图片组件、倒计时组件、当前时间组件、自定义HTML组件、外链组件、翻牌器组件、表格组件、排名表组件、轮播表组件、播放器组件、输入框组件、跑马灯组件、图表Tab组件、主题切换组件、选择器组件、时间选择器组件、日期时间选择器组件、指标卡组件。
其他组件说明：图表类组件、 3D类组件、边框类组件、装饰组件、资源组件、自定义组件。

【大屏管理器】是可视化大屏业务的核心功能。通过该功能，用户可以轻松创建、编辑和管理多个大屏展示内容。用户能够灵活地添加、删除或调整大屏上的组件和数据，实现个性化的展示效果。同时，大屏支持多屏展示，用户可以在不同的屏幕或设备上同步展示大屏内容，满足多样化的展示需求。
此外，大屏管理器还提供了便捷的数据可视化工具，用户可以快速将数据转化为直观的图表和图形，帮助更好地理解和分析数据。通过简单的拖拽操作，用户可以轻松布局和设计大屏界面，实现高效的内容管理和展示。
大屏管理器还具备强大的管理功能，用户可以对大屏的发布状态进行管理和监控，确保展示内容的准确性和及时性。无论是企业监控、指挥调度，还是数据分析展示场景，大屏管理器都能为用户提供一站式的大屏解决方案，提升展示效率和效果，助力用户实现高效的业务管理和决策支持。

4.3.2.用户界面

【大屏管理器】分为以下几个子模块：大屏管理、资源库、组件库、数据源管理、数据集管理、地图数据管理。 界面详情4-3-3-1：大屏管理界面

4.3.3.操作方法

4.3.3.1.大屏管理

第一步：点击【大屏管理器】的子模块【大屏管理】分组区中选择【全部】或其他分区。

4-3-3-1：大屏管理界面图

大屏管理区是大屏管理器的核心操作区域，用户可以在这里对大屏进行集中管理和操作。

在管理区内，大屏以卡片形式展示，每个卡片包含大屏的预览图、名称和发布状态等关键信息。这种直观的展示方式使用户能够快速浏览和识别不同的大屏项目，方便进行后续的管理操作。

点击【大屏管理器】的子模块【大屏管理】分组区中选择【全部】或其他分区，再选择需要修改的【大屏】通过移动鼠标，【大屏】会出现“访问”，“设计”，“编辑”，“发布”，“删除”。

4.3.3.1.1.【访问】功能说明

说明： 用户可以选择其中一个大屏点击【访问】,进入页面预览模式，查看实际大屏效果。

4-3-3-1-1：【访问】界面演示1

4-3-3-1-1：【访问】界面演示2

4.3.3.1.2.【设计】功能说明

该界面为大屏设计工具，左侧工具栏提供图层、基础、图表、3D等设计元素，顶部菜单支持缩放、对齐等操作。用户可在工作区通过拖拽添加图表、文本等组件，利用边框、装饰增强视觉效果，借助历史操作、预览、保存等功能辅助设计，还能设置分辨率、背景、主题等参数，满足可视化大屏的多样化设计需求，操作便捷，功能丰富。

4-3-3-1-2：【设计】界面演示1

4-3-3-1-1：【设计】界面演示2

名词解释:

图层： 功能类似于绘画中的图层概念，允许用户将不同的设计元素分层放置，便于调整元素的前后顺序、隐藏或显示特定元素等操作，增强设计的灵活性和可控性。

基础： 指的是设计中的一些基本元素或功能模块，可能涵盖常见的形状、线条、文本等基础图形元素，以及一些基础的交互效果或样式设置等，为设计提供最基础的构建素材。

图表： 图表是指用于以图形化方式展示数据和信息的元素，常见的有柱状图、折线图、饼图等。

3D： 涉及到三维立体效果的相关功能和元素，可让设计中的对象具有立体感和空间感，使设计作品更具视觉吸引力和真实感。

边框： 可为设计中的元素、区域或整个大屏添加不同样式、颜色和宽度的边框，起到强调、区分或装饰作用，增强设计的层次感和整体美感。

装饰： 用于增添设计美观度和个性化的各种装饰性元素或效果，如花纹、图案、特效等，使设计作品更具艺术感和吸引力。

历史操作： 记录用户在设计过程中的操作步骤，方便用户查看操作记录、回退到之前的某个状态或撤销错误操作，为设计过程提供安全保障和可追溯性。

生成图片： 将设计好的内容导出为图片格式，便于分享、展示或用于其他非编辑场景，如发布到社交媒体、用于打印等。

预览： 允许用户提前查看设计在实际应用场景或设备上的显示效果，检查设计是否符合预期，及时发现并调整可能存在的问题。

保存： 将当前设计成果存储到本地或云端，保障设计数据不丢失，方便后续继续编辑或再次使用该设计方案。

清空： 用于清除当前设计界面中的所有内容，使用户能够从空白状态重新开始设计，常用于需要全新构思或替换设计方案时。

分辨率： 在大屏整体设置菜单中，分辨率用于确定大屏设计的像素尺寸，影响设计的清晰度和在不同显示设备上的适配效果，需根据实际使用的大屏设备分辨率进行设置。

背景： 可为大屏设计设置整体背景颜色、图片或图案等，作为设计的底层视觉元素，为其他设计内容提供衬托和基础氛围。

磁吸功能： 指在设计布局时，元素之间或元素与布局边界之间具有一定的自动吸附效果，帮助用户更精准地对齐和定位设计元素，提高布局效率和准确性。

主题： 提供不同风格和色调的主题选项，用户可快速选择应用，使整个大屏设计在视觉风格上保持统一和协调。

4.3.3.1.2.1.通用数据配置说明

4-3-3-1-2-1：【数据集】配置界面1

4-3-3-1-2-1：【数据集】配置界面2

数据集： 它通常是从数据源获取的原始数据经过整理、清洗和整合后形成的结构化数据集合。

4-3-3-1-2-1：【表达式】配置界面3

表达式： 界使用表达式来定义数据的计算逻辑或数据获取方式。表达式可以结合函数、运算符和已有的数据项进行组合，以实现对数据的动态计算、转换和筛选等操作，满足特定的业务逻辑和数据展示需求。

4-3-3-1-2-1：【静态值】配置界面4

静态值： 直接在配置中输入固定的数值、文本等静态数据作为数据来源。静态值适用于一些固定的标签、说明性文本或在开发和测试过程中设置的示例数据等情况，方便快速搭建界面和进行初步调试。

4.3.3.1.2.2.通用样式配置说明

以【文本组件】为示例介绍样式菜单通用项，【基础】组件样式设计中【标题】、【位置】、【边框】、【旋转】这几类设置为通用设置，即其他所有组件都有的样式设置项。

4-3-3-1-2-2：【通用样式】样式设置界面

文本设置： 样式菜单主要提供文本相关样式设置功能，包括字体大小、字体粗细、文字间距、文本对齐方式、文字类型等可进行详细设置。此外还具备文字渐变设置功能，能设置文字渐变方向及渐变颜色，满足多样化文本样式需求。

位置与旋转： 样式菜单提供旋转角度设置，可以精确调整所选对象的旋转角度，实现个性化的旋转效果，支持绕X轴、Y轴和Z轴的旋转，满足复杂的空间旋转需求。

边框设置： 在边框设置方面，可以选择边框样式，并对上边距、右边距、下边距、左边距进行调整，满足不同的布局和设计要求。

4.3.3.1.2.3.基础类组件说明

4.3.3.1.2.3.1.文本组件

4-3-3-1-2-3-1：【文本组件】用户界面

4.3.3.1.2.3.2.数字组件

4-3-3-1-2-3-2：【数字组件】用户界面

数字组件的结构与文本组件相似，数据配置或样式设计中可参考文本组件的操作。

4.3.3.1.2.3.3.超链接组件

4-3-3-1-2-3-3：【超链接组件】用户界面

URL打开方式有：当前窗口，新窗口，弹窗三种方式，按需设置。

4.3.3.1.2.3.4.水平线组件与垂直线组件

4-3-3-1-2-3-4：【线段组件】用户界面

非数据类组件没有【数据集】配置菜单，在设置菜单【基础】设置中可改变线段颜色。

4.3.3.1.2.3.5.图片组件

4-3-3-1-2-3-5：【图片组件】用户界面

在【基础】设置菜单中可以通过点击添加本地图片，也可以使用URL获取图片。

4.3.3.1.2.3.6.倒计时组件

4-3-3-1-2-3-6：【倒计时组件】用户界面

4.3.3.1.2.3.7.当前时间组件

4-3-3-1-2-3-7：【当前时间组件】用户界面

4.3.3.1.2.3.8.自定义HTML组件

4-3-3-1-2-3-8：【自定义HTML组件】用户界面

4.3.3.1.2.3.9.外链组件

4-3-3-1-2-3-9：【外链组件】用户界面

4.3.3.1.2.3.10.翻牌器组件

4-3-3-1-2-3-10：【翻牌器组件】用户界面

4.3.3.1.2.3.11.表格组件

4-3-3-1-2-3-11：【表格组件】用户界面

【表格组件】数据设置部分仅支持【数据集】的方式。

4.3.3.1.2.3.12.排名表组件

4-3-3-1-2-3-12：【排名表组件】用户界面

【排名表组件】数据设置仅支持【数据集】添加方式，【维度】指排名的列名，【指标】指排名的数据量。

4.3.3.1.2.3.13.轮播表组件

4-3-3-1-2-3-13：【轮播表组件】用户界面

4.3.3.1.2.3.14.播放器组件

4-3-3-1-2-3-14：【播放器组件】用户界面

【播放器组件】具备了常用的播放设置包括【暂停】、【音量】、【进度条】、【倍速播放】、【弹幕】、【音效】、【全屏开关】。【倍速播放】最高支持2倍速，最低0.5倍速。

4.3.3.1.2.3.15.输入框组件

4-3-3-1-2-3-15：【输入框组件】用户界面

4.3.3.1.2.3.16.跑马灯组件

4-3-3-1-2-3-16：【跑马灯组件】用户界面

4.3.3.1.2.3.17.图表Tab组件

4-3-3-1-2-3-17：【图表Tab组件】用户界面

4.3.3.1.2.3.18.主题切换组件

4-3-3-1-2-3-18：【主题切换组件】用户界面

4.3.3.1.2.3.19.选择器组件

4-3-3-1-2-3-19：【选择器组件】用户界面

4.3.3.1.2.3.20.时间选择器组件

4-3-3-1-2-3-20：【时间选择器组件】用户界面

时间戳: 从1970年1月1日开始计算的秒数，数据类型为数值型，例如:1483326245000。
自定义: 通过输入特定的格式字符串来指定时间的数据格式，例如:HH:mm:ss对应数据为 09:30:00。自定义时间格式格式说明：
小时:H，表示小时(24小时制)，不补0，例如:3
小时:HH，表示小时(24小时制)，补0，例如:03
小时:h，表示小时(12小时制)，须和A或a使用，不补0，例如:3
小时:hh，表示小时(12小时制)，须和A或a使用，补0，例如:03
分钟:m，表示分钟，不补0，例如:4
分钟:mm，表示分钟，补0，例如:04
秒:s，表示秒钟，不补0，例如:5
秒:ss，表示秒钟，补0，例如:05JS
时间戳: timestamp，仅 value-format 可用，组件绑定值为number类型，例如:1483326245000不需要格式化字符:[MM]，使用方括号标识不需要格式化的字符，例如:MM具体的时间格式化字符和使用方式，可以参考Element-Ul官网的日期选择器的时间格式化部分。

4.3.3.1.2.3.21.日期时间选择器组件

4-3-3-1-2-3-21：【日期时间选择器组件】用户界面用户界面

**时间戳：**从1970年1月1日开始计算的秒数，数据类型为数值型，例如：1483326245000。
**自定义：**通过输入特定的格式字符串来指定时间的数据格式，例如：yyyy-MM-dd HH:mm:ss对应数据为 2023-10-08 09:30:00。
具体的时间设置规则可参考4-3-3-1-2-3-20 【时间选择器】。

4.3.3.1.2.3.21.指标卡组件

4-3-3-1-2-3-22：【指标卡组件】用户界面

4.3.3.1.2.4.图表类组件说明

4.3.3.1.2.4.1.折线类图表说明

4-3-3-1-2-4-1：【折线类图表组件】数据设置界面

在【折线类图表组件】【数据设置】内容相同本次说明以【基础折线图】中的数据设置为示例展示。
【折线类图表组件】数据设置说明：
数据来源：【折线类图表组件】仅支持【数据集】的添加方式。
数据处理：【折线类图表组件】都支持使用【脚本编辑】处理数据内容。
数据配置：【维度】、【指标】、【分组】
维度： X轴上的数据。
指标： Y轴上的数据。
分组： 需要多条数据展示时需要分组管理。