feat(web): 健康模块 13 页面按钮级权限控制 — AuthButton 包装

使用 AuthButton 声明式组件包装健康模块全部操作按钮：
- health.patient.manage: PatientList/PatientDetail/PatientTagManage
- health.appointment.manage: AppointmentList
- health.doctor.manage: DoctorList/DoctorSchedule
- health.follow-up.manage: FollowUpTaskList
- health.consultation.manage: ConsultationList/ConsultationDetail
- health.points.manage: OfflineEventList/PointsProductList/PointsOrderList/PointsRuleList

apps/web/src/pages/health/AppointmentList.tsx

@@ -26,6 +26,7 @@ import { doctorApi } from '../../api/health/doctors';
 import { StatusTag } from './components/StatusTag';
 import { PatientSelect } from './components/PatientSelect';
 import { DoctorSelect } from './components/DoctorSelect';
+import { AuthButton } from '../../components/AuthButton';
 
 /** 预约类型选项 */
 const APPOINTMENT_TYPE_OPTIONS = [
@@ -305,6 +306,7 @@ export default function AppointmentList() {
           return <span style={{ color: '#999' }}>无可用操作</span>;
         }
         return (
+          <AuthButton code="health.appointment.manage">
             <Dropdown
               menu={{
                 items: transitions.map((t) => ({
@@ -318,6 +320,7 @@ export default function AppointmentList() {
                 状态变更 <DownOutlined />
               </Button>
             </Dropdown>
+          </AuthButton>
         );
       },
     },
@@ -352,9 +355,11 @@ export default function AppointmentList() {
           </Space>
         </Col>
         <Col>
+          <AuthButton code="health.appointment.manage">
             <Button type="primary" icon={<PlusOutlined />} onClick={openCreate}>
               新建预约
             </Button>
+          </AuthButton>
         </Col>
       </Row>
 

apps/web/src/pages/health/ConsultationDetail.tsx

@@ -6,6 +6,7 @@ import { consultationApi, type Session, type Message } from '../../api/health/co
 import { StatusTag } from './components/StatusTag';
 import { ImagePreview } from './components/ImagePreview';
 import { useThemeMode } from '../../hooks/useThemeMode';
+import { AuthButton } from '../../components/AuthButton';
 
 const PAGE_SIZE = 30;
 
@@ -276,6 +277,7 @@ export default function ConsultationDetail() {
           </Typography.Text>
         )}
         {session && !isClosed && (
+          <AuthButton code="health.consultation.manage">
             <Popconfirm
               title="确认关闭该咨询会话？"
               onConfirm={handleClose}
@@ -291,6 +293,7 @@ export default function ConsultationDetail() {
                 关闭会话
               </Button>
             </Popconfirm>
+          </AuthButton>
         )}
       </div>
 

apps/web/src/pages/health/ConsultationList.tsx

@@ -20,6 +20,7 @@ import { PatientSelect } from './components/PatientSelect';
 import { DoctorSelect } from './components/DoctorSelect';
 import { ExportButton } from './components/ExportButton';
 import { useThemeMode } from '../../hooks/useThemeMode';
+import { AuthButton } from '../../components/AuthButton';
 
 const STATUS_OPTIONS = [
   { value: 'waiting', label: '等待中' },
@@ -258,6 +259,7 @@ export default function ConsultationList() {
       key: 'actions',
       width: 120,
       render: (_: unknown, record: Session) => (
+        <AuthButton code="health.consultation.manage">
           <Space size={4}>
             {record.status !== 'closed' && (
               <Popconfirm
@@ -278,6 +280,7 @@ export default function ConsultationList() {
               </Popconfirm>
             )}
           </Space>
+        </AuthButton>
       ),
     },
   ];
@@ -305,6 +308,7 @@ export default function ConsultationList() {
           value={query.status}
           onChange={handleFilterChange}
         />
+        <AuthButton code="health.consultation.manage">
           <Button
             type="primary"
             icon={<PlusOutlined />}
@@ -315,6 +319,7 @@ export default function ConsultationList() {
           >
             新建会话
           </Button>
+        </AuthButton>
         <ExportButton
           fetchUrl="/health/consultation-sessions/export"
           params={exportParams}

apps/web/src/pages/health/DoctorList.tsx

@@ -22,6 +22,7 @@ import {
 } from '@ant-design/icons';
 import dayjs from 'dayjs';
 import { doctorApi, type Doctor, type CreateDoctorReq, type UpdateDoctorReq } from '../../api/health/doctors';
+import { AuthButton } from '../../components/AuthButton';
 
 /** 科室选项 — 可后续改为从字典接口获取 */
 const DEPARTMENT_OPTIONS = [
@@ -232,6 +233,7 @@ export default function DoctorList() {
       width: 140,
       fixed: 'right' as const,
       render: (_: unknown, record: Doctor) => (
+        <AuthButton code="health.doctor.manage">
           <Space size="small">
             <Button
               type="link"
@@ -252,6 +254,7 @@ export default function DoctorList() {
               </Button>
             </Popconfirm>
           </Space>
+        </AuthButton>
       ),
     },
   ];
@@ -284,9 +287,11 @@ export default function DoctorList() {
           </Space>
         </Col>
         <Col>
+          <AuthButton code="health.doctor.manage">
             <Button type="primary" icon={<PlusOutlined />} onClick={openCreate}>
               新建医护
             </Button>
+          </AuthButton>
         </Col>
       </Row>
 

apps/web/src/pages/health/DoctorSchedule.tsx

@@ -30,6 +30,7 @@ import {
 import { DoctorSelect } from './components/DoctorSelect';
 import { CalendarView, type ScheduleItem } from './components/CalendarView';
 import { StatusTag } from './components/StatusTag';
+import { AuthButton } from '../../components/AuthButton';
 
 /** 时段选项 */
 const PERIOD_OPTIONS = [
@@ -258,6 +259,7 @@ export default function DoctorSchedule() {
       key: 'action',
       width: 120,
       render: (_: unknown, record: Schedule) => (
+        <AuthButton code="health.doctor.manage">
           <Space size="small">
             <Button
               type="link"
@@ -268,6 +270,7 @@ export default function DoctorSchedule() {
               编辑
             </Button>
           </Space>
+        </AuthButton>
       ),
     },
   ];
@@ -309,9 +312,11 @@ export default function DoctorSchedule() {
         <Col flex="auto" />
         <Col>
           {selectedDoctorId && (
+            <AuthButton code="health.doctor.manage">
               <Button type="primary" icon={<PlusOutlined />} onClick={openCreate}>
                 新建排班
               </Button>
+            </AuthButton>
           )}
         </Col>
       </Row>

apps/web/src/pages/health/FollowUpTaskList.tsx

@@ -19,6 +19,7 @@ import { StatusTag } from './components/StatusTag';
 import { PatientSelect } from './components/PatientSelect';
 import { DoctorSelect } from './components/DoctorSelect';
 import { useThemeMode } from '../../hooks/useThemeMode';
+import { AuthButton } from '../../components/AuthButton';
 
 const STATUS_OPTIONS = [
   { value: 'pending', label: '待处理' },
@@ -289,6 +290,7 @@ export default function FollowUpTaskList() {
       key: 'actions',
       width: 220,
       render: (_: unknown, record: FollowUpTask) => (
+        <AuthButton code="health.follow-up.manage">
           <Space size={4}>
             <Button
               type="link"
@@ -317,6 +319,7 @@ export default function FollowUpTaskList() {
               </Button>
             </Popconfirm>
           </Space>
+        </AuthButton>
       ),
     },
   ];
@@ -344,6 +347,7 @@ export default function FollowUpTaskList() {
           value={query.status}
           onChange={(value) => handleFilterChange('status', value)}
         />
+        <AuthButton code="health.follow-up.manage">
           <Button
             type="primary"
             icon={<PlusOutlined />}
@@ -354,6 +358,7 @@ export default function FollowUpTaskList() {
           >
             新建任务
           </Button>
+        </AuthButton>
         <span
           style={{
             fontSize: 13,

apps/web/src/pages/health/OfflineEventList.tsx

@@ -30,6 +30,7 @@ import {
   type OfflineEvent,
   type CreateOfflineEventReq,
 } from '../../api/health/points';
+import { AuthButton } from '../../components/AuthButton';
 
 /** 活动状态映射 */
 const STATUS_MAP: Record<string, { text: string; color: string }> = {
@@ -245,6 +246,7 @@ export default function OfflineEventList() {
       key: 'action',
       width: 200,
       render: (_: unknown, record: OfflineEvent) => (
+        <AuthButton code="health.points.manage">
           <Space size="small">
             <Button
               type="link"
@@ -274,6 +276,7 @@ export default function OfflineEventList() {
               </Button>
             </Popconfirm>
           </Space>
+        </AuthButton>
       ),
     },
   ];
@@ -298,9 +301,11 @@ export default function OfflineEventList() {
           </Space>
         </Col>
         <Col>
+          <AuthButton code="health.points.manage">
             <Button type="primary" icon={<PlusOutlined />} onClick={openCreate}>
               新建活动
             </Button>
+          </AuthButton>
         </Col>
       </Row>
 

apps/web/src/pages/health/PatientDetail.tsx

@@ -16,6 +16,7 @@ import {
 } from 'antd';
 import { ArrowLeftOutlined, EditOutlined } from '@ant-design/icons';
 import { patientApi } from '../../api/health/patients';
+import { AuthButton } from '../../components/AuthButton';
 import type {
   PatientDetail as PatientDetailType,
   UpdatePatientReq,
@@ -187,9 +188,11 @@ export default function PatientDetail() {
               </Space>
             </div>
           </div>
+          <AuthButton code="health.patient.manage">
             <Button icon={<EditOutlined />} onClick={openEditModal}>
               编辑信息
             </Button>
+          </AuthButton>
         </div>
         <Descriptions column={3} size="small">
           <Descriptions.Item label="性别">

apps/web/src/pages/health/PatientList.tsx

@@ -27,6 +27,7 @@ import type {
 import { StatusTag } from './components/StatusTag';
 import { GENDER_OPTIONS, BLOOD_TYPE_OPTIONS, STATUS_OPTIONS } from '../../constants/health';
 import { useThemeMode } from '../../hooks/useThemeMode';
+import { AuthButton } from '../../components/AuthButton';
 
 export default function PatientList() {
   const [patients, setPatients] = useState<PatientListItem[]>([]);
@@ -239,6 +240,7 @@ export default function PatientList() {
       key: 'actions',
       width: 140,
       render: (_: unknown, record: PatientListItem) => (
+        <AuthButton code="health.patient.manage">
           <Space size={4}>
             <Button
               size="small"
@@ -266,6 +268,7 @@ export default function PatientList() {
               />
             </Popconfirm>
           </Space>
+        </AuthButton>
       ),
     },
   ];
@@ -301,9 +304,11 @@ export default function PatientList() {
             options={STATUS_OPTIONS}
             style={{ width: 130, borderRadius: 8 }}
           />
+          <AuthButton code="health.patient.manage">
             <Button type="primary" icon={<PlusOutlined />} onClick={openCreateModal}>
               新建患者
             </Button>
+          </AuthButton>
         </Space>
       </div>
 

apps/web/src/pages/health/PatientTagManage.tsx

@@ -14,6 +14,7 @@ import { TagsOutlined, AppstoreOutlined } from '@ant-design/icons';
 import { patientApi, type TagItem } from '../../api/health/patients';
 import type { PatientListItem } from '../../api/health/patients';
 import { useThemeMode } from '../../hooks/useThemeMode';
+import { AuthButton } from '../../components/AuthButton';
 
 export default function PatientTagManage() {
   const [patients, setPatients] = useState<PatientListItem[]>([]);
@@ -178,6 +179,7 @@ export default function PatientTagManage() {
       key: 'actions',
       width: 120,
       render: (_: unknown, record: PatientListItem) => (
+        <AuthButton code="health.patient.manage">
           <Button
             size="small"
             type="link"
@@ -186,6 +188,7 @@ export default function PatientTagManage() {
           >
             管理标签
           </Button>
+        </AuthButton>
       ),
     },
   ];

apps/web/src/pages/health/PointsOrderList.tsx

@@ -23,6 +23,7 @@ import {
   type PointsOrder,
 } from '../../api/health/points';
 import { patientApi } from '../../api/health/patients';
+import { AuthButton } from '../../components/AuthButton';
 
 /** 订单状态映射 */
 const STATUS_MAP: Record<string, { text: string; color: string }> = {
@@ -228,6 +229,7 @@ export default function PointsOrderList() {
           </Space>
         </Col>
         <Col>
+          <AuthButton code="health.points.manage">
             <Button
               type="primary"
               icon={<CheckCircleOutlined />}
@@ -235,6 +237,7 @@ export default function PointsOrderList() {
             >
               核销订单
             </Button>
+          </AuthButton>
         </Col>
       </Row>
 

apps/web/src/pages/health/PointsProductList.tsx

@@ -26,6 +26,7 @@ import {
   type PointsProduct,
   type CreatePointsProductReq,
 } from '../../api/health/points';
+import { AuthButton } from '../../components/AuthButton';
 
 /** 商品类型映射 */
 const PRODUCT_TYPES: Record<string, string> = {
@@ -212,6 +213,7 @@ export default function PointsProductList() {
       key: 'action',
       width: 140,
       render: (_: unknown, record: PointsProduct) => (
+        <AuthButton code="health.points.manage">
           <Space size="small">
             <Button
               type="link"
@@ -229,6 +231,7 @@ export default function PointsProductList() {
               onChange={() => handleToggleActive(record)}
             />
           </Space>
+        </AuthButton>
       ),
     },
   ];
@@ -253,9 +256,11 @@ export default function PointsProductList() {
           </Space>
         </Col>
         <Col>
+          <AuthButton code="health.points.manage">
             <Button type="primary" icon={<PlusOutlined />} onClick={openCreate}>
               新建商品
             </Button>
+          </AuthButton>
         </Col>
       </Row>
 

apps/web/src/pages/health/PointsRuleList.tsx

@@ -26,6 +26,7 @@ import {
   type PointsRule,
   type CreatePointsRuleReq,
 } from '../../api/health/points';
+import { AuthButton } from '../../components/AuthButton';
 
 /** 事件类型映射 */
 const EVENT_TYPES: Record<string, string> = {
@@ -216,6 +217,7 @@ export default function PointsRuleList() {
       key: 'action',
       width: 200,
       render: (_: unknown, record: PointsRule) => (
+        <AuthButton code="health.points.manage">
           <Space size="small">
             <Button
               type="link"
@@ -233,6 +235,7 @@ export default function PointsRuleList() {
               onChange={() => handleToggleActive(record)}
             />
           </Space>
+        </AuthButton>
       ),
     },
   ];
@@ -247,9 +250,11 @@ export default function PointsRuleList() {
           </span>
         </Col>
         <Col>
+          <AuthButton code="health.points.manage">
             <Button type="primary" icon={<PlusOutlined />} onClick={openCreate}>
               新建规则
             </Button>
+          </AuthButton>
         </Col>
       </Row>