pt--frontend/src/components/torrentlist.jsx

// import { useState, useEffect } from 'react';
// import { Link } from 'react-router-dom';
// import axios from 'axios';

// function TorrentList() {
//   const [torrents, setTorrents] = useState([]);
//   const [categories, setCategories] = useState([]);
//   const [selectedCategory, setSelectedCategory] = useState('');

//   // 获取所有分类
//   useEffect(() => {
//     axios.get('http://localhost:8080/categories') // 假设这个接口返回所有分类
//       .then(res => setCategories(res.data))
//       .catch(err => console.error('获取分类失败', err));
//   }, []);

//   // 获取种子（根据分类筛选）
//   useEffect(() => {
//     const url = selectedCategory
//       ? `http://localhost:8080/torrent/listByCategory?categoryid=${selectedCategory}`
//       : 'http://localhost:8080/torrent/list';

//     axios.get(url)
//       .then(res => setTorrents(res.data))
//       .catch(err => console.error('获取种子失败', err));
//   }, [selectedCategory]);
//   console.log(torrents);
  

//   return (
//     <div className="p-4">
//       <div className="mb-4">
//         <label className="mr-2 font-medium">选择分类：</label>
//         <select
//           value={selectedCategory}
//           onChange={e => setSelectedCategory(e.target.value)}
//           className="border rounded px-2 py-1"
//         >
//           <option value="">全部</option>
//           {categories.map(cat => (
//             <option key={cat.categoryid} value={cat.categoryid}>
//               {cat.category_name}
//             </option>
//           ))}
//         </select>
//       </div>
//       <table className="w-full border-collapse">
//         <thead>
//           <tr className="bg-gray-200">
//             <th className="p-2 border">名称</th>
//             <th className="p-2 border">上传者</th>
//             <th className="p-2 border">描述</th>
//             <th className="p-2 border">上传时间</th>
//             <th className="p-2 border">下载次数</th>
//             <th className="p-2 border">促销方式</th>
//             <th className="p-2 border">操作</th>
//           </tr>
//         </thead>
//         <tbody>
//           {torrents.map(t => (
//             <tr key={t.torrentid} className="border-t hover:bg-gray-100">
//               <td className="p-2 border">{t.filename}</td>
//               <td className="p-2 border">{t.uploader_id}</td>
//               <td className="p-2 border">{t.description}</td>
//               <td className="p-2 border">{new Date(t.uploadTime).toLocaleString()}</td>
//               <td className="p-2 border">{t.downloadCount}</td>
//               <td className="p-2 border">
//           {(() => {
//             switch(t.promotionid) {
//               case 1: return '上传加倍';
//               case 2: return '下载免费';
//               case 3: return '下载减半';
//               case 0: return '没有促销';
//               default: return '没有促销';
//             }
//           })()}
//         </td>
//               <td className="p-2 border">
//                 <a
//                   href={`http://localhost:8080/torrent/download/${t.torrentid}`}
//                   className="text-blue-500 hover:underline"
//                   target="_blank"
//                   rel="noreferrer"
//                 >
//                   下载
//                 </a>
//               </td>
//               <Link
//          to={`/torrent/${t.torrentid}`}
//           className="text-green-600 hover:underline"
//        >
//         查看详情
//        </Link>
//             </tr>
//           ))}
//         </tbody>
//       </table>
//     </div>
//   );
// }

// export default TorrentList;
// import { useState, useEffect } from 'react';
// import axios from 'axios';

// function TorrentList() {
//   const [torrents, setTorrents] = useState([]);
//   const [categories, setCategories] = useState([]);
//   const [selectedCategory, setSelectedCategory] = useState('');
//   const [filters, setFilters] = useState({});
//   const [showSuccess, setShowSuccess] = useState(false);
//   const softwaregenres = [
//     { value: '系统软件', label: '系统软件' },
//     { value: '应用软件', label: '应用软件' },
//     { value: '游戏软件', label: '游戏软件' },
//     { value: '驱动程序', label: '驱动程序' },
//     { value: '办公软件', label: '办公软件' },
//     { value: '其他', label: '其他' },
//   ]
//   const softwareplatforms = [
//     { value: 'Windows', label: 'Windows' },
//     { value: 'Mac', label: 'Mac' },
//     { value: 'Linux', label: 'Linux' },
//     { value: 'Android', label: 'Android' },
//     { value: 'iOS', label: 'iOS' },
//     { value: '其他', label: '其他' },
//   ]
//   const softwareformats = [
//     { value: 'EXE', label: 'EXE' }, 
//     { value: 'DMG', label: 'DMG' },
//     { value: '光盘镜像', label: '光盘镜像' },
//     { value: 'APK', label: 'APK' },
//     { value: 'IPA', label: 'IPA' },
//     { value: '其他', label: '其他' },
//   ]
//    const sourceTypes = [
//     { value: 'CCTV', label: 'CCTV' },
//     { value: '卫视', label: '卫视' },
//     { value: '国家地理', label: '国家地理' },
//     { value: 'BBC', label: 'BBC' },
//     { value: 'Discovery', label: 'Discovery' },
//     { value: '其他', label: '其他' },
//   ]
//   const othergenres = [
//     { value: '电子书', label: '电子书' },
//     { value: '视频', label: '视频' },
//     { value: 'MP3', label: 'MP3' },
//     { value: '图片', label: '图片' },
//     { value: '其他', label: '其他' },
//   ]
// const resolutions = [
//     { value: '720p', label: '720p' },
//     { value: '1080p', label: '1080p' },
//     { value: '2K', label: '2K' },
//     { value: '4K', label: '4K' },
//     { value: '8K', label: '8K' },
//     { value: '其他', label: '其他' },
//   ];

