兼容性

1、自適應1280*768px及以上的分辨率

默認窗口設置下坑赡，不應出現(xiàn)水平滾動條，盡量避免出現(xiàn)垂直滾動條（當內容過多時允許滾動條）

2扭仁、兼容Chrome垮衷、Firefox、IE8及以上主流瀏覽器乖坠。

導航菜單

一搀突、菜單欄

1、產品圖標：點擊圖標熊泵，返回首頁仰迁。

2、菜單欄顯示不下顽分，自動出現(xiàn)更多按鈕徐许，點擊展開所有菜單項。

3卒蘸、切換病房雌隅，點擊病房名稱，切換其他病房缸沃。

4恰起、點擊當前登錄人姓名，進行角色切換和我的設置趾牧。

5检盼、點擊消息面板圖標，打開消息面板翘单。

6吨枉、點擊全屏按鈕，整個系統(tǒng)全屏顯示哄芜。

PS：菜單欄默認鎖死貌亭，在整個菜單欄任一位置單擊鼠標，解鎖忠烛，解鎖后鼠標懸浮在菜單名稱上可自動展開顯示子級菜單属提。在除菜單欄區(qū)域外任一位置單擊，即鎖死菜單欄美尸，此時鼠標懸浮不會有子級菜單展開冤议。

二、當前頁面名稱

1师坎、原則上每個頁面都需要左上角有當前頁面名稱恕酸。特殊情況自行調整。

三胯陋、Tab切換

1蕊温、tab頁切換時，判斷當前頁面修改數(shù)據是否已保存遏乔，如果未保存义矛，提示“數(shù)據未保存，是否保存盟萨？”凉翻，點擊【保存】，彈框關閉捻激，數(shù)據保存制轰，父頁面刷新，頁面頂部提示“保存成功胞谭！”一秒閃退垃杖，。點擊【不保存】丈屹，彈框關閉调俘，數(shù)據不保存，父頁面不刷新旺垒。點擊右上角X彩库，關閉保存提示，繼續(xù)原頁面操作袖牙。

列表

一侧巨、新增

1、新增時彈框：新增按鈕位置在右上角鞭达，點擊【新增】按鈕司忱，彈出新增錄入框。

2畴蹭、樹形列表指定插入位置行編輯新增：新增按鈕位置在右上角坦仍。選擇一條一級數(shù)據，點擊新增按鈕叨襟，在該一級下新增一條空白行繁扎，行編輯直接修改，操作列保存或取消。未選擇一級數(shù)據梳玫，點擊新增按鈕爹梁，在列表底部新增一條一級數(shù)據。

3提澎、行編輯新增姚垃，新增按鈕位置在列表底部，點擊【新增】盼忌，列表本頁底部新增按鈕位置新增一條空白數(shù)據积糯，同時新增按鈕隱藏。

二谦纱、編輯

1看成、彈框編輯：編輯按鈕放在列表【操作列】，采用編輯圖標按鈕跨嘉。點擊圖標川慌，彈出編輯框。

2偿荷、行編輯：編輯按鈕放在列表【操作列】窘游，采用編輯圖標按鈕。點擊圖標跳纳，啟用本行數(shù)據編輯態(tài)忍饰，操作列按鈕變更為保存和取消。

三寺庄、刪除

1艾蓝、批量刪除：刪除按鈕放右上角，列表第一列要是復選框斗塘，支持全選赢织。其他批量操作按鈕同理（例如模板審核中的批量審核按鈕）。點擊【刪除】按鈕后馍盟，彈出提示“確認刪除嗎于置？”，點擊確認贞岭，頁面頂部提示刪除成功八毯，一秒閃退，并且顯示時不能影響頁面操作瞄桨。

2话速、單條刪除：刪除按鈕放操作列，采用刪除圖標按鈕芯侥。點擊【刪除】圖標后泊交，彈出提示“確認刪除嗎乳讥？”，點擊確認廓俭，頁面頂部提示刪除成功云石，一秒閃退，并且顯示時不能影響頁面操作白指。

PS：刪除成功后刷新不顯示刪除的記錄留晚。

? ? ? ? 刪除成功后返回到原記錄所在頁面酵紫，而當原記錄所在頁不存在時告嘲，則返回上一頁。

? ? ? ? 當被刪除的記錄與其他記錄存在關聯(lián)時奖地，請示需求界面給予不允許刪除橄唬、更明細提示等信息。根據需要自行調整参歹。

四仰楚、查詢

