From 867a0a3eaf84a1335dbd9dc05db9d05b934e3662 Mon Sep 17 00:00:00 2001
From: hubian <908234780@qq.com>
Date: Tue, 28 Apr 2026 10:41:41 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=86=85=E7=BD=AE=E5=88=86=E7=B1=BB?=
 =?UTF-8?q?=E5=AD=90=E7=B1=BB=E5=88=AB=E7=AE=A1=E7=90=86=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=20-=20=E5=88=86=E7=B1=BB=E7=AE=A1=E7=90=86=E4=B8=AD=E5=8F=AF?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91=E5=86=85=E7=BD=AE=E7=B1=BB=E5=88=AB=E7=9A=84?=
 =?UTF-8?q?=E5=AD=90=E7=B1=BB=E5=88=AB=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/admin.html | 72 ++++++++++++++++++++++++++++++++++++--------
 1 file changed, 60 insertions(+), 12 deletions(-)

diff --git a/templates/admin.html b/templates/admin.html
index 106faf1..40875d5 100644
--- a/templates/admin.html
+++ b/templates/admin.html
@@ -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>
@@ -754,6 +757,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,23 +770,27 @@
                 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('');
         }
 
         // 加载模型列表
@@ -1176,9 +1186,47 @@
         // 表单模板
         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>`;
+            }
+            
+            // 自定义类别完整编辑表单
             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>