界面自定义(磐石计划2.0)操作帮助文档

小二发表于:2019年04月25日 10:45:05更新于:2019年04月28日 09:55:25

⼊⼝

入口.png

拥有管理员权限的用户在进⼊已经⽀持页面⾃定义的页面时,在页面的右上角会出现自定义页面布局按钮,

点击该按钮,将进入自定义页面。在⾃定义页面中,可以定义页面部分表单字段的排版位置,并进行组件的

部分⾃定义。

自定义

自定义.png

进入自定义页面。我们可以新建容器,可以从组件库中添加组件到页面中,可以删除页面上的组件。

栅格式结构

为了方便页面表单信息的排布,我们将每⼀个区块都划分为24等分。如下图:

栅格式结构.png

当选择宽度为12时,则对应容器或组件所处的外层而言(可能是底层容器,可能为容器),该容器或组件占

据了外层的⼀半宽度,宽度为8则为三分之⼀,以此类推。 这样能保证无论在多大的显示器上(最小支持

1366宽度),我们的组件都会对应进⾏拉伸保证横向铺满用户的页面。

位置保留

由于服务内容的存在,页面上的组件可能会在勾选某个服务内容时候才会出现,那么在未勾选对应服务内容

时,该组件是隐藏的。如下图:

位置保留1.png

在图中,我们可以看到⼊仓编号前⾯空了⼀块,SO NO前⾯也空了⼀块,是因为他们的前面都存在勾选对应

服务内容才能出现的组件,为了在用户勾选服务内容后我们的对应表单组件不进行位置的紊乱,当一行中某

几个组件因为服务内容隐藏,而仍有组件显示时,我们会进行位置的保留。而当一行的组件都因为服务内容

无法显示时,我们会摒弃这一行,让下一行的替代。如图中红⾊虚线框内,有7行,当我们勾选上订舱之后,

就会显示13行。如下图:

位置保留2.png

拖拽

页面上可以被拖拽的为容器和组件,但是这两者的拖拽表现是不同的:

  容器拖拽 容器可以拖拽修改宽度,容器与容器之间的位置,但是容器⽆法被直接拖拽进⼊某个容器内

部,如果需要将某个容器放置到另⼀个容器内,请在容器属性中修改它的父级容器(慎⽤)

  组件拖拽 组件受最小宽度的影响,可以拖拽的最小宽度是受控的,当拖拽某个组件到另⼀个容器时,可

能会发生无法放⼊的情况,是因为该容器的宽度小于组件的最小宽度,此时可以将该容器拖宽⼀些,如

果还是有问题,请联系我们的开发⼈员。

容器

新建容器.png

点击新建容器按钮,可以新建容器,容器默认创建在底层容器内。 容器名称不能与现有页面上的容器重复,

容器宽度默认为12,可以设置4,8,12,16,24。

容器属性

 类型 容器

 ⽗级容器 可选择页面上的所有容器,包括底层容器

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

 宽度 可选4~24

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

 修改属性后确认应用即可,点击删除会删除对应的容器,容器内的组件都会出现在组件库中

组件

组件库


这⾥会出现从页面上被删除的组件以及后续添加的新组件,每次更新新的版本,若是有新的组件需要添加到

页面之中,需要从组件库中去把新的组件拖入页面之中。

组件属性

这⾥只是部分属性(可交给用户修改的部分),每一个组件都可能有额外的属性,如果⽤户对某个组件有独

特的需求,可以提需求给产品经理。


 类型 组件

 父级容器 可选择页面上的所有容器,不包括底层容器

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

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

 组件名称 组件的标识名称

 标签名 组件在页面上的标签名

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

 是否必填项 组件是否必填

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

 禁⽤ 组件是否可以编辑

修改完属性后请点击确认应⽤,点击 重置 按钮将会把组件的属性重置回刚进⼊⾃定义页面时的情况

预览

点击左上⻆的预览按钮,可以进⼊预览界⾯

重置为原始页面

非集团公司,会出现此按钮。点击左上角的重置为原始页面按钮,会将页面重置为统⼀的原始页面模版,点

击该按钮后,所有的修改都会被重置。

重置为集团模版⻚⾯

重置为集团模板.png


在集团公司下的分公司,会出现此按钮。点击此按钮,若集团维护过页面模版,会将页面重置为统⼀的集团

模版页。

保存

点击左上角的保存按钮会将当前页面的修改保存。 重要:在每⼀期的迭代过程中,可能会出现预期之外的错

误(bug),或者组件部分隐藏属性的修改,届时这些与自定义相关的修复,需要进入自定义页面,点击保存

,这样能保证我们对页面组件的部分问题的修复或者更新将会被应⽤到⽤户的页面中。


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

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