自定义页面布局

小二发表于:2019年04月25日 10:45:05更新于:2019年08月20日 16:16:18

页面的自定义布局让客户可按照自己公司的操作习惯来设置使用界面,让系统使用更灵活,更人性。

视频:http://share.polyv.net/front/video/view?vid=a22313bcc5d8b348777d717e92d7d79f_a



目前订单维护界面和操作详情界面都可以进行界面的自定义设置,点击界面的右上角【自定义页面布局】:

入口.png

PS:只有管理员的账号才可以做页面自定义设置,才会出来这个按钮。


点击【自定义页面布局】按钮,将进⼊⾃定义⻚⾯,在进行页面设置的时候,建议把所有的服务项都勾上,这样才会出来所有的字段。

image.png

a.预览:页面设置后点击预览按钮,可以预览整个界⾯的设置效果。

b.保存:页面设置后,点击保存按钮会将当前⻚⾯的修改保存。 

PS:在每⼀期的迭代过程中,可能会出现预期之外的错误(bug),或者组件部分隐藏属性的修改,届时这些与⾃定义相关的修复,需要进⼊⾃定义⻚⾯,点击保存,这样能保证我们对⻚⾯组件的部分问题的修复或者更新将会被应⽤到⽤户的⻚⾯中。

c.重置为原始页面:点击按钮,会将⻚⾯重置为统⼀的原始⻚⾯模版,所有的修改都会被重置。

d.新建容器:点击可以新建容器,容器默认创建在底层容器内。 容器名称不能与现有⻚⾯上的容器重复,容器宽度默认为12,可以设置4,8,12,16,24。

image.png

⽗级容器:可选择⻚⾯上的所有容器,包括底层容器

外边框:勾选后容器会有外边框,⽩⾊的背景⾊,内部的组件与容器之间会有⼀些间隙,默认勾选

宽度:可选4~24

向右偏移:容器向右偏移多少格,输⼊数字,⼀般为0


在⾃定义⻚⾯中,还可以定义⻚⾯部分表单字段的排版位置(拖拽),删除字段(组件)或整个容器。

1,拖拽:⻚⾯上可以被拖拽的为容器和组件,但是这两者的拖拽是不同的:

 容器拖拽:左键按住需要改变位置的字段群(容器)进行拖拽,容器可以拖拽修改宽度,容器与容器之间的位置,但是容器⽆法被直接拖拽进⼊某个容器内部,如果需要将某个容器放置到另⼀个容器内,请在容器属性中修改它的⽗级容器(慎⽤)

组件拖拽:左键按住需要改变位置的字段(组件)进行拖拽,需要注意的是组件受最⼩宽度的影响,可以拖拽的最⼩宽度是受控的,当拖拽某个组件到另⼀个容器时,可能会发⽣⽆法放⼊的情况,是因为该容器的宽度⼩于组件的最⼩宽度,此时可以将该容器拖宽⼀些。

2,删除:对于一些不需要的字段(组件)或整块字段群(容器),可进行删除,被删除的组件/容器会出现在组建库中,如下图所示“唛头”

image.png

image.png

从页面上删除的组件以及后续添加的新组件(每次更新新的版本),若需要添加到⻚⾯之中,需要从组件库中去把新的组件拖⼊⻚⾯之中。

PS:栅格式结构:为了⽅便⻚⾯表单信息的排布,我们将每⼀个区块都划分为24等分。如下图:

栅格式结构.png

当选择宽度为12时,则对应容器或组件所处的外层⽽⾔(可能是底层容器,可能为容器),该容器或组件占据了外层的⼀半宽度,宽度为8则为三分之⼀,以此类推。 这样能保证⽆论在多⼤的显示器上(最⼩⽀持1366宽度),我们的组件都会对应进⾏拉伸保证横向铺满⽤户的⻚⾯。


页面的字段(组件)还可以自定义必填或更改字体颜色或名称。点击需要更改的字段(组件),右侧出现组件属性:

image.png

组件名称:组件的标识名称

标签名:组件在⻚⾯上的标签名

签颜⾊:组件的标签名的颜⾊

禁⽤:组件是否可以编辑

服务内容可⻅:组件需要勾选某个服务内容才能出现

可否删除:勾选后,这个组件才可以从页面上删除

是否必填项:组件是否必填

⽗级容器:可选择⻚⾯上的所有容器,不包括底层容器

宽度:由组件的最⼩宽度决定,会根据所处的⽗级容器宽度动态调整

向右偏移:组件向右偏移多少格,输⼊数字,⼀般为0

修改完属性后请点击【确认应⽤】生效,点击【重置】按钮将会把组件的属性重置回刚进⼊⾃定义⻚⾯时的情况。

PS:容器(字段群)上面的某个字段不能做颜色或者标签名的更改,只可设置是否必填。


附件:实施手册(2).pdf • 2.65MB • 下载

解决你的问题是我最大的成功
    您需要登录后才可以回复