- 新增 platform_tool_configs 表和 ToolConfig Model - 新增工具配置 CRUD API (/api/tool-configs) - 租户详情页添加工具配置管理 Tab - 修复查看 Token 显示问题，添加专用获取接口
This commit is contained in:
@@ -14,6 +14,7 @@ from .routers.wechat import router as wechat_router
|
||||
from .routers.alerts import router as alerts_router
|
||||
from .routers.cost import router as cost_router
|
||||
from .routers.quota import router as quota_router
|
||||
from .routers.tool_configs import router as tool_configs_router
|
||||
from .middleware import TraceMiddleware, setup_exception_handlers, RequestLoggerMiddleware
|
||||
from .middleware.trace import setup_logging
|
||||
|
||||
@@ -66,6 +67,7 @@ app.include_router(wechat_router, prefix="/api")
|
||||
app.include_router(alerts_router, prefix="/api")
|
||||
app.include_router(cost_router, prefix="/api")
|
||||
app.include_router(quota_router, prefix="/api")
|
||||
app.include_router(tool_configs_router, prefix="/api")
|
||||
|
||||
|
||||
@app.get("/")
|
||||
|
||||
@@ -2,6 +2,7 @@
|
||||
from .tenant import Tenant, Subscription, Config
|
||||
from .tenant_app import TenantApp
|
||||
from .tenant_wechat_app import TenantWechatApp
|
||||
from .tool_config import ToolConfig
|
||||
from .app import App
|
||||
from .stats import AICallEvent, TenantUsageDaily
|
||||
from .logs import PlatformLog
|
||||
@@ -14,6 +15,7 @@ __all__ = [
|
||||
"Config",
|
||||
"TenantApp",
|
||||
"TenantWechatApp",
|
||||
"ToolConfig",
|
||||
"App",
|
||||
"AICallEvent",
|
||||
"TenantUsageDaily",
|
||||
|
||||
21
backend/app/models/tool_config.py
Normal file
21
backend/app/models/tool_config.py
Normal file
@@ -0,0 +1,21 @@
|
||||
"""租户工具配置模型"""
|
||||
from datetime import datetime
|
||||
from sqlalchemy import Column, Integer, String, Text, SmallInteger, TIMESTAMP
|
||||
from ..database import Base
|
||||
|
||||
|
||||
class ToolConfig(Base):
|
||||
"""租户工具配置表"""
|
||||
__tablename__ = "platform_tool_configs"
|
||||
|
||||
id = Column(Integer, primary_key=True, autoincrement=True)
|
||||
tenant_id = Column(String(50), nullable=False, comment="租户ID")
|
||||
tool_code = Column(String(50), nullable=True, comment="工具代码（NULL 表示租户级共享配置）")
|
||||
config_type = Column(String(30), nullable=False, comment="配置类型：datasource / jssdk / webhook / params")
|
||||
config_key = Column(String(100), nullable=False, comment="配置键名")
|
||||
config_value = Column(Text, comment="配置值（明文或加密）")
|
||||
is_encrypted = Column(SmallInteger, default=0, comment="是否加密存储")
|
||||
description = Column(String(255), comment="配置说明")
|
||||
status = Column(SmallInteger, default=1)
|
||||
created_at = Column(TIMESTAMP, default=datetime.now)
|
||||
updated_at = Column(TIMESTAMP, default=datetime.now, onupdate=datetime.now)
|
||||
@@ -164,6 +164,27 @@ async def delete_tenant_app(
|
||||
return {"success": True}
|
||||
|
||||
|
||||
@router.get("/{app_id}/token")
|
||||
async def get_token(
|
||||
app_id: int,
|
||||
user: User = Depends(require_operator),
|
||||
db: Session = Depends(get_db)
|
||||
):
|
||||
"""获取真实的 access_token（仅管理员可用）"""
|
||||
app = db.query(TenantApp).filter(TenantApp.id == app_id).first()
|
||||
if not app:
|
||||
raise HTTPException(status_code=404, detail="应用配置不存在")
|
||||
|
||||
# 获取应用的 base_url
|
||||
app_info = db.query(App).filter(App.app_code == app.app_code).first()
|
||||
base_url = app_info.base_url if app_info else ""
|
||||
|
||||
return {
|
||||
"access_token": app.access_token,
|
||||
"base_url": base_url
|
||||
}
|
||||
|
||||
|
||||
@router.post("/{app_id}/regenerate-token")
|
||||
async def regenerate_token(
|
||||
app_id: int,
|
||||
|
||||
391
backend/app/routers/tool_configs.py
Normal file
391
backend/app/routers/tool_configs.py
Normal file
@@ -0,0 +1,391 @@
|
||||
"""租户工具配置路由"""
|
||||
import json
|
||||
from fastapi import APIRouter, Depends, HTTPException, Query
|
||||
from pydantic import BaseModel
|
||||
from typing import Optional, List, Dict, Any
|
||||
from sqlalchemy.orm import Session
|
||||
from sqlalchemy import or_
|
||||
|
||||
from ..database import get_db
|
||||
from ..models.tool_config import ToolConfig
|
||||
from .auth import get_current_user
|
||||
from ..models.user import User
|
||||
|
||||
router = APIRouter(prefix="/tool-configs", tags=["工具配置"])
|
||||
|
||||
|
||||
# ========================================
|
||||
# Schemas
|
||||
# ========================================
|
||||
|
||||
class ToolConfigCreate(BaseModel):
|
||||
"""创建配置"""
|
||||
tenant_id: str
|
||||
tool_code: Optional[str] = None # NULL 表示租户级共享配置
|
||||
config_type: str # datasource / jssdk / webhook / params
|
||||
config_key: str
|
||||
config_value: Optional[str] = None
|
||||
is_encrypted: int = 0
|
||||
description: Optional[str] = None
|
||||
|
||||
|
||||
class ToolConfigUpdate(BaseModel):
|
||||
"""更新配置"""
|
||||
config_value: Optional[str] = None
|
||||
is_encrypted: Optional[int] = None
|
||||
description: Optional[str] = None
|
||||
status: Optional[int] = None
|
||||
|
||||
|
||||
class ToolConfigBatchCreate(BaseModel):
|
||||
"""批量创建配置"""
|
||||
tenant_id: str
|
||||
tool_code: Optional[str] = None
|
||||
configs: List[Dict[str, Any]] # [{config_type, config_key, config_value, description}]
|
||||
|
||||
|
||||
# ========================================
|
||||
# 工具函数
|
||||
# ========================================
|
||||
|
||||
def format_config(config: ToolConfig, mask_secret: bool = True) -> dict:
|
||||
"""格式化配置输出"""
|
||||
value = config.config_value
|
||||
# 如果需要掩码且是加密字段
|
||||
if mask_secret and config.is_encrypted and value:
|
||||
value = value[:4] + "****" + value[-4:] if len(value) > 8 else "****"
|
||||
|
||||
return {
|
||||
"id": config.id,
|
||||
"tenant_id": config.tenant_id,
|
||||
"tool_code": config.tool_code,
|
||||
"config_type": config.config_type,
|
||||
"config_key": config.config_key,
|
||||
"config_value": value,
|
||||
"is_encrypted": config.is_encrypted,
|
||||
"description": config.description,
|
||||
"status": config.status,
|
||||
"created_at": config.created_at.isoformat() if config.created_at else None,
|
||||
"updated_at": config.updated_at.isoformat() if config.updated_at else None
|
||||
}
|
||||
|
||||
|
||||
# ========================================
|
||||
# API Endpoints
|
||||
# ========================================
|
||||
|
||||
@router.get("")
|
||||
async def list_tool_configs(
|
||||
page: int = Query(1, ge=1),
|
||||
size: int = Query(20, ge=1, le=100),
|
||||
tenant_id: Optional[str] = None,
|
||||
tool_code: Optional[str] = None,
|
||||
config_type: Optional[str] = None,
|
||||
keyword: Optional[str] = None,
|
||||
user: User = Depends(get_current_user),
|
||||
db: Session = Depends(get_db)
|
||||
):
|
||||
"""获取配置列表"""
|
||||
query = db.query(ToolConfig).filter(ToolConfig.status == 1)
|
||||
|
||||
if tenant_id:
|
||||
query = query.filter(ToolConfig.tenant_id == tenant_id)
|
||||
if tool_code:
|
||||
if tool_code == "__shared__":
|
||||
# 特殊标记：只查租户级共享配置
|
||||
query = query.filter(ToolConfig.tool_code.is_(None))
|
||||
else:
|
||||
query = query.filter(ToolConfig.tool_code == tool_code)
|
||||
if config_type:
|
||||
query = query.filter(ToolConfig.config_type == config_type)
|
||||
if keyword:
|
||||
query = query.filter(
|
||||
or_(
|
||||
ToolConfig.config_key.like(f"%{keyword}%"),
|
||||
ToolConfig.description.like(f"%{keyword}%")
|
||||
)
|
||||
)
|
||||
|
||||
total = query.count()
|
||||
configs = query.order_by(ToolConfig.tool_code, ToolConfig.config_type, ToolConfig.config_key)\
|
||||
.offset((page - 1) * size).limit(size).all()
|
||||
|
||||
return {
|
||||
"total": total,
|
||||
"page": page,
|
||||
"size": size,
|
||||
"items": [format_config(c) for c in configs]
|
||||
}
|
||||
|
||||
|
||||
@router.get("/tenant/{tenant_id}")
|
||||
async def get_tenant_configs(
|
||||
tenant_id: str,
|
||||
tool_code: Optional[str] = None,
|
||||
user: User = Depends(get_current_user),
|
||||
db: Session = Depends(get_db)
|
||||
):
|
||||
"""
|
||||
获取租户完整配置（合并层级）
|
||||
|
||||
返回结构：
|
||||
{
|
||||
"__shared__": {"config_key": "value", ...}, # 租户级共享配置
|
||||
"customer-profile": {"config_key": "value", ...}, # 工具级配置
|
||||
...
|
||||
}
|
||||
"""
|
||||
query = db.query(ToolConfig).filter(
|
||||
ToolConfig.tenant_id == tenant_id,
|
||||
ToolConfig.status == 1
|
||||
)
|
||||
|
||||
if tool_code:
|
||||
# 只查指定工具 + 共享配置
|
||||
query = query.filter(
|
||||
or_(
|
||||
ToolConfig.tool_code == tool_code,
|
||||
ToolConfig.tool_code.is_(None)
|
||||
)
|
||||
)
|
||||
|
||||
configs = query.all()
|
||||
|
||||
result = {"__shared__": {}}
|
||||
for config in configs:
|
||||
tool = config.tool_code or "__shared__"
|
||||
if tool not in result:
|
||||
result[tool] = {}
|
||||
result[tool][config.config_key] = {
|
||||
"value": config.config_value,
|
||||
"type": config.config_type,
|
||||
"encrypted": config.is_encrypted == 1,
|
||||
"description": config.description
|
||||
}
|
||||
|
||||
return result
|
||||
|
||||
|
||||
@router.get("/merged/{tenant_id}/{tool_code}")
|
||||
async def get_merged_config(
|
||||
tenant_id: str,
|
||||
tool_code: str,
|
||||
user: User = Depends(get_current_user),
|
||||
db: Session = Depends(get_db)
|
||||
):
|
||||
"""
|
||||
获取合并后的工具配置（工具级 > 租户级 > 默认值）
|
||||
|
||||
返回扁平化的配置字典：
|
||||
{"config_key": "value", ...}
|
||||
"""
|
||||
# 查询租户级配置
|
||||
shared_configs = db.query(ToolConfig).filter(
|
||||
ToolConfig.tenant_id == tenant_id,
|
||||
ToolConfig.tool_code.is_(None),
|
||||
ToolConfig.status == 1
|
||||
).all()
|
||||
|
||||
# 查询工具级配置
|
||||
tool_configs = db.query(ToolConfig).filter(
|
||||
ToolConfig.tenant_id == tenant_id,
|
||||
ToolConfig.tool_code == tool_code,
|
||||
ToolConfig.status == 1
|
||||
).all()
|
||||
|
||||
# 合并：工具级覆盖租户级
|
||||
result = {}
|
||||
for config in shared_configs:
|
||||
result[config.config_key] = config.config_value
|
||||
for config in tool_configs:
|
||||
result[config.config_key] = config.config_value
|
||||
|
||||
return result
|
||||
|
||||
|
||||
@router.get("/{config_id}")
|
||||
async def get_tool_config(
|
||||
config_id: int,
|
||||
user: User = Depends(get_current_user),
|
||||
db: Session = Depends(get_db)
|
||||
):
|
||||
"""获取配置详情"""
|
||||
config = db.query(ToolConfig).filter(ToolConfig.id == config_id).first()
|
||||
if not config:
|
||||
raise HTTPException(status_code=404, detail="配置不存在")
|
||||
|
||||
return format_config(config, mask_secret=False)
|
||||
|
||||
|
||||
@router.post("")
|
||||
async def create_tool_config(
|
||||
data: ToolConfigCreate,
|
||||
user: User = Depends(get_current_user),
|
||||
db: Session = Depends(get_db)
|
||||
):
|
||||
"""创建配置"""
|
||||
# 检查是否已存在
|
||||
existing = db.query(ToolConfig).filter(
|
||||
ToolConfig.tenant_id == data.tenant_id,
|
||||
ToolConfig.tool_code == data.tool_code if data.tool_code else ToolConfig.tool_code.is_(None),
|
||||
ToolConfig.config_key == data.config_key
|
||||
).first()
|
||||
|
||||
if existing:
|
||||
raise HTTPException(status_code=400, detail="配置已存在")
|
||||
|
||||
config = ToolConfig(
|
||||
tenant_id=data.tenant_id,
|
||||
tool_code=data.tool_code,
|
||||
config_type=data.config_type,
|
||||
config_key=data.config_key,
|
||||
config_value=data.config_value,
|
||||
is_encrypted=data.is_encrypted,
|
||||
description=data.description
|
||||
)
|
||||
|
||||
db.add(config)
|
||||
db.commit()
|
||||
db.refresh(config)
|
||||
|
||||
return format_config(config)
|
||||
|
||||
|
||||
@router.post("/batch")
|
||||
async def batch_create_configs(
|
||||
data: ToolConfigBatchCreate,
|
||||
user: User = Depends(get_current_user),
|
||||
db: Session = Depends(get_db)
|
||||
):
|
||||
"""批量创建配置"""
|
||||
created = []
|
||||
skipped = []
|
||||
|
||||
for item in data.configs:
|
||||
config_key = item.get("config_key")
|
||||
if not config_key:
|
||||
continue
|
||||
|
||||
# 检查是否已存在
|
||||
existing = db.query(ToolConfig).filter(
|
||||
ToolConfig.tenant_id == data.tenant_id,
|
||||
ToolConfig.tool_code == data.tool_code if data.tool_code else ToolConfig.tool_code.is_(None),
|
||||
ToolConfig.config_key == config_key
|
||||
).first()
|
||||
|
||||
if existing:
|
||||
skipped.append(config_key)
|
||||
continue
|
||||
|
||||
config = ToolConfig(
|
||||
tenant_id=data.tenant_id,
|
||||
tool_code=data.tool_code,
|
||||
config_type=item.get("config_type", "params"),
|
||||
config_key=config_key,
|
||||
config_value=item.get("config_value"),
|
||||
is_encrypted=item.get("is_encrypted", 0),
|
||||
description=item.get("description")
|
||||
)
|
||||
db.add(config)
|
||||
created.append(config_key)
|
||||
|
||||
db.commit()
|
||||
|
||||
return {
|
||||
"created": created,
|
||||
"skipped": skipped,
|
||||
"message": f"成功创建 {len(created)} 条配置，跳过 {len(skipped)} 条已存在配置"
|
||||
}
|
||||
|
||||
|
||||
@router.put("/{config_id}")
|
||||
async def update_tool_config(
|
||||
config_id: int,
|
||||
data: ToolConfigUpdate,
|
||||
user: User = Depends(get_current_user),
|
||||
db: Session = Depends(get_db)
|
||||
):
|
||||
"""更新配置"""
|
||||
config = db.query(ToolConfig).filter(ToolConfig.id == config_id).first()
|
||||
if not config:
|
||||
raise HTTPException(status_code=404, detail="配置不存在")
|
||||
|
||||
if data.config_value is not None:
|
||||
config.config_value = data.config_value
|
||||
if data.is_encrypted is not None:
|
||||
config.is_encrypted = data.is_encrypted
|
||||
if data.description is not None:
|
||||
config.description = data.description
|
||||
if data.status is not None:
|
||||
config.status = data.status
|
||||
|
||||
db.commit()
|
||||
db.refresh(config)
|
||||
|
||||
return format_config(config)
|
||||
|
||||
|
||||
@router.delete("/{config_id}")
|
||||
async def delete_tool_config(
|
||||
config_id: int,
|
||||
user: User = Depends(get_current_user),
|
||||
db: Session = Depends(get_db)
|
||||
):
|
||||
"""删除配置（软删除）"""
|
||||
config = db.query(ToolConfig).filter(ToolConfig.id == config_id).first()
|
||||
if not config:
|
||||
raise HTTPException(status_code=404, detail="配置不存在")
|
||||
|
||||
config.status = 0
|
||||
db.commit()
|
||||
|
||||
return {"message": "删除成功"}
|
||||
|
||||
|
||||
# ========================================
|
||||
# 配置类型和键名定义（供前端使用）
|
||||
# ========================================
|
||||
|
||||
@router.get("/schema/types")
|
||||
async def get_config_types():
|
||||
"""获取支持的配置类型"""
|
||||
return {
|
||||
"types": [
|
||||
{"code": "datasource", "name": "数据源配置", "description": "数据库连接等"},
|
||||
{"code": "jssdk", "name": "JS-SDK 配置", "description": "企微侧边栏等"},
|
||||
{"code": "webhook", "name": "Webhook 配置", "description": "n8n 工作流地址等"},
|
||||
{"code": "params", "name": "工具参数", "description": "各工具的自定义参数"}
|
||||
]
|
||||
}
|
||||
|
||||
|
||||
@router.get("/schema/keys")
|
||||
async def get_config_keys():
|
||||
"""获取预定义的配置键（供前端下拉选择）"""
|
||||
return {
|
||||
"datasource": [
|
||||
{"key": "scrm_db_host", "name": "SCRM 数据库地址", "encrypted": False},
|
||||
{"key": "scrm_db_port", "name": "SCRM 数据库端口", "encrypted": False},
|
||||
{"key": "scrm_db_user", "name": "SCRM 数据库用户", "encrypted": False},
|
||||
{"key": "scrm_db_password", "name": "SCRM 数据库密码", "encrypted": True},
|
||||
{"key": "scrm_db_name", "name": "SCRM 数据库名", "encrypted": False}
|
||||
],
|
||||
"jssdk": [
|
||||
{"key": "corp_id", "name": "企业ID", "encrypted": False},
|
||||
{"key": "agent_id", "name": "应用ID", "encrypted": False},
|
||||
{"key": "secret", "name": "应用密钥", "encrypted": True}
|
||||
],
|
||||
"webhook": [
|
||||
{"key": "n8n_base_url", "name": "n8n 基础地址", "encrypted": False},
|
||||
{"key": "webhook_brainstorm", "name": "头脑风暴 Webhook", "encrypted": False},
|
||||
{"key": "webhook_high_eq", "name": "高情商回复 Webhook", "encrypted": False},
|
||||
{"key": "webhook_customer_profile", "name": "客户画像 Webhook", "encrypted": False},
|
||||
{"key": "webhook_consultation", "name": "面诊方案 Webhook", "encrypted": False},
|
||||
{"key": "webhook_medical_compliance", "name": "医疗合规 Webhook", "encrypted": False}
|
||||
],
|
||||
"params": [
|
||||
{"key": "default_data_tenant_id", "name": "默认数据租户ID", "encrypted": False},
|
||||
{"key": "enable_deep_thinking", "name": "启用深度思考", "encrypted": False},
|
||||
{"key": "max_history_rounds", "name": "最大历史轮数", "encrypted": False}
|
||||
]
|
||||
}
|
||||
@@ -232,9 +232,14 @@ function handleCopyUrl() {
|
||||
}
|
||||
|
||||
async function handleViewToken(row) {
|
||||
// 这里需要后端返回真实 token，暂时用 placeholder
|
||||
// 实际生产中可能需要单独 API 获取
|
||||
showToken(row.access_token === '******' ? '需要调用API获取' : row.access_token, row.app_code)
|
||||
try {
|
||||
const res = await api.get(`/api/tenant-apps/${row.id}/token`)
|
||||
currentToken.value = res.data.access_token
|
||||
currentAppUrl.value = res.data.base_url || ''
|
||||
tokenDialogVisible.value = true
|
||||
} catch (e) {
|
||||
// 错误已在拦截器处理
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
|
||||
@@ -1,15 +1,22 @@
|
||||
<script setup>
|
||||
import { ref, onMounted } from 'vue'
|
||||
import { ref, reactive, onMounted, computed, watch } from 'vue'
|
||||
import { useRoute, useRouter } from 'vue-router'
|
||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||
import api from '@/api'
|
||||
import { useAuthStore } from '@/stores/auth'
|
||||
|
||||
const authStore = useAuthStore()
|
||||
const route = useRoute()
|
||||
const router = useRouter()
|
||||
const tenantId = route.params.id
|
||||
|
||||
const loading = ref(false)
|
||||
const tenant = ref(null)
|
||||
const activeTab = ref('basic')
|
||||
|
||||
// ========================================
|
||||
// 基本信息
|
||||
// ========================================
|
||||
async function fetchDetail() {
|
||||
loading.value = true
|
||||
try {
|
||||
@@ -32,6 +39,199 @@ function getStatusText(status) {
|
||||
return map[status] || status
|
||||
}
|
||||
|
||||
// ========================================
|
||||
// 工具配置
|
||||
// ========================================
|
||||
const configLoading = ref(false)
|
||||
const configList = ref([])
|
||||
const configTypes = ref([])
|
||||
const configKeyOptions = ref({})
|
||||
const selectedTool = ref('__shared__') // 当前选择的工具
|
||||
|
||||
// 工具列表（租户级共享 + 各个工具）
|
||||
const toolTabs = computed(() => {
|
||||
const tabs = [{ code: '__shared__', name: '租户通用配置' }]
|
||||
// 从配置列表中提取已有工具
|
||||
const tools = new Set()
|
||||
configList.value.forEach(c => {
|
||||
if (c.tool_code && c.tool_code !== '__shared__') {
|
||||
tools.add(c.tool_code)
|
||||
}
|
||||
})
|
||||
// 预定义的工具列表
|
||||
const predefinedTools = [
|
||||
{ code: 'customer-profile', name: '客户画像' },
|
||||
{ code: 'high-eq', name: '高情商回复' },
|
||||
{ code: 'brainstorm', name: '头脑风暴' },
|
||||
{ code: 'consultation-plan', name: '面诊方案' },
|
||||
{ code: 'medical-compliance', name: '医疗合规' }
|
||||
]
|
||||
predefinedTools.forEach(t => {
|
||||
tabs.push(t)
|
||||
tools.delete(t.code)
|
||||
})
|
||||
// 添加其他已有配置的工具
|
||||
tools.forEach(code => {
|
||||
tabs.push({ code, name: code })
|
||||
})
|
||||
return tabs
|
||||
})
|
||||
|
||||
// 当前工具的配置列表
|
||||
const currentToolConfigs = computed(() => {
|
||||
if (selectedTool.value === '__shared__') {
|
||||
return configList.value.filter(c => !c.tool_code)
|
||||
}
|
||||
return configList.value.filter(c => c.tool_code === selectedTool.value)
|
||||
})
|
||||
|
||||
// 按类型分组的配置
|
||||
const groupedConfigs = computed(() => {
|
||||
const groups = {}
|
||||
currentToolConfigs.value.forEach(c => {
|
||||
const type = c.config_type || 'params'
|
||||
if (!groups[type]) {
|
||||
groups[type] = []
|
||||
}
|
||||
groups[type].push(c)
|
||||
})
|
||||
return groups
|
||||
})
|
||||
|
||||
// 获取类型名称
|
||||
function getTypeName(type) {
|
||||
const names = {
|
||||
datasource: '数据源配置',
|
||||
jssdk: 'JS-SDK 配置',
|
||||
webhook: 'Webhook 配置',
|
||||
params: '工具参数'
|
||||
}
|
||||
return names[type] || type
|
||||
}
|
||||
|
||||
async function fetchToolConfigs() {
|
||||
configLoading.value = true
|
||||
try {
|
||||
const res = await api.get('/api/tool-configs', {
|
||||
params: { tenant_id: tenantId, size: 100 }
|
||||
})
|
||||
configList.value = res.data.items || []
|
||||
} catch (e) {
|
||||
console.error('获取配置失败:', e)
|
||||
} finally {
|
||||
configLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
async function fetchConfigSchema() {
|
||||
try {
|
||||
const [typesRes, keysRes] = await Promise.all([
|
||||
api.get('/api/tool-configs/schema/types'),
|
||||
api.get('/api/tool-configs/schema/keys')
|
||||
])
|
||||
configTypes.value = typesRes.data.types || []
|
||||
configKeyOptions.value = keysRes.data || {}
|
||||
} catch (e) {
|
||||
console.error('获取配置元数据失败:', e)
|
||||
}
|
||||
}
|
||||
|
||||
// 配置编辑对话框
|
||||
const configDialogVisible = ref(false)
|
||||
const configDialogTitle = ref('')
|
||||
const editingConfigId = ref(null)
|
||||
const configFormRef = ref(null)
|
||||
const configForm = reactive({
|
||||
config_type: 'params',
|
||||
config_key: '',
|
||||
config_value: '',
|
||||
is_encrypted: 0,
|
||||
description: ''
|
||||
})
|
||||
|
||||
const configRules = {
|
||||
config_type: [{ required: true, message: '请选择配置类型', trigger: 'change' }],
|
||||
config_key: [{ required: true, message: '请输入配置键名', trigger: 'blur' }]
|
||||
}
|
||||
|
||||
function handleAddConfig() {
|
||||
editingConfigId.value = null
|
||||
configDialogTitle.value = '添加配置'
|
||||
Object.assign(configForm, {
|
||||
config_type: 'params',
|
||||
config_key: '',
|
||||
config_value: '',
|
||||
is_encrypted: 0,
|
||||
description: ''
|
||||
})
|
||||
configDialogVisible.value = true
|
||||
}
|
||||
|
||||
function handleEditConfig(config) {
|
||||
editingConfigId.value = config.id
|
||||
configDialogTitle.value = '编辑配置'
|
||||
Object.assign(configForm, {
|
||||
config_type: config.config_type,
|
||||
config_key: config.config_key,
|
||||
config_value: config.config_value || '',
|
||||
is_encrypted: config.is_encrypted,
|
||||
description: config.description || ''
|
||||
})
|
||||
configDialogVisible.value = true
|
||||
}
|
||||
|
||||
async function handleConfigSubmit() {
|
||||
await configFormRef.value.validate()
|
||||
|
||||
try {
|
||||
if (editingConfigId.value) {
|
||||
await api.put(`/api/tool-configs/${editingConfigId.value}`, {
|
||||
config_value: configForm.config_value,
|
||||
is_encrypted: configForm.is_encrypted,
|
||||
description: configForm.description
|
||||
})
|
||||
ElMessage.success('更新成功')
|
||||
} else {
|
||||
await api.post('/api/tool-configs', {
|
||||
tenant_id: tenantId,
|
||||
tool_code: selectedTool.value === '__shared__' ? null : selectedTool.value,
|
||||
config_type: configForm.config_type,
|
||||
config_key: configForm.config_key,
|
||||
config_value: configForm.config_value,
|
||||
is_encrypted: configForm.is_encrypted,
|
||||
description: configForm.description
|
||||
})
|
||||
ElMessage.success('添加成功')
|
||||
}
|
||||
configDialogVisible.value = false
|
||||
fetchToolConfigs()
|
||||
} catch (e) {
|
||||
// 错误已在拦截器处理
|
||||
}
|
||||
}
|
||||
|
||||
async function handleDeleteConfig(config) {
|
||||
await ElMessageBox.confirm(`确定删除配置「${config.config_key}」吗？`, '提示', {
|
||||
type: 'warning'
|
||||
})
|
||||
|
||||
try {
|
||||
await api.delete(`/api/tool-configs/${config.id}`)
|
||||
ElMessage.success('删除成功')
|
||||
fetchToolConfigs()
|
||||
} catch (e) {
|
||||
// 错误已在拦截器处理
|
||||
}
|
||||
}
|
||||
|
||||
// 切换 Tab 时加载配置
|
||||
watch(activeTab, (newVal) => {
|
||||
if (newVal === 'config' && configList.value.length === 0) {
|
||||
fetchToolConfigs()
|
||||
fetchConfigSchema()
|
||||
}
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
fetchDetail()
|
||||
})
|
||||
@@ -44,13 +244,15 @@ onMounted(() => {
|
||||
<el-button link @click="router.back()">
|
||||
<el-icon><ArrowLeft /></el-icon>
|
||||
</el-button>
|
||||
租户详情
|
||||
租户详情 <span v-if="tenant" style="color: #909399; margin-left: 8px">{{ tenant.name }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<template v-if="tenant">
|
||||
<!-- 基本信息 -->
|
||||
<el-descriptions title="基本信息" :column="2" border style="margin-bottom: 20px">
|
||||
<el-tabs v-model="activeTab">
|
||||
<!-- 基本信息 Tab -->
|
||||
<el-tab-pane label="基本信息" name="basic">
|
||||
<el-descriptions :column="2" border style="margin-bottom: 20px">
|
||||
<el-descriptions-item label="租户ID">{{ tenant.id }}</el-descriptions-item>
|
||||
<el-descriptions-item label="租户代码">{{ tenant.code }}</el-descriptions-item>
|
||||
<el-descriptions-item label="租户名称">{{ tenant.name }}</el-descriptions-item>
|
||||
@@ -100,6 +302,208 @@ onMounted(() => {
|
||||
</el-table>
|
||||
<el-empty v-if="!tenant.subscriptions?.length" description="暂无订阅" />
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
|
||||
<!-- 工具配置 Tab -->
|
||||
<el-tab-pane label="工具配置" name="config">
|
||||
<div class="config-container" v-loading="configLoading">
|
||||
<!-- 工具选择 Tabs -->
|
||||
<div class="tool-tabs">
|
||||
<el-radio-group v-model="selectedTool" size="small">
|
||||
<el-radio-button
|
||||
v-for="tool in toolTabs"
|
||||
:key="tool.code"
|
||||
:value="tool.code"
|
||||
>
|
||||
{{ tool.name }}
|
||||
</el-radio-button>
|
||||
</el-radio-group>
|
||||
|
||||
<el-button
|
||||
v-if="authStore.isOperator"
|
||||
type="primary"
|
||||
size="small"
|
||||
@click="handleAddConfig"
|
||||
style="margin-left: 16px"
|
||||
>
|
||||
<el-icon><Plus /></el-icon>
|
||||
添加配置
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
<!-- 配置列表（按类型分组） -->
|
||||
<div class="config-groups">
|
||||
<template v-if="Object.keys(groupedConfigs).length > 0">
|
||||
<div
|
||||
v-for="(configs, type) in groupedConfigs"
|
||||
:key="type"
|
||||
class="config-group"
|
||||
>
|
||||
<div class="group-header">
|
||||
<span class="group-title">{{ getTypeName(type) }}</span>
|
||||
</div>
|
||||
<el-table :data="configs" size="small">
|
||||
<el-table-column prop="config_key" label="配置键" width="200" />
|
||||
<el-table-column prop="config_value" label="配置值">
|
||||
<template #default="{ row }">
|
||||
<span v-if="row.is_encrypted" class="encrypted-value">******</span>
|
||||
<span v-else>{{ row.config_value || '-' }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="description" label="说明" width="200" />
|
||||
<el-table-column label="操作" width="150" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
v-if="authStore.isOperator"
|
||||
type="primary"
|
||||
link
|
||||
size="small"
|
||||
@click="handleEditConfig(row)"
|
||||
>编辑</el-button>
|
||||
<el-button
|
||||
v-if="authStore.isOperator"
|
||||
type="danger"
|
||||
link
|
||||
size="small"
|
||||
@click="handleDeleteConfig(row)"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<el-empty
|
||||
v-else
|
||||
:description="`暂无${selectedTool === '__shared__' ? '租户通用' : '该工具'}配置`"
|
||||
>
|
||||
<el-button v-if="authStore.isOperator" type="primary" @click="handleAddConfig">
|
||||
添加配置
|
||||
</el-button>
|
||||
</el-empty>
|
||||
</div>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</template>
|
||||
|
||||
<!-- 配置编辑对话框 -->
|
||||
<el-dialog v-model="configDialogVisible" :title="configDialogTitle" width="550px">
|
||||
<el-form ref="configFormRef" :model="configForm" :rules="configRules" label-width="100px">
|
||||
<el-form-item label="配置类型" prop="config_type">
|
||||
<el-select
|
||||
v-model="configForm.config_type"
|
||||
:disabled="!!editingConfigId"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-option
|
||||
v-for="t in configTypes"
|
||||
:key="t.code"
|
||||
:label="t.name"
|
||||
:value="t.code"
|
||||
>
|
||||
<span>{{ t.name }}</span>
|
||||
<span style="color: #909399; font-size: 12px; margin-left: 8px">{{ t.description }}</span>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="配置键" prop="config_key">
|
||||
<el-autocomplete
|
||||
v-model="configForm.config_key"
|
||||
:fetch-suggestions="(query, cb) => {
|
||||
const keys = configKeyOptions[configForm.config_type] || []
|
||||
const results = query
|
||||
? keys.filter(k => k.key.includes(query) || k.name.includes(query))
|
||||
: keys
|
||||
cb(results.map(k => ({ value: k.key, name: k.name })))
|
||||
}"
|
||||
:disabled="!!editingConfigId"
|
||||
placeholder="输入或选择配置键"
|
||||
style="width: 100%"
|
||||
>
|
||||
<template #default="{ item }">
|
||||
<span>{{ item.value }}</span>
|
||||
<span style="color: #909399; font-size: 12px; margin-left: 8px">{{ item.name }}</span>
|
||||
</template>
|
||||
</el-autocomplete>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="配置值">
|
||||
<el-input
|
||||
v-model="configForm.config_value"
|
||||
:type="configForm.is_encrypted ? 'password' : 'text'"
|
||||
:show-password="configForm.is_encrypted"
|
||||
placeholder="请输入配置值"
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="加密存储">
|
||||
<el-switch
|
||||
v-model="configForm.is_encrypted"
|
||||
:active-value="1"
|
||||
:inactive-value="0"
|
||||
/>
|
||||
<span style="color: #909399; font-size: 12px; margin-left: 8px">
|
||||
敏感信息（如密码、密钥）建议加密存储
|
||||
</span>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="说明">
|
||||
<el-input
|
||||
v-model="configForm.description"
|
||||
type="textarea"
|
||||
:rows="2"
|
||||
placeholder="可选，描述此配置的用途"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="configDialogVisible = false">取消</el-button>
|
||||
<el-button type="primary" @click="handleConfigSubmit">确定</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.config-container {
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
.tool-tabs {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.config-groups {
|
||||
min-height: 200px;
|
||||
}
|
||||
|
||||
.config-group {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.group-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 12px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 1px solid #ebeef5;
|
||||
}
|
||||
|
||||
.group-title {
|
||||
font-weight: 600;
|
||||
color: #303133;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.encrypted-value {
|
||||
color: #909399;
|
||||
font-family: monospace;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user