移动单据设计

介绍全新创建一个移动单据，以及如果简单设计界面、编写插件、启动代码调试、及功能发布云之家。

Previous移动单据 Next移动单据列表插件

Last updated 6 years ago

Was this helpful?

移动单据设计

介绍全新创建一个移动单据，以及如果简单设计界面、编写插件、启动代码调试、及功能发布云之家。

【新建移动单据】

新建移动单据步骤：打开BOSIDE -》打开子系统 -》新建移动单据。

【选择来源单据】

选择绑定来源单据，本示例用销售订单。

【单据列表】

1、列表布局：

参考下图步骤设置每行格式（注：增加内边距，整体界面看起来不会那么拥挤。）

2、列表行布局

增加两个横向布局的流式布局，再从左边的字段树中把要在列表中展示字段（一般是单据头字段）选中，分别拖拽到列表页签的流式布局中

3、如果需要分割线：

可以添加一个高度为“1”、并设置背景色的流式布局作为分割线。

4、底部菜单定义：

选择单据列表（FList） -》定义“底部菜单集合” -》菜单的“点击事件”选择绑定新增操作。

5、列表行点击事件绑定：

列表双击事件绑定修改操作（如果不需要编辑详情，则绑定查看操作），运行时点击打开单据详情界面。

6、实际运行效果

【列表过滤】

【单据详情】

1、设计表头布局：

添加一个流式布局，设置内边距，再往里添加表头显示字段，注：表头的字段可以在详情界面编辑修改。

2、移动分录：

添加移动代理分录，从左侧的树中选择分录，拖拽到单据页签，调整分录高度，并设置每页显示行数。

3、分录布局设计：

选择分录要显示的字段，往移动代理分录添加流式布局，调整高宽，设置方向和内边距，在往布局里添加移动代理字段。如下图：

【新建移动单据】

【选择来源单据】

【单据列表】

1、列表布局：

2、列表行布局

3、如果需要分割线：

4、底部菜单定义：

5、列表行点击事件绑定：

6、实际运行效果

【列表过滤】

【单据详情】

1、设计表头布局：

2、移动分录：

3、分录布局设计：

4、设计单据菜单和操作，

5、实际运行效果

【移动分录】

【插件代码】

【发布移动主控台】

【调试】

【其他参考】

【新建移动单据】

【选择来源单据】

【单据列表】

1、列表布局：

2、列表行布局

3、如果需要分割线：

4、底部菜单定义：

5、列表行点击事件绑定：

6、实际运行效果

【列表过滤】

【单据详情】

1、设计表头布局：

2、移动分录：

3、分录布局设计：

4、设计单据菜单和操作，

5、实际运行效果

【移动分录】

【插件代码】

【发布移动主控台】

【调试】

【其他参考】