ZHIS4界面开发规范(v40)

1、厦门智业软件工程有限公司.研发部ZHIS4项目组文档密级公开（）普通（）秘密（）机密（）绝密（）ZHIS4界面开发规范文档编号：ZHIS4-RULE-FACE-20020605-0003文档归类：界面开发规范作 者：李程扬创建时间：2002-08-05修改人员：李程扬修改时间：2005-09-29版 本 号：v3.1(2003-01-06危培茂)、v4.0(2005-09-29李程扬)文档传阅：ZHIS4项目组成员1、 界面设计细则1.1 考虑界面无关性：即与界面无关的代码需尽量分离开来，封装在不可视对象中；1.2 字体一般使用标准字体“9号宋体”，数据窗报表标题之类的除外；注：字体的缺省属性

2、可在应用对象(Application)的“Additional Properties”属性中设置；1.3 字体颜色除在下面有特殊说明外，均统一为黑色，背景为窗口底色（Button Face）或透明色（缺省设置）；1.4 有用到英文字母的名称统一单词首字母大写，如数据窗列名“病人ID”；1.5 所有显示操作者的地方，应统一设置为“操作者/代码”，不可只显示编号，在一些特殊场合，如树形节点上可中显示“操作者姓名”；1.6 采用800×600的显示分辨率，窗口布局以此为最佳视觉效果，色彩基于32位（真彩色）；1.7 界面尽量整洁，色彩要相对简单：Ø 一般是白底黑字（可编辑字段）和

3、灰底黑字（不可编辑）；Ø 确要用多种颜色的地方（如区分不同的字典属性）尽量用淡色系；Ø 若属于警示性质（如欠费额）的内容方采用深色调。1.8 界面布局应合理、紧凑，但又不可太过拥挤：Ø 若属相同性质或功能范围的控件应尽量集中在一起，且用GroupBox划分，做到操作方便实用、整体美观大方；Ø 按钮若可能统一放置于右边，放置顺序要与用户操作习惯一致，即：从左到右，从上至下。1.9 事务处理类功能中，界面上要包含足够的查询显示内容，以作为该事务处理的决策参考，当然也可另外提供查询按钮，以便于查到这些参考依据；1.10 查询界面原型可参照如下：-| 树 | 条

4、件输入区 | 形 |- | 显 | 数据显示区 | 示 | |-1.11 维护界面:根据具体情况视用户操作习惯进行对象布局，可参照上面的查询界面，对于新增与修改等功能不必放置于同一界面内，以免界面太挤。2、 对象及控件2.1 窗口2.1.1 窗口设计2.1.1.1 窗口大小布局必须考虑Windows桌面有“任务栏”，应用系统有工具栏的情况；2.1.1.2 窗体内控件若有分栏，须支持分隔条改变大小（注：水平分栏u_hsplitbar$、垂直分栏u_vsplitbar$），如：左树右数据窗、上下数据窗间等，且相应控件须能自适应大小；2.1.1.3 操作中同时打开的窗口个数应尽量在三个以内，即窗口打

5、开级数不超过三层，除第一层窗口外，其它层窗口尽可能用Response类型；2.1.2 主窗口(MDI)2.1.2.1 主窗口必须设有标题栏、菜单栏、工具栏、状态栏；2.1.2.2 标题栏Ø 标题：(图标)子系统名称登录科室登录者/代码如：(图标)医生工作站儿科叶永栋/053注：“”在中文输入法状态下，按“SHIFT+-键”即可输入“”。Ø 右上角按钮：必须有三按钮最小化、还原/最大化、关闭；2.1.2.3 菜单栏：见下2.2菜单说明；2.1.2.4 工具栏Ø 应将常用菜单操作设置为工具栏图标；Ø 鼠标停留在工具图标上应显示微帮助信息(Tips)，即设置菜

