...
- 单对象控件:选择框、日期框、数字框
- 多对象控件:表格的列面板定制、事件、操作列功能
- 手机端控件:轮播、商品卡片
1.维护单个设备信息
单个设备信息维护表单设计如图。
...
3)在自定义下拉内容处,将“搅拌车,挖掘机,装载机”(逗号分割,中英文符号均可),点击确定后,下拉的选项组即刻显示在下拉框中。
图-选择框属性设置
信息 | ||
---|---|---|
| ||
|
...
3)根据实际的业务需要,可以设置日期框的日期格式,例如年月、年月日、时分秒等。默认设置为年月日。
图-日期框属性设置
1.3 单对象控件-数字框
...
下面以在设备列表的操作列创建工单操作为例,为大家介绍操作的设置信息。这部分内容会涉及到第五章 表单建模进阶的表单,大家可以学习第五章后再进行操作。同时在本示例中还会串讲第三部分 DWF脚本开发的脚本内容。大家不必纠结脚本语法,按照我们提供的脚本复用即可。
图-基于设备创建工单操作编辑框
前处理脚本内容如下,用于为将选中设备对象的”全局唯一标识oid“回填到工单对象的“故障设备oid“。表单打开前脚本内容如下,用于为将选中设备对象的”全局唯一标识oid“回填到工单对象的“故障设备oid“。
代码块 | ||||
---|---|---|---|---|
| ||||
//前处理脚本 if (this.selectedObjs && this.selectedObjs.length > 0) { return { obj: { assetOid: this.selectedObjs[0].oid, woTitle: "输入维修规程" } } } |
后处理脚本如下,创建工单成功后,更新设备对象记录“当前工单数woCount”的属性值,同时刷新MultiAssets表单中表格的数据。表单关闭后脚本如下,创建工单成功后,更新设备对象记录“当前工单数woCount”的属性值,同时刷新MultiAssets表单中表格的数据。
代码块 | ||||
---|---|---|---|---|
| ||||
//后处理脚本 if (this.selectedObjs && this.selectedObjs.length > 0) { targetAsset = this.selectedObjs[0]; targetAsset.woCount += 1; this.edit(targetAsset, this.className).then(r => { grid = this.getAddinById("Grid1");//Grid1为MultiAssets表单中表格控件代号,需要调整成自己系统表格的id grid.freshData(); }) } |
...
如果想要实现功能的操作并未创建,则需要点击“绑定操作”处的“+”按钮,为按钮新增并绑定一个操作。
图-创建设备操作编辑框
3.批量创建及编辑实体类
...
3)保存表单后,回到app端刷新页面。还是同样的方式,可以多次点击新增按钮批量新增实体类对象,此时可以点击操作列对新增的空对象进行对象编辑。如下图所示。
4
...
手机端表单设计如图:
手机端表单有两种方法可以实现:
- 方法1:直接在表单模型管理界面中新增移动端表单。
- 方法2:直接在创建操作时直接新增移动端表单。
首先介绍第1种——直接在表单模型管理界面中新增移动端表单。建模过程(基于上文已创建的表单)如下:
1)表单模型中Asset点击创建,出现创建表单对话框,选择移动端填写表单名(英文名)“assetMobile",显示名(中文名)”设备移动端“。
2)表单定制页面中,拖拽控件区的轮播控件到相应位置,画图区中点击轮播控件,在属性区中修改轮播项1、2、3为图片库,点击图片库下的空白格,出现图片管理器弹框,点击上传,从本地图库中选择三个搅拌车进行上传,并选中第一个搅拌车图片,点击轮播项1的图片库下的空白格;选中第二个搅拌车图片,点击轮播项2的图片库下的空白格;选中第三个搅拌车图片,点击轮播项3的图片库下的空白格,点击确认。读者也可以根据需要新增不同类型的表单,并进行定制。
3)表单定制页面中,拖拽控件区的商品卡片控件到相应位置,画图区中点击商品卡片,在属性区中选择目标类“设备”,选择商品标题“代号”,商品描述“设备名称”,商品图片“设备图标”,商品价格“工作小时数”,填写货币符号“开工小时:”,选择商品数量“总故障报警数”,填写数量符号“报警:”,选择商品标签“设备类型”,商品标识“设备状态”。
4)保存表单后,点击分享,出现手机扫码预览的二维图,读者用自己的手机扫描,可以看到相应的手机端页面。
方法2——直接在创建操作时直接新增移动端表单。在功能模型中,点击设备手机端,点击添加标签,填写显示名“设备移动端”,选择目标类“设备”,新增表单名称“assetMobile”,点击编辑,出现的表单定制页面,按照步骤2)、3)、4)操作即可。
...
.小结
维护单个设备信息 SingleAsset
- 布局控件
- 行、列、分组框
...
- 布局控件-行、列
- 单对象控件
- 按钮:单击事件——创建设备、编辑设备、删除
- 多对象控件
- 表格:列定制面板、操作列、事件
手机端控件信息 assetMobile
- 表单模型中新增移动端表单
- 创建操作时直接新增移动端表单
...
5.附件
View file name 表单建模入门(二)第四章 表单模型(二).zip height 250