From 39f33d7ac52d679544d31308c11faa671aa139e7 Mon Sep 17 00:00:00 2001
From: 111 <a111@111deMacBook-Pro.local>
Date: Fri, 23 Jan 2026 18:22:17 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E5=BA=94=E7=94=A8?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E5=92=8C=E7=94=9F=E6=88=90=E7=AD=BE=E5=90=8D?=
 =?UTF-8?q?=E9=93=BE=E6=8E=A5=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增 platform_apps 表和 App 模型
- 新增应用管理页面 /apps
- 应用配置页面添加"生成链接"功能
- 支持一键生成带签名的访问 URL
---
 backend/app/main.py                     |   2 +
 backend/app/models/__init__.py          |   4 +
 backend/app/models/app.py               |  23 ++
 backend/app/routers/apps.py             | 281 ++++++++++++++++++++++
 frontend/src/router/index.js            |   8 +-
 frontend/src/views/app-config/index.vue | 228 ++++++++++++++++--
 frontend/src/views/apps/index.vue       | 302 ++++++++++++++++++++++++
 7 files changed, 831 insertions(+), 17 deletions(-)
 create mode 100644 backend/app/models/app.py
 create mode 100644 backend/app/routers/apps.py
 create mode 100644 frontend/src/views/apps/index.vue

diff --git a/backend/app/main.py b/backend/app/main.py
index 640bb1e..90f6aa6 100644
--- a/backend/app/main.py
+++ b/backend/app/main.py
@@ -7,6 +7,7 @@ from .routers import stats_router, logs_router, config_router, health_router
 from .routers.auth import router as auth_router
 from .routers.tenants import router as tenants_router
 from .routers.tenant_apps import router as tenant_apps_router
+from .routers.apps import router as apps_router
 
 settings = get_settings()
 
@@ -30,6 +31,7 @@ app.include_router(health_router)
 app.include_router(auth_router, prefix="/api")
 app.include_router(tenants_router, prefix="/api")
 app.include_router(tenant_apps_router, prefix="/api")
+app.include_router(apps_router, prefix="/api")
 app.include_router(stats_router, prefix="/api")
 app.include_router(logs_router, prefix="/api")
 app.include_router(config_router, prefix="/api")
diff --git a/backend/app/models/__init__.py b/backend/app/models/__init__.py
index e01eeba..33be540 100644
--- a/backend/app/models/__init__.py
+++ b/backend/app/models/__init__.py
@@ -1,5 +1,7 @@
 """数据模型"""
 from .tenant import Tenant, Subscription, Config
+from .tenant_app import TenantApp
+from .app import App
 from .stats import AICallEvent, TenantUsageDaily
 from .logs import PlatformLog
 
