| 優先度 | 代表顏色 |
| :------: | :-------: |
| 高 | <div class="priority-block high"></div> |
| 中 | <div class="priority-block medium"></div> |

---

### ==客服端==

<div class= 'row-container'>

<div class='row-item'>

:::warning
<p class='title'>訊息不可見</p>
<p class='content'>
現行:<br/>
用戶端可看到客服端訊息，但客服端看不到用戶端訊息
</p>
<p class='content'>
期望:<br/>
用戶端和客服端皆可互相閱覽對方的訊息
</p>
:::
:::warning
<p class='title'>未讀通知顯示問題</p>
<p class='content'>
現行:<br/>
當用戶打開對話後，未讀通知仍然持續顯示，同時對話中的用戶也會收到未讀通知的提醒
</p>
<p class='content'>
期望:<br/>
當用戶打開對話後，未讀通知應該立即消失，同時在對話中的用戶不應收到未讀通知的提醒
</p>
:::
:::warning
<p class='title'>離線通知</p>
<p class='content'>
現行:<br/>
用戶已離線，對話視窗未顯示離線通知
</p>
<p class='content'>
期望:<br/>
用戶離線後，對話視窗需顯示離線通知

</p>
:::
:::warning
<p class='title'>用戶進線</p>
<p class='content'>
現行:<br/>
客服端重新整理頁面後，尚未將狀態切換為登入，但用戶仍然可匹配到至該客服端
</p>
<p class='content'>
期望:<br/>
當客服端重新整理頁面後，尚未將狀態切換為登入，此時應該不可匹配任何用戶
</p>
:::
:::warning
<p class='title'>罐頭語</p>
<p class='content'>
現行:<br/>
當前並無分類「專員自訂」以及衍生功能
</p>
<p class='content'>
期望:<br/>
新增分類「專員自訂」及衍生功能(點開查看、插入、修改、刪除)
</p>
:::
:::success
<p class='title'>未讀訊息</p>
<p class='content'>
現行:<br/>
目前未讀訊息沒有提示音
</p>
<p class='content'>
期望:<br/>
未讀訊息需要有提示音
</p>
:::
:::success
<p class='title'>用戶卡片顯示內容</p>
<p class='content'>
現行:<br/>
目前會將用戶傳遞訊息都顯示出來
</p>
<p class='content'>
期望:<br/>
如果用戶傳遞訊息超過15個中文字，後面用省略號代替
</p>
:::

</div>

<div class='row-item'>

:::warning
<p class='title'>防呆提示</p>
<p class='content'>
現行:<br/>
「刪除罐頭語」、「離開對話」目前並無再確認的防呆機制
</p>
<p class='content'>
期望:<br/>
在使用「刪除罐頭語」、「離開對話」功能前，防呆提醒
</p>
:::
:::warning
<p class='title'>智能客服對話記錄</p>
<p class='content'>
現行:<br/>
智能客服對話記錄資料並未轉換成設計樣式
</p>
<p class='content'>
期望:<br/>
智能客服對話記錄資料按設計樣式顯示
</p>
:::
:::warning
<p class='title'>時間戳格式</p>
<p class='content'>
現行:<br/>
非四碼格式
</p>
<p class='content'>
期望:<br/>
調整為四碼格式
</p>
:::
:::warning
<p class='title'>跳轉真人客服</p>
<p class='content'>
現行:<br/>
現行是由目錄按鈕跳轉至真人客服服務
</p>
<p class='content'>
期望:<br/>
將功能移植至 ANS-009 【轉接真人文字客服】按鈕
</p>
:::
:::success
<p class='title'>頁籤更名</p>
<p class='content'>
現行:<br/>
主畫面上頁籤分別為「真人客服」、「智能客服」、「過往服務」
</p>
<p class='content'>
期望:<br/>
頁籤「真人客服」、「智能客服」仍保持原有名稱，調整「過往服務」為「維修履歷」
</p>
:::
:::success
<p class='title'>用戶卡片標籤</p>
<p class='content'>
現行:<br/>
技師資訊未顯示品牌（TOYOTA／LEXUS)
</p>
<p class='content'>
期望:<br/>
技師資訊需要顯示品牌（TOYOTA／LEXUS)<br/>
TOYOTA：深紅色<br/>
LEXIS：灰色
</p>
:::
:::success
<p class='title'>聊天室內容輪播畫面調整</p>
<p class='content'>
現行:<br/>
用戶端顯示的輪播卡片左右按鈕與客服端不同
</p>
<p class='content'>
期望:<br/>
客服端顯示的輪播卡片左右按鈕與客服端同步(箭頭式)
</p>
:::
:::success
<p class='title'>歷史訊息</p>
<p class='content'>
現行:<br/>
聊天室內容只有當前與用戶端的聊天訊息
</p>
<p class='content'>
期望:<br/>
聊天室內容能帶入五天內的對話記錄及先前服務人員名稱
</p>
:::