//   // 每个分类的筛选字段配置
//   const categoryFiltersConfig = {
//     1: [ // Movie 电影
//       { id: 'resolution', label: '分辨率', type: 'select', options: ['1080p', '4K', '720p', '其他'] },
//       { id: 'codecFormat', label: '编码格式', type: 'select', options: ['H.264', 'H.265', 'AV1', 'VC1', 'X264', '其他'] },
//       { id: 'region', label: '地区', type: 'select', options: ['大陆', '港台', '欧美', '日韩', '其他'] },
//       { id: 'genre', label: '类型', type: 'select', options: ['动作', '喜剧', '爱情', '科幻', '恐怖','动作', '冒险', '历史', '悬疑', '其他'] },
//     ],
//     2: [ // TV 剧集
//       { id: 'region', label: '地区', type: 'select', options: ['大陆', '港台', '欧美', '日韩', '其他'] },
//       { id: 'format', label: '格式', type: 'select', options: resolutions },
//       { id: 'genre', label: '类型', type: 'select', options: ['动作', '喜剧', '爱情', '科幻', '恐怖','动作', '冒险', '历史', '悬疑', '其他'] },
//     ],
//     3: [ // Music 音乐
//       { id: 'genre', label: '类型', type: 'select', options: ['专辑', '单曲', 'EP', '现场', '其他'] },
//       { id: 'style', label: '风格', type: 'select', options: ['流行', '摇滚', '电子', '古典', '爵士', '民谣', '说唱', '其他'] },
//     ],
//     4: [ // Anime 动漫
//       { id: 'genre', label: '类型', type: 'select', options: ['新番连载', '剧场版', 'OVA', '完结动漫', '其他'] },
//       { id: 'format', label: '格式', type: 'select', options: ['ZIP', 'RAR', '7Z', 'MKV', 'MP4', '其他'] },
//       { id: 'resolution', label: '分辨率', type: 'select', options: ['720P', '1080P', '4K', '其他'] },
//     ],
//     5: [ // Game 游戏
//       { id: 'platform', label: '平台', type: 'select', options: ['PC', 'PS5', 'Xbox', 'Switch', '手机', '其他'] },
//       { id: 'genre', label: '类型', type: 'select', options: ['角色扮演', '射击', '冒险', '策略', '体育', '桌面游戏', '其他'] },
//       { id: 'language', label: '语言', type: 'select', options: ['中文', '英文', '日文', '其他'] },
//       { id: 'dataType', label: '数据类型', type: 'select', options: ['压缩包', '补丁', '安装包', 'nds', '其他'] },
//     ],
//     6: [ // 综艺
//       { id: 'isMainland', label: '是否为大陆综艺', type: 'select', options: ['是','不是'] },
//       { id: 'format', label: '格式', type: 'select', options: ['1080P', '4K', 'HD', '其他'] },
//       { id: 'genre', label: '类型', type: 'select', options: ['真人秀', '选秀','访谈', '音乐', '游戏', '其他'] },
//     ],
//     7: [ // 学习
//       { id: 'genre', label: '类型', type: 'select', options: ['计算机','软件','人文','外语','理工科','其他'] },
//       { id: 'learningformat', label: '格式', type: 'select', options: ['PDF','EPUB','视频','音频','PPT','其他'] },
//     ],
//     8: [ // 体育
//       { id: 'eventType', label: '赛事类型', type: 'select', options: ['足球', '篮球', '网球', '乒乓球', '羽毛球', '其他'] },
//       { id: 'region', label: '地区', type: 'select', options: ['亚洲', '欧洲', '美洲', '其他'] },
//     ],
//     9: [ // 其他
//       { id: 'otherGenre', label: '类型', type: 'select', options: othergenres },
//     ],
//     10: [ // 纪录片
//       { id: 'source', label: '来源', type: 'select', options: sourceTypes },
//       { id: 'resolution', label: '分辨率', type: 'select', options: resolutions },
//     ],
//     11: [ // 软件
//       { id: 'softwsreplatform', label: '平台', type: 'select', options: softwareplatforms },
//       { id: 'softwareGenre', label: '软件类型', type: 'select', options: softwaregenres },
//       { id: 'softwareFormat', label: '软件格式', type: 'select', options: softwareformats },
//     ],
//     // 其他分类...
//   };

//   // 获取所有分类
//   useEffect(() => {
//     axios.get('http://localhost:8080/categories')
//       .then(res => setCategories(res.data))
//       .catch(err => console.error('加载分类失败', err));
//   }, []);

//   // 根据选择的分类显示不同的表单字段
//   useEffect(() => {
//     setFilters({}); // 清空筛选条件
//   }, [selectedCategory]);

//   const handleFilterChange = (e) => {
//     const { name, value } = e.target;
//     setFilters(prev => ({ ...prev, [name]: value }));
//   };

//   const filteredTorrents = (torrents) => {
//     return torrents.filter(torrent => {
//       if (!selectedCategory) return true; // 如果没有选择分类，显示所有
//       if (torrent.categoryid !== parseInt(selectedCategory)) return false;

//       // 根据筛选条件过滤
//       for (const [key, value] of Object.entries(filters)) {
//         if (value && torrent[key] !== value) {
//           return false;
//         }
//       }
//       return true;
//     });
//   };

//   // 获取种子（根据分类筛选）
//   useEffect(() => {
//     let url = selectedCategory
//       ? `http://localhost:8080/torrent/listByCategory?categoryid=${selectedCategory}`
//       : 'http://localhost:8080/torrent/list';

//     // 添加筛选条件到 URL
//     Object.entries(filters).forEach(([key, value]) => {
//       if (value) {
//         url += `&${key}=${encodeURIComponent(value)}`;
//       }
//     });

//     axios.get(url)
//       .then(res => {
//         setTorrents(res.data);
//       })
//       .catch(err => console.error('获取种子失败', err));
//   }, [selectedCategory, filters]);

