页面规范及标准_OeDipp解决方案.doc

神龙汽车有限公司 预批量管理系统 页面标准及规范 版本 1.0 作者： 罗晓梅 日期： 2008-11-13 审批： 日期： 变更记录 日期 版本 变更说明 作者 项目信息 项目名称 预批量管理系统 项目编号 客户名称 神龙汽车有限公司 客户代表 项目开始日期 2008-09-22 项目结束日期 页面规范 页面模板要求 进入系统后全屏幕最大化显示所有信息。 主页面标题中文名称固定为“神龙汽车公司预批量管理系统”； 横向导航菜单如图固定显示，树型菜单默认展开并根据菜单的长度允许出现水平、垂直滚动条。 树型菜单上面显示当前登录用户信息，登录时间格式为：YYYY－MM－DD。 右边区域如图固定显示。 对于具体的业务页面，标题栏显示一定要与业务操作保持一致。如进入项目新增页面，标题显示为“项目创建”；进入项目修改页面，标题显示为“项目修改”。 如下图所示： 页面布局 录入页面 友好提示说明文字放在标题之下，所有输入信息之上。如下图的 “注：新用户的默认登录密码为888888”。 所有标签文本右对齐、文本输入框左对齐。标签和文本框之间需要“：”。 每行显示一列输入信息：用两个TD来分别处理label和文本框。 当文本输入框中输入的内容是需要参与计算的数字型，光标应该居右显示。 必填选项必须用红星标志在控件右边，红星和控件间没有空格。 操作按钮位于所有输入信息之下且居中显示。 如下图所示： 查询页面 页面有多个查询控件，则每行显示两列：每列用两个TD来分别处理label和输入、选择框。 只有一个查询控件（Label）和一个查询按钮则放在一行处理。 日期控件放在一行处理 。 标签和文本框之间需要“：”。 查询条件文本框输入前后空格要做trimtable width=99% border=0 align=center cellpadding=3 cellspacing=1 bordercolordark=#FFFFFF bgcolor=7DB2DA class=txt1 奇数行：tr class=txt1 bgcolor=FFFFFF/tr 偶数行：tr class=txt1 bgcolor=E4F1F9/tr 列表表头居中显示。 列表表头提供排序功能，按什么字段排序，需根据具体情况看。 列表中,所有不定长的文本左对齐,定长文本居中显示,数字居右显示。 列表表间隔行换色表示，如下图所示： 如下图所示： 按钮样式 目前具有相同或相似功能的按钮请使用规范的统一名称，列表如下： 序号 按钮名称 序号 按钮名称 1 查 询 11 2 新 增 3 修 改 4 保 存 5 重 置 6 返 回 7 查 看 8 添 加 9 提 交 10 处 理 11 编 辑 注：拥有添加功能的按钮应按照页面的需要尽量细化并表述清楚，例如对订单零件进行添加的称为“添加零件”等。 按钮的大小 为了美观，按钮之间要有空格，如下图所示： 列表页面的操作按钮统一放在表格右下方位置，居右显示。 录入页面的操作按钮统一放在所有录入信息的下方，居中显示。 查询页面的查询按钮统一放在查询条件之下，另起一行，只有一个查询控件（Label）和 一个查询按钮则放在一行处理。 翻页控件 在列表页面，当查询结果超过当前页面显示的记录之后出现。 列表处于第一页时，“第一页”和“上一页”这两个按钮置灰。 列表处于最后一页时，“下一页”和“最后一页”这两个按钮置灰。 日期控件 鼠标触发文本框或操作图标。显示如下页面： 日期显示方式：2008-08-05 (精确到天) 对于日期型的查询要求按 “=起日期”且“=止日期”，例如： 修改日期为：2008-12-01到2008-12-30，查询结果显示从2008年12月1日到2008年12月30日的所有数据，查询条件取 2008-9-26 0:0:0 到 2008-9-27 23:59:59 修改日期为：2008-12-01到null，则查询从2008年12月1日到当前日期(以数据库服务器时间为准)的所有记录。 修改日期为：null到2008-12-30，则查询从当前日期(以数据库服务器时间为准)到2008-12-30的所有记录。 修改日期为：2008-12-01到2008-12-01，则查询2008-12-01的所有记录。 修改日期为：2008-12-01到2008-12-01，则查询不出来记录。 放大镜 点击放大镜弹出模态窗口： 只允许出现垂直滚动条，不允许出现水平滚动条