6、单ToolbarItemText的属性，微帮助信息尽量详细，且应包括快捷键（若菜单项有的话），控制键首字母大写后面小写，前后有括号；如：“提示退出当前系统(Alt+X)”Ø 同一级菜单下的工具栏图标，须用分隔符相互分开；Ø 最后一个必须为“退出”按钮，图标统一用PB那个要关闭的门，并用分隔符与前面的按钮分开；2.1.2.5 状态栏：状态栏分两栏（注：主窗口继承PowerBase应用框架可实现）；Ø 第一栏默认状态下显示版本信息“厦门智业软件”，当选择菜单时，默认信息变为相应菜单的帮助提示信息，当不选择菜单即还原显示版本信息，文字靠左边；(注：菜单项MicorHel

7、p属性须填写介绍此菜单项的具体信息)；Ø 第二栏显示xxxx年xx月xx日 （五个空格）星期几，不论第一栏信息如何变化，第二栏信息都不改变，文字靠右边；。如：2002年3月6日 星期三2.1.2.6 背景：用缺省的暗灰色，主窗口无须背景图片2.1.3 导航窗口：没有标题栏，即用户不能关闭此窗口；2.1.4 表单窗口(Sheet)Ø 窗口标题显示必须与菜单项名称相对应，右上方保留最大化/还原、关闭按钮，最小化按钮推荐设置为不可用（），以免用户最小化后常找不到，打开时充满整个工作区并平铺显示；如：OpenSheet(w_sheet, ParentWindow, 0, Layer

8、ed!)Ø 表单窗口内控件必须可自适应大小；2.1.5 响应式窗口(Response)：一般用缺省设置居中方式2.1.6 非响应式窗口(Popup)Ø 只保留关闭按钮()Ø 窗口位置一般也应居中，但一些无标题的窗体例外；如：无模式拼音码选择窗口弹出位置须为当前焦点所在2.2 菜单2.2.1 菜单设计2.2.1.1 菜单项要根据其含义进行分组，即相关功能排列在一起并用横线隔开；2.2.1.2 暂不能使用的菜单项要变灰，而没有权限的菜单项须设为不可见(程序自动实现)；2.2.1.3 常用子菜单要依常规设置热键，一般是“Ctrl+首字母”；如：入科 Ctrl+R、 帮助

9、主题 F1、 退出系统 Alt+X2.2.1.4 多级子菜单，必须控制在三层以内；2.2.2 主菜单2.2.2.1 第一级菜单文字应统一为四个或二个汉字；2.2.2.2 第一级菜单可参照如下位置排列：常用 主要 次要 查询 统计 参数设置 帮助2.2.2.3 第一级菜单须设置单词首字母快捷键，且为大写字母，置于文字的右边如：诊单管理(C)即Alt+C2.2.2.4 系统中最后二列菜单栏应统一，如下：系统维护(W)帮助(H)帮助主题 F1字典维护子系统可维护的 公司主页参数设置意见反馈(注:连接至邮件工具) 口令修改关于重新登录权限分配消息管理退出系统 Alt+X1门诊诊病 2住院医嘱2.2.3

10、 弹出式菜单：菜单弹出应位于鼠标右键点击所在位置；2.2.4 菜单名称和打开的窗口名称尽可能一致2.2.5 菜单的tag属性是此功能的唯一标志符，主要用于系统菜单权限控制。第一级依次为100、200、；第二级为101、102、；第三级为111、112、；当第二、第三级的重复时，需自行灵活处理。非特殊情况，一般不支持四级的菜单。2.3 数据窗口2.3.1 数据窗设计2.3.1.1 数据窗列的排列应把业务用户最关心的信息放在最前面，需录入数据的列放在前面；尽量不要显示对用户无用的信息，如诊疗代码、病人ID，即使某些情况有用到也要把这类信息放在数据窗列的最后面。2.3.1.2 数据库字段其列名和文本

11、的命名应协调，即文本命名为其对应列名+_t，如：column_name/column_name_t,这也适用于计算列，此规则主要用于公用库数据窗按钮名称显示；多表关联显示列名要把表名关缀去掉。2.3.1.3 提醒用户某输入框可支持拼音首码快捷录入，输入框的背景色必须以天蓝色（）color =15780518 or rgb(166,202,240) 显示，即在PB颜色选择栏中的第二栏倒数第三个。弹出选择框的快捷键缺省用F8（可通过本地参数更改），在空格键不做它用情况下，也应支持空格键，即通常用户可通过“F8”或“空格键”弹出拼音首码选择窗口；2.3.1.4 为了让用户操作更加方便、快捷，录入数据

