金蝶云星辰典型页面-设置原创
金蝶云社区-李秉宸
李秉宸
3人赞赏了该文章 652次浏览 未经作者许可,禁止转载编辑于2023年04月10日 14:18:26

定义

设置页主要用于参数的调整、选择和页面的控制。用户可按照企业业务特性来设置模块的参数信息和数据。是通过文案和录入组件的使用,使用户快速完成设置行为。

根据形式区分,设置组件可以分为以下4类:


image.pngimage.pngimage.pngimage.png


设计目标

帮助用户更高效的设置参数信息


布局结构

设置是基于动态页面的平面布局。除了应用导航和页签区域外,还包含以下区域:


1、工具栏操作区域

用于放置操作按钮,常见的有保存 、授予所有权限、取消所有权限等操作,可参考【工具栏】


2、设置内容区

可以承载不同形式的设置内容,包括单选、多选、开关、字段录入、选择项、表哥分录等多种录入形式的内容。



image.png


分类及用法

1:纵向页签设置

纵向页签是一种常用的设置形式、通过纵向页签的分层展示不同类型的设置项,可快速完成设置操作


特点:

运用纵向页签可以直观快速的设置不同类型参数。


image.png





image.pngimage.png



2:锚点式纵向页签设置

当某一类型设置内容信息量较大时,且过程中需要感知当前位置时,或需要联系上下文时,可以使用锚点式设置形式


特点:

能感知当前位置,操作者可跳转定位到页面指定位置



image.png


image.pngimage.png


3:横向页签设置

当设置中存在较少条目,且需要节省横向空间时


特点:

适用于少条目


image.png




image.pngimage.png


4:组合页签设置

当设置中存在复杂层级关系时,可使用纵向页签和横向页签组合表达多级设置的操作逻辑;

横向页签可用于一级条目,纵向页签用于同类型二级条目

当有三级以上的层级关系时,纵向页面可使用树控件替代


特点:

适用于多级多条目



image.png

image.pngimage.pngimage.png


典型设置项详述

单选基础设置

主要由标题、单选框构成,也可以包含提示、按钮


布局规则:

1.标题与设置内容使用垂直布局的模式

2.若标题内容较少,可采用横向布局的模式

3.标题可省略


image.png


复选基础设置

主要由标题、复选框构成,也可以包含提示、按钮


布局规则:

1.标题与设置内容使用垂直布局的模式

2.若标题内容较少,可采用横向布局的模式

3.标题可省略


image.png


输入基础设置

主要由标题、输入框构成,也可以包含提示、按钮


布局规则:

1.标题与设置内容使用垂直布局的模式

2.若标题内容较少,可采用横向布局的模式

3.标题可省略


image.png


排序设置

主要由标题、复选框、按钮构成,也可以包含提示说明


布局规则:

1.采用列表布局样式


image.png


公式设置

主要由标题、卡片、复选框构成,也可以包含提示说明


布局规则:

1.按照公式的逻辑直观展示公式设置项

2.使用卡片承载同类设置项


image.png


列表设置

使用列表结构,主要由标题、复选框构成,也可以包含提示说明


布局规则:

1.使用列表组件展示所有设置项


image.png



赞 3