reset the rebase code
Change-Id: I50bb95e75cd5679667fb6e4053e0d1e60e28f6a5
diff --git a/config/proxy.ts b/config/proxy.ts
index a812e74..bd21b27 100644
--- a/config/proxy.ts
+++ b/config/proxy.ts
@@ -26,6 +26,21 @@
changeOrigin: true,
}
},
+ start: {
+ // localhost:5004/api/** -> https://preview.pro.ant.design/api/**
+ '/api/': {
+ // 要代理的地址
+ target: 'http://team4.10813352.xyz:5004',
+ // 配置了这个可以从 http 代理到 https
+ // 依赖 origin 的功能可能需要这个，比如 cookie
+ changeOrigin: true,
+ pathRewrite: { '^/api': '' },
+ },
+ '/profile/avatar/': {
+ target: 'http://team4.10813352.xyz:5004',
+ changeOrigin: true,
+ }
+ },
/**
* @name 详细的代理配置
@@ -39,6 +54,8 @@
pathRewrite: { '^': '' },
},
},
+
+
pre: {
'/api/': {
target: 'your pre url',
diff --git a/config/routes.ts b/config/routes.ts
index b468a04..14cfb53 100644
--- a/config/routes.ts
+++ b/config/routes.ts
@@ -140,5 +140,24 @@
path: '/post-review',
component: './PostReview/index.tsx',
hideInMenu: true,
- }
+ },
+ {
+ name: '种子列表',
+ path: '/torrent-list',
+ component: './Torrent/torrentList.tsx',
+ hideInMenu: true,
+ },
+ {
+ name: '种子详情界面',
+ path: '/torrent-detail/:id',
+ component: './Torrent/torrentDetail.tsx',
+ hideInMenu: true,
+ },
+ {
+ name: '上传种子界面',
+ path: '/torrent-upload',
+ component: './Torrent/torrentUpload.tsx',
+ hideInMenu: true,
+ },
+
];
diff --git a/nginx.conf b/nginx.conf
index 724ec98..a69c4cb 100644
--- a/nginx.conf
+++ b/nginx.conf
@@ -7,12 +7,16 @@
location / {
root /usr/share/nginx/html;
index index.html;
- try_files $uri $uri/ /index.html; # 适配SPA路由（如React/Vue）
+ try_files $uri $uri/ /index.html;
}
# 反向代理API请求到后端
location /api/ {
+<<<<<<< HEAD
+ proxy_pass http://backend/; # 保持相对路径
+=======
proxy_pass http://team4.10813352.xyz:5004; # 代理路径与后端API前缀匹配
+>>>>>>> 16ac8f6a916a433ddbdd363b7be8246307e76f01
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
diff --git a/package.json b/package.json
index 9cf008a..34ee658 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,7 @@
"deploy": "npm run build && npm run gh-pages",
"preview": "npm run build && max preview --port 5004",
"serve": "umi-serve",
- "start": "npm run dev -- --port 5004",
+ "start": "npm run start",
"start:dev": "cross-env REACT_APP_ENV=dev MOCK=none UMI_ENV=dev max dev",
"start:no-mock": "cross-env MOCK=none UMI_ENV=dev max dev",
"start:pre": "cross-env REACT_APP_ENV=pre UMI_ENV=dev max dev",
@@ -61,11 +61,15 @@
"@ant-design/plots": "^2.3.2",
"@ant-design/pro-components": "^2.7.19",
"@ant-design/use-emotion-css": "1.0.4",
+ "@emotion/react": "^11.14.0",
+ "@emotion/styled": "^11.14.0",
+ "@mui/material": "^7.1.1",
"@testing-library/dom": "^10.4.0",
"@umijs/route-utils": "^4.0.1",
"ant-design-pro": "file:",
"antd": "^5.21.1",
"antd-style": "^3.6.2",
+ "axios": "^1.9.0",
"classnames": "^2.5.1",
"dayjs": "^1.11.13",
"dva": "^3.0.0-alpha.1",
diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx
new file mode 100644
index 0000000..5f0caa0
--- /dev/null
+++ b/src/pages/Home/index.tsx
@@ -0,0 +1,95 @@
+import React, { useState } from 'react';
+
+const planets = [
+ { name: 'Mercury', desc: 'The smallest planet.', img: 'https://images.unsplash.com/photo-1462331940025-496dfbfc7564?auto=format&fit=crop&w=400&q=80' },
+ { name: 'Venus', desc: 'The hottest planet.', img: 'https://images.unsplash.com/photo-1465101046530-73398c7f28ca?auto=format&fit=crop&w=400&q=80' },
+ { name: 'Earth', desc: 'Our home planet.', img: 'https://images.unsplash.com/photo-1465101178521-c1a9136a3b99?auto=format&fit=crop&w=400&q=80' },
+ { name: 'Mars', desc: 'The red planet.', img: 'https://images.unsplash.com/photo-1462331940025-496dfbfc7564?auto=format&fit=crop&w=400&q=80' },
+ { name: 'Jupiter', desc: 'The largest planet.', img: 'https://images.unsplash.com/photo-1465101178521-c1a9136a3b99?auto=format&fit=crop&w=400&q=80' },
+];
+
+const navItems = ['首页', '资源', '关于', '联系'];
+
+const Home: React.FC = () => {
+ const [search, setSearch] = useState('');
+
+ const filteredPlanets = planets.filter(p =>
+ p.name.toLowerCase().includes(search.toLowerCase())
+ );
+
+ return (
+ <div style={{ fontFamily: 'sans-serif', background: 'linear-gradient(to bottom, #0f2027, #2c5364)', minHeight: '100vh', color: '#fff' }}>
+ {/* 导航栏 */}
+ <nav style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', padding: '24px 48px', background: 'rgba(0,0,0,0.4)' }}>
+ <div style={{ fontWeight: 'bold', fontSize: 28, letterSpacing: 2 }}>🌌 PT星球</div>
+ <div>
+ {navItems.map(item => (
+ <a
+ key={item}
+ href="#"
+ style={{
+ color: '#fff',
+ margin: '0 18px',
+ textDecoration: 'none',
+ fontSize: 18,
+ transition: 'color 0.2s',
+ }}
+ >
+ {item}
+ </a>
+ ))}
+ </div>
+ </nav>
+
+ {/* 搜索框 */}
+ <div style={{ display: 'flex', justifyContent: 'center', margin: '48px 0 32px 0' }}>
+ <input
+ type="text"
+ placeholder="搜索星球资源..."
+ value={search}
+ onChange={e => setSearch(e.target.value)}
+ style={{
+ width: 360,
+ padding: '12px 20px',
+ borderRadius: 24,
+ border: 'none',
+ fontSize: 18,
+ outline: 'none',
+ boxShadow: '0 2px 12px rgba(0,0,0,0.2)',
+ }}
+ />
+ </div>
+
+ {/* 资源卡片 */}
+ <div style={{
+ display: 'flex',
+ flexWrap: 'wrap',
+ justifyContent: 'center',
+ gap: '32px',
+ padding: '0 48px 48px 48px'
+ }}>
+ {filteredPlanets.map(planet => (
+ <div
+ key={planet.name}
+ style={{
+ background: 'rgba(255,255,255,0.08)',
+ borderRadius: 18,
+ width: 260,
+ boxShadow: '0 4px 24px rgba(0,0,0,0.18)',
+ overflow: 'hidden',
+ transition: 'transform 0.2s',
+ }}
+ >
+ <img src={planet.img} alt={planet.name} style={{ width: '100%', height: 140, objectFit: 'cover' }} />
+ <div style={{ padding: 20 }}>
+ <div style={{ fontWeight: 'bold', fontSize: 22, marginBottom: 8 }}>{planet.name}</div>
+ <div style={{ fontSize: 16, color: '#cfd8dc' }}>{planet.desc}</div>
+ </div>
+ </div>
+ ))}
+ </div>
+ </div>
+ );
+};
+
+export default Home;
\ No newline at end of file
diff --git a/src/pages/Torrent/torrentDetail.tsx b/src/pages/Torrent/torrentDetail.tsx
new file mode 100644
index 0000000..d841b04
--- /dev/null
+++ b/src/pages/Torrent/torrentDetail.tsx
@@ -0,0 +1,334 @@
+import React, { useEffect, useState } from 'react';
+import { useParams, useNavigate } from 'react-router-dom';
+import { Button, Input, message, Spin, Tag, Card, Avatar, List, Pagination } from 'antd';
+import { DownloadOutlined, ArrowLeftOutlined, SendOutlined } from '@ant-design/icons';
+import {
+ getTorrentInfo,
+ downloadTorrent,
+ addComment,
+ getComments,
+ getCategories,
+} from '../../services/bt/index';
+
+const PAGE_SIZE = 10;
+
+const TorrentDetail: React.FC = () => {
+const { id } = useParams<{ id: string }>();
+const navigate = useNavigate();
+
+const [loading, setLoading] = useState(true);
+const [torrent, setTorrent] = useState<any>(null);
+const [categories, setCategories] = useState<any[]>([]);
+const [comments, setComments] = useState<any[]>([]);
+const [commentLoading, setCommentLoading] = useState(false);
+const [comment, setComment] = useState('');
+const [commentsTotal, setCommentsTotal] = useState(0);
+const [pageNum, setPageNum] = useState(1);
+
+useEffect(() => {
+ setLoading(true);
+ getTorrentInfo({ id: id! })
+ .then((res) => setTorrent(res.data))
+ .finally(() => setLoading(false));
+ getCategories().then((res) => setCategories(res.data || []));
+}, [id]);
+
+useEffect(() => {
+ fetchComments(pageNum);
+ // eslint-disable-next-line
+}, [id, pageNum]);
+
+const fetchComments = (page: number) => {
+ setCommentLoading(true);
+ getComments({ torrentId: Number(id), pageNum: page, pageSize: PAGE_SIZE })
+ .then((res) => {0
+ setComments(res.data?.list || []);
+ setCommentsTotal(res.data?.total || 0);
+ })
+ .finally(() => setCommentLoading(false));
+};
+
+const handleDownload = async () => {
+ try {
+ const res = await downloadTorrent({ id: id! });
+ const blob = new Blob([res], { type: 'application/x-bittorrent' });
+ const url = window.URL.createObjectURL(blob);
+ const a = document.createElement('a');
+ a.href = url;
+ a.download = `${torrent?.title || 'torrent'}.torrent`;
+ a.click();
+ window.URL.revokeObjectURL(url);
+ } catch {
+ message.error('下载失败');
+ }
+};
+
+const handleAddComment = async () => {
+ if (!comment.trim()) return;
+ await addComment({ torrentId: Number(id), comment });
+ setComment('');
+ fetchComments(1);
+ setPageNum(1);
+ message.success('评论成功');
+};
+
+const getCategoryName = (catId: number) => {
+ return categories.find((c) => c.id === catId)?.name || '未知分类';
+};
+
+const statusMap: Record<number, string> = {
+ 0: '候选中',
+ 1: '已发布',
+ 2: '审核不通过',
+ 3: '已上架修改重审中',
+ 10: '已下架',
+};
+
+// 星球主题样式
+const planetBg = {
+ background: 'radial-gradient(circle at 60% 40%, #2b6cb0 0%, #1a202c 100%)',
+ minHeight: '100vh',
+ padding: '32px 0',
+};
+
+return (
+ <div style={planetBg}>
+ <div style={{ maxWidth: 900, margin: '0 auto', background: 'rgba(255,255,255,0.08)', borderRadius: 16, boxShadow: '0 8px 32px rgba(0,0,0,0.2)', padding: 24 }}>
+ <Button
+ icon={<ArrowLeftOutlined />}
+ type="link"
+ onClick={() => navigate(-1)}
+ style={{ color: '#fff', marginBottom: 16 }}
+ >
+ 返回
+ </Button>
+ {loading ? (
+ <Spin size="large" />
+ ) : (
+ <>
+ {torrent?.status !== 1 ? (
+ <div style={{ color: '#fff', fontSize: 24, textAlign: 'center', padding: '80px 0' }}>
+ 当前状态：{statusMap[torrent?.status] || '未知状态'}
+ </div>
+ ) : (
+ <>
+ <div style={{ display: 'flex', alignItems: 'center', gap: 24 }}>
+ <Avatar
+ size={96}
+ src={torrent?.cover || 'https://img.icons8.com/color/96/planet.png'}
+ style={{ boxShadow: '0 0 24px #4299e1' }}
+ />
+ <div>
+ <h1 style={{ color: '#fff', fontSize: 32, marginBottom: 8 }}>
+ {torrent?.title}
+ </h1>
+ <div style={{ marginBottom: 8 }}>
+ <Tag color="geekblue">{getCategoryName(torrent?.categoryId)}</Tag>
+ {torrent?.tags?.map((tag: string) => (
+ <Tag key={tag} color="blue">{tag}</Tag>
+ ))}
+ </div>
+ <div style={{ color: '#cbd5e1', marginBottom: 8 }}>
+ 上传者：{torrent?.owner} | 上传时间：{torrent?.createdAt}
+ </div>
+ <Button
+ type="primary"
+ icon={<DownloadOutlined />}
+ onClick={handleDownload}
+ style={{ background: 'linear-gradient(90deg,#4299e1,#805ad5)', border: 'none' }}
+ >
+ 下载种子
+ </Button>
+ </div>
+ </div>
+ <Card
+ style={{
+ marginTop: 32,
+ background: 'rgba(255,255,255,0.12)',
+ border: 'none',
+ borderRadius: 12,
+ color: '#fff',
+ }}
+ title={<span style={{ color: '#fff' }}>种子详情</span>}
+ >
+ <div dangerouslySetInnerHTML={{ __html: torrent?.description || '' }} />
+ <div style={{ marginTop: 16, color: '#cbd5e1' }}>
+ <span>文件大小：{torrent?.size}</span>
+ <span style={{ marginLeft: 24 }}>做种人数：{torrent?.seeders}</span>
+ <span style={{ marginLeft: 24 }}>下载人数：{torrent?.leechers}</span>
+ <span style={{ marginLeft: 24 }}>完成次数：{torrent?.completed}</span>
+ </div>
+ </Card>
+ <Card
+ style={{
+ marginTop: 32,
+ background: 'rgba(255,255,255,0.10)',
+ border: 'none',
+ borderRadius: 12,
+ color: '#fff',
+ }}
+ title={<span style={{ color: '#fff' }}>星球评论</span>}
+ >
+ <List
+ loading={commentLoading}
+ dataSource={comments}
+ locale={{ emptyText: '暂无评论' }}
+ renderItem={(item: any) => {
+ // 只渲染顶级评论（pid为null）
+ if (item.pid !== null) return null;
+ const [expanded, setExpanded] = useState(false);
+ const [replyContent, setReplyContent] = useState('');
+ const [replying, setReplying] = useState(false);
+
+ const handleReply = async () => {
+ if (!replyContent.trim()) return;
+ setReplying(true);
+ await addComment({ torrentId: Number(id), comment: replyContent, pid: item.id });
+ setReplyContent('');
+ setReplying(false);
+ fetchComments(pageNum);
+ message.success('回复成功');
+ };
+
+ return (
+ <List.Item
+ style={{
+ alignItems: 'flex-start',
+ border: 'none',
+ background: 'transparent',
+ padding: '20px 0',
+ borderBottom: '1px solid rgba(255,255,255,0.08)',
+ }}
+ >
+ <List.Item.Meta
+ avatar={
+ <Avatar
+ src={item.avatar ? item.avatar.startsWith('http') ? item.avatar : `${item.avatar}` : 'https://img.icons8.com/color/48/planet.png'}
+ size={48}
+ style={{ boxShadow: '0 2px 8px #4299e1' }}
+ />
+ }
+ title={
+ <span style={{ color: '#fff', fontWeight: 500 }}>
+ {item.username || '匿名用户'}
+ </span>
+ }
+ description={
+ <span style={{ color: '#cbd5e1', fontSize: 16 }}>
+ {item.comment}
+ <span style={{ marginLeft: 16, fontSize: 12, color: '#a0aec0' }}>
+ {item.createTime}
+ </span>
+ <Button
+ type="link"
+ size="small"
+ style={{ marginLeft: 16, color: '#4299e1' }}
+ onClick={() => setExpanded((v) => !v)}
+ >
+ {expanded ? '收起回复' : `展开回复${item.children?.length ? ` (${item.children.length})` : ''}`}
+ </Button>
+ </span>
+ }
+ />
+ {expanded && (
+ <div style={{ width: '100%', marginTop: 12, marginLeft: 56 }}>
+ <List
+ dataSource={item.children}
+ itemLayout="horizontal"
+ locale={{ emptyText: '暂无子评论' }}
+ renderItem={(child: any) => (
+ <List.Item
+ style={{
+ border: 'none',
+ background: 'transparent',
+ padding: '12px 0 0 0',
+ marginLeft: 0,
+ }}
+ >
+ <List.Item.Meta
+ avatar={
+ <Avatar
+ src={child.avatar ? child.avatar.startsWith('http') ? child.avatar : `${child.avatar}` : 'https://img.icons8.com/color/48/planet.png'}
+ size={36}
+ style={{ boxShadow: '0 1px 4px #805ad5' }}
+ />
+ }
+ title={
+ <span style={{ color: '#c3bfff', fontWeight: 500, fontSize: 15 }}>
+ {child.username || '匿名用户'}
+ </span>
+ }
+ description={
+ <span style={{ color: '#e0e7ef', fontSize: 15 }}>
+ {child.comment}
+ <span style={{ marginLeft: 12, fontSize: 12, color: '#a0aec0' }}>
+ {child.createTime}
+ </span>
+ </span>
+ }
+ />
+ </List.Item>
+ )}
+ />
+ <div style={{ display: 'flex', marginTop: 12, gap: 8 }}>
+ <Input.TextArea
+ value={replyContent}
+ onChange={e => setReplyContent(e.target.value)}
+ placeholder="回复该评论"
+ autoSize={{ minRows: 1, maxRows: 3 }}
+ style={{ background: 'rgba(255,255,255,0.15)', color: '#fff', border: 'none' }}
+ />
+ <Button
+ type="primary"
+ icon={<SendOutlined />}
+ loading={replying}
+ onClick={handleReply}
+ disabled={!replyContent.trim()}
+ style={{ background: 'linear-gradient(90deg,#4299e1,#805ad5)', border: 'none', height: 40 }}
+ >
+ 发送
+ </Button>
+ </div>
+ </div>
+ )}
+ </List.Item>
+ );
+ }}
+ />
+ <Pagination
+ style={{ marginTop: 16, textAlign: 'right' }}
+ current={pageNum}
+ pageSize={PAGE_SIZE}
+ total={commentsTotal}
+ onChange={setPageNum}
+ showSizeChanger={false}
+ />
+ <div style={{ display: 'flex', marginTop: 24, gap: 8 }}>
+ <Input.TextArea
+ value={comment}
+ onChange={e => setComment(e.target.value)}
+ placeholder="在星球上留下你的评论吧~"
+ autoSize={{ minRows: 2, maxRows: 4 }}
+ style={{ background: 'rgba(255,255,255,0.15)', color: '#fff', border: 'none' }}
+ />
+ <Button
+ type="primary"
+ icon={<SendOutlined />}
+ onClick={handleAddComment}
+ disabled={!comment.trim()}
+ style={{ background: 'linear-gradient(90deg,#4299e1,#805ad5)', border: 'none', height: 48 }}
+ >
+ 发送
+ </Button>
+ </div>
+ </Card>
+ </>
+ )}
+ </>
+ )}
+ </div>
+ </div>
+);
+};
+
+export default TorrentDetail;
\ No newline at end of file
diff --git a/src/pages/Torrent/torrentList.tsx b/src/pages/Torrent/torrentList.tsx
new file mode 100644
index 0000000..b881aea
--- /dev/null
+++ b/src/pages/Torrent/torrentList.tsx
@@ -0,0 +1,325 @@
+import React, { useEffect, useState } from "react";
+import { styled } from "@mui/material/styles";
+import axios from "axios";
+import {
+ Box,
+ Button,
+ Card,
+ CardContent,
+ Chip,
+ CircularProgress,
+ Container,
+ MenuItem,
+ Pagination,
+ Select,
+ Typography,
+} from "@mui/material";
+import { getCategories, getTorrentList } from "../../services/bt/index";
+// 优化后的星空背景
+const StarBg = styled("div")({
+ minHeight: "100vh",
+ width: "auto",
+ background: "radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%)",
+ overflow: "auto",
+ position: "relative",
+ top: 0,
+ left: 0,
+
+
+
+ // 使用CSS动画实现星空
+ "&:before, &:after": {
+ content: '""',
+ position: "absolute",
+ top: 0,
+ left: 0,
+ width: "100%",
+ height: "100%",
+ pointerEvents: "none",
+ },
+ "&:before": {
+ background: `
+ radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,0.8), rgba(255,255,255,0)),
+ radial-gradient(1px 1px at 40% 70%, rgba(255,255,255,0.8), rgba(255,255,255,0)),
+ radial-gradient(1.5px 1.5px at 60% 20%, rgba(255,255,255,0.9), rgba(255,255,255,0)),
+ radial-gradient(1.5px 1.5px at 80% 90%, rgba(255,255,255,0.9), rgba(255,255,255,0))
+ `,
+ backgroundRepeat: "repeat",
+ backgroundSize: "200px 200px",
+ animation: "twinkle 10s infinite ease-in-out",
+ },
+ "&:after": {
+ background: `
+ radial-gradient(1px 1px at 70% 40%, rgba(255,255,255,0.7), rgba(255,255,255,0)),
+ radial-gradient(1.2px 1.2px at 10% 80%, rgba(255,255,255,0.7), rgba(255,255,255,0)),
+ radial-gradient(1.5px 1.5px at 30% 60%, rgba(255,255,255,0.8), rgba(255,255,255,0))
+ `,
+ backgroundRepeat: "repeat",
+ backgroundSize: "300px 300px",
+ animation: "twinkle 15s infinite 5s ease-in-out",
+ },
+
+ "@keyframes twinkle": {
+ "0%, 100%": { opacity: 0.3 },
+ "50%": { opacity: 0.8 },
+ }
+});
+
+// 分类标签栏
+const CategoryBar = styled(Box)({
+display: "flex",
+gap: 12,
+alignItems: "center",
+marginBottom: 24,
+flexWrap: "wrap",
+});
+
+// 种子卡片
+const TorrentCard = styled(Card)({
+background: "rgba(30, 41, 59, 0.85)",
+color: "#fff",
+borderRadius: 16,
+boxShadow: "0 4px 24px 0 rgba(0,0,0,0.4)",
+border: "1px solid #334155",
+transition: "transform 0.2s",
+"&:hover": {
+ transform: "scale(1.025)",
+ boxShadow: "0 8px 32px 0 #0ea5e9",
+},
+});
+
+const sortOptions = [
+{ label: "最新", value: { sortField: "createTime", sortDirection: "desc" } },
+{ label: "下载量", value: { sortField: "completions", sortDirection: "desc" } },
+{ label: "推荐", value: { sortField: "seeders", sortDirection: "desc" } },
+];
+
+const PAGE_SIZE = 20;
+
+const TorrentListPage: React.FC = () => {
+ const [categories, setCategories] = useState<
+ { id: number; name: string; remark?: string | null; type?: number | null }[]
+ >([]);
+ const [selectedCat, setSelectedCat] = useState<number | null>(null);
+ const [sort, setSort] = useState(sortOptions[0].value);
+ const [torrents, setTorrents] = useState<any[]>([]);
+ const [loading, setLoading] = useState(false);
+ const [page, setPage] = useState(1);
+ const [total, setTotal] = useState(0);
+
+ // 获取分类
+ useEffect(() => {
+ getCategories().then((res) => {
+ // 直接使用返回的data数组
+ setCategories(res.data || []);
+ });
+ }, []);
+
+ // 获取种子列表
+ useEffect(() => {
+ setLoading(true);
+ getTorrentList({
+ category: selectedCat !== null ? String(selectedCat) : undefined,
+ sortField: sort.sortField,
+ sortDirection: sort.sortDirection,
+ pageNum: page,
+ pageSize: PAGE_SIZE,
+ })
+ .then((res) => {
+ // 直接使用返回的data数组和page对象
+ setTorrents(res.data || []);
+ setTotal(res.page?.total || 0);
+ })
+ .finally(() => setLoading(false));
+ }, [selectedCat, sort, page]);
+
+return (
+ <StarBg>
+ <Container maxWidth="lg" sx={{ pt: 6, pb: 6, position: "relative" }}>
+ {/* 原有内容 */}
+ <Typography
+ variant="h3"
+ sx={{
+ color: "#fff",
+ fontWeight: 700,
+ mb: 3,
+ letterSpacing: 2,
+ textShadow: "0 2px 16px #0ea5e9",
+ }}
+ >
+ ThunderHub 星空PT种子广场
+ </Typography>
+ <CategoryBar>
+ <Chip
+ label="全部"
+ color={selectedCat === null ? "primary" : "default"}
+ onClick={() => {
+ setSelectedCat(null);
+ setPage(1);
+ }}
+ sx={{
+ fontWeight: 600,
+ fontSize: 16,
+ color: selectedCat === null ? undefined : "#fff",
+ }}
+ />
+ {categories.map((cat) => (
+ <Chip
+ key={cat.id}
+ label={cat.name}
+ color={selectedCat === cat.id ? "primary" : "default"}
+ onClick={() => {
+ setSelectedCat(cat.id);
+ setPage(1);
+ }}
+ sx={{
+ fontWeight: 600,
+ fontSize: 16,
+ color: selectedCat === cat.id ? undefined : "#fff",
+ }}
+ />
+ ))}
+ <Box sx={{ flex: 1 }} />
+ <Select
+ size="small"
+ value={JSON.stringify(sort)}
+ onChange={(e) => {
+ setSort(JSON.parse(e.target.value));
+ setPage(1);
+ }}
+ sx={{
+ color: "#fff",
+ background: "#1e293b",
+ borderRadius: 2,
+ ".MuiOutlinedInput-notchedOutline": { border: 0 },
+ minWidth: 120,
+ }}
+ >
+ {sortOptions.map((opt) => (
+ <MenuItem key={opt.label} value={JSON.stringify(opt.value)}>
+ {opt.label}
+ </MenuItem>
+ ))}
+ </Select>
+ </CategoryBar>
+ {loading ? (
+ <Box sx={{ display: "flex", justifyContent: "center", mt: 8 }}>
+ <CircularProgress color="info" />
+ </Box>
+ ) : (
+ <>
+ <Box
+ sx={{
+ display: "flex",
+ flexWrap: "wrap",
+ gap: 3,
+ justifyContent: { xs: "center", md: "flex-start" },
+ }}
+ >
+ {torrents.map((torrent) => (
+ <Box
+ key={torrent.id}
+ sx={{
+ flex: "1 1 320px",
+ maxWidth: { xs: "100%", sm: "48%", md: "32%" },
+ minWidth: 300,
+ mb: 3,
+ display: "flex",
+ cursor: "pointer",
+ }}
+ onClick={() => window.open(`/torrent-detail/${torrent.id}`, "_self")}
+ >
+ <TorrentCard sx={{ width: "100%" }}>
+ <CardContent>
+ <Typography
+ variant="h6"
+ sx={{
+ color: "#38bdf8",
+ fontWeight: 700,
+ mb: 1,
+ textOverflow: "ellipsis",
+ overflow: "hidden",
+ whiteSpace: "nowrap",
+ }}
+ title={torrent.title}
+ >
+ {torrent.title}
+ </Typography>
+ <Box
+ sx={{
+ display: "flex",
+ gap: 1,
+ alignItems: "center",
+ mb: 1,
+ flexWrap: "wrap",
+ }}
+ >
+ <Chip
+ size="small"
+ label={
+ categories.find((c) => c.id === torrent.category)?.name ||
+ "未知"
+ }
+ sx={{
+ background: "#0ea5e9",
+ color: "#fff",
+ fontWeight: 600,
+ }}
+ />
+ {torrent.free === "1" && (
+ <Chip
+ size="small"
+ label="促销"
+ sx={{
+ background: "#fbbf24",
+ color: "#1e293b",
+ fontWeight: 600,
+ }}
+ />
+ )}
+ </Box>
+ <Typography variant="body2" sx={{ color: "#cbd5e1", mb: 1 }}>
+ 上传时间：{torrent.createTime}
+ </Typography>
+ <Box sx={{ display: "flex", gap: 2, mt: 1 }}>
+ <Typography variant="body2" sx={{ color: "#38bdf8" }}>
+ 做种：{torrent.seeders}
+ </Typography>
+ <Typography variant="body2" sx={{ color: "#f472b6" }}>
+ 下载量：{torrent.completions}
+ </Typography>
+ <Typography variant="body2" sx={{ color: "#fbbf24" }}>
+ 下载中：{torrent.leechers}
+ </Typography>
+ </Box>
+ </CardContent>
+ </TorrentCard>
+ </Box>
+ ))}
+ </Box>
+ <Box sx={{ display: "flex", justifyContent: "center", mt: 4 }}>
+ <Pagination
+ count={Math.ceil(total / PAGE_SIZE)}
+ page={page}
+ onChange={(_, v) => setPage(v)}
+ color="primary"
+ sx={{
+ ".MuiPaginationItem-root": {
+ color: "#fff",
+ background: "#1e293b",
+ border: "1px solid #334155",
+ },
+ ".Mui-selected": {
+ background: "#0ea5e9 !important",
+ },
+ }}
+ />
+ </Box>
+ </>
+ )}
+ </Container>
+ </StarBg>
+);
+};
+
+export default TorrentListPage;
\ No newline at end of file
diff --git a/src/pages/Torrent/torrentUpload.tsx b/src/pages/Torrent/torrentUpload.tsx
new file mode 100644
index 0000000..6cb5a41
--- /dev/null
+++ b/src/pages/Torrent/torrentUpload.tsx
@@ -0,0 +1,379 @@
+import React, { useEffect, useState } from 'react';
+import { PlusOutlined, UploadOutlined } from '@ant-design/icons';
+import {
+Form,
+Input,
+Button,
+Select,
+Upload,
+message,
+Tag,
+Space,
+Typography,
+Modal,
+} from 'antd';
+import{
+ getCategories,
+ addTorrent,
+ uploadTorrentFile
+} from '../../services/bt/index';
+
+const { Option } = Select;
+const { TextArea } = Input;
+const { Title } = Typography;
+
+const TorrentUpload: React.FC = () => {
+const [categories, setCategories] = useState<{ id: number; name: string }[]>([]);
+const [tagOptions, setTagOptions] = useState<string[]>([]);
+const [customTags, setCustomTags] = useState<string[]>([]);
+const [fileList, setFileList] = useState<any[]>([]);
+const [uploading, setUploading] = useState(false);
+const [form] = Form.useForm();
+const [tagInputVisible, setTagInputVisible] = useState(false);
+const [tagInputValue, setTagInputValue] = useState('');
+
+useEffect(() => {
+ getCategories().then((res) => {
+ if (Array.isArray(res.data)) {
+ setCategories(res.data);
+ setTagOptions(res.data.map((cat: { name: string }) => cat.name));
+ }
+ });
+}, []);
+
+const handleTagClose = (removedTag: string) => {
+ setCustomTags(customTags.filter(tag => tag !== removedTag));
+};
+
+const showTagInput = () => setTagInputVisible(true);
+
+const handleTagInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+ setTagInputValue(e.target.value);
+};
+
+const handleTagInputConfirm = () => {
+ if (
+ tagInputValue &&
+ !customTags.includes(tagInputValue) &&
+ !tagOptions.includes(tagInputValue)
+ ) {
+ setCustomTags([...customTags, tagInputValue]);
+ }
+ setTagInputVisible(false);
+ setTagInputValue('');
+};
+
+const beforeUpload = (file: File) => {
+ const isTorrent = file.name.endsWith('.torrent');
+ if (!isTorrent) {
+ message.error('只能上传.torrent文件');
+ }
+ setFileList([file]);
+ return false;
+};
+
+const handleSubmit = async (values: any) => {
+ if (fileList.length === 0) {
+ message.error('请上传.torrent文件');
+ return;
+ }
+ setUploading(true);
+ try {
+ // 1. 添加种子基本信息
+ const addRes = await addTorrent({
+ ...values,
+ category: Number(values.category),
+ description: values.description,
+ name: values.name,
+ title: values.title,
+ subheading: values.subheading || '',
+ remark: values.remark || '',
+ });
+ if (!addRes?.id) {
+ throw new Error('种子信息添加失败');
+ }
+ // 2. 上传.torrent文件
+ await uploadTorrentFile(fileList[0], addRes.id);
+
+ message.success('种子上传成功');
+ form.resetFields();
+ setFileList([]);
+ setCustomTags([]);
+ } catch (err: any) {
+ message.error(err.message || '上传失败');
+ } finally {
+ setUploading(false);
+ }
+};
+
+return (
+ <div
+ style={{
+ width: '100%',
+ margin: '64px auto',
+ padding: '56px 64px 48px 64px',
+ background: 'linear-gradient(135deg, #232526 0%, #414345 100%)',
+ borderRadius: 24,
+ boxShadow: '0 16px 48px 0 rgba(31, 38, 135, 0.18)',
+ color: '#fff',
+ position: 'relative',
+ overflow: 'hidden',
+ }}
+ >
+ <div
+ style={{
+ position: 'absolute',
+ top: -100,
+ right: -100,
+ width: 260,
+ height: 260,
+ background: 'radial-gradient(circle, #667eea55 0%, transparent 80%)',
+ zIndex: 0,
+ }}
+ />
+ <div
+ style={{
+ position: 'absolute',
+ bottom: -80,
+ left: -80,
+ width: 200,
+ height: 200,
+ background: 'radial-gradient(circle, #764ba255 0%, transparent 80%)',
+ zIndex: 0,
+ }}
+ />
+ <Title
+ level={2}
+ style={{
+ color: '#fff',
+ textAlign: 'center',
+ marginBottom: 48,
+ letterSpacing: 2,
+ fontWeight: 700,
+ zIndex: 1,
+ position: 'relative',
+ fontSize: 32,
+ }}
+ >
+ 星空PT - 上传资源
+ </Title>
+ <Form
+ form={form}
+ layout="horizontal"
+ labelCol={{ span: 5 }}
+ wrapperCol={{ span: 16 }}
+ onFinish={handleSubmit}
+ initialValues={{ anonymous: 0 }}
+ style={{ zIndex: 1, position: 'relative' }}
+ >
+ <Form.Item
+ label={<span style={{ fontWeight: 500 }}>主标题</span>}
+ name="title"
+ rules={[{ required: true, message: '请输入主标题' }]}
+ >
+ <Input
+ placeholder="请输入主标题"
+ size="large"
+ style={{
+ background: 'rgba(255,255,255,0.06)',
+ border: '1px solid #333',
+ color: '#fff',
+ }}
+ />
+ </Form.Item>
+ <Form.Item label={<span style={{ fontWeight: 500 }}>副标题</span>} name="subheading">
+ <Input
+ placeholder="可选，副标题"
+ size="large"
+ style={{
+ background: 'rgba(255,255,255,0.06)',
+ border: '1px solid #333',
+ color: '#fff',
+ }}
+ />
+ </Form.Item>
+ <Form.Item
+ label={<span style={{ fontWeight: 500 }}>种子名称</span>}
+ name="name"
+ rules={[{ required: true, message: '请输入种子名称' }]}
+ >
+ <Input
+ placeholder="请输入种子名称"
+ size="large"
+ style={{
+ background: 'rgba(255,255,255,0.06)',
+ border: '1px solid #333',
+ color: '#fff',
+ }}
+ />
+ </Form.Item>
+ <Form.Item
+ label={<span style={{ fontWeight: 500 }}>分类</span>}
+ name="category"
+ rules={[{ required: true, message: '请选择分类' }]}
+ >
+ <Select
+ placeholder="请选择分类"
+ size="large"
+ dropdownStyle={{ background: '#232526', color: '#fff' }}
+ style={{
+ background: 'rgba(255,255,255,0.06)',
+ border: '1px solid #333',
+ color: '#fff',
+ }}
+ >
+ {categories.map((cat) => (
+ <Option key={cat.id} value={cat.id}>
+ {cat.name}
+ </Option>
+ ))}
+ </Select>
+ </Form.Item>
+ <Form.Item label={<span style={{ fontWeight: 500 }}>标签</span>}>
+ <Space wrap>
+ {customTags.map((tag) => (
+ <Tag
+ key={tag}
+ closable
+ color="geekblue"
+ onClose={() => handleTagClose(tag)}
+ style={{
+ marginBottom: 4,
+ fontSize: 15,
+ padding: '4px 12px',
+ borderRadius: 8,
+ }}
+ >
+ {tag}
+ </Tag>
+ ))}
+ {tagInputVisible ? (
+ <Input
+ size="small"
+ style={{
+ width: 120,
+ background: 'rgba(255,255,255,0.08)',
+ color: '#fff',
+ border: '1px solid #333',
+ }}
+ value={tagInputValue}
+ onChange={handleTagInputChange}
+ onBlur={handleTagInputConfirm}
+ onPressEnter={handleTagInputConfirm}
+ autoFocus
+ />
+ ) : (
+ <Tag
+ onClick={showTagInput}
+ style={{
+ background: 'rgba(255,255,255,0.08)',
+ border: '1px dashed #1890ff',
+ cursor: 'pointer',
+ color: '#1890ff',
+ fontSize: 15,
+ borderRadius: 8,
+ padding: '4px 12px',
+ }}
+ >
+ <PlusOutlined /> 自定义标签
+ </Tag>
+ )}
+ </Space>
+ </Form.Item>
+ <Form.Item
+ label={<span style={{ fontWeight: 500 }}>描述</span>}
+ name="description"
+ rules={[{ required: true, message: '请输入描述' }]}
+ >
+ <TextArea
+ rows={6}
+ placeholder="请输入种子描述，支持Markdown"
+ style={{
+ background: 'rgba(255,255,255,0.06)',
+ border: '1px solid #333',
+ color: '#fff',
+ fontSize: 15,
+ }}
+ />
+ </Form.Item>
+ <Form.Item label={<span style={{ fontWeight: 500 }}>备注</span>} name="remark">
+ <Input
+ placeholder="可选，备注信息"
+ size="large"
+ style={{
+ background: 'rgba(255,255,255,0.06)',
+ border: '1px solid #333',
+ color: '#fff',
+ }}
+ />
+ </Form.Item>
+ <Form.Item
+ label={<span style={{ fontWeight: 500 }}>匿名上传</span>}
+ name="anonymous"
+ valuePropName="checked"
+ >
+ <Select
+ size="large"
+ style={{
+ background: 'rgba(255,255,255,0.06)',
+ border: '1px solid #333',
+ color: '#fff',
+ }}
+ >
+ <Option value={0}>否</Option>
+ <Option value={1}>是</Option>
+ </Select>
+ </Form.Item>
+ <Form.Item
+ label={<span style={{ fontWeight: 500 }}>上传.torrent文件</span>}
+ required
+ >
+ <Upload
+ beforeUpload={beforeUpload}
+ fileList={fileList}
+ onRemove={() => setFileList([])}
+ accept=".torrent"
+ maxCount={1}
+ showUploadList={{ showRemoveIcon: true }}
+ customRequest={() => {}}
+ >
+ <Button
+ icon={<UploadOutlined />}
+ size="large"
+ style={{
+ background: 'linear-gradient(90deg, #667eea 0%, #764ba2 100%)',
+ border: 'none',
+ color: '#fff',
+ fontWeight: 500,
+ }}
+ >
+ 选择.torrent文件
+ </Button>
+ </Upload>
+ </Form.Item>
+ <Form.Item wrapperCol={{ span: 16, offset: 5 }}>
+ <Button
+ type="primary"
+ htmlType="submit"
+ loading={uploading}
+ block
+ size="large"
+ style={{
+ background: 'linear-gradient(90deg, #667eea 0%, #764ba2 100%)',
+ border: 'none',
+ fontWeight: 600,
+ letterSpacing: 2,
+ fontSize: 18,
+ marginTop: 8,
+ boxShadow: '0 4px 16px 0 rgba(118,75,162,0.15)',
+ }}
+ >
+ 上传
+ </Button>
+ </Form.Item>
+ </Form>
+ </div>
+);
+};
+
+export default TorrentUpload;
\ No newline at end of file
diff --git a/src/pages/User/Login/index.tsx b/src/pages/User/Login/index.tsx
index 233cb3d..585f97b 100644
--- a/src/pages/User/Login/index.tsx
+++ b/src/pages/User/Login/index.tsx
@@ -250,7 +250,7 @@
// }
title={
<span style={{ color: '#fff', fontWeight: 700, fontSize: 28, letterSpacing: 2 }}>
- PT星球
+ ThunderHub
</span>
}
subTitle={
diff --git a/src/services/bt/index.tsx b/src/services/bt/index.tsx
new file mode 100644
index 0000000..4a97406
--- /dev/null
+++ b/src/services/bt/index.tsx
@@ -0,0 +1,174 @@
+import { request } from '@umijs/max';
+
+// 获取分类
+export async function getCategories() {
+ return request('/api/tag/all_cat');
+}
+
+// 获取种子列表
+export async function getTorrentList(params: {
+ category?: string;
+ sortField: string;
+ sortDirection: string;
+ pageNum: number;
+ pageSize: number;
+}) {
+ return request('/api/torrent/torrentList', {
+ method: 'POST',
+ data: params,
+ });
+}
+
+export async function getTorrentInfo(params: {
+ id: string | number;
+}) {
+ return request(`/api/torrent/info/${params.id}`, {
+ method: 'POST',
+ });
+}
+
+
+export async function downloadTorrent(params: {
+ id: string | number;
+ passkey?: string;
+}) {
+ return request('/api/torrent/download', {
+ method: 'GET',
+ params: {
+ id: params.id,
+ },
+ responseType: 'blob',
+ });
+}
+
+export async function addComment(params: {
+ torrentId: number;
+ pid?: number;
+ comment: string;
+}) {
+ return request('/api/torrent/addComment', {
+ method: 'POST',
+ data: params,
+ });
+}
+
+export async function getComments(params: {
+ torrentId: number;
+ pageNum?: number;
+ pageSize?: number;
+}) {
+ return request('/api/torrent/comments', {
+ method: 'GET',
+ params,
+ });
+}
+
+export interface TorrentAddParam {
+ name: string;
+ title: string;
+ subheading: string;
+ cover?: string;
+ description: string;
+ category: number;
+ status?: number;
+ anonymous?: number;
+ remark?: string;
+}
+
+// 审核种子参数
+export interface TorrentAuditParam {
+ id: number;
+ status: number;
+ remark?: string;
+}
+
+// 种子实体
+export interface TorrentEntity {
+ id?: number;
+ infoHash?: Uint8Array;
+ name?: string;
+ filename?: string;
+ title?: string;
+ subheading?: string;
+ cover?: string;
+ description?: string;
+ category?: number;
+ status?: number;
+ fileStatus?: number;
+ reviewer?: number;
+ createTime?: string;
+ updateTime?: string;
+ owner?: number;
+ size?: number;
+ type?: number;
+ fileCount?: number;
+ comments?: number;
+ views?: number;
+ hits?: number;
+ visible?: number;
+ anonymous?: number;
+ leechers?: number;
+ seeders?: number;
+ completions?: number;
+ remark?: string;
+}
+
+// 添加种子
+export async function addTorrent(param: TorrentAddParam) {
+ return request('/api/torrent/add', {
+ method: 'POST',
+ data: param,
+ });
+}
+
+// 审核种子
+export async function auditTorrent(param: TorrentAuditParam) {
+ return request('/api/torrent/audit', {
+ method: 'POST',
+ data: param,
+ });
+}
+
+// 点赞
+export async function favoriteTorrent(id: number) {
+ return request('/api/torrent/favorite', {
+ method: 'POST',
+ params: { id },
+ });
+}
+
+// 上传种子.torrent
+export async function uploadTorrentFile(file: File, id: number) {
+ const formData = new FormData();
+ formData.append('file', file);
+ formData.append('id', id.toString());
+ return request('/api/torrent/upload', {
+ method: 'POST',
+ data: formData,
+ requestType: 'form',
+ responseType: 'blob',
+ });
+}
+
+// 更新种子
+export async function updateTorrent(entity: TorrentEntity) {
+ return request('/api/torrent/update', {
+ method: 'POST',
+ data: entity,
+ });
+}
+
+// 删除种子
+export async function deleteTorrent(ids: number[]) {
+ return request('/api/torrent/delete', {
+ method: 'POST',
+ data: ids,
+ });
+}
+
+// 获取服务器Tracker
+export async function getTracker() {
+ return request('/api/torrent/tracker', {
+ method: 'POST',
+ });
+}
\ No newline at end of file
diff --git a/src/services/system/auth.ts b/src/services/system/auth.ts
index b757618..4ba78db 100644
--- a/src/services/system/auth.ts
+++ b/src/services/system/auth.ts
@@ -14,7 +14,7 @@
}
/** 登录接口 POST /api/login/account */
-export async function login(body: API.LoginParams, options?: Record<string, any>) {
+export async function login(body: API.LoginParams, options?: Record<string, any>) {
return request<API.LoginResult>('/api/login', {
method: 'POST',
headers: {