通用狀態元件

01讀取

一律用跳跳牙。讀取超過 0.3 秒才出現(很快就好的不顯示,畫面不會閃);一旦出現至少顯示 0.5 秒。換頁時側欄、頁首不動,只有內容區讀取。

全螢幕:登入中

登入後進主畫面時;只用在這裡,換頁不用全螢幕

按鈕讀取中

送出、儲存時;按鈕鎖住、文字改成「…中」,防止重複送出

內容區讀取

換頁、查資料時(例如點醫囑清單)
醫囑清單

表格骨架

清單第一次載入、已知會有幾欄時,先畫出格子比跳跳牙更不跳動

02Toast 提示

操作完成後的短訊息,出現在畫面下方中間,不擋操作。成功、資訊 4 秒自動消失;警告 6 秒;錯誤不會自己消失,要按關閉。滑鼠移上去時暫停倒數。最多同時 3 則。

四種類型

帶動作

03頁面內提醒

跟著頁面內容一起顯示、需要使用者處理或注意的事。不會自己消失;能關閉的才有關閉鈕。

技工單已回 蔡沛蓉 的齒雕 Inlay #37 已由技工所完成,看診前請確認。
醫囑單還沒儲存 離開這一頁前請先儲存,不然填的內容會不見。

04欄位錯誤

送出時才檢查(打字時不一直跳紅);欄位變紅框、下方寫原因;游標移到第一個錯的欄位;改對了紅框馬上消失。錯誤很多時,表單上方加一行總結。

新增員工(試試直接按儲存)

醫師以 D 開頭,例如 D0920201

錯誤的樣子

格式不對,應該是 1 個英文字母加 9 個數字
錯誤一定附圖示和文字,不能只靠紅色。

05確認對話框

只用在會改變狀態、而且不容易回頭的動作。預設焦點在「取消」;按 Esc 或點外面等於取消;關掉後焦點回到原本的按鈕。危險操作(刪除、作廢)要多勾一步才能按。

一般確認

例如切換院區時,醫囑單還沒儲存

危險操作

例如作廢技工單、刪除員工

06空狀態

清單沒有資料時,說明為什麼沒有,並給下一步。搜尋找不到時,給「清除搜尋」。

目前沒有待看診的病患

病患報到後會自動出現在這裡。

找不到「陳小明」

確認姓名有沒有打錯,或改用生日、身分證搜尋。

07錯誤頁

整頁出不來時顯示,取代內容區(側欄、頁首還在,可以去別頁)。一定要給「接下來能做什麼」。

403沒有權限

你的帳號不能看這一頁。需要的話請找有權限的人開通。

404找不到這一頁

網址可能打錯了,或這筆資料已經被刪除。

500系統發生問題

不是你的操作造成的,已經記錄下來。可以稍後再試一次。

連線中斷

網路斷掉時固定在畫面最上方,恢復後自動消失並跳「已恢復連線」Toast;填到一半的資料不會不見
連線中斷,恢復後會自動重新連線

08登入逾時

登入到期(90 天)或被管理者強制登出時,不直接跳回登入頁,而是跳出對話框請他重新輸入密碼;畫面上正在填的資料保留,登入後可以繼續。

醫囑單還沒儲存

切換院區後,這張醫囑單填的內容會不見。要先回去儲存嗎?

作廢技工單 L-20261012-03?

作廢後技工所會停止製作,這張單只保留紀錄,不能再修改。

登入已逾時

為了安全,請重新輸入密碼。你正在填的資料會保留。