//   const handleDownload = (torrentId) => {
//     window.open(`http://localhost:8080/torrent/download/${torrentId}`, '_blank');
//   };

//   return (
//     <div className="p-4">
//       {/* 分类选择 */}
//       <div className="mb-4">
//         <label className="mr-2 font-medium">选择分类：</label>
//         <select
//           value={selectedCategory}
//           onChange={(e) => setSelectedCategory(e.target.value)}
//           className="border rounded px-2 py-1 mr-4"
//         >
//           <option value="">全部</option>
//           {categories.map(cat => (
//             <option key={cat.categoryid} value={cat.categoryid}>
//               {cat.category_name}
//             </option>
//           ))}
//         </select>

//         {/* 动态渲染筛选表单 */}
//         {selectedCategory && categoryFiltersConfig[selectedCategory] && (
//           <div className="flex flex-wrap gap-2">
//             {categoryFiltersConfig[selectedCategory].map(filter => {
//               if (filter.type === 'select') {
//                 // 根据筛选字段选择对应的选项列表
//                 let options;
//                 switch (filter.id) {
//                   case 'softwareplatform':
//                     options = softwareplatforms;
//                     break;
//                   case 'softwareGenre':
//                     options = softwaregenres;
//                     break;
//                   case 'softwareFormat':
//                     options = softwareformats;
//                     break;
//                   case 'resolution':
//                     options = [
//                       { value: '720p', label: '720p' },
//                       { value: '1080p', label: '1080p' },
//                       { value: '2K', label: '2K' },
//                       { value: '4K', label: '4K' },
//                       { value: '8K', label: '8K' },
//                       { value: '其他', label: '其他' },
//                     ];
//                     break;
//                   case 'region':
//                     if (selectedCategory === '1' || selectedCategory === '2') { // Movie or TV
//                     options = [
//                       { value: '大陆', label: '大陆' },
//                       { value: '港台', label: '港台' },
//                       { value: '欧美', label: '欧美' },
//                       { value: '日韩', label: '日韩' },
//                       { value: '其他', label: '其他' },
//                     ];
//                     }
//                     else if (selectedCategory === '8') { // Sports
//                       options = [
//                         { value: '亚洲', label: '亚洲' },
//                         { value: '欧洲', label: '欧洲' },
//                         { value: '美洲', label: '美洲' },
//                         { value: '其他', label: '其他' },
//                       ];
//                     }
//                     break;
//                   case 'isMainland':
//                     options = [ 
//                       { value: 'true', label: '是' },
//                       { value: 'false', label: '不是' },
//                     ];
//                     break;
//                   case 'codecFormat':
//                     options = [
//                       { value: 'H.264', label: 'H.264' },
//                       { value: 'H.265', label: 'H.265' },
//                       { value: 'AV1', label: 'AV1' },
//                       { value: 'VC1', label: 'VC1' },
//                       { value: 'X264', label: 'X264' },
//                       { value: '其他', label: '其他' },
//                     ];
//                     break;
//                   case 'platform':
//                     options = [
//                       { value: 'PC', label: 'PC' },
//                       { value: 'PS5', label: 'PS5' },
//                       { value: 'Xbox', label: 'Xbox' },
//                       { value: 'Switch', label: 'Switch' },
//                       { value: '手机', label: '手机' },
//                       { value: '其他', label: '其他' },
//                     ];
//                     break;
//                   case 'language':
//                       options = [
//                         { value: '中文', label: '中文' },
//                         { value: '英文', label: '英文' },
//                         { value: '日文', label: '日文' },
//                         { value: '其他', label: '其他' },
//                       ];
//                       break;
//                   case'EventType':
//                     options = [
//                       { value: '足球', label: '足球' },
//                       { value: '篮球', label: '篮球' },
//                       { value: '网球', label: '网球' },
//                       { value: '乒乓球', label: '乒乓球' },
//                       { value: '羽毛球', label: '羽毛球' },
//                       { value: '其他', label: '其他' },
//                     ];
//                     break;
//                   case 'genre':
//                     if (selectedCategory === '3') { // Music
//                       options = [
//                         { value: '专辑', label: '专辑' },
//                         { value: '单曲', label: '单曲' },
//                         { value: 'EP', label: 'EP' },
//                         { value: '现场', label: '现场' },
//                         { value: '其他', label: '其他' },
//                       ];
//                     } else if (selectedCategory === '4') { // Anime
//                       options = [
//                         { value: '新番连载', label: '新番连载' },
//                         { value: '剧场版', label: '剧场版' },
//                         { value: 'OVA', label: 'OVA' },
//                         { value: '完结动漫', label: '完结动漫' },
//                         { value: '其他', label: '其他' },
//                       ];
//                     } else if (selectedCategory === '5') { // Game
//                       options = [
//                         { value: '角色扮演', label: '角色扮演' },
//                         { value: '射击', label: '射击' },
//                         { value: '冒险', label: '冒险' },
//                         { value: '策略', label: '策略' },
//                         { value: '体育', label: '体育' },
//                         { value: '桌面游戏', label: '桌面游戏' },
//                         { value: '其他', label: '其他' },
//                       ];
//                     } else if (selectedCategory === '1') { // TV
//                       options = [
//                         { value: '动作', label: '动作' },
//                         { value: '喜剧', label: '喜剧' },
//                         { value: '爱情', label: '爱情' },
//                         { value: '科幻', label: '科幻' },
//                         { value: '恐怖', label: '恐怖' },
//                         { value: '动作', label: '动作' },
//                         { value: '冒险', label: '冒险' },
//                         { value: '历史', label: '历史' },
//                         { value: '悬疑', label: '悬疑' },
//                         { value: '其他', label: '其他' },
//                       ]; 
//                     }
//                     else if(selectedCategory === '2') {
//                        options = [
//                         { value: '动作', label: '动作' },
//                         { value: '喜剧', label: '喜剧' },
//                         { value: '爱情', label: '爱情' },
//                         { value: '科幻', label: '科幻' },
//                         { value: '恐怖', label: '恐怖' },
//                         { value: '动作', label: '动作' },
//                         { value: '冒险', label: '冒险' },
//                         { value: '历史', label: '历史' },
//                         { value: '悬疑', label: '悬疑' },
//                         { value: '其他', label: '其他' },
//                       ]; // Movie
//                     }
//                     else if(selectedCategory === '6') {
//                       options = [
//                         { value: '真人秀', label: '真人秀' },
//                         { value: '选秀', label: '选秀' },
//                         { value: '访谈', label: '访谈' },
//                         { value: '音乐', label: '音乐' },
//                         { value: '游戏', label: '游戏' },
//                         { value: '其他', label: '其他' },
//                       ];
//                     }
//                     break;
//                   case 'style':
//                     if (selectedCategory === '3') { // Music
//                       options = [
//                         { value: '流行', label: '流行' },
//                         { value: '摇滚', label: '摇滚' },
//                         { value: '电子', label: '电子' },
//                         { value: '古典', label: '古典' },
//                         { value: '爵士', label: '爵士' },
//                         { value: '民谣', label: '民谣' },
//                         { value: '说唱', label: '说唱' },
//                         { value: '其他', label: '其他' },
//                       ];
//                     } else {
//                       options = []; // 根据需要定义
//                     }
//                     break;
//                   case 'dataType':
//                     if (selectedCategory === '5') { // Game
//                       options = [
//                         { value: '压缩包', label: '压缩包' },
//                         { value: '补丁', label: '补丁' },
//                         { value: '安装包', label: '安装包' },
//                         { value: 'nds', label: 'nds' },
//                         { value: '其他', label: '其他' },
//                       ];
//                     } else {
//                       options = []; // 根据需要定义
//                     }
//                     break;
//                   case 'format': if(selectedCategory === '4') {
//                       options = [
//                         { value: 'ZIP', label: 'ZIP' }, 
//                         { value: 'RAR', label: 'RAR' },
//                         { value: '7Z', label: '7Z' },
//                         { value: 'MKV', label: 'MKV' },
//                         { value: 'MP4', label: 'MP4' },
//                         { value: '其他', label: '其他' },
//                       ];
//                     } else if(selectedCategory === '6') {
//                       options = [
//                         { value: '1080P', label: '1080P' },
//                         { value: '4K', label: '4K' },
//                         { value: 'HD', label: 'HD' },
//                         { value: '其他', label: '其他' },
//                       ];
//                     } else if(selectedCategory === '2') {
//                       options = [ { value: '720p', label: '720p' },
//                                    { value: '1080p', label: '1080p' },
//                                  { value: '2K', label: '2K' },
//                                   { value: '4K', label: '4K' },
//                                    { value: '8K', label: '8K' },
//                                     { value: '其他', label: '其他' },
//                       ];
//                     } else {
//                       options = []; // 根据需要定义
//                     }
//                     break;
//                   case 'eventType':
//                     if (selectedCategory === '7') { // Sports
//                       options = [
//                         { value: '足球', label: '足球' },
//                         { value: '篮球', label: '篮球' },
//                         { value: '网球', label: '网球' },
//                         { value: '乒乓球', label: '乒乓球' },
//                         { value: '羽毛球', label: '羽毛球' },
//                         { value: '其他', label: '其他' },
//                       ];
//                     } else {
//                       options = []; // 根据需要定义
//                     }
//                     break;
//                   case 'source':
//                     if (selectedCategory === '10') { // Documentary
//                       options = [
//                         { value: 'CCTV', label: 'CCTV' },
//                         { value: '卫视', label: '卫视' },
//                         { value: '国家地理', label: '国家地理' },
//                         { value: 'BBC', label: 'BBC' },
//                         { value: 'Discovery', label: 'Discovery' },
//                         { value: '其他', label: '其他' },
//                       ];
//                     } else {
//                       options = []; // 根据需要定义
//                     }
//                     break;
//                   default:
//                     options = []; // 默认无选项
//                 }

