optimize ui loading and dashboard performance

apps/web/src/pages/BusinessPrefixesPage.jsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 import { Alert, Button, Field, Input, Select, Textarea } from '../components/ui.jsx';
-import { Icon, PageTitle, Toolbar, Panel, ApiNotice, Modal, ConfirmDialog, SimpleTable } from '../components/layout.jsx';
+import { Icon, PageTitle, Toolbar, Panel, ApiNotice, PageLoadingDialog, Modal, ConfirmDialog, SimpleTable } from '../components/layout.jsx';
 import { enStatus, formatDate, zhStatus } from '../utils/formatters.js';
 import { api, explainApiError } from '../api.js';
 
@@ -145,6 +145,7 @@ export function BusinessPrefixesPage({ can = () => true }) {
         actions={canManage ? <Button icon={<Icon type="plus" />} onClick={openCreate}>新增业务前缀</Button> : null}
       />
       <ApiNotice loading={loading} error={error} onRetry={loadPrefixes} />
+      <PageLoadingDialog loading={loading} />
       {message ? <Alert title="操作完成" tone="success">{message}</Alert> : null}
       <Panel
         title="业务前缀"
@@ -164,7 +165,7 @@ export function BusinessPrefixesPage({ can = () => true }) {
           </Field>
           <Button icon={<Icon type="search" />} onClick={loadPrefixes}>查询</Button>
         </Toolbar>
-        <SimpleTable rows={rows} columns={[
+        <SimpleTable loading={loading} rows={rows} columns={[
           { key: 'prefix', label: '业务前缀', width: '120px' },
           { key: 'name', label: '名称', width: '160px' },
           { key: 'priority', label: '优先级', width: '90px' },