页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

1)表单模型中Asset点击创建,出现创建表单对话框,选择移动端填写表单名(英文名)“assetMobile",显示名(中文名)”设备移动端“。

Image Modified

2)表单定制页面中,拖拽控件区的轮播控件到相应位置,画图区中点击轮播控件,在属性区中修改轮播项123为图片库,点击图片库下的空白格,出现图片管理器弹框,点击上传,从本地图库中选择三个搅拌车进行上传,并选中第一个搅拌车图片,点击轮播项1的图片库下的空白格;选中第二个搅拌车图片,点击轮播项2的图片库下的空白格;选中第三个搅拌车图片,点击轮播项3的图片库下的空白格,点击确认。读者也可以根据需要新增不同类型的表单,并进行定制。

...

查看设备详情指的是1.1建立设备列表中商品卡片中的设备详情,点击商品卡片,属性区中事件中新增单击事件,填写显示名“显示手机详情页”,选择动作“edit”,操作样式“tab|页签”,目标类“设备”,点击新增表单名称,开始创建表单,填写表单名“assetMobileSingle”,显示名(中文名)“搅拌车手机详情”。编辑新增表单,进入表单定制页面。

Image Modified

1)表单定制页面中,拖拽控件区的多列到手机画图区中,拖拽上传文件到多列的第一个框中,属性区中选择目标属性“设备图标”,显示方式“图片”,设置对齐方式“居中”。拖拽文本标签到多列的第二个框中,属性区中选择目标属性“代号”。

...

8)拖拽控件区的多列框到手机画图区中,分别拖拽两个按钮到多列框中,分别点击两个多列框,在属性区样式中,点击水平对齐方式“居中”,分别点击两个按钮,在属性区中样式中,点击圆角,宽度设置为“100px”。点击第一个按钮,属性区事件中选择单击事件“编辑”。点击第二个按钮,属性区事件中新增单击事件,填写显示名“回到设备”,选择动作“visit”,操作样式“tab|页签”,目标类“设备”,表单名称“assetMobile”,点击保存。

3.手机端显示设备工单详情 

Image Added     Image Added     Image Added     Image Added

通过创建设备、工单详情,读者可以看见不同的手机表单,本部分内容通过在功能模型中手机端的设置,让读者在手机中可以自由跳转,看不同的设备、工单页面。

...

功能模型中,点击设备手机端,将设备设为默认,并移动到工单上面,点击保存设置,点击扫码体验,出现手机扫码预览的二维图,读者用自己的手机扫描,可以看到相应的手机端页面。

手机页面中,点击第一张图下面的设备列表,出现第二张页面。第二张页面中点击下面的工单列表,出现第三张页面。第三张页面中点击工单详情,出现第四张页面。第四张页面中点击右下角的回到设备按钮,又回到第一张页面。如此反复,手机端的表单定制功能在无代码的环境下可以定制出来。

4.小结

手机端控件信息 assetMobile

  • 表单模型中新增移动端表单
  • 创建操作时直接新增移动端表单

...

基本概念

  • 移动端应用通道
  • 移动端表单

功能实现

  • 设备浏览,工单浏览
    • 商品列表
    • 轮播图
  • 设备详情,工单详情
    • 标签、文本、选择框、拍照
    • 按钮

5.附件

View file
name第五章 表单模型(三).zip
height250