页面规范

页面规范
§1.1.1 页面格式
1. 所有页面要有标题；
2. 页面的层次不要太多，尽量要在三层以内；
3. 尽量不要让一个页面有左右拖动条，便于客户浏览相关内容；
4. 页面导航，通过页面能够直观的看出下一步要有什么操作，页面的设计有引导性；
5. 查询等按钮放到页面上方，不允许放到下方，不允许必须对页面向下拖动后才能找到查询按钮；
6. 从列表页面进入详细页面尽量openpop一个页面或是在下面显示一个详细页面，如果location到一个新的页面，返回时，必须定位到列表中相关的页；
7. 人名列至少要留3个字，要将人名显示完全，不要换行；
8. 页面拉伸、缩放、调整分辨率，不能变形；
9. 展示要有顺序，如金额的本行后面跟着币种，客户代码后跟着客户名称；
10. 页面的查询项要在一个屏幕内显示完成，不要拖动滚动条后才能看到查询条件；
§1.1.2 页面控制
11. 删除任务、上报任务等不可逆操作时，必须提示用户是否确认；
12. 导出导入及页面加载等消耗时间长的功能在操作时，必须有进度条或提示框；
13. 发起任务等不可逆操作，按钮在点击一次，并且页面刷新前，必须将按钮变灰，防止重复操作产生重复任务；
14. 保存修改等操作成功或失败，必须进行提示，尽量标明具体原因；
15. 一个网页要尽量避免用整个一张大表格，所有的内容都嵌套在这个大表格之内，因为浏览器在解释页面的元素时，是以表格为单位逐一显示，如果一张网页是嵌套在一个大表格之内，那么很可能造成的后果就是，当浏览者敲入网址，他要先面对一片空白很长时间，然后所有的网页内容同时出现。如果必须这样做，请使用 <tbody>标记，以便能够使这个大表格分块显示；
16. 查询条件中如果有查询列表，如果列表条数超过了20条，需建立查询页面 ，而不是将这么多的条目作为一个下拉列表让用户去找；
17. 字段展示不全，或是高度概括情况下，鼠标放上去要有提示信息；
18. 用户编辑数据后，离开页面前并没有进行保存操作，需要提示用户数据已改变是否离开；
19. 做excel导出功能时，不要跳出空白页面；
§1.1.3 查询列表规范
20. 列表默认为20行，可以有多种选择，但不允许超过50条记录而没有分页的情况；
21. 奇数行和偶数行颜色差，鼠标放上去也有颜色差；
22. 展示列表要有顺序，如先客户代码，客户名称再合同号；
§1.1.4 文字控制
23. 数字必须进行格式化。货币保留两位小数。百分数保留6位小数；
24. 数字右对齐，汉字左对齐；
25. 必填项用红色*号表示
26. 对于百分数，一定要在字段上加入“%”，同一字段在不同页面的表示必须一致，不允许有的为百分数，有的为小数的情况。
27. 金额的单位统一在右上角标注，如“元”、“万元”；
28. 在使用common:textarea标签式时，如果是只读页面，需要设置边框为灰色，css为：“style="border: 1px solid #888888;"”
§1.1.5 美观性控制
29. 同一排按钮与按钮之间的距离要分布均匀
30. 页面控件之间要左右对齐、上下对齐
31. “重置”按钮的作用：“将查询条件的值重置为第一次进入页面的状态”