1、查詢條件位置統(tǒng)一放列表上方犬庇。查詢條件最后盡量放上【查詢】按鈕僧界，點擊生效，若查詢條件過多臭挽，查詢按鈕可不顯示捂襟。除點擊【查詢】按鈕生效外，多種查詢有各自的直接生效條件欢峰，如下：

多種查詢直接生效條件：

1）下拉查詢：選中下拉值直接生效;

2）單選/復選按鈕：選中直接生效葬荷；

3）日期查詢：選中直接生效；

4）日期范圍查詢：選中直接生效纽帖；

5）文本框查詢：默認模糊搜索宠漩，回車生效；

6）下拉+文本框組合查詢：回車生效懊直；

2扒吁、查詢條件三個以上，【查詢】按鈕后給【重置】按鈕室囊，點擊【重置】雕崩，回到默認查詢條件狀態(tài)〔ǘ恚【重置】后自動生效晨逝，不需要再次點擊【查詢】按鈕。

3懦铺、未查詢到數(shù)據捉貌，列表居中顯示“沒有數(shù)據”。

五、單擊事件

1趁窃、列表單擊時牧挣，選中當前行。如果當前行為行編輯啟用狀態(tài)醒陆，單擊只讀單元格為選中當前行瀑构，單擊可編輯單元格為選中當前行并直接定位編輯本單元格。

六刨摩、雙擊事件

1寺晌、有行編輯功能的列表。默認不給雙擊事件澡刹，如有特殊需要呻征，雙擊事件根據需要添加，如雙擊可直接打開編輯器或設計器罢浇。

2陆赋、沒有行編輯功能的列表。默認雙擊時打開本條數(shù)據的編輯彈框嚷闭。有特殊需要攒岛，雙擊事件也可根據需要調整。如患者列表雙擊可直接進入患者首頁胞锰。PS：列表只讀或雙擊功能只讀時灾锯，雙擊事件自動失效。

七胜蛉、鼠標劃過

1挠进、鼠標劃過默認給樣式變化。如有特殊需要自行調整誊册。

八领突、單元格內容展示不全（兩種可選方案）

1、單元格中內容展示不下案怯，不給鼠標懸浮顯示全部君旦，單擊本行時高度自動撐開，移除本行選中時嘲碱，高度自動收起為一行金砍。另外，本行行編輯啟用時麦锯，也自動撐開恕稠。如有特殊需要自行調整，如病情護理記錄單扶欣，需要默認全部撐開鹅巍，最高五行千扶。

2、單元格內容展示不下骆捧，用...顯示澎羞，并鼠標懸浮氣泡顯示全部內容。能顯示完整的單元格敛苇，鼠標懸浮無氣泡顯示妆绞。如有特殊需要自行調整，如病情護理記錄單枫攀，需要默認全部撐開括饶，最高五行。但啟用行編輯時脓豪，本行高度自動撐開巷帝。

九、操作列按鈕

1扫夜、操作列按鈕三個以上時，外層顯示2-3個常用按鈕（盡量用圖標驰徊，節(jié)省列表寬度）+更多按鈕笤闯，點擊【更多】，展開顯示其他隱藏按鈕棍厂。如有特殊展示需要颗味，可自行調整。

十牺弹、列表狀態(tài)

1浦马、列表有狀態(tài)列時，位置盡量放在列表首列或操作列前一列张漂。點擊狀態(tài)切換按鈕晶默，直接觸發(fā)，啟用自動生效航攒，無需提示磺陡；停用時提示“確認停用嗎？”點擊【確認】漠畜，頁面頂部顯示“停用成功币他！”，一秒閃退憔狞，并且顯示時不能影響頁面操作蝴悉。

十一、翻頁

1瘾敢、正常列表默認給翻頁功能拍冠，位置在列表下方硝枉，居中顯示。默認每頁顯示20條倦微，顯示條數(shù)下拉值（20/50/100/500/1000）妻味。

十二、行編輯-格式校驗

1欣福、必填項：標題行*標注责球，失去焦點檢驗，紅框標注拓劝，氣泡顯示提示內容雏逾。此時點擊操作列【保存】，光標定位到本行第一個紅框單元格郑临。

2栖博、格式錯誤：失去焦點校驗，紅框標注厢洞，氣泡顯示提示內容仇让。此時點擊操作列【保存】，光標定位到本行第一個紅框單元格躺翻。

十三丧叽、全選

1、多選列表公你，表頭都有全選按鈕踊淳，勾選全選，本頁所有數(shù)據全部選中陕靠。

2迂尝、去掉本頁一條數(shù)據的選中效果，則表頭全選取消勾選剪芥。