12、界面按回车键应支持换列换行的操作，对于焦点位于最后一行最后一列，应支持回车后增加一行的操作；2.3.1.5 当数值型数据输入，可考虑既可直接输入数据值，也可通过三角箭头（）递增、递减数值，如病人的年龄、诊单的数量等。2.3.1.6 复选框的应用，应显示为三维态，推荐且位于文字的前面；2.3.1.7 明细栏的字段要据数据类型对其显示（Format）与编辑(Edit)风格进行格式化，除数值类型的要居右(Right)外，其它的字段类型一律居左（Left）：Ø 日期类型(date)：居左，yyyy-mm-dd；Ø 日期时间类型(datetime)：居左，yyyy-mm-dd hh:

13、mm:ss；Ø 字符串类型(char)：居左；Ø 数值类型(number)：居右，其显示格式为“#,#,#,#0.#”，位数多而无害，要是少了就可能会裁掉有用数据而出错；对于计算列更是要注意其显示风格的格式化，不然常会出现四舍五入除不尽时显示太多小数的情况；注：数值类型与日期类型的格式化字符串可点击其旁边的三角形符号，就可选择一些缺省预设的风格；2.3.1.8 在同一数据窗口中（有可编辑与不可编辑字段混合的数据窗），不可编辑字段统一用与按钮颜色相同的浅灰色，即PB下拉颜色列表第四行最后一个（Button Face），color =67108864 or rgb(212,20

14、8,200)；至于可编辑字段，除须弹出拼音码选择框的字段用前面所述的浅蓝色外，其它的均用白色。2.3.1.9 数据窗口刷新控制：调用数据窗口retreive函数前后应分别写上setredraw(false)与setredraw(true)这两个控制界面刷新的函数；2.3.2 网格形式(Grid)2.3.2.1 数据窗标题栏文本的文字都要居中，排列要整齐，其标题文本背景颜色要统一使用浅灰色：Ø 标题的文本边框风格仅能有两种：、“3D Raised Border”（凸的：查询与录入）、“No Border”（平的：报表），无论选用哪种，其背景色均要使用浅灰色(Button Face)；要

15、特别注意：如果显示风格是凸的，须把各文本的的边框拉平，BringToTop。Ø 明细栏或其它统计合计栏的列，其边框风格都必须是平的(No Border)，若是不可编辑的数据窗（查询统计），明细栏使用白色，若一些要分组或合计的列，可使用其它一些浅色调进行对比搭配；Ø Grid风格数据窗的各区（题头区、细目区、汇总区）推荐高度为72；2.3.2.2 显示字段不要过少，以使右边空白区不会太显眼，当然，可能的情况下不要显示数据窗的水平滚动条；2.3.2.3 对可编辑数据窗的内容选择，一般应可支持鼠标单选、多选，右键全选、全不选等操作，相应的操作（如删除），也应支持多行；2.3.2.

