我的大屏

登录后默认进入该界面如下：

• 菜单区域：显示了整个大屏设计一共拥有多少功能菜单。
• 大屏共享精选模板推荐区域：显示了共享优秀的大屏设计，可以提供快速复制创建一个大屏。【新建大屏】是新建一个空白大屏。
• 我的大屏：展示的是当前用户创建的大屏集合，滚动鼠标进行翻页，具体某个大屏功能按钮如下图展示，

功能说明依次是：

• 左侧的黄色小星星：代表是该大屏已经分享。
• 右侧的皇冠图标：代表的该大屏已经被推荐为精选模板。
• 推荐指数几颗星，主要是用于设置大屏的排序。
• 设置大屏共享
• 复制该大屏。
• 删除该大屏。
• 【预览】点击观看最终设计效果，也是分享给其他人员使用的
• 【编辑】点击对大屏进行设计修改。

我的组件

“我的组件” 是简搭云大屏设计模块的个性化组件管理中心，为用户提供个人专属组件的创建、存储、复用与管理能力。该功能整合 “系统预置组件二次配置” 与 “自定义组件开发” 两大核心能力，将用户常用的组件（含配置好的样式、数据关联规则）集中管理，解决大屏设计中 “重复配置组件效率低、个性化需求难满足” 的问题，让用户无需反复调整组件参数，即可快速搭建符合业务风格的大屏页面。 点击右侧菜单【我的组件】

查询区域：

🚩 组件分类：分为自定义vue组件和分类组件，自定义vue组件是手动编写一个vue源码的组件。分类组件：是大屏设计时，将多个组件进行成组后，将其保存形成的。

• 输入搜索：是会同时根据组件名称和组件备注说明进行搜索筛选。
• 新增vue组件：是新增一个自定义vue组件，具体的操作请参考3.1目录

🚩组件列表区域：滚动鼠标展示更多组件信息。

🚩具体组件功能依次是：

• 左上侧：是组件的分类展示，vue自定义组件为绿色，分组组合组件为蓝色。
• 左上侧小星星：代表的是该组件是否共享。
• 右侧皇冠：是代表是否推荐。
• 功能按钮小星星：设置推荐几个星，由管理员进行设置。
• 功能按钮分享：点击将该组件进行共享给其它用户。
• 功能按钮复制：点击复制一份该组件功能。
• 功能按钮删除：点击该组对齐进行删除。
• 功能按钮预览：点击对该组件进行预览。
• 功能按钮编辑：只有自定义vue组件可以进行编辑的。

新增vue自定义组件

新增vue源码自定义组件界面如下：

🚩组件代码区域

• Script：组件逻辑代码实现功能，备注说明：第一点：语法必须符合vue语法。第二点：props属性是大屏设计与当前组件通信的桥梁，大屏设计可以将变量通过props定义的属性，传入到当前组件中。具体props用法请参考【组件_vue props】第三点： this.$emit钩子事件函数，如定义this.$emit(“testevent”) 事件方法，从而通知外部大屏设计逻辑变化。具体$emit的用法请参考【组件事件 | Vue.js】
• Template：是vue的template部分，element ui，datav,可视化大屏设计上的所有组件都时默认已经注册过的，可以直接编写对应组件。
• Css：是自定义组件的css内容，最后编译后css都是私有的。

🚩初始组件属性配置：

• 属性配置：
• 新增自定义属性配置：它是跟props相关的，必须先添加props属性，才能新增自定义属性配置。 新增自定义属性配置如下图：

• 1.配置属性：数据来源于自定义组件的props
• 2.属性名称：给该属性定义一个属性的名称
• 3.编辑类型：大屏设计时，该组件使用什么组件，给当前属性进行编辑。
• 4.生成formdata：如果是，大屏设计时会在formData中增加该属性的变量。
• 5.默认值：设置该属性的默认值。
• 6.默认值是否json :开启状态下会将json转成对象传入到该属性，否则是以字符串方式传入到该属性。
• 7.其它：设置下拉列表选项值。
• 组件名称：必填，给组件进行命名，用于组件搜索
• 数据设置->自动缩放：该按钮开启状态下，大屏设计该组件，拉宽拉大都会占满这个组件设计的宽高的。

🚩事件配置：

• 新增的事件名称必须与源码中的this.$emit的名称一致。
• 事件描述：对该事件进行备注与说明。

我的数据源

“我的数据源” 是简搭云大屏设计模块的核心数据管理中枢，为用户提供个人专属的数据源聚合、配置与管理能力。该功能整合多类型数据接入方式，支持对数据源进行统一存储、编辑、测试与关联，解决大屏设计中 “数据分散难找、重复配置低效” 的问题，让用户无需反复对接数据接口，即可快速调用数据支撑大屏可视化展示。 数据源管理列表页面如下：

具体的数据源功能如下：

• 左上角是数据库的类型，分别mysql、sqlserver、oracle、postgresql、达梦数据库
• 右侧第一个按钮【编辑】：点击进行更改数据源。
• 右侧第二个按钮【下载部署离线包】：是下载对应数据源以及数据源下面所有的Api接口进行离线下来，进行本地部署，具体操作请查阅【可视化大屏离线部署后端: 可视化大屏使用了在线db数据库Api接口后，离线部署到本地使用的后端架包】
• 右侧第三个按钮：点击进行删除数据源模块。
• 点击中间图进入具体Api接口创建列表，具体的操作请参考【04、动态DB接口】=>【03.界面操作说明.md】的操作

我的素材

“我的素材” 是简搭云大屏设计模块的专属资源管理中心，用于集中存储、管理大屏设计过程中所需的各类资源文件，支持素材的上传、分类、检索、复用与共享，帮助用户建立个人化素材库，减少重复寻找或制作素材的时间，提升大屏设计效率，同时保障素材资源的安全性与可追溯性。 界面如下：

查询条件，时间范围是根据上传资源文件的日期进行搜索。搜索根据是文件名称搜索。

共享大屏

共享大屏是简搭云大屏设计模块的核心协作功能，支持将已设计完成的大屏项目，通过灵活的权限配置与分享方式，快速同步给团队成员、业务部门或外部合作伙伴，实现大屏数据可视化成果的高效共享与协同查看，无需重复创建大屏，降低沟通成本，提升数据价值传递效率。 共享大屏界面如下：

图表组件

图表组件列表是包含：集成2万+ ECharts组件，提供快速搜索和预览的界面，界面如下：

地图资源

地图数据是展示全国各省份，市，区，县，4W+乡镇地图的gojson数据，具体界面如下：

查询区域：可根据身份进行搜索和地图名称搜索。 【预览】：最终展示各省份，市，区，县，乡镇的轮廓地图信息。

共享组件

共享组件界面如下

教程

主要展示可视化大屏设计器教学视屏列表。具体的界面如下。