//                 return (
//                   <select
//                     key={filter.id}
//                     name={filter.id}
//                     value={filters[filter.id] || ''}
//                     onChange={handleFilterChange}
//                     className="border rounded px-2 py-1"
//                   >
//                     <option value="">全部</option>
//                     {options.map(option => (
//                       <option key={option.value} value={option.value}>
//                         {option.label}
//                       </option>
//                     ))}
//                   </select>
//                 );
//               }
//               // 其他类型（如输入框）可以类似实现
//               return null;
//             })}
//           </div>
//         )}
//       </div>

//       {/* 筛选按钮 */}
//       <button
//         onClick={() => {
//           // 这里可以根据需要添加额外的筛选逻辑
//           // 例如，如果某些筛选需要联动，可以在这里处理
//         }}
//         className="bg-gray-500 text-white px-4 py-2 rounded hover:bg-gray-600 ml-4"
//       >
//         应用筛选
//       </button>

//       {/* 种子列表 */}
//       <table className="w-full border-collapse mt-4">
//         <thead>
//           <tr className="bg-gray-200">
//             <th className="p-2 border">名称</th>
//             <th className="p-2 border">上传者</th>
//             <th className="p-2 border">描述</th>
//             <th className="p-2 border">上传时间</th>
//             <th className="p-2 border">下载次数</th>
//             <th className="p-2 border">促销方式</th>
//             <th className="p-2 border">操作</th>
//           </tr>
//         </thead>
//         <tbody>
//           {torrents.map(t => (
//             <tr key={t.torrentid} className="border-t hover:bg-gray-100">
//               <td className="p-2 border">{t.filename}</td>
//               <td className="p-2 border">{t.uploader_id}</td>
//               <td className="p-2 border">{t.description}</td>
//               <td className="p-2 border">{new Date(t.uploadTime).toLocaleString()}</td>
//               <td className="p-2 border">{t.downloadCount}</td>
//               <td className="p-2 border">
//                 {(() => {
//                   switch(t.promotionid) {
//                     case 1: return '上传加倍';
//                     case 2: return '下载免费';
//                     case 3: return '下载减半';
//                     case 0: return '没有促销';
//                     default: return '没有促销';
//                   }
//                 })()}
//               </td>
//               <td className="p-2 border">
//                 <button
//                   onClick={() => handleDownload(t.torrentid)}
//                   className="text-blue-500 hover:underline mr-2"
//                 >
//                   下载
//                 </button>
//                 <a
//                   href={`/torrent/${t.torrentid}`}
//                   className="text-green-600 hover:underline"
//                 >
//                   查看详情
//                 </a>
//               </td>
//             </tr>
//           ))}
//         </tbody>
//       </table>