</div>

</div>

### ==用戶端==

<div class= 'row-container'>

<div class='row-item'>

:::warning
<p class='title'>身分資訊代碼對照表</p>
<p class='content'>
現行:<br/>
登入驗證 API 返回的身份資訊是加密的代碼，解密需要使用對照表。然而，目前的對照表固定存在資料庫中。
</p>
<p class='content'>
期望:<br/>
每週日的 00:00，
排程呼叫 CASW 2030 API 來抓取最新的代碼對照表，
然後將其儲存到資料庫中。
建議使用套件: node-schedule。
</p>
:::
:::warning
<p class='title'>登入流程調整</p>
<p class='content'>
現行:<br/>
原先登入只透過登入驗證 API 進行身份驗證
</p>
<p class='content'>
期望:<br/>
新增資料庫驗證機制 登入時只要通過其中一種驗證方式即可
</p>
:::
:::success
<p class='title'>對話框版型跑版</p>
<p class='content'>
現行:<br/>
要送出的訊息字數超過版面斷行，送出後會導致對話框跑版
</p>
<p class='content'>
期望:<br/>
不論送出的訊息字數是否超過版面斷行，皆不該跑版
</p>
:::

</div>

<div class='row-item'>

:::warning
<p class='title'>倒數踢出</p>
<p class='content'>
現行:<br/>
三分鐘倒數結束後應該會將用戶請離聊天室，
但目前出現了在未滿三分鐘時就被請離的情況
</p>
<p class='content'>
期望:<br/>
1. 倒數時間計算準確<br/>
2. 應該以最後一則訊息延遲倒數時間
</p>
:::
:::warning
<p class='title'>資料庫驗證機制</p>
<p class='content'>
現行:<br/>
當登入流程變更調整後，
應該有相對應的資料表存放允許登入人員資訊
</p>
<p class='content'>
期望:<br/>
從清單的提供專員資訊，
去設定資料表帳號以及密碼
</p>
:::
:::success
<p class='title'>離線通知</p>
<p class='content'>
現行:<br/>
手機版客戶端已經被系統踢出，但畫面未顯示
</p>
<p class='content'>
期望:<br/>
能正常顯示離線通知<br/>
目前了解情況，正常擱置是會正常顯示，應該是未考量瀏覽器休眠情境導致
</p>
:::
:::success
<p class='title'>倒數提醒</p>
<p class='content'>
現行:<br/>
目前並無倒數提醒機制
</p>
<p class='content'>
期望:<br/>
新增機制，會於倒數前兩分鐘彈出提醒視窗並倒數60秒
</p>
:::

</div>

</div>

<style>
.row-container {
display: flex;
}
.row-item {
padding: 10px;
flex: 1;
}
p.title {
font-size: .83em;
font-weight: bolder;
text-decoration: underline;
}
p.content {
font-size: .67em;
font-weight: bolder;
color: gray
}
div.content, div.content * {
font-size: 12px;
}
.high {
background-color: rgb(253, 248, 227);
}
.medium {
background-color: rgb(218, 241, 217);
}
.priority-block {
display: inline-block;
width: 20px;
height: 20px;
border: 1px solid black;
}

</style>