可视化配置

1. 基本功能 1.基本功能

1.1. 云平台引用layer的地方改成glpassLayer

1.1. 云平台引用layer的地方改成glpassLayer

1.2.不同页面支持不同联想

1.2.不同页面支持不同联想

同个对象,有管理页和新增、编辑查看页面,A字段在管理页配置搜索帮助A,在新增、编辑查看页面配置联想控件B。

1.3. 不同页面支持不同下拉框 1.3. 不同页面支持不同下拉框

同个对象的不同页面的相同字段支持配置不同的数据字典。例如订单管理页和编辑页,2个页面都有订单来源下拉框,这个2个页面的订单来源可以配置不同的数据字典。

1.4. 不同页面支持不同Label 1.4. 不同页面支持不同Label

同个对象的不同页面的相同字段支持配置不同的label。例如订单管理页和编辑页,2个页面都有订单来源字段,管理页可以配置显示文本为来源A,编辑页可以配置显示文本为来源B。

1.5.可视化布局修改按钮的显示文本 1.5.可视化布局修改按钮的显示文本

平台支持在可视化布局直接修改按钮的显示文本。
效果

1.6. 可视化支持事件配置 1.6. 可视化支持事件配置

可视化支持事件配置,包括点离开、下拉框选中、键盘键入、change事件等。
事件