3垄开、翻頁后，自動去掉已勾選的記錄及全選的勾選粗俱。

4说榆、刷新頁面后，自動去掉已勾選的記錄及全選的勾選寸认。

5签财、勾選一條數(shù)據，按住Shift鍵偏塞，勾選另一條數(shù)據唱蒸，中間部分全部選中。

十四灸叼、顯示數(shù)據（表格內）

1神汹、表頭：左對齊庆捺，字體加粗，字號14px屁魏。

2滔以、單元格：文字內容左對齊，氓拼，數(shù)字你画、金額內容右對齊。

3桃漾、操作列原則上均用圖標表達坏匪，特殊情況特殊處理。

十五撬统、表頭固定

1适滓、表頭固定，不跟隨垂直滾動條滾動恋追。

2凭迹、列表操作列固定，不跟隨橫向滾動條滾動几于。

十六蕊苗、列排序

1、所有列點擊表頭名稱沿彭，給排序切換功能。如果不能實現(xiàn)所有列手動排序尖滚，則全部時間列一定要有手動排序功能喉刘，其他列根據需要自行調整。

十七漆弄、列表疏密設置

1睦裳、點擊操作列表頭右側的調整列表密度按鈕，調整列表行高撼唾。

彈出框

一廉邑、錄入規(guī)范

1、必填項：*標注倒谷，失去焦點檢驗蛛蒙，紅框標注，并顯示提示內容渤愁。同時牵祟，點擊【保存】按鈕也觸發(fā)校驗，光標自動定位到第一個紅框內抖格。

2诺苹、數(shù)據格式錯誤：失去焦點檢驗咕晋，紅框標注，并顯示提示內容收奔。同時掌呜，點擊【保存】按鈕也觸發(fā)校驗，光標自動定位到第一個紅框內坪哄。

3质蕉、數(shù)據范圍超限，點擊【保存】按鈕校驗损姜，彈框提醒饰剥。

二、彈框可移動

1摧阅、彈框原則上居中顯示汰蓉，所有彈框盡量實現(xiàn)可拖動效果。

三棒卷、保存數(shù)據

1顾孽、有保存按鈕的彈框。默認點擊【保存】按鈕比规，關閉彈框若厚，并刷新外層數(shù)據。特殊需要自動調整蜒什，如健康教育評價單需要【保存并繼續(xù)】按鈕测秸，點擊后，數(shù)據保存灾常，但彈框不關閉霎冯。

四、關閉彈框

1钞瀑、彈框右上角默認給關閉按鈕沈撞，使用圖標X。

2雕什、帶【取消】按鈕的彈框缠俺，點擊【取消】，關閉當前彈框贷岸，數(shù)據不保存壹士。

表單控件

一、日期范圍控件

1凰盔、位置在查詢條件欄：日期范圍選擇是一個整體控件墓卦，先選開始日期后選結束日期，結束日期選完后自動收起日期選擇框户敬，并生效開始查詢列表數(shù)據落剪。日期范圍查詢后可以給【全部】【一周】【今日】快捷按鈕睁本，點擊即生效≈也溃【全部】指的是入院至今呢堰，【一周】指的是今日往前七天，前后包含凡泣。

二枉疼、日期控件/時間控件/日期時間控件

1、支持手動輸入和選擇鞋拟。手動輸入要符合日期時間邏輯骂维，如不能輸入02月30日，不能輸入小時數(shù)超過0-23贺纲，不能輸入分鐘數(shù)超過0-59等航闺。

三、文本框控件

1猴誊、文本框控件為空時潦刃，可以給提示信息（但控件前有標簽名時，框內的“請輸入***”這種提示文字不要懈叹，如果有特殊提示可以顯示）乖杠，放置在輸入框內，淺灰色字體顯示澄成。光標進入輸入框獲得焦點時提示自動消失胧洒，若輸入框失去焦點且未輸入任何文字時恢復提示信息。

2墨状、原則上要給出文本框字符長度略荡。

3、單行輸入框：在未限制字數(shù)情況下歉胶，當輸入文字比前輸入框長時，最先輸入的文字隱藏巴粪，光標和最后一個輸入的文字顯示在輸入框尾部通今。

4、多行輸入框：需要有“當前已輸入字數(shù)/最多可輸入字數(shù)”（如：50/100）肛根。

ps：回車進入下一個可編輯控件辫塌，遇到下拉控件，自動展開派哲，上下鍵切換下拉選項臼氨，回車選中并跳轉到下一個控件碧浊。默認從左到右拾积，從上到下去件。

四荠医、圖片

