工业智能可视化远程控制

数据容器(平台功能)与数据容器(组件)区别

简介：数据容器分为组件级别和全局 二者通常在开发中需要交配使用组件级数据容器 数据容器(组件)全局数据容器 数据容器(平台功能)相同点：二者实质均为数据容器 均可当做多种数据源进行数据分发区别：数据容器(组件)会受到组件显隐切换、动态面板、引用面板的影响如该组件隐藏、或动态面板没有加载等情况时 请求不会发出数据容器(平台功能) 在初始加载不受任何影响 如上图可看到用全局数据容器，会正常发送请求

实现验证码图片的效果

实现效果：有一张显示颜色验证码的图片，点击该图片后，会切换成另一张验证码图片。实现思路：1.首先需要一个图片组件，用于显示验证码。2.需要一个能提供验证码的接口，该接口需要一个请求参数——时间戳，同时会返回两个参数——验证码图片的url和新的时间戳。3.用数据容器组件去接入这个验证码的接口，拿到数据后，发出一个回调，比如叫msg4.图片组件通过过滤器去接受这个回调msg。5.给图片组件添加点击回调

表格排序

功能说明实际项目实施中，有时候会需要对表格做排序。单个组件无法实现，这个时候不需要单独做定制开发，多个组件之间结合使用即可满足需求。此处示例可以作为参考，实际项目中还是根据对应需求来处理。点击图片中 区域1 的三角箭头，即可使 区域2 的内容进行排序联动。大屏链接📎大屏包-表格排序.zip实现思路轮播表格默认展示顺序与数据返回顺序相同，想要动态控制轮播表格内容的排序，通过调整轮播表格的数据即可。数

数据过滤器的特性与用法

用法介绍数据过滤器通常作用于数据的处理，其本质是一个代码块，通常与数据容器搭配使用，以数据容器作为数据源，数据过滤器进行数据的加工处理，最后输出合适的数据结构以及内容创建过滤器勾选「使用过滤器」选项，下方「加号」按钮 进行过滤器添加；名称做过滤器的管理，必填项；回调字段，即当组件需要接收回调参数时，可在此处进行填写接收（详细使用场景 可见数据交互模块）；编辑器，即用户可在此处编写原生的JS脚本，主

iframe子页面中，存在海康/大华监控播放器插件，播放器位置发生了偏移，该怎么办？

const dom = document.getElementById(\bigscreen-container\) //该dom上存在缩放系数 if(dom){ const transform = dom.style.transform const scale = transform?transform.match(/^scale\\((.+)\\)$/)[1]:\1,1\

数据分发

1.逻辑思维目标组件的静态数据中添加标记字段，数据过滤器内通过 data 参数获取到对应标记，随后根据需求进行逻辑处理。2.实际操作数据容器模拟数据标题组件接受userData回调,根据静态数据的key筛选userData回调的数据(需提前在静态数据里根据数据类型添加筛选字段),根据key的筛选,做到一个过滤器,多个组件通用,实现数据分发3.demo示例📎数据分发 demo_142279.zip

平台内是否支持组件二次开发？

二次开发内容支持度模块支持度备注UI风格修改支持根据项目诉求，可配合根据客户提供UI规范进行产品UI样式的修改及Logo企业信息的替换组件自定义开发支持平台提供自定义组件开发规范及组件开发体系化培训，用户可根据业务场景定制可视化组件(如Gis场景、三维组件等)。用户体系对接支持购买独立部署版本，支持与客户环境现有用户系统进行打通，实现单点登录(需事提供相应的用户系统接口规范)，且开放已发布项目的最

产品的架构是怎么样的呢？

系统层 数据智能，让未来变成现在EasyV系统采用 B/S 架构，依托于浏览器,一处部署多端访问，可通过不同客户端随时随地进行浏览、访问，轻量、易维护。数据层 支持 MySQL、Oracle、SQL Server 等常见关系型数据库，Restful API ，CSV 静态数据，音视频流媒体，且支持快速集成其他常见数据源类型，如 API 网关等。 由数据库或 API 获取到相应指标后，若指标与图形预

数据驱动子组件显隐

一般情况下，对子组件的显隐操作都使用自定义事件来进行一对一事件控制，这种方式方便快捷，不需要写代码。如果要单独显示某个子组件，则需要把其他不需要显示的组件全部隐藏。当需要显隐控制的子组件比较多时，需要配置的事件与动作会迅速膨胀。事件驱动下，显隐都需要全额配置随着控制的入口增多、需要操作的子组件增多，配置起来也会越来越复杂，一旦中途新增了子组件，所有的控制入口全都要对新增的子组件做对应动作配置。数据

从点九图看EasyV编辑模式的使用方式

代码仓库：http://gitlab.prod.dtstack.cn/visdev/visApplication/easyvc_new/draw-9-patch.git先来看看EasyV中点九图组件的编辑效果：从上图中可以看出一下几个功能点：1.组件进入编辑模式后，会出现四根绿色的线（edit属性）。2.鼠标拖动四根绿线，图片会做出相应的缩放变化（点九图特性，不懂的自行百度，该功能的实现不是本文重