16、4 对查询类数据窗，只须支持单行选择；推荐高亮显示选择行；2.3.2.5 网格数据窗的下缺省属性不选：Mouse Selection，即不要在应用鼠标拖拽或点击时，以免对调字段或字段出现黑框。2.3.2.6 推荐增加显示当前行的计算列(getrow)，这在行数多的是必须，位置放在最左边，用于显示每一行的序号。选中该行用红色表示Text.color = if( getrow()=currentrow() ,rgb(255,0,0),0 )； 如果有有效标志位的，所有列的Background.color =if(valid_flag = 'N',rgb(255,251,240),r

17、gb(255,255,255) ； 并尽可能在Footer栏注明总行数、总金额、总数量等其它合计信息；2.3.3 自由风格(Freeform)2.3.3.1 背景用与窗口相同的颜色，即“Button Face”：Ø 文本对象（Text Object），背景色与按钮颜色一样，且是平的(No Border);Ø 列对象（Column Object）：含计算列，要用凹下去的风格（3D Lowered Border），可编辑的数据窗颜色显示如2.3.1.7点所述，对不可编辑的数据窗（查询显示），可用一些有对比的颜色，但一定要用浅色调，不可太过显眼；2.3.3.2 数据窗口中必填的字

18、段信息，即不输入数据窗口就不能保存的字段要特殊说明，在文本标签前统一加“*”；如： 2.3.3.3 文本标签的名称不能显示冒号，如上；2.3.4 子数据窗口2.3.4.1 下拉框宽度的设置，考虑取数据较合适的宽度，尽量不要使用水平滚动条。当数据的个数超过10个，须可显示垂直滚动条；当数据的行数超过10个，必须支持拼音首码的输入选择；以下为几个重要属性设置：Ø H ScrollBar：不选择（缺省即可），即不用显示水平滚动条，若信息太长就加大子数据窗显示宽度(Width of DropDown)；Ø V ScrollBar：要选择，在行数据太多时可显示垂直滚动条，即使字典数据

19、现在较少，也要考虑到以后增加的可能，所以不论何种情况，这个属性一定要选上！Ø Lines In DropDown：统一设为显示10行数据，这时要是数据窗没有这么多行，那它就是有几行显示几行，若这个属性不设置，而子数据窗行数太少时，就会出现一些空行，从美观角度考虑，此属性也是必须设置。Ø Width of DropDown(%)：它缺省是0，即字段宽度多少子数据窗就多宽，一般情况下是不用修改的，若子数据窗的数据太长时，就应考虑修改，这个值绝对不能设为<100，即使数据列很短。Ø 除某些特殊情况外，有子数据窗的列都是不可编辑，即：Allow Editing =

20、False；2.3.4.2 对于不可编的下拉子数据窗(Allow Editing = False)，尽量设置删除操作快捷键，推荐使用Escape键或Delete键； 2.3.4.3 子数据窗口的背景色一律做成白色的，绝对不允许使用灰色之类的；2.3.4.4 行与行之间无须横线分隔，即在编程时子数据窗用Freeform风格或在使用网格风格时把数据窗的General.display属性设为Off(1)；2.3.4.5 子数据窗无需显示标题栏（Header = 0），且只要显示对用户有用的那一列就可，例如：一些代码与名称的字典信息，只要显示“名称”这一列就行。2.3.4.6 对于选择录入的子数据窗，

21、某些内容要把没用信息过滤掉（如已置为无效的字典信息），以免显示太多数据，即只对用户有用的数据才显示，特别是一些科室与人员信息；2.3.4.7 下拉窗的数据应和拼音码弹出的数据尽量相符；2.3.4.8 若下拉子数据窗的数据太多，超过100条记录，建议不采用下拉子数据窗，只支持拼音码的选择，不然有可能产生效率问题；2.4 按钮2.4.1 所有按钮都可以从公用库选择。2.4.2 按钮的大小以能容纳四个汉字大小为佳，推荐在大小为329×96，当然对于确实必须用多于四个汉字才能表达意思的可适当扩展大小；但有几个原则定要遵守：同一窗口内的按钮大小与风格要统一，排列整齐，间隔一致，相关按钮尽量置于

22、一处；2.4.3 在按钮处理开始后，一定要再重新检索是否符合处理的条件（一般是判断状态字段），以防止事务并发；2.4.4 当操作中所需的条件未满足时，相应的按钮须设为不可用(Enabled = False)，如医生站医嘱开单中的保存按钮，窗口中需录入修改相应的信息，才能激活保存按钮。2.4.5 在程序中关闭窗口的按钮的文字统一为“返回(R)”，当然有“确定”与“取消”按钮配对的窗口除外；返回按钮一般放置于最后，如最右下角或右上角。2.4.6 按钮上必须设有快捷键：字母置右边，用两括号，如“保存(S)”；另外，对于按钮名称要用多于两个字才能达意的，如“调用模板”，为与整体界面协调，可考虑用下述的

23、热键代替；2.4.7 重要功能按钮可加热键，如“保存”F7；2.4.8 对于点击了某个按钮后会再弹出一个处理窗口的，按钮名称后面要加上两点（英文半角），例如：保存(S).；删除(D).2.4.9 以下几个按钮的文本与定义要统一，就是说文本与操作处理内容要协调，另外，按钮的名称name也最好统一，这样程序员间的交流就较容易：按钮文本PB名称说明1新开(N)cb_new新开申请单，如医嘱单、退费单等等2增加(A)cb_add在数据窗最后增加一行3插入(I)cb_insert在数据窗当前行前面插入一行4删除(D)cb_delete删除当前行或所选择的那几行5保存(S)cb_save保存当前对数据窗所

24、做的修改6刷新(F)cb_refresh刷新当前数据窗，即调用retrieve函数7查询(Q)cb_query过滤当前数据窗，一般会弹出过滤条件选择窗，后据条件调用filter函数8定位(G)cb_find通常会弹出拼音码选择窗口，让用户选择了某条数据后再具体定位到某一数据行9打印(P)cb_print所有的数据窗口打印都必须弹出预览窗口，让用户可设置打印纸张与当前打印机等信息10返回(R)cb_return退出当前窗口，一般是返回主窗口或上一级窗口，对窗口内的数据没有保存的要弹出提示框，询问用户是否保存数据？11确定(O)cb_ok一般用在一些弹出式窗口的处理中，用户按下确定按钮后在处理之前

25、就无须提示，只须把处理结果反馈给用户即可，“确定”按钮一般会设为”default”；12取消(C)cb_cancel与cb_ok相对应，当用户按下此按钮后就无须任何提示，包括用户未保存数据等等此类信息，“取消”按钮一般设为”cancel”13清空(C)cb_clear恢复数据窗到初始状态14其它使用公用库按钮时不能改其缺省文本,如检索(R)2.4.10 统计查询界面基本按钮及其顺序如下（横排）刷新F 清空C 排序O 列选择I 打印P 返回R2.4.11 编辑输入界面基本按钮及其顺序如下（竖排）保存S 新开N 删单C 增加A 插入I 删除D2.4.12 一些图片按钮力求一统：比如数据窗行拖拉排序

26、(row.ico)、刷新(continue!)、查找(find!)；2.5 树形控件2.5.1 继承公用库的 u_treeview$或其子类控件2.5.2 鼓励使用树形控件，对于多级分类字典或有相关性的主从结构推荐用树结构，可使界面更为简洁、操作也方便；2.5.3 当鼠标停在结点上，鼠标变为手指状，且颜色变为蓝色，即选择TrackSelect属性2.5.4 对于某些显示多层级类别的树形目录，必须支持节点名称(汉字)的定位搜索（u_tv_locate$）,若是常用定位功能，还必须支持弹出拼音首码选择；3、 常用组件3.1 鼓励使用可以使界面美观或程序封装性好的控件，即应注意界面设计控制重用性；3

27、.2 时间段用户对象：3.2.1 格式统一为 XX时间 某年某月某日至某年某月某日 ，即日期选择统一应用操作系统自带的时间控件，且须设置默认时间区间，缺省绝对不能为空，只有用户在必要时才进行调整，还可考虑把默认时间区间设为本地参数，这样比较方便；如：查询时间 2002年8月5日到2002年8月6日3.2.2 若其格式为日期时间型，就不能应用系统自带的时间控件，但要出现三角箭头（），可进行时间的日期、时间的调整；4、 操作细则4.1 在系统中对用户的操作及时地提供反馈信息是十分重要的，这些反馈信息也许只是提示窗图标显示警告(Exclamation!)或将鼠标显示成沙漏等一样不起眼的反应，但是却能

28、使用户树立信心，使他感到仍在控制软件而没有死机，如果处理程序太长，则应该考虑使用进度条和信息提示窗；Ø 在需等待时间较短（05秒）的情况下应将鼠标显示成为沙漏，为此可调用函数SetPointer(HourGlass!)来实现这一功能；Ø 在处理时间需大于5秒时，应显示处理窗口(w_wait$)或进度条，若能在处理完毕后发出一个提示警告声则更佳，这样用户就不必总看屏幕，如Beep(1)；4.2 界面干预操作时绝对不能直接操作数据库(Insert、Update、Delete)，而是要将操作的中间结果或最终结果在界面上显示(或提交前显示),以便操作员选择接受或拒绝；4.3 力求界面简单，操作方便：Ø 用尽可能少的窗口完成任务：一些关联的功能尽量放置在同一个窗口中进行处理Ø 尽可能减少用户的点