1、圖片均帶1px描邊持隧；內容圖片未加載出來時顯示系統(tǒng)默認圖片即硼。

2、圖片未上傳時屡拨，移入圖片區(qū)域只酥，顯示“點擊上傳”文字，不顯示右上角刪除按鈕呀狼。圖片已上傳時裂允，移入圖片區(qū)域，不顯示“點擊上傳”文字哥艇，顯示右上角刪除按鈕绝编。

加載

一、加載使用場景

1她奥、當刷新時間較長時瓮增，需要給出加載中的效果，進度條或轉圈哩俭。

鏈接

一绷跑、鏈接

1、鏈接文字或圖片當鼠標劃過時會變成點擊手形凡资。

按鈕

一砸捏、按鈕樣式

1、按鈕種類：優(yōu)先操作按鈕隙赁，次要按鈕垦藏，不可用按鈕。

2伞访、按鈕狀態(tài)：默認顯示狀態(tài)掂骏，鼠標經過狀態(tài)，點擊狀態(tài)厚掷。

3弟灼、按鈕位置：按windows交互習慣先優(yōu)先后次要（左確定，右取消）冒黑。

4田绑、按鈕樣式：可直接寫文字，或圖標+文字抡爹，按鈕文字盡量控制為2-4個漢字掩驱。

二、導出按鈕

1、點擊【導出】按鈕欧穴，導出的是符合當前查詢條件的所有列表數(shù)據民逼，不僅僅是導出本頁列表數(shù)據。如果當前列表有復選框苔可，勾選多條缴挖，即默認導出這幾條數(shù)據。

三焚辅、按鈕名稱

1映屋、提示信息類：按鈕名稱為”確認“和”取消“。

2同蜻、錄入信息類：按鈕名稱為”保存“和”取消“棚点。

3、數(shù)據未保存類：按鈕名稱為”保存“和”不保存“湾蔓。

ps：wed端瘫析，主按鈕在左，次按鈕在右（主次按鈕根據使用頻率來定默责，默認確定類為主贬循，取消類為次）。移動端主按鈕在右桃序，次按鈕在左杖虾。

提示

一、保存提示

1媒熊、點擊確認奇适，頁面頂部提示“保存成功！”芦鳍，一秒閃退嚷往，并且顯示時不能影響頁面操作。保存成功后柠衅，原頁面自動刷新皮仁。

二、刪除提示

1菲宴、點擊【刪除】按鈕后魂贬，彈出提示“確認刪除嗎？”裙顽，點擊確認，頁面頂部提示刪除成功宣谈，一秒閃退愈犹，并且顯示時不能影響頁面操作。刪除成功后，原頁面自動刷新漩怎。

三勋颖、停用提示

1、點擊【停用】按鈕后勋锤，彈出提示“確認停用嗎饭玲？”點擊【確認】，頁面頂部顯示“停用成功叁执！”茄厘，一秒閃退，并且顯示時不能影響頁面操作谈宛。刪除成功后次哈，原頁面自動刷新。

四吆录、數(shù)據未保存

1窑滞、當前頁面數(shù)據修改但未保存，提示“數(shù)據未保存恢筝，是否保存哀卫？”，點擊【保存】撬槽，彈框關閉此改，數(shù)據保存，父頁面刷新恢氯，頁面頂部提示“保存成功带斑！”一秒閃退，勋拟。點擊【不保存】勋磕，彈框關閉，數(shù)據不保存敢靡，父頁面不刷新挂滓。點擊右上角X，關閉保存提示啸胧，繼續(xù)原頁面操作赶站。

五、導出提示

1纺念、點擊【導出】按鈕后贝椿，頁面頂部顯示“導出成功！”陷谱，一秒閃退烙博，并且顯示時不能影響頁面操作瑟蜈。導出成功后，原頁面不自動刷新渣窜。

六铺根、導入提示

1、點擊【導入】按鈕后乔宿，彈框居中顯示導入提示位迂，如果有導入失敗數(shù)據，自動下載失敗明細（保存到瀏覽器下載默認路徑）详瑞，同時導入失敗條數(shù)后給查看失敗明細按鈕掂林，點擊【查看失敗明細】，打開txt文件蛤虐，只顯示“第1党饮，2.。驳庭。刑顺。。饲常。蹲堂。條失敗”。

七贝淤、請先選擇患者提示

1柒竞、文書書寫、診斷錄入等需要先選擇患者后才能操作的頁面播聪，未選患者刷新時要給“請先選擇患者”提醒朽基。頁面頂部顯示，一秒閃退离陶，并且顯示時不能影響頁面操作稼虎。