有奖捉虫:行业应用 & 管理与支持文档专题 HOT
物业园区设备巡检系统模板使用模型应用进行搭建。

操作步骤

步骤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 。

巡检单的页面设置类同设备档案,其它具体细节配置可查看模板详情设置。