@@ -7,6 +9,8 @@ __all__ = [
     "Tenant",
     "Subscription", 
     "Config",
+    "TenantApp",
+    "App",
     "AICallEvent",
     "TenantUsageDaily",
     "PlatformLog"
diff --git a/backend/app/models/app.py b/backend/app/models/app.py
new file mode 100644
index 0000000..54da32f
--- /dev/null
+++ b/backend/app/models/app.py
@@ -0,0 +1,23 @@
+"""应用定义模型"""
+from datetime import datetime
+from sqlalchemy import Column, Integer, String, Text, SmallInteger, TIMESTAMP
+from ..database import Base
+
+
+class App(Base):
+    """应用定义表 - 定义可供租户使用的应用"""
+    __tablename__ = "platform_apps"
+    
+    id = Column(Integer, primary_key=True, autoincrement=True)
+    app_code = Column(String(50), nullable=False, unique=True)  # 唯一标识，如 tools
+    app_name = Column(String(100), nullable=False)  # 显示名称
+    base_url = Column(String(500))  # 基础URL，如 https://tools.test.ai.ireborn.com.cn
+    description = Column(Text)  # 应用描述
+    
+    # 应用下的工具/功能列表（JSON 数组）
+    # [{"code": "brainstorm", "name": "头脑风暴", "path": "/brainstorm"}, ...]
+    tools = Column(Text)
+    
+    status = Column(SmallInteger, default=1)  # 0-禁用 1-启用
+    created_at = Column(TIMESTAMP, default=datetime.now)
+    updated_at = Column(TIMESTAMP, default=datetime.now, onupdate=datetime.now)
diff --git a/backend/app/routers/apps.py b/backend/app/routers/apps.py
new file mode 100644
index 0000000..b391655
--- /dev/null
+++ b/backend/app/routers/apps.py
@@ -0,0 +1,281 @@
+"""应用管理路由"""
+import json
+import hmac
+import hashlib
+import time
+from fastapi import APIRouter, Depends, HTTPException, Query
+from pydantic import BaseModel
+from typing import Optional, List
+from sqlalchemy.orm import Session
+
+from ..database import get_db
+from ..models.app import App
+from ..models.tenant_app import TenantApp
+from .auth import get_current_user, require_operator
+from ..models.user import User
+
+router = APIRouter(prefix="/apps", tags=["应用管理"])
+
+
+# ============ Schemas ============
+
+class ToolItem(BaseModel):
+    """工具项"""
+    code: str
+    name: str
+    path: str
+
+
+class AppCreate(BaseModel):
+    """创建应用"""
+    app_code: str
+    app_name: str
+    base_url: Optional[str] = None
+    description: Optional[str] = None
+    tools: Optional[List[ToolItem]] = None
+
+
+class AppUpdate(BaseModel):
+    """更新应用"""
+    app_name: Optional[str] = None
+    base_url: Optional[str] = None
+    description: Optional[str] = None
+    tools: Optional[List[ToolItem]] = None
+    status: Optional[int] = None
+
+
+class GenerateUrlRequest(BaseModel):
+    """生成链接请求"""
+    tenant_id: str
+    app_code: str
+    tool_code: Optional[str] = None  # 不传则生成应用首页链接
+
+
+# ============ API Endpoints ============
+
+@router.get("")
+async def list_apps(
+    page: int = Query(1, ge=1),
+    size: int = Query(20, ge=1, le=100),
+    status: Optional[int] = None,
+    user: User = Depends(get_current_user),
+    db: Session = Depends(get_db)
+):
+    """获取应用列表"""
+    query = db.query(App)
+    
+    if status is not None:
+        query = query.filter(App.status == status)
+    
+    total = query.count()
+    apps = query.order_by(App.id.asc()).offset((page - 1) * size).limit(size).all()
+    
+    return {
+        "total": total,
+        "page": page,
+        "size": size,
+        "items": [format_app(app) for app in apps]
+    }
+
+
+@router.get("/all")
+async def list_all_apps(
+    user: User = Depends(get_current_user),
+    db: Session = Depends(get_db)
+):
+    """获取所有启用的应用（用于下拉选择）"""
+    apps = db.query(App).filter(App.status == 1).order_by(App.id.asc()).all()
+    return [{"app_code": app.app_code, "app_name": app.app_name} for app in apps]
+
+
+@router.get("/{app_id}")
+async def get_app(
+    app_id: int,
+    user: User = Depends(get_current_user),
+    db: Session = Depends(get_db)
+):
+    """获取应用详情"""
+    app = db.query(App).filter(App.id == app_id).first()
+    if not app:
+        raise HTTPException(status_code=404, detail="应用不存在")
+    
+    return format_app(app)
+
+
+@router.post("")
+async def create_app(
+    data: AppCreate,
+    user: User = Depends(require_operator),
+    db: Session = Depends(get_db)
+):
+    """创建应用"""
+    # 检查 app_code 是否重复
+    exists = db.query(App).filter(App.app_code == data.app_code).first()
+    if exists:
+        raise HTTPException(status_code=400, detail="应用代码已存在")
+    
+    app = App(
+        app_code=data.app_code,
+        app_name=data.app_name,
+        base_url=data.base_url,
+        description=data.description,
+        tools=json.dumps([t.model_dump() for t in data.tools], ensure_ascii=False) if data.tools else None,
+        status=1
+    )
+    db.add(app)
+    db.commit()
+    db.refresh(app)
+    
+    return {"success": True, "id": app.id}
+
+
+@router.put("/{app_id}")
+async def update_app(
+    app_id: int,
+    data: AppUpdate,
+    user: User = Depends(require_operator),
+    db: Session = Depends(get_db)
+):
+    """更新应用"""
+    app = db.query(App).filter(App.id == app_id).first()
+    if not app:
+        raise HTTPException(status_code=404, detail="应用不存在")
+    
+    update_data = data.model_dump(exclude_unset=True)
+    
+    # 处理 tools JSON
+    if 'tools' in update_data:
+        if update_data['tools']:
+            update_data['tools'] = json.dumps([t.model_dump() if hasattr(t, 'model_dump') else t for t in update_data['tools']], ensure_ascii=False)
+        else:
+            update_data['tools'] = None
+    
+    for key, value in update_data.items():
+        setattr(app, key, value)
+    
+    db.commit()
+    return {"success": True}
+
+
+@router.delete("/{app_id}")
+async def delete_app(
+    app_id: int,
+    user: User = Depends(require_operator),
+    db: Session = Depends(get_db)
+):
+    """删除应用"""
+    app = db.query(App).filter(App.id == app_id).first()
+    if not app:
+        raise HTTPException(status_code=404, detail="应用不存在")
+    
+    # 检查是否有租户在使用
+    tenant_count = db.query(TenantApp).filter(TenantApp.app_code == app.app_code).count()
+    if tenant_count > 0:
+        raise HTTPException(status_code=400, detail=f"有 {tenant_count} 个租户正在使用此应用，无法删除")
+    
+    db.delete(app)
+    db.commit()
+    
+    return {"success": True}
+
+
+@router.post("/generate-url")
+async def generate_signed_url(
+    data: GenerateUrlRequest,
+    user: User = Depends(get_current_user),
+    db: Session = Depends(get_db)
+):
+    """
+    生成带签名的访问链接
+    
+    返回完整的可直接使用的 URL
+    """
+    # 获取应用信息
+    app = db.query(App).filter(App.app_code == data.app_code, App.status == 1).first()
+    if not app:
+        raise HTTPException(status_code=404, detail="应用不存在或已禁用")
+    
+    if not app.base_url:
+        raise HTTPException(status_code=400, detail="应用未配置基础URL")
+    
+    # 获取租户配置
+    tenant_app = db.query(TenantApp).filter(
+        TenantApp.tenant_id == data.tenant_id,
+        TenantApp.app_code == data.app_code,
+        TenantApp.status == 1
+    ).first()
+    
+    if not tenant_app:
+        raise HTTPException(status_code=404, detail="租户未配置此应用")
+    
+    # 构建基础 URL
+    base_url = app.base_url.rstrip('/')
+    if data.tool_code:
+        # 查找工具路径
+        tools = json.loads(app.tools) if app.tools else []
+        tool = next((t for t in tools if t.get('code') == data.tool_code), None)
+        if tool:
+            base_url = f"{base_url}{tool.get('path', '')}"
+        else:
+            base_url = f"{base_url}/{data.tool_code}"
+    
+    # 构建参数
+    params = {
+        "tid": data.tenant_id,
+        "aid": data.app_code
+    }
+    
+    # 如果需要签名
+    if tenant_app.token_required and tenant_app.token_secret:
+        ts = str(int(time.time()))
+        message = f"{data.tenant_id}{data.app_code}{ts}"
+        sign = hmac.new(
+            tenant_app.token_secret.encode(),
+            message.encode(),
+            hashlib.sha256
+        ).hexdigest()
+        params["ts"] = ts
+        params["sign"] = sign
+    
+    # 组装 URL
+    query_string = "&".join([f"{k}={v}" for k, v in params.items()])
+    full_url = f"{base_url}?{query_string}"
+    
+    return {
+        "success": True,
+        "url": full_url,
+        "params": params,
+        "token_required": bool(tenant_app.token_required),
+        "expires_in": 300 if tenant_app.token_required else None,  # 签名5分钟有效
+        "note": "签名链接5分钟内有效，过期需重新生成" if tenant_app.token_required else "免签名链接，长期有效"
+    }
+
+
+@router.get("/{app_code}/tools")
+async def get_app_tools(
+    app_code: str,
+    user: User = Depends(get_current_user),
+    db: Session = Depends(get_db)
+):
+    """获取应用的工具列表（用于配置权限时选择）"""
+    app = db.query(App).filter(App.app_code == app_code).first()
+    if not app:
+        raise HTTPException(status_code=404, detail="应用不存在")
+    
+    tools = json.loads(app.tools) if app.tools else []
+    return tools
+
+
+def format_app(app: App) -> dict:
+    """格式化应用数据"""
+    return {
+        "id": app.id,
+        "app_code": app.app_code,
+        "app_name": app.app_name,
+        "base_url": app.base_url,
+        "description": app.description,
+        "tools": json.loads(app.tools) if app.tools else [],
+        "status": app.status,
+        "created_at": app.created_at,
+        "updated_at": app.updated_at
+    }
diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js
index e928747..5c453a5 100644
--- a/frontend/src/router/index.js
+++ b/frontend/src/router/index.js
@@ -31,11 +31,17 @@ const routes = [
         component: () => import('@/views/tenants/detail.vue'),
         meta: { title: '租户详情', hidden: true }
       },
+      {
+        path: 'apps',
+        name: 'Apps',
+        component: () => import('@/views/apps/index.vue'),
+        meta: { title: '应用管理', icon: 'Grid' }
+      },
       {
         path: 'app-config',
         name: 'AppConfig',
         component: () => import('@/views/app-config/index.vue'),
-        meta: { title: '应用配置', icon: 'Setting' }
+        meta: { title: '租户应用配置', icon: 'Setting' }
       },
       {
         path: 'stats',
diff --git a/frontend/src/views/app-config/index.vue b/frontend/src/views/app-config/index.vue
index 641bf88..54d0424 100644
--- a/frontend/src/views/app-config/index.vue
+++ b/frontend/src/views/app-config/index.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, reactive, onMounted } from 'vue'
+import { ref, reactive, onMounted, computed } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import api from '@/api'
 import { useAuthStore } from '@/stores/auth'
@@ -16,6 +16,10 @@ const query = reactive({
   app_code: ''
 })
 
+// 应用列表（从应用管理获取）
+const appList = ref([])
+const appToolsMap = ref({}) // app_code -> tools[]
+
 // 对话框
 const dialogVisible = ref(false)
 const dialogTitle = ref('')
@@ -32,17 +36,52 @@ const form = reactive({
   allowed_tools: []
 })
 
-const toolOptions = [
-  { label: '高情商回复', value: 'high-eq' },
-  { label: '头脑风暴', value: 'brainstorm' },
-  { label: '面诊方案', value: 'consultation' },
-  { label: '客户画像', value: 'customer-profile' },
-  { label: '医疗合规', value: 'medical-compliance' }
-]
+// 根据选择的应用获取工具选项
+const toolOptions = computed(() => {
+  const tools = appToolsMap.value[form.app_code] || []
+  if (tools.length > 0) {
+    return tools.map(t => ({ label: t.name, value: t.code }))
+  }
+  // 默认工具列表（兼容旧数据）
+  return [
+    { label: '高情商回复', value: 'high-eq' },
+    { label: '头脑风暴', value: 'brainstorm' },
+    { label: '面诊方案', value: 'consultation' },
+    { label: '客户画像', value: 'customer-profile' },
+    { label: '医疗合规', value: 'medical-compliance' }
+  ]
+})
 
 const rules = {
   tenant_id: [{ required: true, message: '请输入租户ID', trigger: 'blur' }],
-  app_code: [{ required: true, message: '请输入应用代码', trigger: 'blur' }]
+  app_code: [{ required: true, message: '请选择应用', trigger: 'change' }]
+}
+
+// 生成链接对话框
+const urlDialogVisible = ref(false)
+const urlLoading = ref(false)
+const currentRow = ref(null)
+const selectedTool = ref('')
+const generatedUrl = ref('')
+const urlInfo = ref({})
+
+async function fetchApps() {
+  try {
+    const res = await api.get('/api/apps/all')
+    appList.value = res.data || []
+    
+    // 获取每个应用的工具列表
+    for (const app of appList.value) {
+      try {
+        const toolsRes = await api.get(`/api/apps/${app.app_code}/tools`)
+        appToolsMap.value[app.app_code] = toolsRes.data || []
+      } catch (e) {
+        appToolsMap.value[app.app_code] = []
+      }
+    }
+  } catch (e) {
+    console.error('获取应用列表失败:', e)
+  }
 }
 
 async function fetchList() {
@@ -167,7 +206,86 @@ async function handleViewSecret(row) {
   }
 }
 
+// 生成链接功能
+function handleShowUrl(row) {
+  currentRow.value = row
+  selectedTool.value = ''
+  generatedUrl.value = ''
+  urlInfo.value = {}
+  urlDialogVisible.value = true
+}
+
+async function handleGenerateUrl() {
+  if (!currentRow.value) return
+  
+  urlLoading.value = true
+  try {
+    const res = await api.post('/api/apps/generate-url', {
+      tenant_id: currentRow.value.tenant_id,
+      app_code: currentRow.value.app_code,
+      tool_code: selectedTool.value || null
+    })
+    
+    if (res.data.success) {
+      generatedUrl.value = res.data.url
+      urlInfo.value = res.data
+    } else {
+      ElMessage.error(res.data.error || '生成失败')
+    }
+  } catch (e) {
+    console.error(e)
+  } finally {
+    urlLoading.value = false
+  }
+}
+
+function handleCopyUrl() {
+  if (!generatedUrl.value) return
+  
+  navigator.clipboard.writeText(generatedUrl.value).then(() => {
+    ElMessage.success('链接已复制到剪贴板')
+  }).catch(() => {
+    // 降级方案
+    const input = document.createElement('input')
+    input.value = generatedUrl.value
+    document.body.appendChild(input)
+    input.select()
+    document.execCommand('copy')
+    document.body.removeChild(input)
+    ElMessage.success('链接已复制到剪贴板')
+  })
+}
+
+// 获取当前行可选的工具
+const currentToolOptions = computed(() => {
+  if (!currentRow.value) return []
+  const appTools = appToolsMap.value[currentRow.value.app_code] || []
+  const allowedTools = currentRow.value.allowed_tools || []
+  
+  if (appTools.length > 0) {
+    // 过滤出允许的工具
+    if (allowedTools.length > 0) {
+      return appTools.filter(t => allowedTools.includes(t.code)).map(t => ({ label: t.name, value: t.code }))
+    }
+    return appTools.map(t => ({ label: t.name, value: t.code }))
+  }
+  
+  // 默认工具
+  const defaultTools = [
+    { label: '高情商回复', value: 'high-eq' },
+    { label: '头脑风暴', value: 'brainstorm' },
+    { label: '面诊方案', value: 'consultation' },
+    { label: '客户画像', value: 'customer-profile' },
+    { label: '医疗合规', value: 'medical-compliance' }
+  ]
+  if (allowedTools.length > 0) {
+    return defaultTools.filter(t => allowedTools.includes(t.value))
+  }
+  return defaultTools
+})
+
 onMounted(() => {
+  fetchApps()
   fetchList()
 })
 </script>
@@ -227,11 +345,12 @@ onMounted(() => {
           <span v-if="(row.allowed_tools || []).length > 3">...</span>
         </template>
       </el-table-column>
-      <el-table-column label="操作" width="240" fixed="right">
+      <el-table-column label="操作" width="300" fixed="right">
         <template #default="{ row }">
+          <el-button type="success" link size="small" @click="handleShowUrl(row)">生成链接</el-button>
           <el-button v-if="authStore.isOperator" type="primary" link size="small" @click="handleEdit(row)">编辑</el-button>
-          <el-button v-if="authStore.isOperator" type="warning" link size="small" @click="handleViewSecret(row)">查看密钥</el-button>
-          <el-button v-if="authStore.isOperator" type="info" link size="small" @click="handleRegenerateToken(row)">重置Token</el-button>
+          <el-button v-if="authStore.isOperator" type="warning" link size="small" @click="handleViewSecret(row)">密钥</el-button>
+          <el-button v-if="authStore.isOperator" type="info" link size="small" @click="handleRegenerateToken(row)">重置</el-button>
           <el-button v-if="authStore.isOperator" type="danger" link size="small" @click="handleDelete(row)">删除</el-button>
         </template>
       </el-table-column>
@@ -254,11 +373,14 @@ onMounted(() => {
         <el-form-item label="租户ID" prop="tenant_id">
           <el-input v-model="form.tenant_id" :disabled="!!editingId" placeholder="如: tenant_001" />
         </el-form-item>
-        <el-form-item label="应用代码" prop="app_code">
-          <el-input v-model="form.app_code" :disabled="!!editingId" placeholder="如: tools" />
+        <el-form-item label="应用" prop="app_code">
+          <el-select v-model="form.app_code" :disabled="!!editingId" placeholder="选择应用" style="width: 100%">
+            <el-option v-for="app in appList" :key="app.app_code" :label="app.app_name" :value="app.app_code" />
+            <el-option label="tools (默认)" value="tools" />
+          </el-select>
         </el-form-item>
-        <el-form-item label="应用名称">
-          <el-input v-model="form.app_name" placeholder="显示名称" />
+        <el-form-item label="配置名称">
+          <el-input v-model="form.app_name" placeholder="显示名称（可选）" />
         </el-form-item>
         
         <el-divider content-position="left">企业微信配置</el-divider>
@@ -290,5 +412,79 @@ onMounted(() => {
         <el-button type="primary" @click="handleSubmit">确定</el-button>
       </template>
     </el-dialog>
+    
+    <!-- 生成链接对话框 -->
+    <el-dialog v-model="urlDialogVisible" title="生成访问链接" width="650px">
+      <div v-if="currentRow" class="url-dialog-content">
+        <el-descriptions :column="2" border size="small" style="margin-bottom: 20px">
+          <el-descriptions-item label="租户ID">{{ currentRow.tenant_id }}</el-descriptions-item>
+          <el-descriptions-item label="应用">{{ currentRow.app_code }}</el-descriptions-item>
+          <el-descriptions-item label="签名要求">
+            <el-tag :type="currentRow.token_required ? 'warning' : 'success'" size="small">
+              {{ currentRow.token_required ? '需要签名' : '免签名' }}
+            </el-tag>
+          </el-descriptions-item>
+          <el-descriptions-item label="允许工具">
+            {{ (currentRow.allowed_tools || []).length > 0 ? currentRow.allowed_tools.join(', ') : '全部' }}
+          </el-descriptions-item>
+        </el-descriptions>
+        
+        <el-form label-width="80px">
+          <el-form-item label="选择工具">
+            <el-select v-model="selectedTool" placeholder="选择工具（留空则生成首页链接）" clearable style="width: 100%">
+              <el-option v-for="opt in currentToolOptions" :key="opt.value" :label="opt.label" :value="opt.value" />
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" :loading="urlLoading" @click="handleGenerateUrl">
+              生成链接
+            </el-button>
+          </el-form-item>
+        </el-form>
+        
+        <div v-if="generatedUrl" class="url-result">
+          <el-divider content-position="left">生成结果</el-divider>
+          
+          <el-alert 
+            :type="urlInfo.token_required ? 'warning' : 'success'" 
+            :title="urlInfo.note"
+            :closable="false"
+            style="margin-bottom: 12px"
+          />
+          
+          <div class="url-box">
+            <el-input
+              v-model="generatedUrl"
+              type="textarea"
+              :rows="3"
+              readonly
+            />
+            <el-button type="primary" style="margin-top: 10px" @click="handleCopyUrl">
+              <el-icon><CopyDocument /></el-icon>
+              复制链接
+            </el-button>
+          </div>
+        </div>
+      </div>
+      <template #footer>
+        <el-button @click="urlDialogVisible = false">关闭</el-button>
+      </template>
+    </el-dialog>
   </div>
 </template>
+
+<style scoped>
+.url-dialog-content {
+  padding: 0 10px;
+}
+
+.url-result {
+  margin-top: 10px;
+}
+
+.url-box {
+  background: #f5f7fa;
+  padding: 15px;
+  border-radius: 4px;
+}
+</style>
diff --git a/frontend/src/views/apps/index.vue b/frontend/src/views/apps/index.vue
new file mode 100644
index 0000000..5b47a5e
--- /dev/null
+++ b/frontend/src/views/apps/index.vue
@@ -0,0 +1,302 @@
+<script setup>
+import { ref, reactive, onMounted } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import api from '@/api'
+import { useAuthStore } from '@/stores/auth'
+
+const authStore = useAuthStore()
+
+const loading = ref(false)
+const tableData = ref([])
+const total = ref(0)
+const query = reactive({
+  page: 1,
+  size: 20
+})
+
+// 对话框
+const dialogVisible = ref(false)
+const dialogTitle = ref('')
+const editingId = ref(null)
+const formRef = ref(null)
+const form = reactive({
+  app_code: '',
+  app_name: '',
+  base_url: '',
+  description: '',
+  tools: []
+})
+
+const rules = {
+  app_code: [{ required: true, message: '请输入应用代码', trigger: 'blur' }],
+  app_name: [{ required: true, message: '请输入应用名称', trigger: 'blur' }]
+}
+
+// 工具编辑
+const toolDialogVisible = ref(false)
+const editingToolIndex = ref(-1)
+const toolForm = reactive({
+  code: '',
+  name: '',
+  path: ''
+})
+
+async function fetchList() {
+  loading.value = true
+  try {
+    const res = await api.get('/api/apps', { params: query })
+    tableData.value = res.data.items || []
+    total.value = res.data.total || 0
+  } catch (e) {
+    console.error(e)
+  } finally {
+    loading.value = false
+  }
+}
+
+function handleSearch() {
+  query.page = 1
+  fetchList()
+}
+
+function handlePageChange(page) {
+  query.page = page
+  fetchList()
+}
+
+function handleCreate() {
+  editingId.value = null
+  dialogTitle.value = '新建应用'
+  Object.assign(form, {
+    app_code: '',
+    app_name: '',
+    base_url: '',
+    description: '',
+    tools: []
+  })
+  dialogVisible.value = true
+}
+
+function handleEdit(row) {
+  editingId.value = row.id
+  dialogTitle.value = '编辑应用'
+  Object.assign(form, {
+    app_code: row.app_code,
+    app_name: row.app_name,
+    base_url: row.base_url || '',
+    description: row.description || '',
+    tools: row.tools || []
+  })
+  dialogVisible.value = true
+}
+
+async function handleSubmit() {
+  await formRef.value.validate()
+  
+  const data = { ...form }
+  
+  try {
+    if (editingId.value) {
+      await api.put(`/api/apps/${editingId.value}`, data)
+      ElMessage.success('更新成功')
+    } else {
+      await api.post('/api/apps', data)
+      ElMessage.success('创建成功')
+    }
+    dialogVisible.value = false
+    fetchList()
+  } catch (e) {
+    // 错误已在拦截器处理
+  }
+}
+
+async function handleDelete(row) {
+  await ElMessageBox.confirm(`确定删除应用 "${row.app_name}" 吗？`, '提示', {
+    type: 'warning'
+  })
+  
+  try {
+    await api.delete(`/api/apps/${row.id}`)
+    ElMessage.success('删除成功')
+    fetchList()
+  } catch (e) {
+    // 错误已在拦截器处理
+  }
+}
+
+async function handleToggleStatus(row) {
+  const newStatus = row.status === 1 ? 0 : 1
+  try {
+    await api.put(`/api/apps/${row.id}`, { status: newStatus })
+    ElMessage.success(newStatus === 1 ? '已启用' : '已禁用')
+    fetchList()
+  } catch (e) {
+    // 错误已在拦截器处理
+  }
+}
+
+// 工具管理
+function handleAddTool() {
+  editingToolIndex.value = -1
+  Object.assign(toolForm, { code: '', name: '', path: '' })
+  toolDialogVisible.value = true
+}
+
+function handleEditTool(index) {
+  editingToolIndex.value = index
+  const tool = form.tools[index]
+  Object.assign(toolForm, { ...tool })
+  toolDialogVisible.value = true
+}
+
+function handleDeleteTool(index) {
+  form.tools.splice(index, 1)
+}
+
+function handleSaveTool() {
+  if (!toolForm.code || !toolForm.name) {
+    ElMessage.warning('请填写工具代码和名称')
+    return
+  }
+  
+  const tool = { ...toolForm }
+  if (editingToolIndex.value >= 0) {
+    form.tools[editingToolIndex.value] = tool
+  } else {
+    form.tools.push(tool)
+  }
+  toolDialogVisible.value = false
+}
+
+onMounted(() => {
+  fetchList()
+})
+</script>
+
+<template>
+  <div class="page-container">
+    <div class="page-header">
+      <div class="title">应用管理</div>
+      <el-button v-if="authStore.isOperator" type="primary" @click="handleCreate">
+        <el-icon><Plus /></el-icon>
+        新建应用
+      </el-button>
+    </div>
+    
+    <div class="page-tip">
+      <el-alert type="info" :closable="false">
+        应用管理：定义可供租户使用的应用，配置应用的基础URL和工具列表。
+        租户配置中选择应用后，即可生成带签名的访问链接。
+      </el-alert>
+    </div>
+    
+    <!-- 表格 -->
+    <el-table v-loading="loading" :data="tableData" style="width: 100%">
+      <el-table-column prop="id" label="ID" width="60" />
+      <el-table-column prop="app_code" label="应用代码" width="120" />
+      <el-table-column prop="app_name" label="应用名称" width="150" />
+      <el-table-column prop="base_url" label="基础URL" min-width="250" show-overflow-tooltip />
+      <el-table-column label="工具数量" width="100">
+        <template #default="{ row }">
+          <el-tag size="small">{{ (row.tools || []).length }} 个</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="状态" width="80">
+        <template #default="{ row }">
+          <el-tag :type="row.status === 1 ? 'success' : 'info'" size="small">
+            {{ row.status === 1 ? '启用' : '禁用' }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="200" fixed="right">
+        <template #default="{ row }">
+          <el-button v-if="authStore.isOperator" type="primary" link size="small" @click="handleEdit(row)">编辑</el-button>
+          <el-button v-if="authStore.isOperator" :type="row.status === 1 ? 'warning' : 'success'" link size="small" @click="handleToggleStatus(row)">
+            {{ row.status === 1 ? '禁用' : '启用' }}
+          </el-button>
+          <el-button v-if="authStore.isOperator" type="danger" link size="small" @click="handleDelete(row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    
+    <!-- 分页 -->
+    <div style="margin-top: 20px; display: flex; justify-content: flex-end">
+      <el-pagination
+        v-model:current-page="query.page"
+        :page-size="query.size"
+        :total="total"
+        layout="total, prev, pager, next"
+        @current-change="handlePageChange"
+      />
+    </div>
+    
+    <!-- 编辑对话框 -->
+    <el-dialog v-model="dialogVisible" :title="dialogTitle" width="700px">
+      <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="应用代码" prop="app_code">
+          <el-input v-model="form.app_code" :disabled="!!editingId" placeholder="唯一标识，如: tools" />
+        </el-form-item>
+        <el-form-item label="应用名称" prop="app_name">
+          <el-input v-model="form.app_name" placeholder="显示名称" />
+        </el-form-item>
+        <el-form-item label="基础URL">
+          <el-input v-model="form.base_url" placeholder="如: https://tools.test.ai.ireborn.com.cn" />
+        </el-form-item>
+        <el-form-item label="描述">
+          <el-input v-model="form.description" type="textarea" :rows="2" placeholder="应用描述" />
+        </el-form-item>
+        
+        <el-divider content-position="left">工具列表</el-divider>
+        
+        <el-form-item label="工具">
+          <div style="width: 100%">
+            <el-table :data="form.tools" size="small" border style="margin-bottom: 10px">
+              <el-table-column prop="code" label="代码" width="120" />
+              <el-table-column prop="name" label="名称" width="120" />
+              <el-table-column prop="path" label="路径" />
+              <el-table-column label="操作" width="120">
+                <template #default="{ $index }">
+                  <el-button type="primary" link size="small" @click="handleEditTool($index)">编辑</el-button>
+                  <el-button type="danger" link size="small" @click="handleDeleteTool($index)">删除</el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+            <el-button type="primary" size="small" @click="handleAddTool">
+              <el-icon><Plus /></el-icon>
+              添加工具
+            </el-button>
+          </div>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="handleSubmit">确定</el-button>
+      </template>
+    </el-dialog>
+    
+    <!-- 工具编辑对话框 -->
+    <el-dialog v-model="toolDialogVisible" :title="editingToolIndex >= 0 ? '编辑工具' : '添加工具'" width="400px">
+      <el-form :model="toolForm" label-width="80px">
+        <el-form-item label="代码">
+          <el-input v-model="toolForm.code" placeholder="如: brainstorm" />
+        </el-form-item>
+        <el-form-item label="名称">
+          <el-input v-model="toolForm.name" placeholder="如: 头脑风暴" />
+        </el-form-item>
+        <el-form-item label="路径">
+          <el-input v-model="toolForm.path" placeholder="如: /brainstorm" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="toolDialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="handleSaveTool">确定</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<style scoped>
+.page-tip {
+  margin-bottom: 16px;
+}
+</style>