《工业可视化》课件 任务3.1 设计设备远程运维页面 -任务实施

项目三：后市场服务的可视化设计任务3.1设计设备远程运维页面>>※任务实施《工业可视化》/工业互联网系列课程《工业可视化》/工业互联网系列课程目录1.任务分析2.导入项目3.设计设备工作状态4.设计设备健康评分5.设计维保记录信息6.设计配件故障预测7.设计故障处理记录8.设计设备实时工况9.预览验证页面效果1.任务分析本任务的主要目的是设计设备的健康信息，便于设备维修工程师和设备用户能实时查看设备的健康情况，具体展示数据和显示组件分析结果如分析结果如下表所示：展示模块具体内容使用组件数据源设备信息设备编码、设备位置文本组件无设备工作状态设备图片图片组件无设备工作状态图片组件物模型-工程机械车-作业/收车设备健康评分健康状态文本组件物模型-工程机械车-设备健康评分健康评分立体仪表盘维保记录惊喜工单日期、维保类型、工单状态表格组件MYSQL数据库-维保记录配件故障预测配件名称、故障编码、故障概率、预测周期表格组件MYSQL数据库-配件故障预测故障处理记录故障类型、故障原因、处理日期、处理状态表格组件MYSQL数据库-故障记录设备实时工况油位百分比立体仪表盘物模型-工程机械车-油位冷却水温度立体仪表盘物模型-工程机械车-水温转速立体仪表盘物模型-工程机械车-转速负载立体仪表盘物模型-工程机械车-实际负载任务分析2.导入项目（1）登录云视界，在云视界首页单击“创建项目”，在弹窗中单击“导入项目ID”，然后在新弹窗中输入项目ID、项目名称（自定义），最后单击“导入”按钮。创建项目2.导入项目（1）

任务分析（2）创建完成后，页面自动跳转到可视化编辑页面。创建项目2.导入项目（3）修改页面名称。先单击页面切换图标，出现的弹框中，单击编辑图标，把页面名称改为“设备健康信息”（注：名称可自定义，但是建议按照一定的规范进行修改，便于其他工程师运维），单击“确定”按钮完成修改。修改页面名称3.设计设备工作状态（1）从“素材库→我的→工业可视化课程素材→任务3_1”文件中，找到设备图片拖拽到页面中间如图所示的位置，也可以自己上传素材使用。导入素材3.设计设备工作状态（2）从“素材库→我的→工业可视化课程素材→任务3_1”文件中，找到状态图片拖拽到设备图片右上角，并切换到数据源设置，打开“物模型”开关，选择数据源为“采集点数据”，取值为“N工作/收车”。设置数据源3.设计设备工作状态（3）设置图片组件关联的数据，根据其采集到的状态值变化，显示为对应的状态图片。由于图片组件关联的“工作/收车信号”是布尔量，只有true（值为1）和false（值为0）两种状态，因此设置其筛选条件为“=0”的时候，显示的图片为灰色关机图标，表示设备不是作业（关机）状态；设置其筛选条件为“=1”的时候，即设备在作业状态的时候，显示的图片为绿色作业图标。设置关联数据4.设计设备健康评分（1）从控件组件中，把立体仪表盘组件拖拽到如图所示的位置，并设置其属性，本示例字号改为“40”，字体位置改为“25”，单位输入改为“分”，用来表示设备的健康得分。设计健康评分4.设计设备健康评分（2）从基础组件中，选择文本组件拖拽到设备健康评分区域，并设置其属性如图所示。设计属性4.设计设备健康评分（3）切换到数据源编辑区，把“数据源”的“物模型”开关打开，“物模型”选择前面任务创建的“工程机械车”，“数据源”选择“采集点数据”，单击“取值”后面的“+”图标，再从出现的下拉列表中选择“N设备健康评分”，完成文本组件和数据关联。设置数据源4.设计设备健康评分（4）设置文本组件数据源的判断条件，使之在不同条件下不同的文字内容。由于文本组件关联的“设备健康评分”是连续性的离散量，数值区间[0,100]，因此设置其筛选条件1为“>=90”的时候，显示的文字内容为“设备处于良好的状态”，文字颜色为绿色；否则满足筛选条件2为“区间60至89.99之间”的时候，显示的文字内容为“使用意见：继续使用，闲时保养”，文字颜色为黄色；未满足条件的情况下，显示的文本内容为“注意！请及时对设备进行检修保养”，文字颜色设置为红色。设置判断条件5.设计维保记录信息（1）使用拖拽的方式，把表格组件添加到维保记录区域位置并调整大小，并设置其组件名称为“维保记录”。设置维保记录5.设计维保记录信息（2）按照图中所示的线框内的参数，修改维保记录的表格属性，其他采用默认设置。设置属性说明：本书的示例参数仅供参考，实际需可以根据用户的审美偏向进行调整。5.设计维保记录信息（3）完成创建表格组件之后，切换到表格组件数据源编辑区，“数据源”选择“维保记录”，依次单击“取值”后的“+”图标，再出现的下拉列表中选择“工单日期”、“维保类型”、“工单状态”，完成表格组件和数据关联，其他无需修改。设置数据源6.设计配件故障预测（1）把表格组件拖拽到配件故障预测的区域内，按照“5.设计维保记录信息”的操作步骤设置其属性，并设置其数据源为“配件故障预测”，维度选择“配件名称、故障编码、故障概率、预测周期”。设计故障预测7.设计故障处理记录（1）把表格组件拖拽到配件故障预测的区域内，按照“5.设计维保记录信息”的操作步骤设置其属性，不勾选动画效果；并设置其数据源为“故障记录”，维度选择“维修日期、故障类型、故障原因、服务状态”，勾选表格翻页选项。设计故障记录8.设计设备实时工况（1）使用拖拽的方式，把立体仪表盘组件添加到实时工况区域，调整其大小，其他属性不需要调整，字号改为40，字体位置改为35，单位输入“%”，其他参数可无需修改。设计油位工况8.设计设备实时工况（2）修改完成后，切换到数据源编辑区，把“数据源”的“物模型”开关打开，“物模型”选择前面任务创建的“工程机械车”，“数据源”选择“采集点数据”，单击“取值”后面的“+”图标，再从出现的下拉列表中选择“油位”，完成立体仪表盘组件和数据源关联如图所示。设置数据源8.设计设备实时工况（3）在立体仪表盘下方，添加文本组件，属性根据用户审美偏好进行设置，文本内容输入“油位百分比”。设置文本8.设计设备实时工况（4）重复前三步的操作，分别设计冷却水温度、转速、负载立体仪表盘的属性和数据源以及对应的显示文本内容，如图1和图2、图3所示。设计其他工况图1图2图39.预览验证页面效果（1）完成所有内容的设计及数据源配置之后，单击“保存当前页”，然后进行预