---
# System prepended metadata

title: NICU GUI 調整項目
tags: [VGHTPE NICU]

---

###### tags: `VGHTPE NICU`
# NICU GUI 調整項目

---
- 區塊說明
:::warning
GUI/UX 調整 (需要GUI/UX改畫面, 開發再調整)
:::

:::success
GUI/UX 調整 (開發直接修改)
:::

:::info
開發根據實際數據 & GUI 落差調整
:::

:::danger
12/E前交付, 不在本次驗收範圍
:::

---

:::warning
> ==GUI/UX 調整 (需要GUI/UX改畫面, 開發再調整)==
  * **Ward View**
    - 病患個人摘要
      - [ ] Layout 空間調整 ==(下圖右方藍色文字的描述)==
            ![](https://i.imgur.com/YAzLUz6.png)
        改成下方方式呈現 (11/08 Andy 提供)
        ![](https://i.imgur.com/QAOzR7y.png)

      - [ ] 過去24小時生命徵象的圖表高度降低20% ==(10/31 Andy 已提供)==
            ![](https://i.imgur.com/s8E9dG7.png)
    - 床頭卡
      - [ ] Vital 數據要有顏色 ==(10/31 Andy 已提供色碼)==
            ![](https://i.imgur.com/qVAZJNI.png)
:::

:::success
> ==GUI/UX 調整 (開發直接修改)==
  * **All**
    - 區塊標題欄位底色 ==(所有頁面的相關區塊都用此樣式)==
      - [ ] 標題欄位套灰底，然後高度可以減低 
            ![](https://i.imgur.com/rXnMonD.png)
            改成下方有底色的樣式
            ![](https://i.imgur.com/CYaKoCj.png)
---

  * **Login View**
    - 首頁
      - [ ] 文字「台北榮民總醫院 ICD單一入口」改為「台北榮民總醫院 NICU智慧醫療系統」


--- 
  * **Patient View**
    - Exam & Report
      - [ ] 下方趨勢圖表, 目前最多會有八種, 需要有八個色碼 ==(需要Cathy, Andy 幫忙提供)==
          ![](https://i.imgur.com/lYpuoAA.png)
---

* **Ward View**
    - 其他
      - [x] 更新時間和switch button換位置
    - 導覽列
      - [x] 上方標籤「病房總覽」改成「住院中病人資訊」
    - 麵包屑
      - [ ] 文字「病房總覽」改成「住院中病人資訊」
    - switch button
      - [x] 文字「Detail」 --> 「床頭卡顯示(繁/簡)」
      - [x] 文字「Preview」 --> 「病人摘要檢視(開/關)」
    - 床頭卡
      - [ ] 資訊 layout 修改
            ==(若第一行文字內容無法塞入完整訊息，則把生日資訊僅保留 MM-DD)==
            ![](https://i.imgur.com/UoCEvSy.png)
      - [x] Vital 數據要有顏色 ==(請Cathy, Andy提供色碼)==
      - [ ] Vital 增加單位文字
      - [ ] Vital %、‘C等單位字體縮小
      - [ ] Vital RR 和 SpO~2~ 位置對調
            ![](https://i.imgur.com/qVAZJNI.png)
      - [ ] vital 數據, 若符合警示調整, 增加底色, 文字反白
            ![](https://i.imgur.com/bUzfNiE.png)
    - 床頭卡編輯
      - [ ] 出生週數要改成兩欄的整數
      - [ ] 床號不可編輯
      - [ ] 文字「體重」改為「出生體重」
      - [ ] 文字「Select date」改為「選擇日期」
            ![](https://i.imgur.com/AFBv7Pf.png)
    - 醫療團隊資訊 (11/12新增)
      - [ ] 移除護理師
            ![](https://i.imgur.com/VQ58Mmx.png)

    - 今日排程
      - [ ] 文字「今日排程」改成「今日排程及事件」
            ![](https://i.imgur.com/pZHNp3H.png)
    - 病患個人摘要
      - [ ] 參考床頭卡新的文字 layout 調整 & 移除電話資訊 
            ![](https://i.imgur.com/BjaE7v0.png)
      - [ ] Vital 數字單位同床頭卡的顯示方式
      - [ ] Vital 色碼和床頭卡一致
      - [ ] 文字「檢驗項目」改為「常規檢驗」
            ![](https://i.imgur.com/plMXReh.png)
      - [ ] 檢驗報告內容調整 (包含警示值)
            ![](https://i.imgur.com/niF9lnc.png)
            [羅醫師1028反饋資料連結](https://wistron.sharepoint.com/:w:/r/sites/marvel/_layouts/15/Doc.aspx?sourcedoc=%7B3C97EEC9-1F96-4D57-AD00-D8B5A9D5307D%7D&file=LAB%20%E5%9B%BA%E5%AE%9A%E9%A0%85%E7%9B%AE%20%E8%AD%A6%E7%A4%BA%E5%80%BC%201028.docx&action=default&mobileredirect=true)
    - 病房公告
      - [ ] 輸入框的預設文字改為「新增病房公告」
    - 當日床位資訊
      - [ ] 改成一列, 加上 canlendar 選擇日期, 表格下方增加 (侵入呼吸器人數、非侵入呼吸器人數、TPN人數)
            ![](https://i.imgur.com/7JshRi9.png)
      - [ ] 文字「數入人數」改成「轉入人數」
      - [ ] 文字「數出人數」改成「轉出人數」
      - [ ] 文字「天數」改為「日期」
      - [ ] 文字「MM/DD」改為 「MM/DD, weekday」
        - weekday 放在 MM/DD下方, 格式:(MON / TUE / WED / THU / FRI / SAT / SUN)
      - [ ] 佔床數內的文字「8(13)」改為「8/12」==分母固定最大為固定12==



---

  * **Patient View**
    - 病患基本資訊
      - [ ] 文字調整 & 增加生日
            ![](https://i.imgur.com/UCryxlm.png)
    - 英文改中文 ==(若文字大小塞不下再議)==
      - [ ] 頁面文字
        -  Cross-Section：時間點檢視
        -  Chronicle：時間軸檢視
        -  Flow Sheet：輸出入細節
        -  Exam & Report：檢驗及報告
        -  Order view：醫囑及藥囑
        -  Note：跨團隊紀錄
        -  RT：呼吸評估
        -  Nutrition：營養評估
        -  Infection：感染評估
        -  Schedule & To Do List：行事曆及註記
      - [ ] 項目切換 
        - Vital Sign& IO：生命徵象/輸出入
        - Lab：檢驗結果
        - RT：呼吸評估
        - Order：醫藥囑
        - Schedule & To-do List：行事曆及註記

---

  * **Cross Section View**
    - 日期選擇
      - [ ] 文字「選擇時間」改為「資料日期」
            ![](https://i.imgur.com/T71AjGu.png)
    - 個人資料移動到「資料日期」同要欄位中
      - [ ] 週數 24+1->==25+5== 體重 500g->==600g==, 住院第==25==天
            ==(黃色部份, 需要隨「資料日期」動態變化)== 
            ![](https://i.imgur.com/y9YDfLV.png)
    - 病床切換
      - [ ] 按鈕位置移動到和「麵包屑」的的層級
            ![](https://i.imgur.com/hZBbVM1.png)
    - Vital Sign
      - [ ] 選擇資料顯示, 移除「平均值」
            ![](https://i.imgur.com/hYvk2yU.png)
    - Vital Sign Setting
      - [ ] 設定生效時間 : 格式改為「年-月-日 時
      - [ ] 文字「上下界」改為「圖表範圍」
      - [ ] 文字「正常值」改為「警示上下界」
      - [ ] 文字「Vital Sign Setting」改為「生命徵象警示範圍設定」
      - [ ] 文字「變更紀錄」改為「警示設定清單」
      - [ ] 文字「Vital 範圍設定」改為「新增警示設定」
            ![](https://i.imgur.com/y72nm4W.png)
      - [ ] 移除生效時間範圍
            ![](https://i.imgur.com/tnKVTQa.png)
     - Vital Sign Setting 修改提示
       - [ ] 文字警示範圍的提示 : 您設定的生效時間已有資料，是否確定要覆蓋?
            ![](https://i.imgur.com/c61LnU5.png)
       - [ ] 說明內容調整 ==(僅有生效時間一樣才會覆蓋該筆設定)==
             HR：舊設定值 --> 新設定值
             ABP：舊設定值 --> 新設定值
             NBP：舊設定值 --> 新設定值
             SpO~2~：舊設定值 --> 新設定值
             BT：舊設定值 --> 新設定值
             RR：舊設定值 --> 新設定值
             生效時間：年-月-日-時

    - Lab
      - [ ] 文字「LAB(常規檢驗)」改為「常規檢驗」
      - [ ] 文字「LAB(非常規檢驗)」改為「報告清單」
      - [ ] 檢驗報告內容調整 (包含警示值)
            ![](https://i.imgur.com/niF9lnc.png)
            [羅醫師1028反饋資料連結](https://wistron.sharepoint.com/:w:/r/sites/marvel/_layouts/15/Doc.aspx?sourcedoc=%7B3C97EEC9-1F96-4D57-AD00-D8B5A9D5307D%7D&file=LAB%20%E5%9B%BA%E5%AE%9A%E9%A0%85%E7%9B%AE%20%E8%AD%A6%E7%A4%BA%E5%80%BC%201028.docx&action=default&mobileredirect=true)

---

  * **Chronicle View**
    - 凍結區域
      - [ ] 時間選擇要拉到上方凍結區域 
            ![](https://i.imgur.com/aPRXul2.png)
            ![](https://i.imgur.com/hZBbVM1.png)
    - Vital
      - [ ] 選擇資料顯示, 移除「平均值」
            ![](https://i.imgur.com/hYvk2yU.png)
    - RT & Order
      - [ ] 文字「RT」改為「呼吸器設定」
      - [ ] 文字「Order」改為「藥囑」
      ![](https://i.imgur.com/om4JJkg.png)
    - 體重
      - [ ] Bar上加註當次紀錄的體重 ==(該處體重不需另外註明+(多少)的資訊)==
            ![](https://i.imgur.com/46fgdUU.png)

---

  * **Exam & Report**
    - LAB(常規檢驗)
      - [ ] 文字「LAB(常規檢驗)」改為「累積報告」
    - LAB(非常規檢驗)
      - [ ] 文字「LAB(非常規檢驗)」改為「報告清單」
    - 常規檢驗趨勢圖
      - [ ] 文字「常規檢驗趨勢圖」改為「累積報告趨勢圖」
      - [ ] 趨勢圖各組上下範圍
            項目的數據範圍，須依據所選取的時間範圍內，實際項目的最大值與最小值，增0.5倍由系統自動計算各項目的範圍上下界
            (臨床無法提供該些項目的合理界線範圍)
            ![](https://i.imgur.com/IZm1z6P.png)

---

  * **RT**
    - GAS 血氧分析
      - [ ] 文字「GAS血氧分析」改為「GAS累積報告」
      - [ ] 選擇日期改為「起迄」的日期
      - [ ] 移除關鍵字搜尋
    - 呼吸器使用紀錄
      - [ ] 文字「呼吸器使用紀錄」改為「呼吸器設定紀錄」
      - [ ] 選擇日期改為「起迄」的日期
      - [ ] 移除關鍵字搜尋
 
---

  * **Nutrition**
    - 生長曲線圖
      - [ ] 文字「手動新增」改為「手動新增體重」
            ![](https://i.imgur.com/ZD0IiIS.png)
    - 水量表
      - [ ] 滑鼠hover過去時，即要能跳出彈跳視窗，無須點選Bar
      - [ ] 長條圖間隔調整
            ![](https://i.imgur.com/BlWUXLO.png)

---
  * **Infection** (11/12新增)
    - 六宮格文字調整
      - [ ] CBC改為WBC
      - [ ] PTC改為 PCT
            ![](https://i.imgur.com/DctOGkE.png)

---

  * **Schedule & ToDo**
    - 病患資料
      - [ ] 移除身分證字號 (所有的頁面都不需要顯示身分證字號)
            ![](https://i.imgur.com/B8Kk7Bh.png)
    - 文字調整
      - [ ] 「病人重要注意事項」改為「病人註記」
             ![](https://i.imgur.com/R4NHvng.png)
      - [ ] 「Scheduld」改為「行事曆」
             ![](https://i.imgur.com/ZKpUqvy.png)
      - [ ] 「病人當日註記」改為「當日評論Comment」
             ![](https://i.imgur.com/Zcrk5jL.png)
    - 床頭卡註記位置
      - [ ] 「床頭卡註記」調整到「病人註記」上面
    - 病人重要注意事項 (病人註記)
      - [ ] 病人注意事項的項目不需要數字
            ![](https://i.imgur.com/qoqqPFV.png) 
:::



:::info
> ==開發根據實際數據 & GUI 落差調整==
  * **Vital default (all)**
[羅醫師1007反饋資料連結](https://wistron.sharepoint.com/:x:/r/sites/marvel/_layouts/15/Doc.aspx?sourcedoc=%7B4A7DF43F-760C-432A-B371-0AE6AC5F9DB5%7D&file=REPLY%201007_%E7%AE%A1%E7%90%86%E8%80%85%E9%A0%81%E9%9D%A2Mapping%E9%9C%80%E6%B1%82%201004%20v1.xlsx&action=default&mobileredirect=true)
    - HR
      - [ ] 刻度上/下界 : 200/0
      - [ ] 正常值上/下界 : 160/100
    - RR
      - [ ] 刻度上/下界 : 100/0
      - [ ] 正常值上/下界 : 60/20
    - ABP
      - [ ] 刻度上/下界 : 100/0
      - [ ] SBP正常值上/下界 : 75/55
      - [ ] DBP正常值上/下界 : 55/35
    - NBP
      - [ ] 刻度上/下界 : 100/0
      - [ ] SBP正常值上/下界 : 75/55
      - [ ] DBP正常值上/下界 : 55/35
    - SpO~2~
      - [ ] 刻度上/下界 : 100/60
      - [ ] 正常值上/下界 : 100/90
    - BT
      - [ ] 刻度上/下界 : 43/33
      - [ ] 正常值上/下界 : 38/36

* **Ward View**
    - 床頭卡
      - [x] flag 錯字 & HD 不需要 / vital 高度 / spacing 太高 (==和Gerry確認詳細改了什麼==)
      
    - 病房公告
      - [ ] 編輯模式 : tooltip不出現, 變成刪除圖示
      - [ ] 閱讀模式 : tooltip出現
    
    - 當日床位資訊 
      - [ ] 選取天後, 少了向下箭頭 

    - 生長曲線圖
      ==(Sorry, 這是我當初會議記錄聽到羅醫師的描述, 要 Gerry 改成這樣)==
      - [ ] 文字「足月後」改前「滿足月」 
      - [ ] 文字「足月前」改前「不滿足月」 
:::

:::danger
> ==12/E前交付, 不在本次驗收範圍==
  * **Ward View**
    - 病房公告
      - [ ] 換成 non-order 的 icon
            ![](https://i.imgur.com/OVPokqj.png)
      - [ ] 內容項目在編輯狀態, 可以上下拖拉移動 
    - 病患個人摘要 Vital (不需要此項目)
      - [ ] Central Monitor / NIS 的下拉選單, 改成按鈕方式(滿足月/不滿足月)

---

  * **Cross Section View**
    - Vital Sign
      - [ ] 下拉選單改成按鈕形式
            ![](https://i.imgur.com/768kTLU.png)
    - Vital Sign Setting
      - [ ] 增加刪除功能
            ![](https://i.imgur.com/oNOcnzm.png)
    - Order
      - [ ] 隱藏功能的下拉選單, 改用 checkbox
            ![](https://i.imgur.com/boJIpR5.png)

--- 

  * **Exam & Report**
    - LAB(常規檢驗)
      - [ ] 檢驗類別和檢驗項目
            ![](https://i.imgur.com/86fHcOB.png)
            [羅醫師1031反饋資料連結](https://wistron.sharepoint.com/:x:/r/sites/marvel/_layouts/15/Doc.aspx?sourcedoc=%7BBC921691-C599-4A78-82BD-9B62E8EDC782%7D&file=NICU%20%E7%B4%AF%E7%A9%8D%E5%A0%B1%E5%91%8A%E9%A0%85%E7%9B%AE%201031.xlsx&action=default&mobileredirect=true)
            
---

  * **Schedule & ToDo**
    - 病人重要注意事項 (病人註記)
      - [ ] 編輯模式下, 要可以上下移動
            ![](https://i.imgur.com/OxiXzxL.png)

:::