//       {/* 成功提示 */}
//       {showSuccess && (
//         <div className="mt-4 p-3 bg-green-100 text-green-800 border border-green-300 rounded">
//           上传成功！
//         </div>
//       )}
//     </div>
//   );
// }

// export default TorrentList;
import { useState, useEffect } from 'react';
import axios from 'axios';

// 常量配置集中管理
const FILTER_OPTIONS = {
  // 通用选项
  common: {
    resolution: [
      { value: '720p', label: '720p' },
      { value: '1080p', label: '1080p' },
      { value: '2K', label: '2K' },
      { value: '4K', label: '4K' },
      { value: '8K', label: '8K' },
      { value: '其他', label: '其他' },
    ],
    region: {
      movie: [
        { value: '大陆', label: '大陆' },
        { value: '港台', label: '港台' },
        { value: '欧美', label: '欧美' },
        { value: '日韩', label: '日韩' },
        { value: '其他', label: '其他' },
      ],
      variety: [
        { value: '大陆', label: '大陆' },
        { value: '港台', label: '港台' },
        { value: '欧美', label: '欧美' },
        { value: '日韩', label: '日韩' },
        { value: '其他', label: '其他' },
      ],
      sports: [
        { value: '亚洲', label: '亚洲' },
        { value: '欧洲', label: '欧洲' },
        { value: '美洲', label: '美洲' },
        { value: '其他', label: '其他' },
      ]
    },
    genre: {
      movie: [
        { value: '动作', label: '动作' },
        { value: '喜剧', label: '喜剧' },
        { value: '爱情', label: '爱情' },
        { value: '科幻', label: '科幻' },
        { value: '恐怖', label: '恐怖' },
        { value: '冒险', label: '冒险' },
        { value: '历史', label: '历史' },
        { value: '悬疑', label: '悬疑' },
        { value: '其他', label: '其他' },
      ],
      music: [
        { value: '流行', label: '流行' },
        { value: '摇滚', label: '摇滚' },
        { value: '电子', label: '电子' },
        { value: '古典', label: '古典' },
        { value: '爵士', label: '爵士' },
        { value: '民谣', label: '民谣' },
        { value: '说唱', label: '说唱' },
        { value: '其他', label: '其他' },
      ],
      anime: [
        { value: '新番连载', label: '新番连载' },
        { value: '剧场版', label: '剧场版' },
        { value: 'OVA', label: 'OVA' },
        { value: '完结动漫', label: '完结动漫' },
        { value: '其他', label: '其他' },
      ],
      game: [
        { value: '角色扮演', label: '角色扮演' },
        { value: '射击', label: '射击' },
        { value: '冒险', label: '冒险' },
        { value: '策略', label: '策略' },
        { value: '体育', label: '体育' },
        { value: '桌面游戏', label: '桌面游戏' },
        { value: '其他', label: '其他' },
      ],
      variety: [
        { value: '真人秀', label: '真人秀' },
        { value: '选秀', label: '选秀' },
        { value: '访谈', label: '访谈' },
        { value: '音乐', label: '音乐' },
        { value: '游戏', label: '游戏' },
        { value: '其他', label: '其他' },
      ],
      learning: [
        { value: '计算机', label: '计算机' },
        { value: '软件', label: '软件' },
        { value: '人文', label: '人文' },
        { value: '外语', label: '外语' },
        { value: '理工科', label: '理工科' },
        { value: '其他', label: '其他' },
      ],
      sports: [
        { value: '足球', label: '足球' },
        { value: '篮球', label: '篮球' },
        { value: '网球', label: '网球' },
        { value: '乒乓球', label: '乒乓球' },
        { value: '羽毛球', label: '羽毛球' },
        { value: '其他', label: '其他' },
      ],
      // 其他类型...
    }
  },
  
  // 分类特定选项
  categories: {
    1: { // 电影
      name: '电影',
      filters: [
        { id: 'resolution', label: '分辨率', type: 'select' },
        { id: 'codec_format', label: '编码格式', type: 'select', 
          options: [
            { value: 'H.264', label: 'H.264' },
            { value: 'H.265', label: 'H.265' },
            { value: 'AV1', label: 'AV1' },
            { value: 'VC1', label: 'VC1' },
            { value: 'X264', label: 'X264' },
            { value: '其他', label: '其他' },
          ]
        },
        { id: 'region', label: '地区', type: 'select' },
        { id: 'genre', label: '类型', type: 'select' }
      ]
    },
    2: { // 电视剧
      name: '剧集',
      filters: [
        { id: 'region', label: '地区', type: 'select',
          options: [
            { value: '大陆', label: '大陆' },
            { value: '港台', label: '港台' },
            { value: '欧美', label: '欧美' },
            { value: '日韩', label: '日韩' },
            { value: '其他', label: '其他' },
          ]
         },
        { id: 'format', label: '分辨率', type: 'select',
          options: [
            { value: '720p', label: '720p' },
            { value: '1080p', label: '1080p' },
            { value: '2K', label: '2K' },
            { value: '4K', label: '4K' },
            { value: '8K', label: '8K' },
            { value: '其他', label: '其他' },
          ]
        },
        { id: 'genre', label: '类型', type: 'select' ,
          options:[
            { value: '真人秀', label: '真人秀' },
            { value: '选秀', label: '选秀' },
            { value: '访谈', label: '访谈' },
            { value: '游戏', label: '游戏' },
            { value: '音乐', label: '音乐' },
            { value: '其他', label: '其他' },
          ]
        }
      ]
    },
    3: { // 音乐
      name: '音乐',
      filters: [
        { id: 'genre', label: '类型', type: 'select', 
          options: [
            { value: '专辑', label: '专辑' },
            { value: '单曲', label: '单曲' },
            { value: 'EP', label: 'EP' },
            { value: '现场', label: '现场' },
            { value: '其他', label: '其他' },
          ]
        },
        { id: 'style', label: '风格', type: 'select',
          options: [
            { value: '流行', label: '流行' },
            { value: '摇滚', label: '摇滚' },
            { value: '电子', label: '电子' },
            { value: '古典', label: '古典' },
            { value: '爵士', label: '爵士' },
            { value: '民谣', label: '民谣' },
            { value: '说唱', label: '说唱' },
            { value: '其他', label: '其他' },
          ]
         },
         {id:'format', label: '格式', type: 'select',
          options:[
            { value: 'MP3', label: 'MP3' },
            { value: 'FLAC', label: 'FLAC' },
            { value: 'WAV', label: 'WAV' },
            { value: 'AAC', label: 'AAC' },
            { value: 'OGG', label: 'OGG' },
            { value: '其他', label: '其他' },
          ]
         }
      ]
    },
    4: { // 动漫
      name: '动漫',
      filters: [
        { id: 'genre', label: '类型', type: 'select' ,
          options: [
            { value: '新番连载', label: '新番连载' },
            { value: '剧场版', label: '剧场版' },
            { value: 'OVA', label: 'OVA' },
            { value: '完结动漫', label: '完结动漫' },
            { value: '其他', label: '其他' },
          ]
        },
        { id: 'format', label: '格式', type: 'select' ,
          options:[
            { value: 'ZIP', label: 'ZIP' },
    { value: 'RAR', label: 'RAR' },
    { value: '7Z', label: '7Z' },
    { value: 'MKV', label: 'MKV' },
    { value: 'MP4', label: 'MP4' },
    { value: '其他', label: '其他' },
          ]
        },
        { id: 'resolution', label: '分辨率', type: 'select',
          options:[
             { value: '720p', label: '720p' },
      { value: '1080p', label: '1080p' },
      { value: '2K', label: '2K' },
      { value: '4K', label: '4K' },
      { value: '8K', label: '8K' },
      { value: '其他', label: '其他' },
          ]
        }
      ]
    },
    5: { // 游戏
      name: '游戏',
      filters: [
        { id: 'platform', label: '平台', type: 'select', 
          options: [
            { value: 'PC', label: 'PC' },
            { value: 'PS5', label: 'PS5' },
            { value: 'Xbox', label: 'Xbox' },
            { value: 'Switch', label: 'Switch' },
            { value: '手机', label: '手机' },
            { value: '其他', label: '其他' },
          ]
        },
        { id: 'genre', label: '类型', type: 'select', 
          options: [
            { value: '角色扮演', label: '角色扮演' },
            { value: '射击', label: '射击' },
            { value: '冒险', label: '冒险' },
            { value: '策略', label: '策略' },
            { value: '体育', label: '体育' },
            { value: '桌面游戏', label: '桌面游戏' },
            { value: '其他', label: '其他' },
          ]
        },
        { id: 'data_format', label: '数据类型', type: 'select' ,
          options: [
            { value: '压缩包', label: '压缩包' },
            { value: '补丁', label: '补丁' },
            { value: '安装包', label: '安装包' },
            { value: 'nds', label: 'nds' },
            { value: '其他', label: '其他' },
          ]
        },
        { id: 'language', label: '语言', type: 'select',
          options: [
            { value: '中文', label: '中文' },
            { value: '英文', label: '英文' },
            { value: '日文', label: '日文' },
            { value: '其他', label: '其他' },
          ]
         }
      ]
    },
    6: { // 综艺
      name: '综艺',
      filters: [
        { id: 'is_mainland', label: '是否大陆综艺', type: 'select' ,
          options:[
            { value: 'true', label: '是' },
            { value: 'false', label: ' 不是' },
          ]
        },
        { id: 'format', label: '分辨率', type: 'select',
          options:[
              { value: '720p', label: '720p' },
      { value: '1080p', label: '1080p' },
      { value: '2K', label: '2K' },
      { value: '4K', label: '4K' },
      { value: '8K', label: '8K' },
      { value: '其他', label: '其他' },
          ]
        },
        {id: 'genre', label: '类型', type: 'select',
          options:[
            { value: '真人秀', label: '真人秀' },
    { value: '选秀', label: '选秀' },
    { value: '访谈', label: '访谈' },
    { value: '游戏', label: '游戏' },
    { value: '音乐', label: '音乐' },
    { value: '其他', label: '其他' },
          ]
        }
      ]
    },
    7: { // 体育
      name: '体育',
      filters: [
        { id: 'genre', label: '体育类型', type: 'select' ,
          options:[
             { value: '足球', label: '足球' },
    { value: '篮球', label: '篮球' },
    { value: '网球', label: '网球' },
    { value: '乒乓球', label: '乒乓球' },
    { value: '羽毛球', label: '羽毛球' },
    { value: '其他', label: '其他' },
          ]
        },
        { id: 'event_type', label: '赛事类型', type: 'select',
          options:[
            { value: '足球', label: '足球' },
    { value: '篮球', label: '篮球' },
    { value: '网球', label: '网球' },
    { value: '乒乓球', label: '乒乓球' },
    { value: '羽毛球', label: '羽毛球' },
    { value: '其他', label: '其他' },
          ]
        },
        { id: 'format', label: '分辨率', type: 'select',
          options:[
              { value: '720p', label: '720p' },
      { value: '1080p', label: '1080p' },
      { value: '2K', label: '2K' },
      { value: '4K', label: '4K' },
      { value: '8K', label: '8K' },
      { value: '其他', label: '其他' },
          ]
        }
      ]
    },
    8: { // 软件
      name: '软件',
      filters: [
        { id: 'platform', label: '平台', type: 'select' ,
          options:[
            { value: 'Windows', label: 'Windows' },
    { value: 'Mac', label: 'Mac' },
    { value: 'Linux', label: 'Linux' },
    { value: 'Android', label: 'Android' },
    { value: 'iOS', label: 'iOS' },
    { value: '其他', label: '其他' },
          ]
        },
        { id: 'format', label: '格式', type: 'select',
          options:[
          { value: 'EXE', label: 'EXE' }, 
    { value: 'DMG', label: 'DMG' },
    { value: '光盘镜像', label: '光盘镜像' },
    { value: 'APK', label: 'APK' },
    { value: 'IPA', label: 'IPA' },
    { value: '其他', label: '其他' },
          ]
        },
        { id: 'genre', label: '类型', type: 'select',
          options:[
           { value: '系统软件', label: '系统软件' },
    { value: '应用软件', label: '应用软件' },
    { value: '游戏软件', label: '游戏软件' },
    { value: '驱动程序', label: '驱动程序' },
    { value: '办公软件', label: '办公软件' },
    { value: '其他', label: '其他' },
          ]
        },
      ]
    },
    9: { // 学习
      name: '学习',
      filters: [
        { id: 'genre', label: '类型', type: 'select' ,
          options:[
            { value: '计算机', label: '计算机' },
            { value: '软件', label: '软件' },
            { value: '人文', label: '人文' },
            { value: '外语', label: '外语' },
            { value: '理工科', label: '理工科' },
            { value: '其他', label: '其他' },
          ]
        },
        { id: 'format', label: '格式', type: 'select',
          options:[
             { value: 'PDF', label: 'PDF' },
    { value: 'EPUB', label: 'EPUB' },
    { value: '视频', label: '视频' },
    { value: '音频', label: '音频' },
    { value: 'PPT', label: 'PPT' },
    { value: '其他', label: '其他' },
          ]
        }
      ]
    },
    10: { // 纪录片
      name: '纪录片',
      filters: [
        { id: 'source', label: '视频源', type: 'select',
          options:[
             { value: 'CCTV', label: 'CCTV' },
    { value: '卫视', label: '卫视' },
    { value: '国家地理', label: '国家地理' },
    { value: 'BBC', label: 'BBC' },
    { value: 'Discovery', label: 'Discovery' },
    { value: '其他', label: '其他' },
          ]
        },
        { id: 'format', label: '格式', type: 'select',
          options:[
             { value: '720p', label: '720p' },
    { value: '1080p', label: '1080p' },
    { value: '2K', label: '2K' },
    { value: '4K', label: '4K' },
    { value: '8K', label: '8K' },
    { value: '其他', label: '其他' },
          ]
        }
      ]
    },
    11: { // 其他
      name: '其他',
      filters: [
        { id: 'gener', label: '类型', type: 'select',
          options:[
           { value: '电子书', label: '电子书' },
    { value: '视频', label: '视频' },
    { value: 'MP3', label: 'MP3' },
    { value: '图片', label: '图片' },
    { value: '其他', label: '其他' },
          ]
        }
      ]
    }
    // 其他分类配置...
  }
};

