@microcosmmoney/portal-react 3.12.8 → 3.13.1

package/dist/main-portal/components/stations/StationDetailPage.js

@@ -0,0 +1,232 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = StationDetailPage;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const navigation_1 = require("next/navigation");
+const time_remaining_1 = require("../ui/time-remaining");
+const card_1 = require("../ui/card");
+const button_1 = require("../ui/button");
+const badge_1 = require("../ui/badge");
+const input_1 = require("../ui/input");
+const label_1 = require("../ui/label");
+const dialog_1 = require("../ui/dialog");
+const sonner_1 = require("sonner");
+const useAuth_1 = require("../../hooks/useAuth");
+const api_service_1 = require("../../lib/api-service");
+const services_1 = require("../../lib/api/services");
+const StationIncomeChart_1 = __importDefault(require("./StationIncomeChart"));
+const StationMemberRanking_1 = __importDefault(require("./StationMemberRanking"));
+const StationKPIHistory_1 = __importDefault(require("./StationKPIHistory"));
+const MiningDistributionHistory_1 = require("../mining/MiningDistributionHistory");
+const lucide_react_1 = require("lucide-react");
+const getUnitTypeIcon = (type) => {
+    switch (type) {
+        case 'station': return (0, jsx_runtime_1.jsx)(lucide_react_1.Building2, { className: "w-6 h-6" });
+        case 'matrix': return (0, jsx_runtime_1.jsx)(lucide_react_1.Grid3x3, { className: "w-6 h-6" });
+        case 'sector': return (0, jsx_runtime_1.jsx)(lucide_react_1.Map, { className: "w-6 h-6" });
+        case 'system': return (0, jsx_runtime_1.jsx)(lucide_react_1.Globe, { className: "w-6 h-6" });
+        default: return (0, jsx_runtime_1.jsx)(lucide_react_1.Building2, { className: "w-6 h-6" });
+    }
+};
+const getUnitTypeLabel = (type) => {
+    switch (type) {
+        case 'station': return '空间站';
+        case 'matrix': return '矩阵';
+        case 'sector': return '星区';
+        case 'system': return '星系';
+        default: return type;
+    }
+};
+const getUnitTypeColor = (type) => {
+    switch (type) {
+        case 'station': return 'text-white';
+        case 'matrix': return 'text-cyan-300';
+        case 'sector': return 'text-cyan-200';
+        case 'system': return 'text-cyan-400';
+        default: return 'text-white';
+    }
+};
+const getTechBonusPercentage = (type) => {
+    switch (type) {
+        case 'station': return 10;
+        case 'matrix': return 20;
+        case 'sector': return 30;
+        case 'system': return 40;
+        default: return 0;
+    }
+};
+function StationDetailPage({ stationId }) {
+    const router = (0, navigation_1.useRouter)();
+    const { isAdmin } = (0, useAuth_1.useAuth)();
+    const [unit, setUnit] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [metrics, setMetrics] = (0, react_1.useState)(null);
+    const [members, setMembers] = (0, react_1.useState)([]);
+    const [territoryNft, setTerritoryNft] = (0, react_1.useState)(null);
+    const [nftLoading, setNftLoading] = (0, react_1.useState)(false);
+    const [isMintDialogOpen, setIsMintDialogOpen] = (0, react_1.useState)(false);
+    const [minting, setMinting] = (0, react_1.useState)(false);
+    const [isEditDialogOpen, setIsEditDialogOpen] = (0, react_1.useState)(false);
+    const [isDeleteDialogOpen, setIsDeleteDialogOpen] = (0, react_1.useState)(false);
+    const [formData, setFormData] = (0, react_1.useState)({
+        unit_name: '',
+        unit_type: 'station',
+        location: '',
+        capacity: 1000,
+    });
+    const [submitting, setSubmitting] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        loadStationDetails();
+    }, [stationId]);
+    const loadStationDetails = async () => {
+        try {
+            setLoading(true);
+            const [detailedRes, membersRes, nftRes] = await Promise.all([
+                (0, api_service_1.getUnitDetailedStats)(stationId),
+                (0, api_service_1.getUnitMembers)(stationId),
+                (0, services_1.getUnitTerritoryNft)(stationId),
+            ]);
+            if (nftRes.success && nftRes.data) {
+                setTerritoryNft(nftRes.data);
+            }
+            else {
+                setTerritoryNft(null);
+            }
+            const detailedData = detailedRes.data;
+            if (detailedRes.success && detailedData?.basic_info) {
+                setUnit({
+                    unit_id: detailedData.unit_id,
+                    unit_name: detailedData.basic_info.unit_name,
+                    unit_type: detailedData.basic_info.unit_type,
+                    location: detailedData.basic_info.parent_id || '',
+                    capacity: detailedData.metrics.max_capacity,
+                    created_at: detailedData.basic_info.created_at || new Date().toISOString(),
+                    current_members: detailedData.metrics.member_count,
+                    vault_balance: detailedData.metrics.vault_balance,
+                    short_id: detailedData.basic_info.short_id,
+                    full_path: detailedData.basic_info.full_path,
+                });
+                setFormData({
+                    unit_name: detailedData.basic_info.unit_name,
+                    unit_type: detailedData.basic_info.unit_type,
+                    location: detailedData.basic_info.parent_id || '',
+                    capacity: detailedData.metrics.max_capacity,
+                });
+                setMetrics(detailedData.metrics);
+                if (detailedData.member_ranking) {
+                    setMembers(detailedData.member_ranking.map((m) => ({
+                        member_id: m.user_id,
+                        unit_id: stationId,
+                        user_id: m.user_id,
+                        name: m.nickname,
+                        role: 'member',
+                        email: m.email,
+                        joined_at: '',
+                    })));
+                }
+            }
+            else {
+                sonner_1.toast.error('加载领地详情失败');
+                router.push('/user-system/territory');
+                return;
+            }
+            if (membersRes.success && membersRes.data) {
+                setMembers(membersRes.data);
+            }
+        }
+        catch (error) {
+            console.error('加载领地 ' + stationId + ' 数据失败:', error);
+            sonner_1.toast.error(error instanceof Error ? error.message : '加载详情失败');
+            router.push('/user-system/territory');
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const handleEdit = async () => {
+        if (!formData.unit_name.trim()) {
+            sonner_1.toast.error('请输入领地名称');
+            return;
+        }
+        try {
+            setSubmitting(true);
+            const response = await (0, api_service_1.updateUnit)(stationId, { unit_name: formData.unit_name });
+            if (response.success) {
+                sonner_1.toast.success('更新成功');
+                setIsEditDialogOpen(false);
+                loadStationDetails();
+            }
+            else {
+                sonner_1.toast.error(response.error || '更新失败');
+            }
+        }
+        catch (error) {
+            sonner_1.toast.error(error instanceof Error ? error.message : '更新失败');
+        }
+        finally {
+            setSubmitting(false);
+        }
+    };
+    const handleDelete = async () => {
+        try {
+            setSubmitting(true);
+            const response = await (0, api_service_1.deleteUnit)(stationId);
+            if (response.success) {
+                sonner_1.toast.success('删除成功');
+                router.push('/user-system/territory');
+            }
+            else {
+                sonner_1.toast.error(response.error || '删除失败');
+            }
+        }
+        catch (error) {
+            sonner_1.toast.error(error instanceof Error ? error.message : '删除失败');
+        }
+        finally {
+            setSubmitting(false);
+        }
+    };
+    const handleMintNft = async () => {
+        if (!unit)
+            return;
+        try {
+            setMinting(true);
+            const nftType = unit.unit_type;
+            const nftLabel = unit.unit_type.charAt(0).toUpperCase() + unit.unit_type.slice(1);
+            const result = await (0, services_1.prepareMintTerritoryNft)({
+                unit_id: stationId,
+                nft_type: nftType,
+                name: `${nftLabel} #${unit.short_id || stationId}`,
+                symbol: 'MTRR',
+                uri: '',
+            });
+            if (!result.success) {
+                throw new Error(result.error || '准备铸造交易失败');
+            }
+            sonner_1.toast.info('请在钱包中确认交易...');
+            sonner_1.toast.success('NFT 铸造成功！');
+            setIsMintDialogOpen(false);
+            loadStationDetails();
+        }
+        catch (error) {
+            sonner_1.toast.error(error instanceof Error ? error.message : '铸造失败');
+        }
+        finally {
+            setMinting(false);
+        }
+    };
+    if (loading) {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "max-w-7xl mx-auto px-3 py-4 space-y-3 xs:px-4 xs:space-y-4 sm:px-6 sm:py-6 sm:space-y-6", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-4", children: (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "ghost", className: "text-neutral-400 hover:text-cyan-600", onClick: () => router.push('/user-system/territory'), children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ArrowLeft, { className: "w-4 h-4 mr-2" }), "\u8FD4\u56DE"] }) }), (0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 dash-card", children: (0, jsx_runtime_1.jsx)(card_1.CardContent, { className: "pt-6 text-center", children: (0, jsx_runtime_1.jsx)("p", { className: "text-neutral-400", children: "\u52A0\u8F7D\u4E2D..." }) }) })] }));
+    }
+    if (!unit) {
+        return null;
+    }
+    const isQualified = metrics ? (metrics.occupancy_rate >= 90) : false;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "max-w-7xl mx-auto px-3 py-4 space-y-3 xs:px-4 xs:space-y-4 sm:px-6 sm:py-6 sm:space-y-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-4", children: (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "ghost", className: "text-neutral-400 hover:text-white hover:bg-transparent", onClick: () => router.push('/user-system/territory'), children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ArrowLeft, { className: "w-4 h-4 mr-2" }), "\u8FD4\u56DE\u5217\u8868"] }) }), isAdmin() && ((0, jsx_runtime_1.jsxs)(button_1.Button, { size: "sm", className: "bg-cyan-700 hover:bg-cyan-600 text-white", onClick: () => setIsEditDialogOpen(true), children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Edit, { className: "w-4 h-4 mr-1" }), "\u7F16\u8F91"] }))] }), (0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 dash-card", children: (0, jsx_runtime_1.jsx)(card_1.CardContent, { className: "pt-6", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col md:flex-row gap-6", children: [territoryNft ? ((0, jsx_runtime_1.jsx)("div", { className: "w-32 h-32 bg-neutral-800 rounded-lg border border-neutral-700 flex-shrink-0 overflow-hidden", children: (0, jsx_runtime_1.jsx)("img", { src: territoryNft.image || '/placeholder-nft.png', alt: territoryNft.name, className: "w-full h-full object-cover" }) })) : ((0, jsx_runtime_1.jsxs)("div", { className: "w-32 h-32 bg-neutral-800 rounded-lg border border-neutral-700 flex flex-col items-center justify-center flex-shrink-0 cursor-pointer hover:border-cyan-400/50 dash-card", onClick: () => setIsMintDialogOpen(true), children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Image, { className: "w-8 h-8 text-neutral-500 mb-2" }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs text-neutral-400", children: "\u94F8\u9020 NFT" })] })), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-start justify-between", children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mb-2", children: [(0, jsx_runtime_1.jsx)("div", { className: getUnitTypeColor(unit.unit_type), children: getUnitTypeIcon(unit.unit_type) }), (0, jsx_runtime_1.jsx)("h1", { className: "text-lg sm:text-2xl font-bold text-white tracking-wider", children: unit.unit_name }), unit.short_id && ((0, jsx_runtime_1.jsx)("span", { className: "text-sm font-mono text-neutral-300 bg-neutral-800 px-2 py-0.5 rounded", children: unit.short_id })), (0, jsx_runtime_1.jsx)(badge_1.Badge, { className: isQualified ? "bg-white/20 text-white" : "bg-neutral-500/20 text-neutral-300", children: isQualified ? (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CheckCircle2, { className: "w-3 h-3 mr-1" }), "\u5DF2\u8FBE\u6807"] }) : (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(lucide_react_1.XCircle, { className: "w-3 h-3 mr-1" }), "\u672A\u8FBE\u6807"] }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-neutral-400", children: getUnitTypeLabel(unit.unit_type) }), unit.full_path && ((0, jsx_runtime_1.jsx)("span", { className: "text-xs font-mono text-neutral-500", children: unit.full_path }))] })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4 mt-6", children: [unit.location && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-neutral-400", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.MapPin, { className: "w-4 h-4" }), (0, jsx_runtime_1.jsx)("span", { className: "text-sm", children: unit.location })] })), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-neutral-400", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Calendar, { className: "w-4 h-4" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-sm", children: ["\u521B\u5EFA\u4E8E ", (0, jsx_runtime_1.jsx)(time_remaining_1.FormattedDate, { dateTime: unit.created_at })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-neutral-400", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Users, { className: "w-4 h-4" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-sm", children: ["\u5BB9\u91CF: ", (0, jsx_runtime_1.jsx)("span", { className: "font-mono", children: unit.capacity || 1000 })] })] })] })] })] }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4", children: [(0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 hover:border-cyan-400/50 dash-card", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "pt-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mb-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Users, { className: "w-8 h-8 text-white" }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs text-neutral-400 tracking-wider", children: "\u6210\u5458\u6570\u91CF" })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-2xl font-bold text-white font-mono", children: metrics?.member_count ?? 0 }), (0, jsx_runtime_1.jsxs)("p", { className: "text-xs text-neutral-500 mt-1", children: ["\u5BB9\u91CF: ", (0, jsx_runtime_1.jsx)("span", { className: "font-mono", children: metrics?.max_capacity ?? 1000 })] })] }) }), (0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 hover:border-cyan-400/50 dash-card", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "pt-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mb-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Vault, { className: "w-8 h-8 text-white" }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs text-neutral-400 tracking-wider", children: "\u91D1\u5E93\u4F59\u989D" })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-2xl font-bold text-white font-mono", children: (metrics?.vault_mcd ?? 0).toLocaleString() }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs text-neutral-500 mt-1", children: "MCD (\u79EF\u5206)" })] }) }), (0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 hover:border-cyan-400/50 dash-card", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "pt-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mb-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Zap, { className: "w-8 h-8 text-white" }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs text-neutral-400 tracking-wider", children: "\u79D1\u6280\u52A0\u6210" })] }), (0, jsx_runtime_1.jsxs)("p", { className: "text-2xl font-bold text-white font-mono", children: ["+", getTechBonusPercentage(unit.unit_type), "%"] }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs text-neutral-500 mt-1", children: "\u94F8\u9020\u4EA7\u51FA\u52A0\u6210" })] }) }), (0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 hover:border-cyan-400/50 dash-card", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "pt-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mb-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.DollarSign, { className: "w-8 h-8 text-white" }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs text-neutral-400 tracking-wider", children: "\u5165\u9A7B\u7387" })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-2xl font-bold text-white font-mono", children: metrics ? `${metrics.occupancy_rate.toFixed(1)}%` : '0%' }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs text-neutral-500 mt-1", children: "\u6210\u5458/\u5BB9\u91CF" })] }) })] }), metrics && ((0, jsx_runtime_1.jsxs)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 dash-card", children: [(0, jsx_runtime_1.jsxs)(card_1.CardHeader, { children: [(0, jsx_runtime_1.jsx)(card_1.CardTitle, { className: "text-sm font-medium text-neutral-300 tracking-wider", children: "KPI \u8FDB\u5EA6" }), (0, jsx_runtime_1.jsxs)(card_1.CardDescription, { className: "text-neutral-400", children: ["\u5347\u7EA7\u5230 ", unit.unit_type === 'station' ? 'Matrix' : '更高等级', " \u7684\u8981\u6C42"] })] }), (0, jsx_runtime_1.jsx)(card_1.CardContent, { children: (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between text-sm mb-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400", children: "\u6210\u5458\u6570\u91CF" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-white font-mono", children: [metrics.member_count, " / ", metrics.max_capacity] })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-full bg-neutral-800 rounded-full h-2 overflow-hidden", children: (0, jsx_runtime_1.jsx)("div", { className: "bg-cyan-400 h-2 rounded-full transition-all", style: { width: `${Math.min(metrics.occupancy_rate, 100)}%` } }) }), (0, jsx_runtime_1.jsxs)("p", { className: "text-xs text-neutral-500 mt-1 font-mono", children: [metrics.occupancy_rate.toFixed(1), "% \u5B8C\u6210"] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between text-sm mb-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400", children: "\u91D1\u5E93\u4F59\u989D" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-white font-mono", children: [metrics.vault_mcd.toLocaleString(), " MCD"] })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-full bg-neutral-800 rounded-full h-2 overflow-hidden", children: (0, jsx_runtime_1.jsx)("div", { className: "bg-cyan-400 h-2 rounded-full transition-all", style: { width: `${Math.min(100, metrics.vault_mcd / 100)}%` } }) }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs text-neutral-500 mt-1", children: "\u5F53\u524D\u91D1\u5E93\u8D44\u91D1" })] })] }) })] })), (0, jsx_runtime_1.jsxs)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 dash-card", children: [(0, jsx_runtime_1.jsx)(card_1.CardHeader, { children: (0, jsx_runtime_1.jsxs)(card_1.CardTitle, { className: "text-sm font-medium text-neutral-300 tracking-wider flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Settings, { className: "w-5 h-5" }), "\u5206\u914D\u673A\u5236"] }) }), (0, jsx_runtime_1.jsx)(card_1.CardContent, { children: (0, jsx_runtime_1.jsxs)("div", { className: "p-3 bg-neutral-800 rounded", children: [(0, jsx_runtime_1.jsx)("h4", { className: "font-semibold text-white mb-2", children: "\u81EA\u52A8\u6309\u52B3\u5206\u914D" }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm text-neutral-400", children: "\u91D1\u5E93 MCD \u6BCF\u65E5\u81EA\u52A8\u53D1\u653E\u4F59\u989D\u7684 1%\uFF0C\u6309\u5F53\u65E5\u4EA7\u77FF\u91CF\u5360\u6BD4\u5206\u914D\u7ED9\u77FF\u5DE5\u3002" }), (0, jsx_runtime_1.jsx)("div", { className: "mt-3 text-xs text-neutral-500", children: "\u5206\u914D\u6BD4\u4F8B\uFF1A\u77FF\u5DE5 100%\uFF08\u6309\u52B3\u5206\u914D\uFF09" })] }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [(0, jsx_runtime_1.jsx)(StationIncomeChart_1.default, { stationId: stationId }), (0, jsx_runtime_1.jsx)(StationMemberRanking_1.default, { stationId: stationId })] }), (0, jsx_runtime_1.jsx)(StationKPIHistory_1.default, {}), (0, jsx_runtime_1.jsx)(MiningDistributionHistory_1.MiningDistributionHistory, { territoryId: stationId, title: "\u672C\u9886\u5730\u94F8\u9020\u4EA7\u51FA\u5386\u53F2", description: "\u663E\u793A\u5F52\u5C5E\u672C Station \u7684\u7528\u6237\u94F8\u9020\u4EA7\u51FA\u8BB0\u5F55", showUserColumn: true, limit: 15 }), (0, jsx_runtime_1.jsx)(dialog_1.Dialog, { open: isEditDialogOpen, onOpenChange: setIsEditDialogOpen, children: (0, jsx_runtime_1.jsxs)(dialog_1.DialogContent, { className: "bg-neutral-900 border-neutral-700", children: [(0, jsx_runtime_1.jsxs)(dialog_1.DialogHeader, { children: [(0, jsx_runtime_1.jsx)(dialog_1.DialogTitle, { className: "text-white tracking-wider", children: "\u7F16\u8F91\u9886\u5730" }), (0, jsx_runtime_1.jsx)(dialog_1.DialogDescription, { className: "text-neutral-400", children: "\u4FEE\u6539\u9886\u5730\u4FE1\u606F" })] }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-4 py-4", children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(label_1.Label, { className: "text-xs text-neutral-400 tracking-wider", children: "\u9886\u5730\u540D\u79F0 *" }), (0, jsx_runtime_1.jsx)(input_1.Input, { value: formData.unit_name, onChange: (e) => setFormData({ ...formData, unit_name: e.target.value }), className: "bg-neutral-800 border-neutral-600 text-white placeholder-neutral-400 mt-1" })] }) }), (0, jsx_runtime_1.jsxs)(dialog_1.DialogFooter, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { variant: "outline", onClick: () => setIsEditDialogOpen(false), disabled: submitting, className: "border-neutral-700 text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent", children: "\u53D6\u6D88" }), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: handleEdit, disabled: submitting, className: "bg-cyan-700 hover:bg-cyan-600 text-white", children: submitting ? '更新中...' : '更新' })] })] }) }), (0, jsx_runtime_1.jsx)(dialog_1.Dialog, { open: isMintDialogOpen, onOpenChange: setIsMintDialogOpen, children: (0, jsx_runtime_1.jsxs)(dialog_1.DialogContent, { className: "bg-neutral-900 border-neutral-700", children: [(0, jsx_runtime_1.jsxs)(dialog_1.DialogHeader, { children: [(0, jsx_runtime_1.jsx)(dialog_1.DialogTitle, { className: "text-white tracking-wider", children: "\u94F8\u9020 Territory NFT" }), (0, jsx_runtime_1.jsxs)(dialog_1.DialogDescription, { className: "text-neutral-400", children: ["\u4E3A ", (0, jsx_runtime_1.jsx)("span", { className: "text-white font-semibold", children: unit.unit_name }), " \u94F8\u9020\u94FE\u4E0A NFT\uFF0C\u53EF\u7528\u4E8E\u501F\u8D37\u62B5\u62BC\u6216\u8F6C\u8BA9\u3002"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4 py-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "p-3 bg-neutral-800 rounded", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center mb-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400", children: "\u9886\u5730\u7C7B\u578B" }), (0, jsx_runtime_1.jsx)("span", { className: "text-white font-semibold", children: getUnitTypeLabel(unit.unit_type) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center mb-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400", children: "NFT \u7C7B\u578B" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-white font-semibold font-mono", children: [unit.unit_type.charAt(0).toUpperCase() + unit.unit_type.slice(1), " NFT"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400", children: "\u62B5\u62BC\u4EF7\u503C" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-white font-semibold font-mono", children: [unit.unit_type === 'station' && '1,000 MCC', unit.unit_type === 'matrix' && '15,000 MCC', unit.unit_type === 'sector' && '200,000 MCC', unit.unit_type === 'system' && '2,500,000 MCC'] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "p-3 bg-neutral-800 rounded border border-neutral-700", children: (0, jsx_runtime_1.jsx)("p", { className: "text-sm text-neutral-400", children: "\u94F8\u9020 NFT \u540E\uFF0C\u60A8\u53EF\u4EE5\u5C06\u5176\u7528\u4E8E MCC \u501F\u8D37\u534F\u8BAE\u7684\u62B5\u62BC\u54C1\uFF0C\u6216\u5728\u5E02\u573A\u4E0A\u8F6C\u8BA9\u3002" }) })] }), (0, jsx_runtime_1.jsxs)(dialog_1.DialogFooter, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { variant: "outline", onClick: () => setIsMintDialogOpen(false), disabled: minting, className: "border-neutral-700 text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent", children: "\u53D6\u6D88" }), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: handleMintNft, disabled: minting, className: "bg-cyan-700 hover:bg-cyan-600 text-white", children: minting ? '铸造中...' : '确认铸造' })] })] }) })] }));
+}

