經營資料大屏模板
示例:青禾連鎖 · 10 月經營資料大屏 · 資料大屏
幫我把這個月的經營資料做成一塊投到會議室大屏上講的資料大屏網頁:深色、剋制的科技感,電腦上 1440 寬一屏裝下,用網格排開——左上是本月銷售額的大讀數(數字滾動出來),下面一條對目標的達成進度、環比和同比,再加客流、客單價、店均三個小數;中間是按日營收與客流(上下兩塊共用一條日期軸,節假日打底色,標日均線,點任意一天看明細);右上是品類結構環形圖;下面一排是片區達成率(用 SVG 畫一張抽象的片區分塊地圖,顏色深淺表示達成率,圓點是門店、低於 90% 的標紅,點片區看門店明細)、門店銷售額 TOP10(自動依次高亮一輪)、會員增長漏斗(每一步標轉化率);最底下一條異常預警捲軸。進入時各塊依次點亮,之後只有預警條在滾動。所有數字放在一張資料表裡(每行一種:門店、每日、品類、漏斗、對比數、預警),頁面讀這張表算合計,改表不用重發;手機上改成豎排卡片,圖單獨畫一套。 參考模板:先讀 https://space.24haowan.com/examples/sample-ops-screen/agent.md ,照它的結構和版式做,內容全部換成我的;做成一個單檔案 HTML(樣式寫在頁面裡、不引用外部檔案,手機上好看),並提供 .html 檔案下載。 · 你有活頁工具(MCP):用樣例 sample-ops-screen 當底稿(list_examples key=sample-ops-screen),發成活頁,先給我看預覽。 · 沒有活頁工具、但能發 HTTPS 請求:把做好的 HTML 以 Content-Type: text/html POST 到 https://space.24haowan.com/api/quick?client=template-sample-ops-screen ,把返回的預覽連結和認領連結給我(7 天臨時連結)。 如果你還沒有活頁聯結器(MCP),先讀 https://space.24haowan.com/for-agents.md ,照裡面的說明接入,或不登入直接發布。
豆包、DeepSeek、Kimi、元寶、ChatGPT、Claude……能上網讀連結的都可以
發成微信裡能開啟的連結
WorkBuddy、Claude、Codex 等支援 MCP 的 Agent,微信掃碼登入
幫我接入活頁:先讀 https://space.24haowan.com/for-agents.md ,一步步帶我完成;然後參考 https://space.24haowan.com/examples/sample-ops-screen/agent.md 做一份我自己的「青禾連鎖 · 10 月經營資料大屏」,發成活頁,先給我看預覽。 我的要求:幫我把這個月的經營資料做成一塊投到會議室大屏上講的資料大屏網頁:深色、剋制的科技感,電腦上 1440 寬一屏裝下,用網格排開——左上是本月銷售額的大讀數(數字滾動出來),下面一條對目標的達成進度、環比和同比,再加客流、客單價、店均三個小數;中間是按日營收與客流(上下兩塊共用一條日期軸,節假日打底色,標日均線,點任意一天看明細);右上是品類結構環形圖;下面一排是片區達成率(用 SVG 畫一張抽象的片區分塊地圖,顏色深淺表示達成率,圓點是門店、低於 90% 的標紅,點片區看門店明細)、門店銷售額 TOP10(自動依次高亮一輪)、會員增長漏斗(每一步標轉化率);最底下一條異常預警捲軸。進入時各塊依次點亮,之後只有預警條在滾動。所有數字放在一張資料表裡(每行一種:門店、每日、品類、漏斗、對比數、預警),頁面讀這張表算合計,改表不用重發;手機上改成豎排卡片,圖單獨畫一套。
這份模板
月度 / 季度經營復盤要投到會議室大屏或電視上講時選它:一屏裝下銷售額、按日走勢、片區達成、品類結構、門店排行、會員轉化和異常預警,數字放在一張資料表裡,改表不用重發、連結不變;手機上自動改成豎排卡片,會後發到群裡照樣能看。一天裡數字一直在變、群裡隨時點開看即時進度的銷售戰報選 sample-sales-live;要逐條交辦、回收處置進度的監測日報選 sample-monitor-daily;寫成文字結論為主的週報選 sample-weekly-report。
頁面結構:本月銷售額 · 按日營收與客流 · 品類結構 · 片區達成率 · 門店 TOP10 · 會員增長 · 異常預警
- 頁面讀資料表(fetch ./_data/metrics.json)渲染:改表不用重發頁面、連結不變;讀不到表時停在頁內快照並標明
- 大屏一屏佈局(1440 寬及以上一屏裝下)+ 手機豎排卡片版,同一份資料
- 圖表可點:點任意一天看營收 / 客流 / 客單價,點片區看門店明細
- 閱讀回執(誰看了 / 看到哪一節)
發之前要備好:資料表 metrics(列 kind / key / label / value / value2 / note;kind 是 meta 月份與更新時刻、kpi 對比數、region 片區、store 門店、day 每日、cat 品類、funnel 漏斗、alert 預警;append_open 不用開):發之前用 set_data 建好,之後每月只改這張表、不用重發頁面


投屏
投屏


