兼容性

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

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

2、兼容Chrome、Firefox、IE8及以上主流瀏覽器。

導航菜單

一、菜單欄

1、產(chǎn)品圖標：點擊圖標，返回首頁。

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

3、切換病房，點擊病房名稱，切換其他病房。

4、點擊當前登錄人姓名，進行角色切換和我的設(shè)置。

5、點擊消息面板圖標，打開消息面板。

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

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

二、當前頁面名稱

1、原則上每個頁面都需要左上角有當前頁面名稱。特殊情況自行調(diào)整。

三、Tab切換

1、tab頁切換時，判斷當前頁面修改數(shù)據(jù)是否已保存，如果未保存，提示“數(shù)據(jù)未保存，是否保存？”，點擊【保存】，彈框關(guān)閉，數(shù)據(jù)保存，父頁面刷新，頁面頂部提示“保存成功！”一秒閃退，。點擊【不保存】，彈框關(guān)閉，數(shù)據(jù)不保存，父頁面不刷新。點擊右上角X，關(guān)閉保存提示，繼續(xù)原頁面操作。

列表

一、新增

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

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

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

二、編輯

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

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

三、刪除

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

2、單條刪除：刪除按鈕放操作列，采用刪除圖標按鈕。點擊【刪除】圖標后，彈出提示“確認刪除嗎？”，點擊確認，頁面頂部提示刪除成功，一秒閃退，并且顯示時不能影響頁面操作。

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

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

? ? ? ? 當被刪除的記錄與其他記錄存在關(guān)聯(lián)時，請示需求界面給予不允許刪除、更明細提示等信息。根據(jù)需要自行調(diào)整。

四、查詢

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

多種查詢直接生效條件：

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

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

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

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

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

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

2、查詢條件三個以上，【查詢】按鈕后給【重置】按鈕，點擊【重置】，回到默認查詢條件狀態(tài)?！局刂谩亢笞詣由?，不需要再次點擊【查詢】按鈕。

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

五、單擊事件

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

六、雙擊事件

1、有行編輯功能的列表。默認不給雙擊事件，如有特殊需要，雙擊事件根據(jù)需要添加，如雙擊可直接打開編輯器或設(shè)計器。

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

七、鼠標劃過

1、鼠標劃過默認給樣式變化。如有特殊需要自行調(diào)整。

八、單元格內(nèi)容展示不全（兩種可選方案）

1、單元格中內(nèi)容展示不下，不給鼠標懸浮顯示全部，單擊本行時高度自動撐開，移除本行選中時，高度自動收起為一行。另外，本行行編輯啟用時，也自動撐開。如有特殊需要自行調(diào)整，如病情護理記錄單，需要默認全部撐開，最高五行。

2、單元格內(nèi)容展示不下，用...顯示，并鼠標懸浮氣泡顯示全部內(nèi)容。能顯示完整的單元格，鼠標懸浮無氣泡顯示。如有特殊需要自行調(diào)整，如病情護理記錄單，需要默認全部撐開，最高五行。但啟用行編輯時，本行高度自動撐開。

九、操作列按鈕

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

十、列表狀態(tài)

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

十一、翻頁

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

十二、行編輯-格式校驗

1、必填項：標題行*標注，失去焦點檢驗，紅框標注，氣泡顯示提示內(nèi)容。此時點擊操作列【保存】，光標定位到本行第一個紅框單元格。

2、格式錯誤：失去焦點校驗，紅框標注，氣泡顯示提示內(nèi)容。此時點擊操作列【保存】，光標定位到本行第一個紅框單元格。

十三、全選

1、多選列表，表頭都有全選按鈕，勾選全選，本頁所有數(shù)據(jù)全部選中。

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

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

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

5、勾選一條數(shù)據(jù)，按住Shift鍵，勾選另一條數(shù)據(jù)，中間部分全部選中。

十四、顯示數(shù)據(jù)（表格內(nèi)）

1、表頭：左對齊，字體加粗，字號14px。

2、單元格：文字內(nèi)容左對齊，，數(shù)字、金額內(nèi)容右對齊。

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

十五、表頭固定

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

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

十六、列排序

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

十七、列表疏密設(shè)置