package/dist/main-portal/components/stations/StationIncomeChart.d.ts

@@ -0,0 +1,11 @@
+interface IncomeChartData {
+    date: string;
+    income: number;
+    cumulative: number;
+}
+interface StationIncomeChartProps {
+    stationId: string;
+    incomeData?: IncomeChartData[];
+}
+export default function StationIncomeChart({ stationId, incomeData }: StationIncomeChartProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/main-portal/components/stations/StationIncomeChart.js

@@ -0,0 +1,57 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = StationIncomeChart;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const card_1 = require("../ui/card");
+const lucide_react_1 = require("lucide-react");
+const recharts_1 = require("recharts");
+const api_service_1 = require("../../lib/api-service");
+function StationIncomeChart({ stationId, incomeData }) {
+    const [data, setData] = (0, react_1.useState)([]);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    (0, react_1.useEffect)(() => {
+        if (incomeData) {
+            setData(incomeData);
+            setLoading(false);
+        }
+        else {
+            loadIncomeData();
+        }
+    }, [stationId, incomeData]);
+    const loadIncomeData = async () => {
+        try {
+            setLoading(true);
+            const response = await (0, api_service_1.getUnitIncomeChart)(stationId, '30d');
+            const chart = response.data;
+            if (response.success && chart?.labels && chart?.datasets) {
+                const chartData = chart.labels.map((label, index) => ({
+                    date: label,
+                    income: chart.datasets.income[index] || 0,
+                    cumulative: chart.datasets.cumulative[index] || 0,
+                }));
+                setData(chartData);
+            }
+            else {
+                setData([]);
+            }
+        }
+        catch (error) {
+            console.error('加载收入数据失败:', error);
+            setData([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    if (loading) {
+        return ((0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 dash-card", children: (0, jsx_runtime_1.jsx)(card_1.CardContent, { className: "pt-6", children: (0, jsx_runtime_1.jsx)("div", { className: "h-64 flex items-center justify-center", children: (0, jsx_runtime_1.jsx)("p", { className: "text-neutral-500", children: "\u52A0\u8F7D\u4E2D..." }) }) }) }));
+    }
+    return ((0, jsx_runtime_1.jsxs)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 hover:border-cyan-400/50 dash-card", children: [(0, jsx_runtime_1.jsx)(card_1.CardHeader, { className: "pb-2", children: (0, jsx_runtime_1.jsxs)(card_1.CardTitle, { className: "text-sm font-medium text-neutral-300 tracking-wider flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.TrendingUp, { className: "w-5 h-5 text-white" }), "\u6536\u5165\u8D8B\u52BF (\u8FD130\u5929)"] }) }), (0, jsx_runtime_1.jsx)(card_1.CardContent, { children: (0, jsx_runtime_1.jsx)("div", { className: "h-64", children: (0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, { width: "100%", height: "100%", children: (0, jsx_runtime_1.jsxs)(recharts_1.LineChart, { data: data, margin: { top: 5, right: 10, left: 0, bottom: 5 }, children: [(0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, { strokeDasharray: "3 3", stroke: "#404040" }), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, { dataKey: "date", tick: { fill: '#a3a3a3', fontSize: 12 }, axisLine: { stroke: '#525252' } }), (0, jsx_runtime_1.jsx)(recharts_1.YAxis, { tick: { fill: '#a3a3a3', fontSize: 12 }, axisLine: { stroke: '#525252' } }), (0, jsx_runtime_1.jsx)(recharts_1.Tooltip, { contentStyle: {
+                                        backgroundColor: '#171717',
+                                        border: '1px solid #404040',
+                                        borderRadius: '8px',
+                                    }, labelStyle: { color: '#a3a3a3' }, itemStyle: { color: '#fff' } }), (0, jsx_runtime_1.jsx)(recharts_1.Legend, { wrapperStyle: { color: '#a3a3a3' } }), (0, jsx_runtime_1.jsx)(recharts_1.Line, { type: "monotone", dataKey: "income", name: "\u65E5\u6536\u5165", stroke: "#22d3ee", strokeWidth: 2, dot: false, activeDot: { r: 4 } }), (0, jsx_runtime_1.jsx)(recharts_1.Line, { type: "monotone", dataKey: "cumulative", name: "\u7D2F\u8BA1\u6536\u5165", stroke: "#ffffff", strokeWidth: 2, dot: false, activeDot: { r: 4 } })] }) }) }) })] }));
+}

package/dist/main-portal/components/stations/StationKPIHistory.d.ts

@@ -0,0 +1 @@
+export default function StationKPIHistory(): null;

package/dist/main-portal/components/stations/StationKPIHistory.js

@@ -0,0 +1,7 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = StationKPIHistory;
+function StationKPIHistory() {
+    return null;
+}

package/dist/main-portal/components/stations/StationListPage.d.ts

@@ -0,0 +1 @@
+export default function StationListPage(): import("react/jsx-runtime").JSX.Element;