文档中心

自由配置面板配置指南

更新时间:2020-02-20 05:14:18下载pdf

简介

自由配置面板拥有最大的自由程度,可以对 App 界面进行自由配置。不同的功能点可选择不同形状组件、图标、背景,拖拽可排序,点点鼠标,即可变化界面风格。 优点是界面功能模块完全与创建的DP点一致,缺点是面板完全模块化,美观度不足,因此常用于项目的调试阶段,作为临时面板使用。 注意:自由配置面板不能显示raw型故障型DP

配置流程

下面以Wi-Fi多功能传感器为例讲解如何配置。

产品功能需求

1、支持布防、撤防、离家三种模式选择,其中布防模式为检测且告警;撤防模式为不检测且不告警;离家模式为检测且不告警。

2、支持声音报警、光亮报警、声光报警三种报警方式选择。

3、集成VOC、PM2.5、甲醛三种数据的检测及告警。

4、智能场景支持定时功能。

配置效果展示

自由配置面板配置指南

配置步骤

设置DP点

a)根据产品需求勾选下图标准DP点:

自由配置面板配置指南

b)确定后DP点详情展示如下:

自由配置面板配置指南

c)根据产品需求自定义添加下图DP点

注意:由于自由配置面板仅显示DP点内容,云定时功能将不会显示在自由配置面板上,但开启后将支持在App的场景与自动化中设置定时。

自由配置面板配置指南

d)设置完DP点后选择自由配置面板,此时的面板样式如下:

自由配置面板配置指南

设置多语言文案(若修改未生效请清理APP缓存或重新扫码)

多语言管理选项中可编辑DP点的文案描述。由于自由配置面板全部由DP点构成功能模块,因此该部分的文案将如数显示在面板上,利用好多语言文案设置可为面板锦上添花

注意:若某个字段未填写文案,将默认显示功能点名称或语言包Key值

a)下表是产品界面初始的文案
序号功能点属性值语言包Key值简体中文英语
31VOC检测值-dp_voc_valueVOC检测值VOC Value
voc_valueunitdp_voc_value_unit
33PM2.5检测值-dp_pm25_valuePM2.5检测值PM2.5 Value
pm25_valueunitdp_pm25_value_unit
39甲醛检测值-dp_ch2o_value甲醛检测值CH2O Value
ch2o_valueunitdp_ch2o_value_unit
40布防模式-dp_mode_arm
mode_armarmed_stayingdp_mode_arm_armed_staying
disarmeddp_mode_arm_disarmed
armed_leavingdp_mode_arm_armed_leaving
101VOC告警-dp_bt_voc
bt_vocondp_bt_voc_on
offdp_bt_voc_off
102PM2.5告警-dp_bt_pm25
bt_pm25ondp_bt_pm25_on
offdp_bt_pm25_off
103甲醛告警-dp_bt_coho
bt_cohoondp_bt_coho_on
offdp_bt_coho_off
104报警方式-dp_alarm
alarmA1dp_alarm_a1
A2dp_alarm_a2
A3dp_alarm_a3
A4dp_alarm_a4
b)补充多语言文案如下:
序号功能点属性值语言包Key值简体中文英语
31VOC检测值-dp_voc_valueVOC检测值VOC Value
voc_valueunitdp_voc_value_unitmg/m3ppm
33PM2.5检测值-dp_pm25_valuePM2.5检测值PM2.5 Value
pm25_valueunitdp_pm25_value_unitμg/m³μg/m³
39甲醛检测值-dp_ch2o_value甲醛检测值CH2O Value
ch2o_valueunitdp_ch2o_value_unitppmppm
40布防模式-dp_mode_arm模式Model
mode_armarmed_stayingdp_mode_arm_armed_staying布防Armed
disarmeddp_mode_arm_disarmed撤防Disarmed
armed_leavingdp_mode_arm_armed_leaving离家leaving
101VOC告警-dp_bt_vocVOC告警VOC alarm
bt_vocondp_bt_voc_onOn
offdp_bt_voc_offOff
102PM2.5告警-dp_bt_pm25PM2.5告警PM2.5 alarm
bt_pm25ondp_bt_pm25_onOn
offdp_bt_pm25_offOff
103甲醛告警-dp_bt_coho甲醛告警COHO alarm
bt_cohoondp_bt_coho_onOn
offdp_bt_coho_offOff
104报警方式-dp_alarm
alarmA1dp_alarm_a1声音报警Sound
A2dp_alarm_a2光亮报警Light
A3dp_alarm_a3声光报警Sound&Light
A4dp_alarm_a4报警解除Disarm

调整面板布局

a)在App界面栏目点击编辑模板

自由配置面板配置指南

b)初始界面样式设置如下图所示

自由配置面板配置指南

c)对图标进行排序、模块大小调整、图标更改、背景选择操作后,最终功能点样式如下

自由配置面板配置指南

d)各配置功能说明
  • 拖拽排序功能

一栏能显示一个大模块一个中模块三个小模块

当两个小模块被一个大模块或中模块隔开时,两个小模块会独立成栏,并且居中显示

  • 模块大小

注意

大模块可支持使用滑条调节数值型功能点

中模块可将布尔型功能点显示为滑块开关

自由配置面板配置指南

  • 图标更改

每一个功能点都会显示图标,图标将显示在功能点名称的上方

目前暂不支持上传自定义图标

  • 背景选择

只有大模块可显示背景图片

目前暂不支持上传自定义背景

e)最终面板如图所示

自由配置面板配置指南

点击获取服务和帮助