1、點擊操作列表頭右側(cè)的調(diào)整列表密度按鈕，調(diào)整列表行高。

彈出框

一、錄入規(guī)范

1、必填項：*標注，失去焦點檢驗，紅框標注，并顯示提示內(nèi)容。同時，點擊【保存】按鈕也觸發(fā)校驗，光標自動定位到第一個紅框內(nèi)。

2、數(shù)據(jù)格式錯誤：失去焦點檢驗，紅框標注，并顯示提示內(nèi)容。同時，點擊【保存】按鈕也觸發(fā)校驗，光標自動定位到第一個紅框內(nèi)。

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

二、彈框可移動

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

三、保存數(shù)據(jù)

1、有保存按鈕的彈框。默認點擊【保存】按鈕，關(guān)閉彈框，并刷新外層數(shù)據(jù)。特殊需要自動調(diào)整，如健康教育評價單需要【保存并繼續(xù)】按鈕，點擊后，數(shù)據(jù)保存，但彈框不關(guān)閉。

四、關(guān)閉彈框

1、彈框右上角默認給關(guān)閉按鈕，使用圖標X。

2、帶【取消】按鈕的彈框，點擊【取消】，關(guān)閉當前彈框，數(shù)據(jù)不保存。

表單控件

一、日期范圍控件

1、位置在查詢條件欄：日期范圍選擇是一個整體控件，先選開始日期后選結(jié)束日期，結(jié)束日期選完后自動收起日期選擇框，并生效開始查詢列表數(shù)據(jù)。日期范圍查詢后可以給【全部】【一周】【今日】快捷按鈕，點擊即生效?！救俊恐傅氖侨朐褐两?，【一周】指的是今日往前七天，前后包含。

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

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

三、文本框控件

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

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

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

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

ps：回車進入下一個可編輯控件，遇到下拉控件，自動展開，上下鍵切換下拉選項，回車選中并跳轉(zhuǎn)到下一個控件。默認從左到右，從上到下。

四、圖片

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

2、圖片未上傳時，移入圖片區(qū)域，顯示“點擊上傳”文字，不顯示右上角刪除按鈕。圖片已上傳時，移入圖片區(qū)域，不顯示“點擊上傳”文字，顯示右上角刪除按鈕。

加載

一、加載使用場景

1、當刷新時間較長時，需要給出加載中的效果，進度條或轉(zhuǎn)圈。

鏈接

一、鏈接

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

按鈕

一、按鈕樣式

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

2、按鈕狀態(tài)：默認顯示狀態(tài)，鼠標經(jīng)過狀態(tài)，點擊狀態(tài)。

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

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

二、導出按鈕

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

三、按鈕名稱

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

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

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

ps：wed端，主按鈕在左，次按鈕在右（主次按鈕根據(jù)使用頻率來定，默認確定類為主，取消類為次）。移動端主按鈕在右，次按鈕在左。

提示

一、保存提示

1、點擊確認，頁面頂部提示“保存成功！”，一秒閃退，并且顯示時不能影響頁面操作。保存成功后，原頁面自動刷新。

二、刪除提示

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

三、停用提示

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

四、數(shù)據(jù)未保存

1、當前頁面數(shù)據(jù)修改但未保存，提示“數(shù)據(jù)未保存，是否保存？”，點擊【保存】，彈框關(guān)閉，數(shù)據(jù)保存，父頁面刷新，頁面頂部提示“保存成功！”一秒閃退，。點擊【不保存】，彈框關(guān)閉，數(shù)據(jù)不保存，父頁面不刷新。點擊右上角X，關(guān)閉保存提示，繼續(xù)原頁面操作。

五、導出提示

1、點擊【導出】按鈕后，頁面頂部顯示“導出成功！”，一秒閃退，并且顯示時不能影響頁面操作。導出成功后，原頁面不自動刷新。

六、導入提示

1、點擊【導入】按鈕后，彈框居中顯示導入提示，如果有導入失敗數(shù)據(jù)，自動下載失敗明細（保存到瀏覽器下載默認路徑），同時導入失敗條數(shù)后給查看失敗明細按鈕，點擊【查看失敗明細】，打開txt文件，只顯示“第1，2.。。。。。。條失敗”。

七、請先選擇患者提示

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