物业园区设备巡检系统模板使用模型应用进行搭建。
操作步骤
步骤1:新建通用选项集
模板使用到了枚举类选项,因此需要先在微搭平台的通用选项集中创建选项集数据。
选项标识 | 选项值 |
1 | 消防设备 |
2 | 电气设备 |
3 | 生产设备 |
选项标识 | 选项值 |
1 | 正常运行 |
2 | 带病运行 |
3 | 停机待修 |
4 | 停用 |
5 | 报废 |
步骤2:新建数据模型
模板用到了设备档案、巡检计划、巡检内容、巡检单等四个数据模型,所以在创建应用前先创建数据模型。
字段名称 | 字段标识 | 类型 | 规则 |
设备名称 | sbmc | 短文本 | - |
设备编号 | sbbh | 短文本 | - |
设备类型 | sblx | 枚举 | - |
规格型号 | ggxh | 短文本 | - |
安装地点 | azdd | 短文本 | - |
设备状态 | sbzt | 枚举 | - |
生产厂商 | sccs | 短文本 | - |
启用日期 | qyrq | 日期 | - |
设备照片 | sbzp | 图片 | - |
巡检计划 | xjjh | 关联关系 | - |
巡检内容 | xjnr | 关联关系 | - |
字段名称 | 字段标识 | 类型 | 规则 |
计划名称 | jhmc | 短文本 | - |
每天次数 | mtcs | 短文本 | - |
字段名称 | 字段标识 | 类型 | 规则 |
巡检名称 | xjmc | 短文本 | - |
巡检内容 | xjnr | 长文本 | - |
字段名称 | 字段标识 | 类型 | 规则 |
巡检时间 | xjsj | 日期时间 | - |
巡检人员 | xjry | 关联关系 | - |
巡检设备 | xjsb | 关联关系 | - |
巡检内容 | xjnr | 关联关系 | - |
巡检计划 | xjjh | 关联关系 | - |
巡检记录 | xjjl | 长文本 | - |
定位 | dw | 地理位置 | - |
拍照 | pz | 图片 | - |
今天第几次巡检 | jtdjcxj | 数字 | - |
巡检编号 | xjbh | 短文本 | - |
巡检结果 | xjjg | 枚举 | - |
步骤3:创建应用页面
1. 进入 创建新应用 页面,单击新建数据模型应用。输入应用名称单击新建。
2. 在创建页面中选择 步骤2 创建的4个数据模型。单击创建页面,应用页面基本由数据模型自动生成。
步骤4:页面内容调整
首页
创建自定义页面,设置为首页。在页面中使用普通容器组件、网格布局组件、统计卡片组件、标题组件、柱状图组件、折线图组件、表格组件等实现设备状态统计看板、设备巡检次数统计、巡检次数时间分布、巡检明细等功能。
设备档案
设备档案主要包括设备档案列表、创建设备档案、更新设备档案、设备档案详情四个页面。设备档案列表的“新增”、“查看”、“编辑”按钮都设置成页面跳转,跳转页面分别是创建设备档案、更新设备档案、设备档案详情。
其中查看、编辑跳转过程中传递参数如下:
创建设备档案页面,在组件树中删除原来的新增组件,用表单容器组件代替。在表单容器组件下使用网格布局、单行输入、下拉选择、日期选择、图片上传、按钮等组件。
各种组件的属性和样式具体设置可按照模板查看详情。更新设备档案页面,在组件树中删除原来的更新组件,用表单容器组件代替。在表单容器下使用的组件同上面创建设备档案页面。表单容器组件的属性中数据标识使用以下传递参数 ID。$page.dataset.params.id
其它组件的属性和样式具体设置可按照模板查看详情。设备档案详情页面,在组件树中删除原来的详情组件,用数据详情组件代替。在数据详情组件下使用普通容器、文本、分割线、弹框、标题等组件,相关属性和样式设置可以按照模板查询详情。
数据详情组件使用传递参数 ID 作为过滤条件。
巡检计划
巡检计划主要包括巡检计划列表、创建巡检计划、更新巡检计划、巡检计划详情四个页面。巡检计划列表查看修改成自定义,都设置成页面跳转,跳转页面是巡检计划详情,传递参数。
$scope.id2.cell__custom__option.record._id
巡检计划详情页面组件树中删除原来的详情组件,使用数据详情组件代替。
数据详情组件的筛选条件使用变量 ID。
巡检内容
巡检内容主要包括巡检内容列表、创建巡检内容、更新巡检内容、巡检内容详情四个页面。巡检内容列表查看修改成自定义,都设置成页面跳转,跳转页面是巡检内容详情,传递参数。
$scope.id2.cell__custom__option.record._id
巡检内容详情页面组件树中删除原来的“详情组件”,使用“数据详情”组件代替。
其设置形式类同巡检计划详情页面。
巡检单
巡检单内容主要包括巡检单列表、创建巡检单、更新巡检单、巡检单详情四个页面。巡检单列表的新增、查看、编辑修改成自定义,都设置成页面跳转,跳转页面分别是创建巡检单、更新巡检单、巡检单详情,查看、编辑跳转过程中传递参数。
创建巡检单页面,在组件树中删除原来的新增组件,用表单容器组件代替。
其中表单容器提交事件中调用了自定义方法 createOrder 实现巡检单的数据保存。
自定义方法内容如下:export default async function({event, data}) {//查询巡检设备const conditions = [{ key:"_id",rel:"eq",val:event.detail.xjsb }];const xjsb_result = await app.cloud.callDataSource({ dataSourceName: 'sbda_dh6ekro', // API 标识methodName: 'wedaGetItem', // API 方法标识params:{where:conditions,},});const result = await app.cloud.callDataSource({dataSourceName: 'xjd_etu4dhc',//数据表名methodName: 'wedaCreate',//新增方法params: {xjsj:event.detail.xjsj,xjry:event.detail.xjry,xjsb:event.detail.xjsb,xjnr:event.detail.xjnr,xjjh:event.detail.xjjh,xjjl:event.detail.xjjl,dw:event.detail.dw,pz:event.detail.pz,jtdjcxj:event.detail.jtdjcxj,xjbh:xjsb_result.sbbh+xjsb_result.sbmc+"-"+app.utils.formatDate(event.detail.xjsj, 'yyyy-mm-dd')+"-【"+event.detail.jtdjcxj+"】",xjjg:event.detail.xjjg,}, // params中是新增方法入参,可以根据实际情况设置,其中参数key对应表中字段,value是需要新增内容值。});//location.reload();//页面重载}
表单容器中巡检内容选择使用下拉选择组件,并添加值改变事件,调用自定义方法 getRecord。
自定义方法内容如下:export default async function({event, data}) {const result = await app.cloud.callDataSource({ dataSourceName: 'xjnr_62apz8x', // API 标识methodName: 'wedaGetItem', // API 方法标识params:{_id:event.detail.value,},});$page.dataset.state.record_xjnr = result.xjnr;}
其作用是查询选项关联的巡检内容,然后赋值给变量 record_xjnr。
巡检记录的输入值则绑定了变量 record_xjnr,从而实现巡检内容改变带动巡检记录变化的效果。
定位使用了地图定位组件,绑定了地图 API 。
巡检单的页面设置类同设备档案,其它具体细节配置可查看模板详情设置。