- 新增 platform_apps 表和 App 模型 - 新增应用管理页面 /apps - 应用配置页面添加"生成链接"功能 - 支持一键生成带签名的访问 URL
This commit is contained in:
@@ -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")
|
||||
|
||||
@@ -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"
|
||||
|
||||
23
backend/app/models/app.py
Normal file
23
backend/app/models/app.py
Normal file
@@ -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)
|
||||
281
backend/app/routers/apps.py
Normal file
281
backend/app/routers/apps.py
Normal file
@@ -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
|
||||
}
|
||||
@@ -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',
|
||||
|
||||
@@ -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 = [
|
||||
// 根据选择的应用获取工具选项
|
||||
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>
|
||||
|
||||
302
frontend/src/views/apps/index.vue
Normal file
302
frontend/src/views/apps/index.vue
Normal file
@@ -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>
|
||||
Reference in New Issue
Block a user