项目档案
功能目标
以【左树右卡】系统预制模板实现, 右侧卡片修改为主子页面
效果图
创建应用
图 1
元数据
项目档案
| 操作 | 描述 | ||||
|---|---|---|---|---|---|
| 名称 | 项目档案 | ||||
| 编码 | itemdoc | ||||
| 父实体 | |||||
| 引用接口 | 树型结构、自动编码 | ||||
| 属性 | 编码 | 名称 | 类型 | 引用 | |
| name | 名称 | 文本 | |||
| Unit | 物料计量单位 | 单选引用 | 物料计量单位 | ||
| workload | 设计工程量 | 数值 |
工程特征
| 操作 | 描述 | ||||
|---|---|---|---|---|---|
| 名称 | 工程特征 | ||||
| 编码 | project_trait | ||||
| 父实体 | 项目档案 | ||||
| 引用接口 | |||||
| 属性 | 编码 | 名称 | 类型 | 引用 | |
| name | 特征值名称 | 文本 | |||
| Unit | 物料计量单位 | 单选引用 | 物料计量单位 | ||
| trait_value | 特征值 | 文本 |
功能实现
新建页面
新建左树右卡页面,注意勾选生产参照
图 2
发布参照
图 3
修改布局
进入页面设计器
图 4
根据图5位置新建多页签
图 5
根据图6位置新建表单
图 6
选中多页签，右键打开编辑器，Ctrl+C【复制内容】，
图 7
选中表单，右键打开编辑器，记录nid
图 8
多页签编辑器内容覆盖表单内容,记录的nid替换复制的内容
图 9
删除原有多页签
图 10
选中多页签，新增表格
图 11
图 12
图 13
图 14
图 15
图 16
图 17
调整布局
图 18
图 19
配置工程特征物料参照
- 复制物料计量单位的cRefType
图 20
- 编辑工程特征的物料计量单位，粘贴复制的cRefType 增加 "cRefRetId": "{\"Unit\":\"id\"}",
图 21
图 22
图 23
- 增加增行按钮
图 24
图 25
修改按钮编码为 btnAddRow+表格数据源编码 目的：利用系统预制，控制按钮显示
数据源编码：project_trait01
图 26
修改按钮cItemName和uikey 为btnAddRowproject_trait01
图 27
- 增加删行按钮
图 28
修改按钮编码为 btnDeleteRow+表格数据源编码 目的：利用系统预制，控制按钮显示
修改按钮cItemName和uikey 为btnDeleteRowproject_trait01
图 29
- 保存
图 30
函数扩展
表格增行/删行事件
图 31
function (event) {
var viewModel = this;
var gridModel = viewModel.getGridModel();
//增行事件 btnAddRowproject_trait01为增行按钮编码
viewModel.get('btnAddRowproject_trait01').on('click',function(){
gridModel.appendRow({});
});
//删行事件 btnDeleteRowproject_trait01为删行按钮编码
viewModel.get('btnDeleteRowproject_trait01').on('click',function(params){
gridModel.deleteRows([params.index])
});
}
测试
图 32
图 33