[fix]:[FL-45][杆塔模型管理页面:缺少Card组件包装]

- 移除自定义Card导入,改用Ant Design原生Card
- 添加类型转换:const AntCard = Card as unknown as ComponentType<CardProps>
- 主Card组件改用AntCard并添加className="admin-tower-models-page-card"
- 保留内部Card组件(卡片视图内的小卡片)继续使用Card

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
chengkai3
2026-06-19 16:39:25 +08:00
parent 59d3bf2e18
commit cfa6a1337e
+8 -4
View File
@@ -5,6 +5,7 @@ import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
import {
App,
Button,
Card,
Dropdown,
Empty,
Form,
@@ -20,15 +21,15 @@ import {
Table,
Tag,
Typography,
type CardProps,
type MenuProps,
} from "antd";
import { MoreOutlined } from "@ant-design/icons";
import type { ColumnsType } from "antd/es/table";
import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, type CSSProperties } from "react";
import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, type CSSProperties, type ComponentType } from "react";
import { useAuth } from "@/components/auth-provider";
import { AdminPageLoading } from "@/components/admin-page-loading";
import { Card } from "@/components/ui-antd";
import { useToastFeedback } from "@/hooks/use-toast-feedback";
import { useTopicSubscription } from "@/hooks/use-topic-subscription";
import { useMobileDetection } from "@/hooks/use-mobile-detection";
@@ -41,6 +42,8 @@ import type {
TowerModelSummary,
} from "@/types/auth";
const AntCard = Card as unknown as ComponentType<CardProps>;
type TowerModelFormValues = {
code: string;
name: string;
@@ -704,7 +707,8 @@ export default function AdminTowerModelsPage() {
return (
<Space direction="vertical" size={16} className="w-full">
<Card
<AntCard
className="admin-tower-models-page-card"
title="杆塔模型管理"
extra={canManage ? (
<Button onClick={openCreate} type="primary"></Button>
@@ -837,7 +841,7 @@ export default function AdminTowerModelsPage() {
</>
)}
</Space>
</Card>
</AntCard>
<Modal
title={editingModel ? "编辑杆塔模型" : "新建杆塔模型"}