Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 146efdf6bd | |||
| db5b6bb6c7 | |||
| 35df07725e | |||
| 867a0a3eaf |
@@ -366,8 +366,15 @@
|
||||
"price"
|
||||
],
|
||||
"name": "单反相机"
|
||||
},
|
||||
{
|
||||
"id": "90ce312b560d",
|
||||
"name": "口袋云台相机",
|
||||
"icon": "ri-folder-line",
|
||||
"key_features": [],
|
||||
"feature_labels": {}
|
||||
}
|
||||
],
|
||||
"updated_at": "2026-04-28 09:44:52"
|
||||
"updated_at": "2026-04-28 10:55:02"
|
||||
}
|
||||
]
|
||||
@@ -12,7 +12,8 @@
|
||||
"tdp_watts": 360,
|
||||
"price_usd": 11000,
|
||||
"release_year": 2022,
|
||||
"description": "AMD顶级服务器CPU，96核心"
|
||||
"description": "AMD顶级服务器CPU，96核心",
|
||||
"subcategory_id": "server"
|
||||
},
|
||||
{
|
||||
"id": "epyc9554",
|
||||
@@ -27,7 +28,8 @@
|
||||
"tdp_watts": 360,
|
||||
"price_usd": 6800,
|
||||
"release_year": 2022,
|
||||
"description": "64核心高性能服务器CPU"
|
||||
"description": "64核心高性能服务器CPU",
|
||||
"subcategory_id": "server"
|
||||
},
|
||||
{
|
||||
"id": "epyc9454",
|
||||
@@ -42,7 +44,8 @@
|
||||
"tdp_watts": 290,
|
||||
"price_usd": 4100,
|
||||
"release_year": 2022,
|
||||
"description": "48核心服务器CPU"
|
||||
"description": "48核心服务器CPU",
|
||||
"subcategory_id": "server"
|
||||
},
|
||||
{
|
||||
"id": "xeonw9359x",
|
||||
@@ -57,7 +60,8 @@
|
||||
"tdp_watts": 350,
|
||||
"price_usd": 6200,
|
||||
"release_year": 2023,
|
||||
"description": "Intel顶级工作站CPU"
|
||||
"description": "Intel顶级工作站CPU",
|
||||
"subcategory_id": "server"
|
||||
},
|
||||
{
|
||||
"id": "xeonw5345",
|
||||
@@ -72,7 +76,8 @@
|
||||
"tdp_watts": 230,
|
||||
"price_usd": 950,
|
||||
"release_year": 2023,
|
||||
"description": "中端工作站CPU"
|
||||
"description": "中端工作站CPU",
|
||||
"subcategory_id": "server"
|
||||
},
|
||||
{
|
||||
"id": "ryzen97950x",
|
||||
@@ -87,7 +92,8 @@
|
||||
"tdp_watts": 170,
|
||||
"price_usd": 550,
|
||||
"release_year": 2022,
|
||||
"description": "顶级消费级CPU，适合AI开发"
|
||||
"description": "顶级消费级CPU，适合AI开发",
|
||||
"subcategory_id": "desktop"
|
||||
},
|
||||
{
|
||||
"id": "ryzen97950x3d",
|
||||
@@ -102,7 +108,8 @@
|
||||
"tdp_watts": 120,
|
||||
"price_usd": 700,
|
||||
"release_year": 2023,
|
||||
"description": "带3D V-Cache，游戏性能更强"
|
||||
"description": "带3D V-Cache，游戏性能更强",
|
||||
"subcategory_id": "mobile"
|
||||
},
|
||||
{
|
||||
"id": "intel14900k",
|
||||
@@ -117,7 +124,8 @@
|
||||
"tdp_watts": 125,
|
||||
"price_usd": 580,
|
||||
"release_year": 2023,
|
||||
"description": "Intel顶级消费级CPU"
|
||||
"description": "Intel顶级消费级CPU",
|
||||
"subcategory_id": "desktop"
|
||||
},
|
||||
{
|
||||
"name": "AMD 锐龙 AI 9 H 365",
|
||||
@@ -136,6 +144,7 @@
|
||||
"raw_text": "AMD 锐龙 AI 9 H 365\nAMD 锐龙 AI 处理器助力打造卓越 AI PC\n\n \n全部折叠\n一般规格\n名称\nAMD 锐龙 AI 9 H 365\n产品系列\n锐龙\n系列\n锐龙 AI 300 系列\n外形规格\n笔记本电脑 , 台式机\nAMD PRO 技术\n否\n区域供货状况\n中国\n原代号\nStrix Point\n处理器架构\n4x Zen 5 , 6x Zen 5c\nCPU 核心数\n10\n多线程 (SMT)\n是\n线程数\n20\n最高加速时钟频率 \n最高可达 5 GHz\nMax Zen5c Clock \n最高可达 3.3 GHz\n基准时钟频率 \n2 GHz\nZen5 Base Clock\n2 GHz\nZen5c Base Clock\n2 GHz\nL2 高速缓存\n10 MB\nL3 高速缓存\n24 MB\n默认热设计功耗 (TDP)\n28W\nAMD 可配置热设计功耗 (cTDP)\n15-54W\nCPU 核心的处理器工艺\nTSMC 4nm FinFET\n封装芯片计数\n1\nAMD EXPO™ 内存超频技术\n是\n精准频率提升 (PBO)\n是\n曲线优化器电压偏移\n是\nCPU 平台\nFP8\n支持的扩展\nAES , AMD-V , AVX , AVX2 , AVX512 , FMA3 , MMX-plus , SHA , SSE , SSE2 , SSE3 , SSE4.1 , SSE4.2 , SSE4A , SSSE3 , x86-64\n最高工作温度 (Tjmax)\n100°C\n*支持的操作系统\nWindows 11 - 64-Bit Edition , RHEL x86 64-Bit , Ubuntu x86 64-Bit\n连接\nNative USB 4 (40Gbps)\n2\nNative USB 3.2 Gen 2 (10Gbps)\n2\nNative USB 2.0 (480Mbps)\n4\nPCI Express® Version\nPCIe® 4.0\n原生 PCIe® 通道 (总共/可用)\n16 , 16\nNVMe 支持\nBoot , RAID0 , RAID1\n系统内存类型\nDDR5 (FP8) , LPDDR5X (FP8)\n内存通道数\n2\n最大内存\n256 GB\n最高内存速度\n2x2R\tDDR5-5600, LPDDR5x-8000\n支持 ECC\n否\n显卡功能\n显卡型号\nAMD Radeon™ 880M\n显卡核心数\n12\n显卡频率\n2900 MHz\nDirectX® 版本\n12\nDisplayPort™ 版本\n2.1\nDisplayPort 扩展功能\nAdaptive-Sync , HDR Metadata , UHBR10\nDisplayPort 最高刷新率 (SDR)\n7680x4320 @ 60Hz , 3840x2160 @ 240Hz , 3440x1440 @ 360Hz , 2560x1440 @ 480Hz , 1920x1080 @ 600Hz\nDisplayPort 最高刷新率 (HDR)\n7680x4320 @ 60Hz , 3840x2160 @ 240Hz , 3440x1440 @ 360Hz , 2560x1440 @ 480Hz , 1920x1080 @ 600Hz\nHDMI® 版本\n2.1\n支持的 HDCP 版本\n2.3\nUSB Type-C® DisplayPort™ 备用模式\n是\n支持多个显示器\n是\n显示器个数上限\n4\nAMD FreeSync™\n是\n无线显示\nMiracast\n最大视频编码带宽 (SDR)\n1080p630 8bpc H.264, 1440p373 8bpc H.264, 2160p175 8bpc H.264, 1080p630 8bpc H.265, 1440p373 8bpc H.265, 2160p175 8bpc H.265, 4320p43 8bpc H.265, 1080p864 8/10bpc AV1, 1440p513 8/10bpc AV1, 2160p240 8/10bpc AV1, 4320p60 8/10bpc AV1\n\n最大视频解码带宽\n1080p60 8bpc MPEG2, 1080p60 8bpc VC1, 1080p786 8/10bpc VP9, 2160p196 8/10bpc VP9, 4320p49 8/10bpc VP9, 1080p1200 8bpc H.264, 2160p300 8bpc H.264, 4320p75 8bpc H.264, 1080p786 8/10bpc H.265, 2160p196 8/10bpc H.265, 4320p49 8/10bpc H.265, 1080p960 8/10bpc\n\nAMD SmartShift MAX\n是\nAMD 显存智取技术\n支持\nAI 引擎性能\nAMD Ryzen™ AI\n支持\nOverall TOPS\n最高可达 73 TOPS\nNPU TOPS\n最高可达 50 TOPS\n产品 ID\nTray 产品 ID\n100-000001530 (FP8)\n安全\nAMD 增强病毒防护 (NX bit)\n是",
|
||||
"publish_date": "",
|
||||
"views": 0,
|
||||
"is_pinned": false
|
||||
"is_pinned": false,
|
||||
"subcategory_id": "mobile"
|
||||
}
|
||||
]
|
||||
@@ -13,7 +13,8 @@
|
||||
"int8_perf_tops": 3958,
|
||||
"price_usd": 30000,
|
||||
"release_year": 2022,
|
||||
"description": "数据中心顶级GPU，专为AI训练设计"
|
||||
"description": "数据中心顶级GPU，专为AI训练设计",
|
||||
"subcategory_id": "datacenter"
|
||||
},
|
||||
{
|
||||
"id": "a100",
|
||||
@@ -29,7 +30,8 @@
|
||||
"int8_perf_tops": 624,
|
||||
"price_usd": 10000,
|
||||
"release_year": 2020,
|
||||
"description": "数据中心主力GPU，AI训练推理通用"
|
||||
"description": "数据中心主力GPU，AI训练推理通用",
|
||||
"subcategory_id": "datacenter"
|
||||
},
|
||||
{
|
||||
"id": "a10040g",
|
||||
@@ -45,7 +47,8 @@
|
||||
"int8_perf_tops": 624,
|
||||
"price_usd": 6000,
|
||||
"release_year": 2020,
|
||||
"description": "A100 40GB版本，性价比更高"
|
||||
"description": "A100 40GB版本，性价比更高",
|
||||
"subcategory_id": "datacenter"
|
||||
},
|
||||
{
|
||||
"id": "l40s",
|
||||
@@ -61,7 +64,8 @@
|
||||
"int8_perf_tops": 724,
|
||||
"price_usd": 7000,
|
||||
"release_year": 2023,
|
||||
"description": "新一代数据中心GPU，推理优化"
|
||||
"description": "新一代数据中心GPU，推理优化",
|
||||
"subcategory_id": "datacenter"
|
||||
},
|
||||
{
|
||||
"id": "rtx4090",
|
||||
@@ -77,7 +81,8 @@
|
||||
"int8_perf_tops": 660,
|
||||
"price_usd": 1600,
|
||||
"release_year": 2022,
|
||||
"description": "消费级最强GPU，适合个人AI开发"
|
||||
"description": "消费级最强GPU，适合个人AI开发",
|
||||
"subcategory_id": "gaming"
|
||||
},
|
||||
{
|
||||
"id": "rtx4090d",
|
||||
@@ -93,7 +98,8 @@
|
||||
"int8_perf_tops": 588,
|
||||
"price_usd": 1400,
|
||||
"release_year": 2024,
|
||||
"description": "4090中国特供版，性能略降"
|
||||
"description": "4090中国特供版，性能略降",
|
||||
"subcategory_id": "gaming"
|
||||
},
|
||||
{
|
||||
"id": "rtx3090",
|
||||
@@ -109,7 +115,8 @@
|
||||
"int8_perf_tops": 284,
|
||||
"price_usd": 1200,
|
||||
"release_year": 2020,
|
||||
"description": "上一代旗舰，性价比高"
|
||||
"description": "上一代旗舰，性价比高",
|
||||
"subcategory_id": "gaming"
|
||||
},
|
||||
{
|
||||
"id": "rtx3080",
|
||||
@@ -125,7 +132,8 @@
|
||||
"int8_perf_tops": 238,
|
||||
"price_usd": 700,
|
||||
"release_year": 2020,
|
||||
"description": "中高端消费级GPU"
|
||||
"description": "中高端消费级GPU",
|
||||
"subcategory_id": "gaming"
|
||||
},
|
||||
{
|
||||
"id": "v100",
|
||||
@@ -141,7 +149,8 @@
|
||||
"int8_perf_tops": 236,
|
||||
"price_usd": 4000,
|
||||
"release_year": 2017,
|
||||
"description": "上一代数据中心GPU，仍有价值"
|
||||
"description": "上一代数据中心GPU，仍有价值",
|
||||
"subcategory_id": "datacenter"
|
||||
},
|
||||
{
|
||||
"id": "mi300x",
|
||||
@@ -157,7 +166,8 @@
|
||||
"int8_perf_tops": 2614,
|
||||
"price_usd": 15000,
|
||||
"release_year": 2023,
|
||||
"description": "AMD最强AI GPU，192GB显存"
|
||||
"description": "AMD最强AI GPU，192GB显存",
|
||||
"subcategory_id": "datacenter"
|
||||
},
|
||||
{
|
||||
"name": "RTX 6000D",
|
||||
@@ -171,7 +181,10 @@
|
||||
"raw_text": "据tweaktown报道，NVIDIA为中国市场定制的全新工作站显卡RTX 6000D近日迎来首度拆解。该卡搭载84GB GDDR7显存、19968个CUDA核心，采用被动散热设计，专为服务器机箱风道优化。\n\n\n相较于满血RTX PRO 6000（96GB GDDR7/512-bit），中国特供版RTX 6000D在规格上进行了多处调整。国内团队“技数犬”发布了拆解视频。\n\n据了解，RTX 6000D为无风扇被动散热设计，完全依靠机箱气流降温。\n\nRTX 6000D搭载28颗VRAM模块，总计84GB GDDR7显存，显存总线为448位（相比RTX PRO 6000的96GB/512位有所减少）。\n\nRTX 6000D GPU 核心为156 SM单元，19,968个CUDA核心，比RTX PRO 6000少约17%。\n\nRTX 6000D核心频率为2430MHz（RTX PRO 6000为2600MHz），TDP暂未公布。性能方面，RTX 6000D在Geekbench 6 OpenCL测试中获得390,656分，低于RTX PRO 6000的45–50万分。",
|
||||
"currency": "CNY",
|
||||
"price_usd": 45000,
|
||||
"updated_at": "2026-04-20 18:28:10"
|
||||
"updated_at": "2026-04-28 11:56:48",
|
||||
"subcategory_id": "professional",
|
||||
"views": 0,
|
||||
"images": []
|
||||
},
|
||||
{
|
||||
"name": "RTX PRO 6000",
|
||||
@@ -185,7 +198,10 @@
|
||||
"cuda_cores": 24064,
|
||||
"currency": "CNY",
|
||||
"price_usd": 65000,
|
||||
"updated_at": "2026-04-20 18:28:23",
|
||||
"manufacturer": "NVIDIA"
|
||||
"updated_at": "2026-04-28 11:56:38",
|
||||
"manufacturer": "NVIDIA",
|
||||
"subcategory_id": "professional",
|
||||
"views": 0,
|
||||
"images": []
|
||||
}
|
||||
]
|
||||
@@ -6,7 +6,8 @@
|
||||
"year": "2021",
|
||||
"category_id": "021dc76d36be",
|
||||
"id": "3d20dbcd4bdd",
|
||||
"created_at": "2026-04-09 10:09:56"
|
||||
"created_at": "2026-04-09 10:09:56",
|
||||
"subcategory_id": "sedan"
|
||||
},
|
||||
{
|
||||
"name": "秦PLUS",
|
||||
@@ -29,6 +30,7 @@
|
||||
"category_id": "021dc76d36be",
|
||||
"created_at": "2026-04-11 02:03:45",
|
||||
"visible": true,
|
||||
"raw_text": "秦PLUS的外观设计极具现代感和运动气息，前脸采用了家族化设计语言，标志性的大尺寸进气格栅占据了前脸的大部分空间，搭配锐利的LED大灯组，营造出强烈的视觉冲击力。车身线条流畅，腰线从车头贯穿至车尾，增强了整车的运动感。车尾部分，简洁大方的设计与前脸相呼应，整体风格时尚而不失稳重。\n\n上海：秦PLUS优惠促销，最新报价5.98万！轻松开新车\n\n秦PLUS拥有4780*1837*1515mm的长宽高尺寸和2718mm的轴距，赋予其宽敞的内部空间。车侧线条流畅且动感十足，从前轮距1580mm到后轮距1590mm，车轮布局合理，增强了车辆的稳定性和操控性。配备的225/60 R16轮胎规格，匹配独特风格的轮圈，为车辆增添了一抹动感与时尚的气息。\n\n上海：秦PLUS优惠促销，最新报价5.98万！轻松开新车\n\n秦PLUS的内饰风格简洁大气，给人以科技感和舒适感。中控台布局合理，配备了10.1英寸的中控屏幕，支持语音识别控制系统，可轻松操作多媒体系统、导航、电话和空调等功能。方向盘采用皮质材料，手感舒适，支持手动上下和前后调节，方便驾驶员调整到最佳驾驶姿势。座椅采用仿皮材质，主驾驶座椅具备前后调节、靠背调节和高低调节功能，而副驾驶座椅则支持前后调节和靠背调节，确保了乘客的舒适度。后排座椅可以按比例放倒，增加储物空间，同时，车内还配备了USB和Type-C接口，方便乘客为电子设备充电。\n\n上海：秦PLUS优惠促销，最新报价5.98万！轻松开新车\n\n秦PLUS搭载了一台1.5L 101马力的L4发动机，最大功率为74kW，最大扭矩为126N·m。与之匹配的是E-CVT无级变速器，这使得车辆在提供平稳的动力输出的同时，还能有效降低油耗。\n\n汽车之家车主@天艺风云 表示，外观设计是他当初选择秦PLUS的原因之一。他赞赏整体造型时尚大气，龙脸设计搭配犀利的大灯，辨识度极高。车身线条流畅，溜背式造型增添了几分运动感。全新的“龙鳞辉熠”格栅，精致又霸气，每次停车都有人问这是什么车，外观确实很吸引人。"
|
||||
"raw_text": "秦PLUS的外观设计极具现代感和运动气息，前脸采用了家族化设计语言，标志性的大尺寸进气格栅占据了前脸的大部分空间，搭配锐利的LED大灯组，营造出强烈的视觉冲击力。车身线条流畅，腰线从车头贯穿至车尾，增强了整车的运动感。车尾部分，简洁大方的设计与前脸相呼应，整体风格时尚而不失稳重。\n\n上海：秦PLUS优惠促销，最新报价5.98万！轻松开新车\n\n秦PLUS拥有4780*1837*1515mm的长宽高尺寸和2718mm的轴距，赋予其宽敞的内部空间。车侧线条流畅且动感十足，从前轮距1580mm到后轮距1590mm，车轮布局合理，增强了车辆的稳定性和操控性。配备的225/60 R16轮胎规格，匹配独特风格的轮圈，为车辆增添了一抹动感与时尚的气息。\n\n上海：秦PLUS优惠促销，最新报价5.98万！轻松开新车\n\n秦PLUS的内饰风格简洁大气，给人以科技感和舒适感。中控台布局合理，配备了10.1英寸的中控屏幕，支持语音识别控制系统，可轻松操作多媒体系统、导航、电话和空调等功能。方向盘采用皮质材料，手感舒适，支持手动上下和前后调节，方便驾驶员调整到最佳驾驶姿势。座椅采用仿皮材质，主驾驶座椅具备前后调节、靠背调节和高低调节功能，而副驾驶座椅则支持前后调节和靠背调节，确保了乘客的舒适度。后排座椅可以按比例放倒，增加储物空间，同时，车内还配备了USB和Type-C接口，方便乘客为电子设备充电。\n\n上海：秦PLUS优惠促销，最新报价5.98万！轻松开新车\n\n秦PLUS搭载了一台1.5L 101马力的L4发动机，最大功率为74kW，最大扭矩为126N·m。与之匹配的是E-CVT无级变速器，这使得车辆在提供平稳的动力输出的同时，还能有效降低油耗。\n\n汽车之家车主@天艺风云 表示，外观设计是他当初选择秦PLUS的原因之一。他赞赏整体造型时尚大气，龙脸设计搭配犀利的大灯，辨识度极高。车身线条流畅，溜背式造型增添了几分运动感。全新的“龙鳞辉熠”格栅，精致又霸气，每次停车都有人问这是什么车，外观确实很吸引人。",
|
||||
"subcategory_id": "sedan"
|
||||
}
|
||||
]
|
||||
@@ -9,13 +9,16 @@
|
||||
"input_price": 0.03,
|
||||
"output_price": 0.06,
|
||||
"mmlu": 86.4,
|
||||
"humaneval": 67.0,
|
||||
"humaneval": 67,
|
||||
"is_open_source": false,
|
||||
"license": "Proprietary",
|
||||
"description": "OpenAI最强大的多模态大模型",
|
||||
"created_at": "2024-01-01",
|
||||
"updated_at": "2026-04-28 10:09:47",
|
||||
"raw_text": "\nGPT-4 Turbo version with 128K context length, price is $10 per 1M input tokens"
|
||||
"updated_at": "2026-04-28 11:57:02",
|
||||
"raw_text": "\nGPT-4 Turbo version with 128K context length, price is $10 per 1M input tokens",
|
||||
"subcategory_id": "chat",
|
||||
"views": 0,
|
||||
"images": []
|
||||
},
|
||||
{
|
||||
"id": "gpt4turbo",
|
||||
@@ -31,7 +34,8 @@
|
||||
"is_open_source": false,
|
||||
"license": "Proprietary",
|
||||
"description": "GPT-4增强版，128K上下文",
|
||||
"created_at": "2024-01-01"
|
||||
"created_at": "2024-01-01",
|
||||
"subcategory_id": "chat"
|
||||
},
|
||||
{
|
||||
"id": "gpt35",
|
||||
@@ -47,7 +51,8 @@
|
||||
"is_open_source": false,
|
||||
"license": "Proprietary",
|
||||
"description": "性价比高的通用模型",
|
||||
"created_at": "2024-01-01"
|
||||
"created_at": "2024-01-01",
|
||||
"subcategory_id": "chat"
|
||||
},
|
||||
{
|
||||
"id": "claude3opus",
|
||||
@@ -63,7 +68,8 @@
|
||||
"is_open_source": false,
|
||||
"license": "Proprietary",
|
||||
"description": "Anthropic最强模型，200K上下文",
|
||||
"created_at": "2024-01-01"
|
||||
"created_at": "2024-01-01",
|
||||
"subcategory_id": "code"
|
||||
},
|
||||
{
|
||||
"id": "claude3sonnet",
|
||||
@@ -79,7 +85,8 @@
|
||||
"is_open_source": false,
|
||||
"license": "Proprietary",
|
||||
"description": "平衡性能与成本",
|
||||
"created_at": "2024-01-01"
|
||||
"created_at": "2024-01-01",
|
||||
"subcategory_id": "chat"
|
||||
},
|
||||
{
|
||||
"id": "llama270b",
|
||||
@@ -95,7 +102,8 @@
|
||||
"is_open_source": true,
|
||||
"license": "Llama 2 Community",
|
||||
"description": "Meta开源大模型，70B参数",
|
||||
"created_at": "2024-01-01"
|
||||
"created_at": "2024-01-01",
|
||||
"subcategory_id": "chat"
|
||||
},
|
||||
{
|
||||
"id": "llama3",
|
||||
@@ -111,7 +119,8 @@
|
||||
"is_open_source": true,
|
||||
"license": "Llama 3 Community",
|
||||
"description": "Meta最新开源模型，性能接近GPT-4",
|
||||
"created_at": "2024-01-01"
|
||||
"created_at": "2024-01-01",
|
||||
"subcategory_id": "code"
|
||||
},
|
||||
{
|
||||
"id": "mistral7b",
|
||||
@@ -127,7 +136,8 @@
|
||||
"is_open_source": true,
|
||||
"license": "Apache 2.0",
|
||||
"description": "小巧高效的开源模型",
|
||||
"created_at": "2024-01-01"
|
||||
"created_at": "2024-01-01",
|
||||
"subcategory_id": "chat"
|
||||
},
|
||||
{
|
||||
"id": "mixtral8x7b",
|
||||
@@ -143,7 +153,8 @@
|
||||
"is_open_source": true,
|
||||
"license": "Apache 2.0",
|
||||
"description": "MoE架构，高效推理",
|
||||
"created_at": "2024-01-01"
|
||||
"created_at": "2024-01-01",
|
||||
"subcategory_id": "chat"
|
||||
},
|
||||
{
|
||||
"id": "qwen72b",
|
||||
@@ -159,7 +170,8 @@
|
||||
"is_open_source": true,
|
||||
"license": "Apache 2.0",
|
||||
"description": "阿里开源大模型，中文能力强",
|
||||
"created_at": "2024-01-01"
|
||||
"created_at": "2024-01-01",
|
||||
"subcategory_id": "chat"
|
||||
},
|
||||
{
|
||||
"id": "deepseekv3",
|
||||
@@ -175,7 +187,8 @@
|
||||
"is_open_source": true,
|
||||
"license": "MIT",
|
||||
"description": "DeepSeek最新模型，性价比极高",
|
||||
"created_at": "2024-01-01"
|
||||
"created_at": "2024-01-01",
|
||||
"subcategory_id": "code"
|
||||
},
|
||||
{
|
||||
"id": "glm4",
|
||||
@@ -192,6 +205,7 @@
|
||||
"license": "Proprietary",
|
||||
"description": "智谱AI大模型，中文能力强",
|
||||
"created_at": "2024-01-01",
|
||||
"visible": false
|
||||
"visible": false,
|
||||
"subcategory_id": "chat"
|
||||
}
|
||||
]
|
||||
@@ -130,6 +130,9 @@
|
||||
<h1 class="text-2xl font-bold text-gray-800">分类管理</h1>
|
||||
<button onclick="openAddModal('category')" class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700"><i class="ri-add-line mr-2"></i>添加分类</button>
|
||||
</div>
|
||||
<div class="bg-blue-50 rounded-lg p-4 mb-4">
|
||||
<p class="text-sm text-blue-700"><i class="ri-information-line mr-1"></i>内置分类（AI模型、GPU、CPU）的子类别配置可在此编辑，其数据管理入口在左侧导航栏的独立页面。</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-xl shadow-sm overflow-hidden">
|
||||
<table class="w-full">
|
||||
<thead class="bg-gray-50 border-b">
|
||||
@@ -137,8 +140,8 @@
|
||||
<th class="px-4 py-3 text-left text-sm font-medium text-gray-600">图标</th>
|
||||
<th class="px-4 py-3 text-left text-sm font-medium text-gray-600">ID</th>
|
||||
<th class="px-4 py-3 text-left text-sm font-medium text-gray-600">名称</th>
|
||||
<th class="px-4 py-3 text-left text-sm font-medium text-gray-600">描述</th>
|
||||
<th class="px-4 py-3 text-center text-sm font-medium text-gray-600">显示</th>
|
||||
<th class="px-4 py-3 text-left text-sm font-medium text-gray-600">类型</th>
|
||||
<th class="px-4 py-3 text-left text-sm font-medium text-gray-600">子类别</th>
|
||||
<th class="px-4 py-3 text-center text-sm font-medium text-gray-600">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
@@ -156,6 +159,11 @@
|
||||
<button onclick="openAddModal('dynamic')" class="px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700"><i class="ri-add-line mr-2"></i>手动添加</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-gray-50 rounded-lg p-3 mb-4 flex items-center gap-4" id="dynamic-filter-area">
|
||||
<span class="text-sm text-gray-600">子类别筛选：</span>
|
||||
<button onclick="filterDynamicBySubcategory('')" class="px-3 py-1 rounded text-sm bg-white border text-gray-600 hover:bg-gray-100">全部</button>
|
||||
<div id="dynamic-subcategory-filters" class="flex gap-2"></div>
|
||||
</div>
|
||||
<div class="bg-white rounded-xl shadow-sm overflow-hidden">
|
||||
<table class="w-full"><tbody id="admin-dynamic-table"><tr><td class="text-center text-gray-400 py-8">加载中...</td></tr></tbody></table>
|
||||
</div>
|
||||
@@ -170,6 +178,11 @@
|
||||
<button onclick="openAddModal('model')" class="px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700"><i class="ri-add-line mr-2"></i>手动添加</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-gray-50 rounded-lg p-3 mb-4 flex items-center gap-4">
|
||||
<span class="text-sm text-gray-600">子类别筛选：</span>
|
||||
<button onclick="filterModelsBySubcategory('')" class="px-3 py-1 rounded text-sm bg-white border text-gray-600 hover:bg-gray-100">全部</button>
|
||||
<div id="model-subcategory-filters" class="flex gap-2"></div>
|
||||
</div>
|
||||
<div class="bg-white rounded-xl shadow-sm overflow-x-auto">
|
||||
<table class="w-full min-w-[1200px]">
|
||||
<thead class="bg-gray-50 border-b">
|
||||
@@ -177,18 +190,17 @@
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">置顶</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">名称</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">厂商</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">子类别</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">参数量</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">上下文</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">类型</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">发布日期</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">热度</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">创建时间</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">更新时间</th>
|
||||
<th class="px-3 py-3 text-center text-sm font-medium text-gray-600">显示</th>
|
||||
<th class="px-3 py-3 text-center text-sm font-medium text-gray-600">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="admin-models-table"><tr><td colspan="12" class="text-center text-gray-400 py-8">加载中...</td></tr></tbody>
|
||||
<tbody id="admin-models-table"><tr><td colspan="11" class="text-center text-gray-400 py-8">加载中...</td></tr></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
@@ -202,6 +214,11 @@
|
||||
<button onclick="openAddModal('gpu')" class="px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700"><i class="ri-add-line mr-2"></i>手动添加</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-gray-50 rounded-lg p-3 mb-4 flex items-center gap-4">
|
||||
<span class="text-sm text-gray-600">子类别筛选：</span>
|
||||
<button onclick="filterGpusBySubcategory('')" class="px-3 py-1 rounded text-sm bg-white border text-gray-600 hover:bg-gray-100">全部</button>
|
||||
<div id="gpu-subcategory-filters" class="flex gap-2"></div>
|
||||
</div>
|
||||
<div class="bg-white rounded-xl shadow-sm overflow-x-auto">
|
||||
<table class="w-full min-w-[1200px]">
|
||||
<thead class="bg-gray-50 border-b">
|
||||
@@ -209,18 +226,17 @@
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">置顶</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">名称</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">厂商</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">子类别</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">显存</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">架构</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">价格</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">发布日期</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">热度</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">创建时间</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">更新时间</th>
|
||||
<th class="px-3 py-3 text-center text-sm font-medium text-gray-600">显示</th>
|
||||
<th class="px-3 py-3 text-center text-sm font-medium text-gray-600">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="admin-gpus-table"><tr><td colspan="12" class="text-center text-gray-400 py-8">加载中...</td></tr></tbody>
|
||||
<tbody id="admin-gpus-table"><tr><td colspan="11" class="text-center text-gray-400 py-8">加载中...</td></tr></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
@@ -234,6 +250,11 @@
|
||||
<button onclick="openAddModal('cpu')" class="px-4 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700"><i class="ri-add-line mr-2"></i>手动添加</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-gray-50 rounded-lg p-3 mb-4 flex items-center gap-4">
|
||||
<span class="text-sm text-gray-600">子类别筛选：</span>
|
||||
<button onclick="filterCpusBySubcategory('')" class="px-3 py-1 rounded text-sm bg-white border text-gray-600 hover:bg-gray-100">全部</button>
|
||||
<div id="cpu-subcategory-filters" class="flex gap-2"></div>
|
||||
</div>
|
||||
<div class="bg-white rounded-xl shadow-sm overflow-x-auto">
|
||||
<table class="w-full min-w-[1200px]">
|
||||
<thead class="bg-gray-50 border-b">
|
||||
@@ -241,18 +262,17 @@
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">置顶</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">名称</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">厂商</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">子类别</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">核心/线程</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">主频</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">价格</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">发布日期</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">热度</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">创建时间</th>
|
||||
<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">更新时间</th>
|
||||
<th class="px-3 py-3 text-center text-sm font-medium text-gray-600">显示</th>
|
||||
<th class="px-3 py-3 text-center text-sm font-medium text-gray-600">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="admin-cpus-table"><tr><td colspan="12" class="text-center text-gray-400 py-8">加载中...</td></tr></tbody>
|
||||
<tbody id="admin-cpus-table"><tr><td colspan="11" class="text-center text-gray-400 py-8">加载中...</td></tr></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
@@ -445,6 +465,46 @@
|
||||
let categories = [];
|
||||
let currentFilter = '';
|
||||
let dynamicCategoryId = '';
|
||||
let modelSubcategoryFilter = '';
|
||||
let gpuSubcategoryFilter = '';
|
||||
let cpuSubcategoryFilter = '';
|
||||
let dynamicSubcategoryFilter = '';
|
||||
|
||||
// 生成随机ID（12位十六进制）
|
||||
function generateId() {
|
||||
return Math.random().toString(16).slice(2, 8) + Math.random().toString(16).slice(2, 8);
|
||||
}
|
||||
|
||||
// 获取子类别名称
|
||||
function getSubcategoryName(categoryId, subcategoryId) {
|
||||
const cat = categories.find(c => c.id === categoryId);
|
||||
if (!cat || !cat.subcategories) return '-';
|
||||
const sub = cat.subcategories.find(s => s.id === subcategoryId);
|
||||
return sub ? sub.name : '-';
|
||||
}
|
||||
|
||||
// 获取子类别图标
|
||||
function getSubcategoryIcon(categoryId, subcategoryId) {
|
||||
const cat = categories.find(c => c.id === categoryId);
|
||||
if (!cat || !cat.subcategories) return '';
|
||||
const sub = cat.subcategories.find(s => s.id === subcategoryId);
|
||||
return sub ? sub.icon : '';
|
||||
}
|
||||
|
||||
// 渲染子类别筛选按钮
|
||||
function renderSubcategoryFilters(categoryId, containerId, filterFunction) {
|
||||
const cat = categories.find(c => c.id === categoryId);
|
||||
const container = document.getElementById(containerId);
|
||||
if (!cat || !cat.subcategories || cat.subcategories.length === 0) {
|
||||
container.innerHTML = '';
|
||||
return;
|
||||
}
|
||||
container.innerHTML = cat.subcategories.map(sub => `
|
||||
<button onclick="${filterFunction}('${sub.id}')" class="px-3 py-1 rounded text-sm bg-white border text-gray-600 hover:bg-gray-100">
|
||||
<i class="${sub.icon} mr-1"></i>${sub.name}
|
||||
</button>
|
||||
`).join('');
|
||||
}
|
||||
|
||||
const colorMap = {
|
||||
blue: 'bg-blue-100 text-blue-600',
|
||||
@@ -574,6 +634,7 @@
|
||||
// 显示动态分类数据
|
||||
async function showDynamicCategory(categoryId) {
|
||||
dynamicCategoryId = categoryId;
|
||||
dynamicSubcategoryFilter = ''; // 重置筛选
|
||||
const cat = categories.find(c => c.id === categoryId);
|
||||
|
||||
document.querySelectorAll('section').forEach(s => s.classList.add('hidden'));
|
||||
@@ -591,21 +652,44 @@
|
||||
|
||||
document.getElementById('dynamic-title').textContent = cat.name + '管理';
|
||||
|
||||
// 渲染子类别筛选按钮
|
||||
if (cat.subcategories && cat.subcategories.length > 0) {
|
||||
document.getElementById('dynamic-filter-area').classList.remove('hidden');
|
||||
renderSubcategoryFilters(categoryId, 'dynamic-subcategory-filters', 'filterDynamicBySubcategory');
|
||||
} else {
|
||||
document.getElementById('dynamic-filter-area').classList.add('hidden');
|
||||
}
|
||||
|
||||
// 加载该分类的数据（后台显示全部，包括隐藏的）
|
||||
const res = await fetch(`/api/items/${categoryId}?all=1`);
|
||||
const items = await res.json();
|
||||
let items = await res.json();
|
||||
|
||||
// 子类别筛选
|
||||
if (dynamicSubcategoryFilter) {
|
||||
items = items.filter(i => i.subcategory_id === dynamicSubcategoryFilter);
|
||||
}
|
||||
|
||||
if (items.length === 0) {
|
||||
document.getElementById('admin-dynamic-table').innerHTML = '<tr><td class="text-center text-gray-400 py-8">暂无数据，点击上方"添加数据"按钮添加</td></tr>';
|
||||
} else {
|
||||
const keys = Object.keys(items[0]).filter(k => !['id', 'created_at', 'updated_at', 'visible', 'raw_text'].includes(k));
|
||||
const keys = Object.keys(items[0]).filter(k => !['id', 'created_at', 'updated_at', 'visible', 'raw_text', 'subcategory_id'].includes(k));
|
||||
let html = `<thead class="bg-gray-50 border-b"><tr>`;
|
||||
// 添加子类别列
|
||||
if (cat.subcategories && cat.subcategories.length > 0) {
|
||||
html += `<th class="px-4 py-3 text-left text-sm font-medium text-gray-600">子类别</th>`;
|
||||
}
|
||||
keys.forEach(k => { html += `<th class="px-4 py-3 text-left text-sm font-medium text-gray-600">${k}</th>`; });
|
||||
html += `<th class="px-4 py-3 text-center text-sm font-medium text-gray-600">显示</th>`;
|
||||
html += `<th class="px-4 py-3 text-center text-sm font-medium text-gray-600">操作</th></tr></thead><tbody>`;
|
||||
|
||||
items.forEach(item => {
|
||||
html += `<tr class="border-b hover:bg-gray-50 ${item.visible === false ? 'bg-gray-100 opacity-60' : ''}">`;
|
||||
// 子类别显示
|
||||
if (cat.subcategories && cat.subcategories.length > 0) {
|
||||
const subName = getSubcategoryName(categoryId, item.subcategory_id);
|
||||
const subIcon = getSubcategoryIcon(categoryId, item.subcategory_id);
|
||||
html += `<td class="px-4 py-3">${item.subcategory_id ? `<span class="px-2 py-1 bg-indigo-100 text-indigo-600 rounded text-xs"><i class="${subIcon} mr-1"></i>${subName}</span>` : '<span class="text-gray-400">-</span>'}</td>`;
|
||||
}
|
||||
keys.forEach(k => { html += `<td class="px-4 py-3 text-gray-600">${item[k] || '-'}</td>`; });
|
||||
html += `<td class="px-4 py-3 text-center">
|
||||
<button onclick="toggleVisible('dynamic', '${item.id}')" class="${item.visible === false ? 'text-gray-400' : 'text-green-600'} hover:opacity-80" title="${item.visible === false ? '点击显示' : '点击隐藏'}">
|
||||
@@ -622,6 +706,11 @@
|
||||
document.getElementById('admin-dynamic-table').innerHTML = html;
|
||||
}
|
||||
}
|
||||
|
||||
function filterDynamicBySubcategory(subId) {
|
||||
dynamicSubcategoryFilter = subId;
|
||||
showDynamicCategory(dynamicCategoryId);
|
||||
}
|
||||
|
||||
// 切换显示区域
|
||||
function showSection(section) {
|
||||
@@ -754,6 +843,9 @@
|
||||
: '<div class="text-gray-400">暂无数据</div>';
|
||||
}
|
||||
|
||||
// 内置分类列表
|
||||
const builtinCategories = ['ai-models', 'gpus', 'cpus'];
|
||||
|
||||
// 加载分类列表
|
||||
async function loadAdminCategories() {
|
||||
const res = await fetch('/api/categories?all=1');
|
||||
@@ -764,30 +856,41 @@
|
||||
return;
|
||||
}
|
||||
|
||||
document.getElementById('admin-categories-table').innerHTML = categories.map(c => `
|
||||
<tr class="border-b hover:bg-gray-50 ${c.visible === false ? 'bg-gray-100 opacity-60' : ''}">
|
||||
document.getElementById('admin-categories-table').innerHTML = categories.map(c => {
|
||||
const isBuiltin = builtinCategories.includes(c.id);
|
||||
const subcatCount = (c.subcategories || []).length;
|
||||
return `
|
||||
<tr class="border-b hover:bg-gray-50 ${c.visible === false ? 'bg-gray-100 opacity-60' : ''} ${isBuiltin ? 'bg-indigo-50' : ''}">
|
||||
<td class="px-4 py-3"><div class="w-10 h-10 rounded-lg ${colorMap[c.color] || 'bg-gray-100 text-gray-600'} flex items-center justify-center"><i class="${c.icon} text-xl"></i></div></td>
|
||||
<td class="px-4 py-3 text-gray-500 text-sm font-mono">${c.id}</td>
|
||||
<td class="px-4 py-3 font-medium text-gray-800">${c.name}</td>
|
||||
<td class="px-4 py-3 text-gray-600 text-sm">${c.description || '-'}</td>
|
||||
<td class="px-4 py-3 text-center">
|
||||
<button onclick="toggleVisible('category', '${c.id}')" class="${c.visible === false ? 'text-gray-400' : 'text-green-600'} hover:opacity-80" title="${c.visible === false ? '点击显示' : '点击隐藏'}">
|
||||
<i class="${c.visible === false ? 'ri-eye-off-line' : 'ri-eye-line'}"></i>
|
||||
</button>
|
||||
<td class="px-4 py-3 text-sm">
|
||||
${isBuiltin ? '<span class="px-2 py-1 bg-indigo-100 text-indigo-600 rounded text-xs">内置</span>' : '<span class="text-gray-500">自定义</span>'}
|
||||
</td>
|
||||
<td class="px-4 py-3 text-sm">
|
||||
${subcatCount > 0 ? `<span class="px-2 py-1 bg-green-100 text-green-600 rounded text-xs">${subcatCount} 个</span>` : '<span class="text-gray-400">无</span>'}
|
||||
</td>
|
||||
<td class="px-4 py-3 text-center">
|
||||
<button onclick="editItem('category', '${c.id}')" class="text-blue-600 hover:text-blue-800 mr-2"><i class="ri-edit-line"></i></button>
|
||||
<button onclick="deleteItem('category', '${c.id}')" class="text-red-600 hover:text-red-800"><i class="ri-delete-bin-line"></i></button>
|
||||
<button onclick="editItem('category', '${c.id}')" class="text-blue-600 hover:text-blue-800 mr-2" title="编辑子类别"><i class="ri-edit-line"></i></button>
|
||||
${!isBuiltin ? `<button onclick="deleteItem('category', '${c.id}')" class="text-red-600 hover:text-red-800" title="删除"><i class="ri-delete-bin-line"></i></button>` : '<span class="text-gray-300 cursor-not-allowed"><i class="ri-delete-bin-line"></i></span>'}
|
||||
</td>
|
||||
</tr>
|
||||
`).join('');
|
||||
`;
|
||||
}).join('');
|
||||
}
|
||||
|
||||
// 加载模型列表
|
||||
async function loadAdminModels() {
|
||||
renderSubcategoryFilters('ai-models', 'model-subcategory-filters', 'filterModelsBySubcategory');
|
||||
const res = await fetch('/api/models?all=1');
|
||||
const models = await res.json();
|
||||
if (models.length === 0) { document.getElementById('admin-models-table').innerHTML = '<tr><td colspan="12" class="text-center text-gray-400 py-8">暂无数据</td></tr>'; return; }
|
||||
let models = await res.json();
|
||||
|
||||
// 子类别筛选
|
||||
if (modelSubcategoryFilter) {
|
||||
models = models.filter(m => m.subcategory_id === modelSubcategoryFilter);
|
||||
}
|
||||
|
||||
if (models.length === 0) { document.getElementById('admin-models-table').innerHTML = '<tr><td colspan="11" class="text-center text-gray-400 py-8">暂无数据</td></tr>'; return; }
|
||||
document.getElementById('admin-models-table').innerHTML = models.map(m => `
|
||||
<tr class="border-b hover:bg-gray-50 ${m.visible === false ? 'bg-gray-100 opacity-60' : ''} ${m.is_pinned ? 'bg-yellow-50' : ''}">
|
||||
<td class="px-3 py-3 text-center">
|
||||
@@ -797,13 +900,14 @@
|
||||
</td>
|
||||
<td class="px-3 py-3 font-medium text-gray-800">${m.name}</td>
|
||||
<td class="px-3 py-3 text-gray-600">${m.organization}</td>
|
||||
<td class="px-3 py-3">
|
||||
${m.subcategory_id ? `<span class="px-2 py-1 bg-blue-100 text-blue-600 rounded text-xs"><i class="${getSubcategoryIcon('ai-models', m.subcategory_id)} mr-1"></i>${getSubcategoryName('ai-models', m.subcategory_id)}</span>` : '<span class="text-gray-400">-</span>'}
|
||||
</td>
|
||||
<td class="px-3 py-3">${m.parameters}B</td>
|
||||
<td class="px-3 py-3 text-gray-600">${m.context_length || '-'}</td>
|
||||
<td class="px-3 py-3">${m.is_open_source ? '<span class="text-green-600">开源</span>' : '<span class="text-gray-600">商业</span>'}</td>
|
||||
<td class="px-3 py-3 text-gray-500 text-sm">${m.publish_date || '-'}</td>
|
||||
<td class="px-3 py-3 text-gray-500 text-sm">${m.views || 0}</td>
|
||||
<td class="px-3 py-3 text-gray-500 text-sm">${formatDateShort(m.created_at)}</td>
|
||||
<td class="px-3 py-3 text-gray-500 text-sm">${formatDateShort(m.updated_at)}</td>
|
||||
<td class="px-3 py-3 text-center">
|
||||
<button onclick="toggleVisible('model', '${m.id}')" class="${m.visible === false ? 'text-gray-400' : 'text-green-600'} hover:opacity-80" title="${m.visible === false ? '点击显示' : '点击隐藏'}">
|
||||
<i class="${m.visible === false ? 'ri-eye-off-line' : 'ri-eye-line'}"></i>
|
||||
@@ -817,12 +921,24 @@
|
||||
</tr>
|
||||
`).join('');
|
||||
}
|
||||
|
||||
function filterModelsBySubcategory(subId) {
|
||||
modelSubcategoryFilter = subId;
|
||||
loadAdminModels();
|
||||
}
|
||||
|
||||
// 加载GPU列表
|
||||
async function loadAdminGpus() {
|
||||
renderSubcategoryFilters('gpus', 'gpu-subcategory-filters', 'filterGpusBySubcategory');
|
||||
const res = await fetch('/api/gpus?all=1');
|
||||
const gpus = await res.json();
|
||||
if (gpus.length === 0) { document.getElementById('admin-gpus-table').innerHTML = '<tr><td colspan="12" class="text-center text-gray-400 py-8">暂无数据</td></tr>'; return; }
|
||||
let gpus = await res.json();
|
||||
|
||||
// 子类别筛选
|
||||
if (gpuSubcategoryFilter) {
|
||||
gpus = gpus.filter(g => g.subcategory_id === gpuSubcategoryFilter);
|
||||
}
|
||||
|
||||
if (gpus.length === 0) { document.getElementById('admin-gpus-table').innerHTML = '<tr><td colspan="11" class="text-center text-gray-400 py-8">暂无数据</td></tr>'; return; }
|
||||
document.getElementById('admin-gpus-table').innerHTML = gpus.map(g => `
|
||||
<tr class="border-b hover:bg-gray-50 ${g.visible === false ? 'bg-gray-100 opacity-60' : ''} ${g.is_pinned ? 'bg-yellow-50' : ''}">
|
||||
<td class="px-3 py-3 text-center">
|
||||
@@ -832,13 +948,14 @@
|
||||
</td>
|
||||
<td class="px-3 py-3 font-medium text-gray-800">${g.name}</td>
|
||||
<td class="px-3 py-3 text-gray-600">${g.manufacturer}</td>
|
||||
<td class="px-3 py-3">
|
||||
${g.subcategory_id ? `<span class="px-2 py-1 bg-green-100 text-green-600 rounded text-xs"><i class="${getSubcategoryIcon('gpus', g.subcategory_id)} mr-1"></i>${getSubcategoryName('gpus', g.subcategory_id)}</span>` : '<span class="text-gray-400">-</span>'}
|
||||
</td>
|
||||
<td class="px-3 py-3">${g.memory_gb}GB</td>
|
||||
<td class="px-3 py-3 text-gray-600">${g.architecture || '-'}</td>
|
||||
<td class="px-3 py-3 text-gray-600">${formatPrice(g)}</td>
|
||||
<td class="px-3 py-3 text-gray-500 text-sm">${g.publish_date || '-'}</td>
|
||||
<td class="px-3 py-3 text-gray-500 text-sm">${g.views || 0}</td>
|
||||
<td class="px-3 py-3 text-gray-500 text-sm">${formatDateShort(g.created_at)}</td>
|
||||
<td class="px-3 py-3 text-gray-500 text-sm">${formatDateShort(g.updated_at)}</td>
|
||||
<td class="px-3 py-3 text-center">
|
||||
<button onclick="toggleVisible('gpu', '${g.id}')" class="${g.visible === false ? 'text-gray-400' : 'text-green-600'} hover:opacity-80" title="${g.visible === false ? '点击显示' : '点击隐藏'}">
|
||||
<i class="${g.visible === false ? 'ri-eye-off-line' : 'ri-eye-line'}"></i>
|
||||
@@ -852,12 +969,24 @@
|
||||
</tr>
|
||||
`).join('');
|
||||
}
|
||||
|
||||
function filterGpusBySubcategory(subId) {
|
||||
gpuSubcategoryFilter = subId;
|
||||
loadAdminGpus();
|
||||
}
|
||||
|
||||
// 加载CPU列表
|
||||
async function loadAdminCpus() {
|
||||
renderSubcategoryFilters('cpus', 'cpu-subcategory-filters', 'filterCpusBySubcategory');
|
||||
const res = await fetch('/api/cpus?all=1');
|
||||
const cpus = await res.json();
|
||||
if (cpus.length === 0) { document.getElementById('admin-cpus-table').innerHTML = '<tr><td colspan="12" class="text-center text-gray-400 py-8">暂无数据</td></tr>'; return; }
|
||||
let cpus = await res.json();
|
||||
|
||||
// 子类别筛选
|
||||
if (cpuSubcategoryFilter) {
|
||||
cpus = cpus.filter(c => c.subcategory_id === cpuSubcategoryFilter);
|
||||
}
|
||||
|
||||
if (cpus.length === 0) { document.getElementById('admin-cpus-table').innerHTML = '<tr><td colspan="11" class="text-center text-gray-400 py-8">暂无数据</td></tr>'; return; }
|
||||
document.getElementById('admin-cpus-table').innerHTML = cpus.map(c => `
|
||||
<tr class="border-b hover:bg-gray-50 ${c.visible === false ? 'bg-gray-100 opacity-60' : ''} ${c.is_pinned ? 'bg-yellow-50' : ''}">
|
||||
<td class="px-3 py-3 text-center">
|
||||
@@ -867,13 +996,14 @@
|
||||
</td>
|
||||
<td class="px-3 py-3 font-medium text-gray-800">${c.name}</td>
|
||||
<td class="px-3 py-3 text-gray-600">${c.manufacturer}</td>
|
||||
<td class="px-3 py-3">
|
||||
${c.subcategory_id ? `<span class="px-2 py-1 bg-purple-100 text-purple-600 rounded text-xs"><i class="${getSubcategoryIcon('cpus', c.subcategory_id)} mr-1"></i>${getSubcategoryName('cpus', c.subcategory_id)}</span>` : '<span class="text-gray-400">-</span>'}
|
||||
</td>
|
||||
<td class="px-3 py-3">${c.cores}/${c.threads}</td>
|
||||
<td class="px-3 py-3 text-gray-600">${c.base_clock_ghz || '-'}-${c.boost_clock_ghz || '-'}GHz</td>
|
||||
<td class="px-3 py-3 text-gray-600">${formatPrice(c)}</td>
|
||||
<td class="px-3 py-3 text-gray-500 text-sm">${c.publish_date || '-'}</td>
|
||||
<td class="px-3 py-3 text-gray-500 text-sm">${c.views || 0}</td>
|
||||
<td class="px-3 py-3 text-gray-500 text-sm">${formatDateShort(c.created_at)}</td>
|
||||
<td class="px-3 py-3 text-gray-500 text-sm">${formatDateShort(c.updated_at)}</td>
|
||||
<td class="px-3 py-3 text-center">
|
||||
<button onclick="toggleVisible('cpu', '${c.id}')" class="${c.visible === false ? 'text-gray-400' : 'text-green-600'} hover:opacity-80" title="${c.visible === false ? '点击显示' : '点击隐藏'}">
|
||||
<i class="${c.visible === false ? 'ri-eye-off-line' : 'ri-eye-line'}"></i>
|
||||
@@ -887,6 +1017,11 @@
|
||||
</tr>
|
||||
`).join('');
|
||||
}
|
||||
|
||||
function filterCpusBySubcategory(subId) {
|
||||
cpuSubcategoryFilter = subId;
|
||||
loadAdminCpus();
|
||||
}
|
||||
|
||||
// 加载知识列表
|
||||
async function loadAdminKnowledge() {
|
||||
@@ -1176,14 +1311,53 @@
|
||||
// 表单模板
|
||||
function getCategoryForm(data = {}) {
|
||||
const subcategories = data.subcategories || [];
|
||||
const isBuiltin = builtinCategories.includes(data.id);
|
||||
// 存储到全局变量，便于管理
|
||||
window.currentEditingSubcategories = JSON.parse(JSON.stringify(subcategories));
|
||||
|
||||
// 内置类别只显示子类别管理
|
||||
if (isBuiltin) {
|
||||
return `<form id="itemForm" class="space-y-4">
|
||||
<div class="bg-indigo-50 rounded-lg p-4 mb-4">
|
||||
<p class="text-sm text-indigo-700"><i class="ri-information-line mr-1"></i>内置分类的基础信息不可修改，只可编辑子类别配置。</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-2 gap-4 bg-gray-50 p-4 rounded-lg">
|
||||
<div><label class="text-sm text-gray-500 mb-1 block">ID</label><div class="text-gray-700 font-mono">${data.id}</div></div>
|
||||
<div><label class="text-sm text-gray-500 mb-1 block">名称</label><div class="text-gray-700">${data.name}</div></div>
|
||||
<div><label class="text-sm text-gray-500 mb-1 block">图标</label><div class="text-gray-700"><i class="${data.icon} mr-1"></i>${data.icon}</div></div>
|
||||
<div><label class="text-sm text-gray-500 mb-1 block">颜色</label><div class="text-gray-700">${data.color}</div></div>
|
||||
</div>
|
||||
<input type="hidden" name="id" value="${data.id}">
|
||||
<input type="hidden" name="name" value="${data.name}">
|
||||
<input type="hidden" name="icon" value="${data.icon}">
|
||||
<input type="hidden" name="color" value="${data.color}">
|
||||
<input type="hidden" name="order" value="${data.order || 0}">
|
||||
<input type="hidden" name="visible" value="${data.visible !== false ? 'true' : 'false'}">
|
||||
<input type="hidden" name="description" value="${data.description || ''}">
|
||||
|
||||
<!-- 子类别管理 -->
|
||||
<div class="border-t pt-4">
|
||||
<div class="flex justify-between items-center mb-3">
|
||||
<label class="text-sm font-medium text-gray-700"><i class="ri-folder-line mr-1"></i>子类别管理</label>
|
||||
<button onclick="openSubcategoryAddModal()" class="px-3 py-1.5 bg-green-600 text-white rounded-lg text-sm hover:bg-green-700">
|
||||
<i class="ri-add-line mr-1"></i>添加子类别
|
||||
</button>
|
||||
</div>
|
||||
<div id="subcategoriesList" class="space-y-2">
|
||||
${renderSubcategoriesList(subcategories)}
|
||||
</div>
|
||||
<input type="hidden" name="subcategories" id="subcategoriesHidden" value='${JSON.stringify(subcategories)}'>
|
||||
</div>
|
||||
</form>`;
|
||||
}
|
||||
|
||||
// 自定义类别完整编辑表单
|
||||
const autoId = data.id || generateId();
|
||||
return `<form id="itemForm" class="space-y-4">
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">ID *</label><input type="text" name="id" value="${data.id || ''}" ${data.id ? 'readonly' : ''} required class="w-full px-3 py-2 border rounded-lg ${data.id ? 'bg-gray-100' : ''}"></div>
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">名称 *</label><input type="text" name="name" value="${data.name || ''}" required class="w-full px-3 py-2 border rounded-lg"></div>
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">图标</label><input type="text" name="icon" value="${data.icon || 'ri-folder-line'}" class="w-full px-3 py-2 border rounded-lg"></div>
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">ID</label><input type="text" name="id" value="${autoId}" readonly class="w-full px-3 py-2 border rounded-lg bg-gray-100 text-gray-500 font-mono text-xs"><p class="text-xs text-gray-400 mt-1">自动生成，无需填写</p></div>
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">名称 *</label><input type="text" name="name" value="${data.name || ''}" required class="w-full px-3 py-2 border rounded-lg" placeholder="如：手机、电脑"></div>
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">图标</label><input type="text" name="icon" value="${data.icon || 'ri-folder-line'}" class="w-full px-3 py-2 border rounded-lg" placeholder="ri-folder-line"></div>
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">颜色</label><select name="color" class="w-full px-3 py-2 border rounded-lg">
|
||||
<option value="blue" ${data.color === 'blue' ? 'selected' : ''}>蓝色</option>
|
||||
<option value="green" ${data.color === 'green' ? 'selected' : ''}>绿色</option>
|
||||
@@ -1198,7 +1372,7 @@
|
||||
<option value="false" ${data.visible === false ? 'selected' : ''}>隐藏</option>
|
||||
</select></div>
|
||||
</div>
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">描述</label><textarea name="description" rows="2" class="w-full px-3 py-2 border rounded-lg">${data.description || ''}</textarea></div>
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">描述</label><textarea name="description" rows="2" class="w-full px-3 py-2 border rounded-lg" placeholder="分类描述">${data.description || ''}</textarea></div>
|
||||
|
||||
<!-- 子类别管理 -->
|
||||
<div class="border-t pt-4">
|
||||
@@ -1275,11 +1449,12 @@
|
||||
const keyFeatures = (data.key_features || []).join(', ');
|
||||
const featureLabels = data.feature_labels || {};
|
||||
const featureLabelsStr = Object.entries(featureLabels).map(([k, v]) => `${k}:${v}`).join(', ');
|
||||
const autoSubId = data.id || generateId();
|
||||
|
||||
return `<div class="space-y-4">
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">ID *</label><input type="text" id="sub_id" value="${data.id || ''}" required class="w-full px-3 py-2 border rounded-lg"></div>
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">名称 *</label><input type="text" id="sub_name" value="${data.name || ''}" required class="w-full px-3 py-2 border rounded-lg"></div>
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">ID</label><input type="text" id="sub_id" value="${autoSubId}" readonly class="w-full px-3 py-2 border rounded-lg bg-gray-100 text-gray-500 font-mono text-xs"><p class="text-xs text-gray-400 mt-1">自动生成</p></div>
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">名称 *</label><input type="text" id="sub_name" value="${data.name || ''}" required class="w-full px-3 py-2 border rounded-lg" placeholder="如：旗舰手机"></div>
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">图标</label><input type="text" id="sub_icon" value="${data.icon || 'ri-folder-line'}" class="w-full px-3 py-2 border rounded-lg" placeholder="ri-folder-line"></div>
|
||||
</div>
|
||||
<div>
|
||||
@@ -1303,11 +1478,13 @@
|
||||
const keyFeaturesStr = document.getElementById('sub_key_features').value.trim();
|
||||
const featureLabelsStr = document.getElementById('sub_feature_labels').value.trim();
|
||||
|
||||
if (!id || !name) {
|
||||
alert('ID和名称不能为空');
|
||||
if (!name) {
|
||||
alert('名称不能为空');
|
||||
return;
|
||||
}
|
||||
|
||||
// ID自动生成，无需校验
|
||||
|
||||
// 解析 key_features
|
||||
const key_features = keyFeaturesStr ? keyFeaturesStr.split(',').map(s => s.trim()).filter(s => s) : [];
|
||||
|
||||
@@ -1364,11 +1541,28 @@
|
||||
</form>`;
|
||||
}
|
||||
|
||||
// 生成子类别选择器
|
||||
function getSubcategorySelect(categoryId, currentValue = '') {
|
||||
const cat = categories.find(c => c.id === categoryId);
|
||||
if (!cat || !cat.subcategories || cat.subcategories.length === 0) {
|
||||
return '';
|
||||
}
|
||||
|
||||
const options = cat.subcategories.map(sub =>
|
||||
`<option value="${sub.id}" ${currentValue === sub.id ? 'selected' : ''}><i class="${sub.icon} mr-1"></i>${sub.name}</option>`
|
||||
).join('');
|
||||
|
||||
return `<div><label class="text-sm text-gray-600 mb-1 block">子类别</label><select name="subcategory_id" class="w-full px-3 py-2 border rounded-lg"><option value="">请选择</option>${options}</select></div>`;
|
||||
}
|
||||
|
||||
function getDynamicForm(data = {}) {
|
||||
const cat = categories.find(c => c.id === dynamicCategoryId);
|
||||
currentImages = data.images || [];
|
||||
const subcategorySelect = getSubcategorySelect(dynamicCategoryId, data.subcategory_id);
|
||||
|
||||
return `<form id="itemForm" class="space-y-4">
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
${subcategorySelect}
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">名称 *</label><input type="text" name="name" value="${data.name || ''}" required class="w-full px-3 py-2 border rounded-lg"></div>
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">品牌</label><input type="text" name="brand" value="${data.brand || ''}" class="w-full px-3 py-2 border rounded-lg"></div>
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">价格</label><input type="number" name="price" value="${data.price || ''}" step="0.01" class="w-full px-3 py-2 border rounded-lg"></div>
|
||||
@@ -1384,8 +1578,11 @@
|
||||
|
||||
function getModelForm(data = {}) {
|
||||
currentImages = data.images || [];
|
||||
const subcategorySelect = getSubcategorySelect('ai-models', data.subcategory_id);
|
||||
|
||||
return `<form id="itemForm" class="space-y-4">
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
${subcategorySelect}
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">名称 *</label><input type="text" name="name" value="${data.name || ''}" required class="w-full px-3 py-2 border rounded-lg"></div>
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">厂商 *</label><input type="text" name="organization" value="${data.organization || ''}" required class="w-full px-3 py-2 border rounded-lg"></div>
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">参数量(B) *</label><input type="number" name="parameters" value="${data.parameters || ''}" required class="w-full px-3 py-2 border rounded-lg"></div>
|
||||
@@ -1407,8 +1604,11 @@
|
||||
|
||||
function getGpuForm(data = {}) {
|
||||
currentImages = data.images || [];
|
||||
const subcategorySelect = getSubcategorySelect('gpus', data.subcategory_id);
|
||||
|
||||
return `<form id="itemForm" class="space-y-4">
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
${subcategorySelect}
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">名称 *</label><input type="text" name="name" value="${data.name || ''}" required class="w-full px-3 py-2 border rounded-lg"></div>
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">厂商 *</label><input type="text" name="manufacturer" value="${data.manufacturer || ''}" required class="w-full px-3 py-2 border rounded-lg"></div>
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">架构</label><input type="text" name="architecture" value="${data.architecture || ''}" class="w-full px-3 py-2 border rounded-lg"></div>
|
||||
@@ -1436,8 +1636,11 @@
|
||||
|
||||
function getCpuForm(data = {}) {
|
||||
currentImages = data.images || [];
|
||||
const subcategorySelect = getSubcategorySelect('cpus', data.subcategory_id);
|
||||
|
||||
return `<form id="itemForm" class="space-y-4">
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
${subcategorySelect}
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">名称 *</label><input type="text" name="name" value="${data.name || ''}" required class="w-full px-3 py-2 border rounded-lg"></div>
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">厂商 *</label><input type="text" name="manufacturer" value="${data.manufacturer || ''}" required class="w-full px-3 py-2 border rounded-lg"></div>
|
||||
<div><label class="text-sm text-gray-600 mb-1 block">架构</label><input type="text" name="architecture" value="${data.architecture || ''}" class="w-full px-3 py-2 border rounded-lg"></div>
|
||||
|
||||
Reference in New Issue
Block a user