← 所有應用

物流派遣後台

單量趨勢 + 配送狀態 + 包裹追蹤
物流配送 (logistics)×kpi-dashboard+data-chart+pipeline-board+resource-list
在組合器編輯 →
組合源碼 · 這個應用在程式裡長這樣點擊展開
// src/scenarios/registry.tsx
{
  id: 'logistics-ops',
  name: '物流派遣後台',
  industry: 'logistics',
  scenarios: [
    'kpi-dashboard',
    'data-chart',
    'pipeline-board',
    'resource-list',
  ],
  description: '單量趨勢 + 配送狀態 + 包裹追蹤',
}

// 渲染只需:
import { getIndustry } from '@/scenarios/industries';
import { getScenario } from '@/scenarios/registry';

const ctx = getIndustry('logistics');
const kpi_dashboard = getScenario('kpi-dashboard')!.render(ctx);
const data_chart = getScenario('data-chart')!.render(ctx);
const pipeline_board = getScenario('pipeline-board')!.render(ctx);
const resource_list = getScenario('resource-list')!.render(ctx);
沒有 bespoke 元件、沒有複製貼上。換產業只要改 industry 那一行。
KPI 指標總覽 · kpi-dashboard
倉配概況
即時 KPI · 對比昨日
今日單量
1,840件
6%
準時率
96.3%
1.2%
平均里程
38km
4%
在線司機
72人
趨勢圖表 · data-chart
今日單量 · 近 14
1,840件
6% vs 上週期
準時率
96.3%
平均里程
38km
在線司機
72人
流程看板 · pipeline-board
配送流程
依狀態分組 包裹
已取件
1
包裹 #77303
高雄鳳山 → 高雄左營
pk-77303
運送中
2
包裹 #77301
台北市內湖 → 新竹東區
pk-77301
包裹 #77305
桃園中壢 → 新北板橋
pk-77305
集散中心
2
包裹 #77302
台中南屯 → 台南永康
pk-77302
包裹 #77306
彰化員林 → 雲林斗六
pk-77306
已送達
1
包裹 #77304
台北信義 → 台北大安
pk-77304
資源清單 · resource-list
包裹追蹤
6包裹
已取件 1運送中 2集散中心 2已送達 1
  • pk-77301
    包裹 #77301
    台北市內湖 → 新竹東區
    桃竹苗
    運送中
  • pk-77302
    包裹 #77302
    台中南屯 → 台南永康
    雲嘉南
    集散中心
  • pk-77303
    包裹 #77303
    高雄鳳山 → 高雄左營
    高屏
    已取件
  • pk-77304
    包裹 #77304
    台北信義 → 台北大安
    北北基
    已送達
  • pk-77305
    包裹 #77305
    桃園中壢 → 新北板橋
    北北基
    運送中
  • pk-77306
    包裹 #77306
    彰化員林 → 雲林斗六
    中彰投
    集散中心