# 儀表板 — 開啟一天工作的第一眼

LOOPIN GUIDE

# 儀表板 — 開啟一天工作的第一眼

登入後的第一個畫面。今天的預約、客戶與營收狀態，安靜地排列在眼前，讓您把時間留給真正重要的服務。

![dashboard-overview.png](https://loopin.com.tw/uploads/images/gallery/2026-06/BwtCLI8JafTp5gjG-dashboard-overview.png)

▲ 儀表板全貌 — 由上而下：關鍵指標、今日行程表、管理員快捷入口、近期收入趨勢

<table id="bkmrk-%E2%97%8F-%E4%BB%8A%E6%97%A5%E9%97%9C%E9%8D%B5%E6%8C%87%E6%A8%99-%E9%A0%90%E7%B4%84%E6%95%B8%E3%80%81%E6%B4%BB%E8%BA%8D%E5%AE%A2%E6%88%B6%E3%80%81%E7%87%9F%E6%94%B6" style="width: 100%; border-collapse: collapse; margin-bottom: 16px;"><tbody><tr><td style="width: 50%; border: 1px solid #E4E1DA; padding: 20px 24px; vertical-align: top; background-color: #fafaf8;">●

今日關鍵指標

預約數、活躍客戶、營收與產能，四個數字看見今天的節奏。

</td><td style="width: 8px;"> </td><td style="width: 50%; border: 1px solid #E4E1DA; padding: 20px 24px; vertical-align: top; background-color: #fafaf8;">○

今日行程表

今天每一筆預約的時間、客戶與服務項目，依序排列。

</td></tr></tbody></table>

<table id="bkmrk-%E2%94%80-%E7%AE%A1%E7%90%86%E5%93%A1%E5%BF%AB%E6%8D%B7%E5%85%A5%E5%8F%A3-%E6%88%90%E6%9C%AC%E3%80%81%E6%90%8D%E7%9B%8A%E8%88%87%E9%8A%B7%E5%94%AE%E5%A0%B1%E8%A1%A8" style="width: 100%; border-collapse: collapse; margin-bottom: 40px;"><tbody><tr><td style="width: 50%; border: 1px solid #E4E1DA; padding: 20px 24px; vertical-align: top; background-color: #fafaf8;">─

管理員快捷入口

成本、損益與銷售報表，一步直達常用的管理功能。

</td><td style="width: 8px;"> </td><td style="width: 50%; border: 1px solid #E4E1DA; padding: 20px 24px; vertical-align: top; background-color: #fafaf8;">◻

近期收入趨勢

近六個月的收入變化，幫助您安心掌握經營的方向。

</td></tr></tbody></table>

<table id="bkmrk-1-%E4%BB%8A%E6%97%A5%E9%97%9C%E9%8D%B5%E6%8C%87%E6%A8%99-%E5%8D%B3%E6%99%82%E6%9B%B4%E6%96%B0" style="width: 100%; border-collapse: collapse; margin-bottom: 24px;"><tbody><tr><td style="width: 32px; border: 1px solid #3D5A8A; color: #3d5a8a; text-align: center; font-size: 13px; font-weight: 600; padding: 6px 0;">1</td><td style="padding: 0 0 0 14px; font-size: 19px; font-weight: 600; letter-spacing: 0.03em; color: #2b2b2e; vertical-align: middle;">今日關鍵指標</td><td style="text-align: right; vertical-align: middle;"><span style="font-size: 11px; font-weight: 500; letter-spacing: 0.08em; color: #6e89b5; background-color: #edf1f7; padding: 4px 12px;">即時更新</span></td></tr></tbody></table>

儀表板最上方的四張指標卡，是每天開工前最值得看一眼的地方——不需要點開任何報表，今天的狀態就在這裡。

![dashboard-kpi-cards.png](https://loopin.com.tw/uploads/images/gallery/2026-06/snGez3hZhkTwcgZV-dashboard-kpi-cards.png)

▲ 四張指標卡 — 今日預約、活躍客戶、本月營收、產能利用率

<table id="bkmrk-%E6%8C%87%E6%A8%99-%E8%AA%AA%E6%98%8E-%E4%BB%8A%E6%97%A5%E9%A0%90%E7%B4%84-%E4%BB%8A%E5%A4%A9%E5%B7%B2%E6%8E%92%E5%AE%9A%E7%9A%84%E9%A0%90%E7%B4%84%E6%95%B8" style="width: 100%; border-collapse: collapse; border: 1px solid #E4E1DA; margin-bottom: 16px;"><tbody><tr><th style="padding: 10px 14px; text-align: left; font-size: 12px; font-weight: 600; letter-spacing: 0.06em; color: #8b8983; border-bottom: 1px solid #E4E1DA; background-color: #f4f3ef;">指標</th><th style="padding: 10px 14px; text-align: left; font-size: 12px; font-weight: 600; letter-spacing: 0.06em; color: #8b8983; border-bottom: 1px solid #E4E1DA; background-color: #f4f3ef;">說明</th></tr><tr><td style="padding: 10px 14px; font-size: 13px; color: #2b2b2e; border-bottom: 1px solid #F4F3EF;">**今日預約**</td><td style="padding: 10px 14px; font-size: 13px; color: #8b8983; border-bottom: 1px solid #F4F3EF;">今天已排定的預約數量，與下方「今日行程表」相互對應</td></tr><tr><td style="padding: 10px 14px; font-size: 13px; color: #2b2b2e; border-bottom: 1px solid #F4F3EF;">**活躍客戶**</td><td style="padding: 10px 14px; font-size: 13px; color: #8b8983; border-bottom: 1px solid #F4F3EF;">目前往來中的客戶總數，反映客群的累積成果</td></tr><tr><td style="padding: 10px 14px; font-size: 13px; color: #2b2b2e; border-bottom: 1px solid #F4F3EF;">**本月營收**</td><td style="padding: 10px 14px; font-size: 13px; color: #8b8983; border-bottom: 1px solid #F4F3EF;">本月累計收入，下方同時標示與上月相比的增減幅度</td></tr><tr><td style="padding: 10px 14px; font-size: 13px; color: #2b2b2e;">**產能利用率**</td><td style="padding: 10px 14px; font-size: 13px; color: #8b8983;">可服務時段中已被預約的比例，幫助您評估排程的鬆緊</td></tr></tbody></table>

─ 小提醒：營收卡片上的紅色百分比代表與上月相比的變化，月初出現較大的降幅屬正常現象，不必擔心。

<table id="bkmrk-2-%E4%BB%8A%E6%97%A5%E8%A1%8C%E7%A8%8B%E8%A1%A8-%E6%AF%8F%E6%97%A5%E6%9B%B4%E6%96%B0" style="width: 100%; border-collapse: collapse; margin-bottom: 24px;"><tbody><tr><td style="width: 32px; border: 1px solid #3D5A8A; color: #3d5a8a; text-align: center; font-size: 13px; font-weight: 600; padding: 6px 0;">2</td><td style="padding: 0 0 0 14px; font-size: 19px; font-weight: 600; letter-spacing: 0.03em; color: #2b2b2e; vertical-align: middle;">今日行程表</td><td style="text-align: right; vertical-align: middle;"><span style="font-size: 11px; font-weight: 500; letter-spacing: 0.08em; color: #6e89b5; background-color: #edf1f7; padding: 4px 12px;">每日更新</span></td></tr></tbody></table>

今天的每一筆預約，依時間順序安靜排列。每一列都包含完成服務所需要的資訊：

<table id="bkmrk-%E6%AC%84%E4%BD%8D-%E5%85%A7%E5%AE%B9-%E6%99%82%E9%96%93-%E9%A0%90%E7%B4%84%E9%96%8B%E5%A7%8B%E6%99%82%E5%88%BB%EF%BC%8C%E7%94%B1%E6%97%A9%E5%88%B0%E6%99%9A" style="width: 100%; border-collapse: collapse; border: 1px solid #E4E1DA; margin-bottom: 16px;"><tbody><tr><th style="padding: 10px 14px; text-align: left; font-size: 12px; font-weight: 600; letter-spacing: 0.06em; color: #8b8983; border-bottom: 1px solid #E4E1DA; background-color: #f4f3ef;">欄位</th><th style="padding: 10px 14px; text-align: left; font-size: 12px; font-weight: 600; letter-spacing: 0.06em; color: #8b8983; border-bottom: 1px solid #E4E1DA; background-color: #f4f3ef;">內容</th></tr><tr><td style="padding: 10px 14px; font-size: 13px; color: #2b2b2e; border-bottom: 1px solid #F4F3EF;">**時間**</td><td style="padding: 10px 14px; font-size: 13px; color: #8b8983; border-bottom: 1px solid #F4F3EF;">預約開始時刻，由早到晚排序</td></tr><tr><td style="padding: 10px 14px; font-size: 13px; color: #2b2b2e; border-bottom: 1px solid #F4F3EF;">**客戶姓名**</td><td style="padding: 10px 14px; font-size: 13px; color: #8b8983; border-bottom: 1px solid #F4F3EF;">前來消費的客戶</td></tr><tr><td style="padding: 10px 14px; font-size: 13px; color: #2b2b2e; border-bottom: 1px solid #F4F3EF;">**服務項目**</td><td style="padding: 10px 14px; font-size: 13px; color: #8b8983; border-bottom: 1px solid #F4F3EF;">客戶預約的服務內容，例如瑞典式舒壓按摩、深層組織按摩</td></tr><tr><td style="padding: 10px 14px; font-size: 13px; color: #2b2b2e; border-bottom: 1px solid #F4F3EF;">**狀態**</td><td style="padding: 10px 14px; font-size: 13px; color: #8b8983; border-bottom: 1px solid #F4F3EF;">目前的預約狀態，例如「已預約」</td></tr><tr><td style="padding: 10px 14px; font-size: 13px; color: #2b2b2e;">**交易紀錄**</td><td style="padding: 10px 14px; font-size: 13px; color: #8b8983;">點擊後查看這筆預約的收費與交易明細</td></tr></tbody></table>

✓ 行程表只顯示「今天」的預約。想查看其他日期或調整排程，請前往「預約管理」功能。

<table id="bkmrk-3-%E7%AE%A1%E7%90%86%E5%93%A1%E5%BF%AB%E6%8D%B7%E5%85%A5%E5%8F%A3%E8%88%87%E6%94%B6%E5%85%A5%E8%B6%A8%E5%8B%A2-%E7%AE%A1%E7%90%86%E5%93%A1" style="width: 100%; border-collapse: collapse; margin-bottom: 24px;"><tbody><tr><td style="width: 32px; border: 1px solid #3D5A8A; color: #3d5a8a; text-align: center; font-size: 13px; font-weight: 600; padding: 6px 0;">3</td><td style="padding: 0 0 0 14px; font-size: 19px; font-weight: 600; letter-spacing: 0.03em; color: #2b2b2e; vertical-align: middle;">管理員快捷入口與收入趨勢</td><td style="text-align: right; vertical-align: middle;"><span style="font-size: 11px; font-weight: 500; letter-spacing: 0.08em; color: #6e89b5; background-color: #edf1f7; padding: 4px 12px;">管理員</span></td></tr></tbody></table>

行程表下方是為管理者準備的兩個區塊——常用報表的捷徑，以及近六個月的收入長條圖。

![dashboard-quicklinks-trend.png](https://loopin.com.tw/uploads/images/gallery/2026-06/324izMDXe4k5OQtz-dashboard-quicklinks-trend.png)

▲ 管理員快捷入口（成本管理、損益分析表、銷售收入表）與近期收入趨勢圖

<table id="bkmrk-%E5%85%A5%E5%8F%A3-%E5%B8%B6%E6%82%A8%E5%89%8D%E5%BE%80-%E6%88%90%E6%9C%AC%E7%AE%A1%E7%90%86-%E7%AE%A1%E7%90%86%E8%B2%BB%E7%94%A8%E6%94%AF%E5%87%BA%E8%88%87" style="width: 100%; border-collapse: collapse; border: 1px solid #E4E1DA; margin-bottom: 40px;"><tbody><tr><th style="padding: 10px 14px; text-align: left; font-size: 12px; font-weight: 600; letter-spacing: 0.06em; color: #8b8983; border-bottom: 1px solid #E4E1DA; background-color: #f4f3ef;">入口</th><th style="padding: 10px 14px; text-align: left; font-size: 12px; font-weight: 600; letter-spacing: 0.06em; color: #8b8983; border-bottom: 1px solid #E4E1DA; background-color: #f4f3ef;">帶您前往</th></tr><tr><td style="padding: 10px 14px; font-size: 13px; color: #2b2b2e; border-bottom: 1px solid #F4F3EF;">**成本管理**</td><td style="padding: 10px 14px; font-size: 13px; color: #8b8983; border-bottom: 1px solid #F4F3EF;">管理費用支出與成本類型</td></tr><tr><td style="padding: 10px 14px; font-size: 13px; color: #2b2b2e; border-bottom: 1px solid #F4F3EF;">**損益分析表**</td><td style="padding: 10px 14px; font-size: 13px; color: #8b8983; border-bottom: 1px solid #F4F3EF;">收益與費用的對比分析</td></tr><tr><td style="padding: 10px 14px; font-size: 13px; color: #2b2b2e;">**銷售收入表**</td><td style="padding: 10px 14px; font-size: 13px; color: #8b8983;">月度收益總覽</td></tr></tbody></table>

<table id="bkmrk-4-%E8%87%AA%E8%A8%82%E7%89%88%E9%9D%A2-%E2%80%94-%E6%89%93%E9%80%A0%E6%82%A8%E8%87%AA%E5%B7%B1%E7%9A%84%E5%84%80%E8%A1%A8%E6%9D%BF-%E5%80%8B" style="width: 100%; border-collapse: collapse; margin-bottom: 24px;"><tbody><tr><td style="width: 32px; border: 1px solid #3D5A8A; color: #3d5a8a; text-align: center; font-size: 13px; font-weight: 600; padding: 6px 0;">4</td><td style="padding: 0 0 0 14px; font-size: 19px; font-weight: 600; letter-spacing: 0.03em; color: #2b2b2e; vertical-align: middle;">自訂版面 — 打造您自己的儀表板</td><td style="text-align: right; vertical-align: middle;"><span style="font-size: 11px; font-weight: 500; letter-spacing: 0.08em; color: #6e89b5; background-color: #edf1f7; padding: 4px 12px;">個人化</span></td></tr></tbody></table>

每個人關心的數字不一樣。點擊頁面右上角的「**自訂版面**」，會開啟「自訂儀表板」設定窗——把最常看的內容往上放，把暫時用不到的安靜收起來。

![dashboard-customize-dialog.png](https://loopin.com.tw/uploads/images/gallery/2026-06/j2kSmAIbywrWFCEa-dashboard-customize-dialog.png)

▲ 自訂儀表板設定窗 — 拖拉調整順序、眼睛圖示顯示／隱藏、勾選 KPI 子項目

<table id="bkmrk-%E6%93%8D%E4%BD%9C-%E8%AA%AA%E6%98%8E-%E6%8B%96%E6%8B%89%E6%8A%8A%E6%89%8B-%E6%8C%89%E4%BD%8F%E6%AF%8F%E5%88%97%E5%B7%A6%E5%81%B4%E7%9A%84%E6%8A%8A%E6%89%8B" style="width: 100%; border-collapse: collapse; border: 1px solid #E4E1DA; margin-bottom: 16px;"><tbody><tr><th style="padding: 10px 14px; text-align: left; font-size: 12px; font-weight: 600; letter-spacing: 0.06em; color: #8b8983; border-bottom: 1px solid #E4E1DA; background-color: #f4f3ef;">操作</th><th style="padding: 10px 14px; text-align: left; font-size: 12px; font-weight: 600; letter-spacing: 0.06em; color: #8b8983; border-bottom: 1px solid #E4E1DA; background-color: #f4f3ef;">說明</th></tr><tr><td style="padding: 10px 14px; font-size: 13px; color: #2b2b2e; border-bottom: 1px solid #F4F3EF;">**拖拉把手**</td><td style="padding: 10px 14px; font-size: 13px; color: #8b8983; border-bottom: 1px solid #F4F3EF;">按住每列左側的把手上下拖拉，調整四個區塊（KPI 統計卡片、今日行程表、管理員快捷入口、收入趨勢圖表）在儀表板上的排列順序</td></tr><tr><td style="padding: 10px 14px; font-size: 13px; color: #2b2b2e; border-bottom: 1px solid #F4F3EF;">**眼睛圖示**</td><td style="padding: 10px 14px; font-size: 13px; color: #8b8983; border-bottom: 1px solid #F4F3EF;">點擊列右側的眼睛，顯示或隱藏整個區塊</td></tr><tr><td style="padding: 10px 14px; font-size: 13px; color: #2b2b2e; border-bottom: 1px solid #F4F3EF;">**KPI 子項勾選**</td><td style="padding: 10px 14px; font-size: 13px; color: #8b8983; border-bottom: 1px solid #F4F3EF;">「KPI 統計卡片」可再展開勾選，個別決定今日預約、活躍客戶、本月營收、產能利用率四張卡要不要顯示</td></tr><tr><td style="padding: 10px 14px; font-size: 13px; color: #2b2b2e; border-bottom: 1px solid #F4F3EF;">**還原預設**</td><td style="padding: 10px 14px; font-size: 13px; color: #8b8983; border-bottom: 1px solid #F4F3EF;">一鍵回到系統原始的版面配置</td></tr><tr><td style="padding: 10px 14px; font-size: 13px; color: #2b2b2e;">**儲存版面**</td><td style="padding: 10px 14px; font-size: 13px; color: #8b8983;">確認調整後按下儲存，新的版面配置即刻生效</td></tr></tbody></table>

─ 小技巧：調整過程隨時可以按右上角 ✕ 關閉視窗放棄變更——只有按下「**儲存版面**」才會真正套用。

<table id="bkmrk-5-%E5%85%B6%E4%BB%96%E8%B2%BC%E5%BF%83%E5%8A%9F%E8%83%BD" style="width: 100%; border-collapse: collapse; margin-bottom: 24px;"><tbody><tr><td style="width: 32px; border: 1px solid #3D5A8A; color: #3d5a8a; text-align: center; font-size: 13px; font-weight: 600; padding: 6px 0;">5</td><td style="padding: 0 0 0 14px; font-size: 19px; font-weight: 600; letter-spacing: 0.03em; color: #2b2b2e; vertical-align: middle;">其他貼心功能</td></tr></tbody></table>

<table id="bkmrk-%E5%8A%9F%E8%83%BD-%E4%BD%8D%E7%BD%AE%E8%88%87%E7%94%A8%E9%80%94-%E6%90%9C%E5%B0%8B%E5%8A%9F%E8%83%BD-%E9%A0%82%E7%AB%AF%E6%90%9C%E5%B0%8B%E5%88%97%EF%BC%8C" style="width: 100%; border-collapse: collapse; border: 1px solid #E4E1DA; margin-bottom: 40px;"><tbody><tr><th style="padding: 10px 14px; text-align: left; font-size: 12px; font-weight: 600; letter-spacing: 0.06em; color: #8b8983; border-bottom: 1px solid #E4E1DA; background-color: #f4f3ef;">功能</th><th style="padding: 10px 14px; text-align: left; font-size: 12px; font-weight: 600; letter-spacing: 0.06em; color: #8b8983; border-bottom: 1px solid #E4E1DA; background-color: #f4f3ef;">位置與用途</th></tr><tr><td style="padding: 10px 14px; font-size: 13px; color: #2b2b2e; border-bottom: 1px solid #F4F3EF;">**搜尋功能**</td><td style="padding: 10px 14px; font-size: 13px; color: #8b8983; border-bottom: 1px solid #F4F3EF;">頂端搜尋列，或隨時按下 `Ctrl + K`，輸入關鍵字快速跳往任何功能</td></tr><tr><td style="padding: 10px 14px; font-size: 13px; color: #2b2b2e;">**工作室切換**</td><td style="padding: 10px 14px; font-size: 13px; color: #8b8983;">右上角的工作室名稱下拉選單。經營多個空間時，在這裡切換要查看的門市</td></tr></tbody></table>

<table id="bkmrk-4-%E9%A0%85%E6%8C%87%E6%A8%99-%E9%96%8B%E5%B7%A5%E5%89%8D%E4%B8%80%E7%9C%BC%E6%8E%8C%E6%8F%A1-3-%E5%80%8B%E6%8D%B7%E5%BE%91-" style="width: 100%; border-collapse: collapse; border-top: 1px solid #E4E1DA; border-bottom: 1px solid #E4E1DA; margin-bottom: 40px;"><tbody><tr><td style="width: 33%; padding: 28px 12px; text-align: center; vertical-align: top;">4 項指標

開工前一眼掌握

</td><td style="width: 33%; padding: 28px 12px; text-align: center; vertical-align: top; border-left: 1px solid #E4E1DA; border-right: 1px solid #E4E1DA;">3 個捷徑

直達常用報表

</td><td style="width: 33%; padding: 28px 12px; text-align: center; vertical-align: top;">6 個月

收入趨勢回顧

</td></tr></tbody></table>

---