优化接单大厅数量和排行榜

2026-08-16 13:36:16 +08:00
parent 27bcb7dd68
commit 8a5ba4c2f3
3 changed files with 96 additions and 72 deletions
@@ -462,41 +462,47 @@ export default function WorkerHallPage() {
          <div className="worker-page-head">
            <div className="worker-page-head-title-row">
              <Typography.Title level={3}>抢单大厅</Typography.Title>
-              <div className="worker-hall-head-controls">
-                <Tooltip title="接单排行榜">
+              <div className="worker-hall-page-actions">
+                <div className="worker-hall-head-controls">
+                  <Tooltip
+                    title={
+                      autoRefresh
+                        ? '已开启自动刷新，每 5 秒刷新一次'
+                        : '开启后每 5 秒自动刷新订单列表'
+                    }
+                  >
+                    <div className="worker-hall-autorefresh-box">
+                      <span className="worker-hall-autorefresh-label">自动刷新</span>
+                      <Switch
+                        size="small"
+                        checked={autoRefresh}
+                        onChange={toggleAutoRefresh}
+                      />
+                    </div>
+                  </Tooltip>
                  <Button
-                    aria-label="接单排行榜"
-                    icon={<TrophyOutlined />}
-                    onClick={() => setLeaderboardOpen(true)}
-                  />
-                </Tooltip>
-                <Tooltip
-                  title={
-                    autoRefresh
-                      ? '已开启自动刷新，每 5 秒刷新一次'
-                      : '开启后每 5 秒自动刷新订单列表'
-                  }
-                >
-                  <div className="worker-hall-autorefresh-box">
-                    <span className="worker-hall-autorefresh-label">自动刷新</span>
-                    <Switch
-                      size="small"
-                      checked={autoRefresh}
-                      onChange={toggleAutoRefresh}
-                    />
-                  </div>
-                </Tooltip>
-                <Button
-                  icon={<ReloadOutlined />}
-                  loading={
-                    ordersQuery.isFetching ||
-                    profileQuery.isFetching ||
-                    hallSummaryQuery.isFetching
-                  }
-                  onClick={() => refreshAll()}
-                >
-                  刷新
-                </Button>
+                    icon={<ReloadOutlined />}
+                    loading={
+                      ordersQuery.isFetching ||
+                      profileQuery.isFetching ||
+                      hallSummaryQuery.isFetching
+                    }
+                    onClick={() => refreshAll()}
+                  >
+                    刷新
+                  </Button>
+                </div>
+                <div className="worker-hall-leaderboard-trigger">
+                  <Tooltip title="接单排行榜">
+                    <Button
+                      aria-label="接单排行榜"
+                      icon={<TrophyOutlined />}
+                      onClick={() => setLeaderboardOpen(true)}
+                    >
+                      接单排行榜
+                    </Button>
+                  </Tooltip>
+                </div>
              </div>
            </div>