1.7. 新增编辑查看共用页面 1.7. 新增编辑查看共用页面

  • 正常配置新增、编辑、查看页面的时候,会生成三份html以及对应的各三份js文件。及产生了12份文件。
  • 而采用新增、编辑、查看共用页面配置的界面则只会生成一份html文件即对应的3份js文件,即合计4份文件。
  • 不管是点击,新增,编辑还是查看按钮,进入的页面都是All界面。
  • 新增编辑查看共用页面-效果1

    1.8.多子对象共用一个表 1.8.多子对象共用一个表

    在一些业务场景下,例如费用。在同个界面需要展示两个表格,一个表格查询应收的费用,一个表格查询应付的费用。
    个子业务对象共用同一个表-效果1

    1.9.界面显示隐藏可视化配置 1.9.界面显示隐藏可视化配置

    界面的右上方会出现一个小齿轮
    现在红色表单框为2行
    333

    2.配置方法 2.配置方法

    2.1.云平台引用layer的地方改成glpassLayer

    2.1.云平台引用layer的地方改成glpassLayer

    2.2.不同页面支持不同联想

    2.1.1 配置文件 app.js

    "glpaasLayer": {
                exports: "glpaasLayer",
                deps: ["css!" + "/bower_components/glpaasLayer/skin/layer.css"]
            },
    
     "glpaasLayer": "/bower_components/glpaasLayer/layer",
    

    2.1.2 云平台生成的BsCtrl.js文件

    define([
        'underscore',
        'glpaasLayer',
        'main/BaseController',
        'config.properties',
        'service/utils'
    ], function ( _, glpaasLayer,  BaseController,__config) {
    

    2.1.3 云平台生成的入口js文件

    define([
        'angular',
    $config.path+requireBaseUrl+'/xy/comm/cust/csCustInspectFullAllCtrl.js',    'glpaasLayer',
        'framework/areas/AreasModule',
        'framework/datasource/DataSourceModule',
        'framework/dict/GillionDictModule',
        'framework/date/DateModule',
        'framework/time/TimeModule',
        'framework/associate/GillionAssociateModule',
        'framework/dropdown/GillionDropdownModule',
        'framework/dropdownbtn/GillionDropDownBtnModule',
        'framework/hotTable/HotTableModule',
        'framework/pagination/GillionPaginationModule',
        'framework/tab/GillionTabModule',
        'framework/data/Areas',
        'framework/areas/AreasModule',
        'service/RuleService',
        'collapsejs',
        'framework/uploader/UploadGroupModule',
        'framework/msg/GillionMsgModule',
        'framework/clickbox/GillionClickBoxModule',
        'framework/grid/fixgrid',
        ,$config.path + requireBaseUrl + '/shlpSetting/CsCustInspectallFullShlpSetting.js'
    ], function (angular,csCustInspectFullAllCtrl,glpaasLayer) {
    

    2.2.不同页面支持不同联想

    1)点击管理页面,选中模板名称字段,配置控件类型,填写搜索帮助名称及关联属性名,联想控件的配置可参考链接联想控件
    QQ图片20190620165243
    2)切换新增、编辑查看页面,按照上一步,选中模板名称字段,可填写不同的搜索帮助名称。
    QQ图片20190620170450

    2.3.不同页面支持不同下拉框2.3.不同页面支持不同下拉框

    配置

    1. 对象建模–业务对象–业务对象管理:编辑业务对象,点击【可视化布局】按钮,在可视化界面的右上方的【页面列表】处选择对应的页面,选中对应的字段,配置【控件类型】,填写数据【字典名】及【分组值】,下拉控件的配置可参考链接下拉
      下拉框1
    2. 切换到不同的页面,按照上一步,选中对应字段,可填写不同的数据字典名称。
      下拉框2

    2.4.不同页面支持不同Label 2.4.不同页面支持不同Label

    配置

    1. 对象建模–业务对象–业务对象管理:编辑业务对象,点击【可视化布局】按钮,在可视化界面的右上方的【页面列表】处选择对应的页面,选中对应的字段,在右侧属性列表处填写【显示文本】。
      label1
    2. 切换到不同的页面,按照上一步,选中对应字段,可填写不同的显示文本。
      label2

    2.5.可视化布局修改按钮的显示文本 2.5.可视化布局修改按钮的显示文本

    配置

    1. 对象建模–业务对象–业务对象管理:编辑业务对象,进入可视化布局,选中要修改显示文本的按钮,在右侧属性列表的显示文本处修改按钮的显示文本。
      按钮显示

    2.7. 可视化支持事件配置 2.6. 可视化支持事件配置

    配置

    1.对象建模–业务对象–业务对象管理:编辑业务对象,进入可视化布局,选中要修改事件配置。表单事件可以参考链接事件配置,表格事件参考链接表格事件配置
    事件

    2.7. 新增编辑查看共用页面 2.7. 新增编辑查看共用页面

    配置

    1. 对象建模–业务对象–业务对象管理:编辑业务对象,进入可视化布局:在页面右上角的页面列表中点击【新增页面】按钮,页面类型为【新增、编辑、查看共用页面】。如果之前配置的【新增、编辑、查看页面】,点击编辑将页面类型转换即可。
      QQ截图20210316165322
    2. 对象建模–业务对象–业务对象管理:找到这个业务对象,点击【转换地址】按钮。
      新增编辑查看共用页面-配置2
    3. 如果出现提示,地址不符合的情况,请点击【选择生成】按钮,跳转到生成代码页面,点击按钮【清空业务对象及其子业务对象缓存】按钮清理缓存。
      新增编辑查看共用页面-配置3
    4. 提交业务对象,生成代码。
    5. 如果之前使用的【新增、编辑、查看页面】且功能权限已经挂好,然后才转换页面类型的,需要重新选择【同步到目标数据库】按钮,将新的权限同步到目标数据库。然后重新挂菜单,挂菜单可以参考挂菜单操作。

    2.8. 多子对象共用一个表 2.8. 多子对象共用一个表

    配置

    1. 先配置了两个业务对象,且这两个业务对象的名字不同,但是使用的表是一样的。且这两个业务对象的布局也是已经在主对象上配置好了。
      个子业务对象共用同一个表-配置1
      01
    2. 业务对象-可视化:编辑业务对象,点击【可视化布局】按钮,进入到可视化界面。找到费用明细界面。
    3. 在费用明细中找到应付费用界面,在收付标识配置默认值P。
      2
    4. 在费用明细中找到应收费用界面,在收付标识配置默认值R。
      3
    5. 找到应付业务对象,编辑业务对象,在where条件字段中添加:RP_ID=’P’。其中RP_ID为表中的字段,即收付标识字段,P为字段初始的值,表示应付。
      个子业务对象共用同一个表-配置5
    6. 找到应收业务对象,编辑业务对象,在where条件字段中添加:RP_ID=’R’其中RP_ID为表中的字段,即收付标识字段,R为字段初始的值,表示应收。
      个子业务对象共用同一个表-配置6

    2.9. 界面显示隐藏可视化配置2.9. 界面显示隐藏可视化配置

    配置

    1. 对象建模–业务对象–业务对象管理:编辑业务对象,进入可视化布局,选择需要隐藏的行,在右侧“找到显示隐藏设置”的复选框打勾
    2. 在下面的分组标题填写一个分组名,例如“分组1”,分组标题必须填写,分组标题将作为显示设置的弹出窗区块名称。
      4
    3. 在页面列表中,选择配置的页面,导出区域显示隐藏设置,并将数据库脚本同步到业务系统数据库中。
      545454
    4. 业务对象代码生成。
    5. 确认项目工程路径中引入了前端指令和样式,如若不存在,需从升级包中取得相关代码。
      66666
    6. 进入运行期配置页面,可修改用户配置数据,支持【默认、用户】
      77777

    3.常用扩展 3.常用扩展

    4.版本更新

    4.版本更新

    7.4.1,2021.03.12

    优化

    • 支持直接在可视化上新增修改页面列表。

    5.7.0,2019.08.14

    优化

  • 可视化布局支持修改按钮的显示文本
  • 可视化事件与属性面板合并,做成 Tab 页的形式
  • 5.6.0,2019.07.04

    优化

  • 可视化界面代码优化
  • 5.5.K,2019.06.19

    新特性

  • 可视化控件上增加测试用例值类型和测试用例值属性配置
  • 5.5.J,2019.06.18

    优化

  • 可视化报错异常,可以看到报错信息
  • 5.5.D,2019.05.24

    优化

  • 可视化布局里面表格控件属性增加是否自动加载数据的配置
  • 5.4.B,2019.03.05

    优化

  • 界面布局可视化设计增加区块显示隐藏设置的配置项
  • 5.4.0,2019.02.28

    新特性

  • 界面显示隐藏可视化配置
  • 可视化支持事件配置
  • 同个对象上的不同页面的相同字段可以配置不同的联想控件、下拉框、显示文本(Lable标签)