// 获取分类筛选配置
const getCategoryFilters = (categoryId) => {
  const category = FILTER_OPTIONS.categories[categoryId];
  if (!category) return [];
  
  return category.filters.map(filter => {
    // 自动填充通用选项
    if (filter.id === 'resolution' && !filter.options) {
      return { ...filter, options: FILTER_OPTIONS.common.resolution };
    }
    if (filter.id === 'region' && !filter.options) {
      const regionType = categoryId === 8 ? 'sports' : 'movie';
      return { ...filter, options: FILTER_OPTIONS.common.region[regionType] };
    }
    if (filter.id === 'genre' && !filter.options) {
      const genreType = categoryId === 3 ? 'music' : 'movie';
      return { ...filter, options: FILTER_OPTIONS.common.genre[genreType] };
    }
    return filter;
  });
};

// 格式化日期显示
const formatDate = (dateString) => {
  const options = { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' };
  return new Date(dateString).toLocaleString('zh-CN', options);
};

// 获取促销方式名称
const getPromotionName = (promotionId) => {
  switch(promotionId) {
    case 1: return '上传加倍';
    case 2: return '下载免费';
    case 3: return '下载减半';
    default: return '没有促销';
  }
};

function TorrentList() {
  const [torrents, setTorrents] = useState([]);
  const [categories, setCategories] = useState([]);
  const [selectedCategory, setSelectedCategory] = useState('');
  const [filters, setFilters] = useState({});
  const [isLoading, setIsLoading] = useState(false);
  const [error, setError] = useState(null);
  
  // 获取所有分类
  useEffect(() => {
    const fetchCategories = async () => {
      try {
        const res = await axios.get('http://localhost:8080/categories');
        setCategories(res.data);
      } catch (err) {
        console.error('加载分类失败', err);
        setError('加载分类失败，请稍后重试');
      }
    };
    fetchCategories();
  }, []);

  // 获取种子数据
  useEffect(() => {
    const fetchTorrents = async () => {
      setIsLoading(true);
      setError(null);
      try {
        let url = selectedCategory
          // ? `http://localhost:8080/torrent/listByCategory?categoryid=${selectedCategory}`
          ? `http://localhost:8080/torrent/listByCategorywithfilter?categoryid=${selectedCategory}`
          : 'http://localhost:8080/torrent/list';
        
        // 添加筛选参数
        const params = new URLSearchParams();
        Object.entries(filters).forEach(([key, value]) => {
          if (value) params.append(key, value);
        });
        
        const res = await axios.get(`${url}&${params.toString()}`);
        setTorrents(res.data);
        console.log('torrents:', torrents);
      } catch (err) {
        console.error('获取种子失败', err);
        setError('获取种子列表失败，请稍后重试');
      } finally {
        setIsLoading(false);
      }
    };
    console.log('Fetching torrents with filters:', filters);
    console.log('Selected category:', selectedCategory);
    console.log(torrents);
    const timer = setTimeout(fetchTorrents, 300); // 防抖
    return () => clearTimeout(timer);
  }, [selectedCategory, filters]);

  // 切换分类时重置筛选条件
  const handleCategoryChange = (categoryId) => {
    setSelectedCategory(categoryId);
    setFilters({});
  };

  // 处理筛选条件变化
  const handleFilterChange = (e) => {
    const { name, value } = e.target;
    setFilters(prev => ({ ...prev, [name]: value }));
  };

  // 下载种子
  const handleDownload = (torrentId) => {
    window.open(`http://localhost:8080/torrent/download/${torrentId}`, '_blank');
  };

  // 获取当前分类的筛选配置
  const currentFilters = getCategoryFilters(selectedCategory);

  return (
    <div className="p-4 max-w-7xl mx-auto">
      <h1 className="text-2xl font-bold mb-6">种子列表</h1>
      
      {/* 分类选择 */}
      <div className="mb-6 bg-white p-4 rounded-lg shadow">
        <div className="flex flex-wrap items-center gap-4">
          <div className="flex items-center">
            <label className="mr-2 font-medium whitespace-nowrap">选择分类：</label>
            <select
              value={selectedCategory}
              onChange={(e) => handleCategoryChange(e.target.value)}
              className="border rounded px-3 py-2 min-w-[150px]"
            >
              <option value="">全部分类</option>
              {categories.map(cat => (
                <option key={cat.categoryid} value={cat.categoryid}>
                  {cat.category_name}
                </option>
              ))}
            </select>
          </div>

          {/* 动态筛选表单 */}
          {currentFilters.length > 0 && (
            <div className="flex flex-wrap gap-4">
              {currentFilters.map(filter => (
                <div key={filter.id} className="flex items-center">
                  <label className="mr-2 text-sm whitespace-nowrap">{filter.label}:</label>
                  <select
                    name={filter.id}
                    value={filters[filter.id] || ''}
                    onChange={handleFilterChange}
                    className="border rounded px-3 py-2 min-w-[120px]"
                  >
                    <option value="">全部</option>
                    {filter.options.map(option => (
                      <option key={option.value} value={option.value}>
                        {option.label}
                      </option>
                    ))}
                  </select>
                </div>
              ))}
            </div>
          )}
        </div>
      </div>
      

      {/* 错误提示 */}
      {error && (
        <div className="mb-4 p-3 bg-red-100 text-red-700 rounded border border-red-200">
          {error}
        </div>
      )}
      
     
      {/* 加载状态 */}
      {isLoading ? (
        <div className="flex justify-center items-center h-64">
          <div className="animate-spin rounded-full h-12 w-12 border-t-2 border-b-2 border-blue-500"></div>
        </div>
      ) : (
        /* 种子列表 */
        <div className="bg-white rounded-lg shadow overflow-hidden">
          <div className="overflow-x-auto">
            <table className="w-full">
              <thead className="bg-gray-50">
                <tr>
                  <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">名称</th>
                  <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">大小</th>
                  <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">上传者</th>
                  <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">上传时间</th>
                  <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">下载次数</th>
                  <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">促销</th>
                  <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">操作</th>
                </tr>
              </thead>
              <tbody className="bg-white divide-y divide-gray-200">
                {torrents.length > 0 ? (
                  torrents.map(torrent => (
                    <tr key={torrent.torrentid} className="hover:bg-gray-50">
                      <td className="px-6 py-4 whitespace-nowrap">
                        <div className="text-sm font-medium text-gray-900">{torrent.filename}</div>
                        <div className="text-sm text-gray-500">{torrent.description}</div>
                      </td>
                      <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                        {torrent.torrentSize} B
                      </td>
                      <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                        {torrent.uploader_id}
                      </td>
                      <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                        {new Date(torrent.uploadTime).toLocaleString()}
                      </td>
                      <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                        {torrent.downloadCount}
                      </td>
                      <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                        {getPromotionName(torrent.promotionid)}
                      </td>
                      <td className="px-6 py-4 whitespace-nowrap text-sm font-medium">
                        <button
                          onClick={() => handleDownload(torrent.torrentid)}
                          className="text-blue-600 hover:text-blue-900 mr-4"
                        >
                          下载
                        </button>
                        <a
                          href={`/torrent/${torrent.torrentid}`}
                          className="text-green-600 hover:text-green-900"
                        >
                          详情
                        </a>
                      </td>
                    </tr>
                  ))
                ) : (
                  <tr>
                    <td colSpan="7" className="px-6 py-4 text-center text-sm text-gray-500">
                      没有找到符合条件的种子
                    </td>
                  </tr>
                )}
              </tbody>
            </table>
          </div>
        </div>
      )}
    </div>
  );
}

export default TorrentList;