- 新增 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.alerts import router as alerts_router
|
||||||
from .routers.cost import router as cost_router
|
from .routers.cost import router as cost_router
|
||||||
from .routers.quota import router as quota_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 import TraceMiddleware, setup_exception_handlers, RequestLoggerMiddleware
|
||||||
from .middleware.trace import setup_logging
|
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(alerts_router, prefix="/api")
|
||||||
app.include_router(cost_router, prefix="/api")
|
app.include_router(cost_router, prefix="/api")
|
||||||
app.include_router(quota_router, prefix="/api")
|
app.include_router(quota_router, prefix="/api")
|
||||||
|
app.include_router(tool_configs_router, prefix="/api")
|
||||||
|
|
||||||
|
|
||||||
@app.get("/")
|
@app.get("/")
|
||||||
|
|||||||
@@ -2,6 +2,7 @@
|
|||||||
from .tenant import Tenant, Subscription, Config
|
from .tenant import Tenant, Subscription, Config
|
||||||
from .tenant_app import TenantApp
|
from .tenant_app import TenantApp
|
||||||
from .tenant_wechat_app import TenantWechatApp
|
from .tenant_wechat_app import TenantWechatApp
|
||||||
|
from .tool_config import ToolConfig
|
||||||
from .app import App
|
from .app import App
|
||||||
from .stats import AICallEvent, TenantUsageDaily
|
from .stats import AICallEvent, TenantUsageDaily
|
||||||
from .logs import PlatformLog
|
from .logs import PlatformLog
|
||||||
@@ -14,6 +15,7 @@ __all__ = [
|
|||||||
"Config",
|
"Config",
|
||||||
"TenantApp",
|
"TenantApp",
|
||||||
"TenantWechatApp",
|
"TenantWechatApp",
|
||||||
|
"ToolConfig",
|
||||||
"App",
|
"App",
|
||||||
"AICallEvent",
|
"AICallEvent",
|
||||||
"TenantUsageDaily",
|
"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}
|
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")
|
@router.post("/{app_id}/regenerate-token")
|
||||||
async def regenerate_token(
|
async def regenerate_token(
|
||||||
app_id: int,
|
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) {
|
async function handleViewToken(row) {
|
||||||
// 这里需要后端返回真实 token,暂时用 placeholder
|
try {
|
||||||
// 实际生产中可能需要单独 API 获取
|
const res = await api.get(`/api/tenant-apps/${row.id}/token`)
|
||||||
showToken(row.access_token === '******' ? '需要调用API获取' : row.access_token, row.app_code)
|
currentToken.value = res.data.access_token
|
||||||
|
currentAppUrl.value = res.data.base_url || ''
|
||||||
|
tokenDialogVisible.value = true
|
||||||
|
} catch (e) {
|
||||||
|
// 错误已在拦截器处理
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
|
|||||||
@@ -1,15 +1,22 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
import { ref, onMounted } from 'vue'
|
import { ref, reactive, onMounted, computed, watch } from 'vue'
|
||||||
import { useRoute, useRouter } from 'vue-router'
|
import { useRoute, useRouter } from 'vue-router'
|
||||||
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||||
import api from '@/api'
|
import api from '@/api'
|
||||||
|
import { useAuthStore } from '@/stores/auth'
|
||||||
|
|
||||||
|
const authStore = useAuthStore()
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const tenantId = route.params.id
|
const tenantId = route.params.id
|
||||||
|
|
||||||
const loading = ref(false)
|
const loading = ref(false)
|
||||||
const tenant = ref(null)
|
const tenant = ref(null)
|
||||||
|
const activeTab = ref('basic')
|
||||||
|
|
||||||
|
// ========================================
|
||||||
|
// 基本信息
|
||||||
|
// ========================================
|
||||||
async function fetchDetail() {
|
async function fetchDetail() {
|
||||||
loading.value = true
|
loading.value = true
|
||||||
try {
|
try {
|
||||||
@@ -32,6 +39,199 @@ function getStatusText(status) {
|
|||||||
return map[status] || 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(() => {
|
onMounted(() => {
|
||||||
fetchDetail()
|
fetchDetail()
|
||||||
})
|
})
|
||||||
@@ -44,62 +244,266 @@ onMounted(() => {
|
|||||||
<el-button link @click="router.back()">
|
<el-button link @click="router.back()">
|
||||||
<el-icon><ArrowLeft /></el-icon>
|
<el-icon><ArrowLeft /></el-icon>
|
||||||
</el-button>
|
</el-button>
|
||||||
租户详情
|
租户详情 <span v-if="tenant" style="color: #909399; margin-left: 8px">{{ tenant.name }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<template v-if="tenant">
|
<template v-if="tenant">
|
||||||
<!-- 基本信息 -->
|
<el-tabs v-model="activeTab">
|
||||||
<el-descriptions title="基本信息" :column="2" border style="margin-bottom: 20px">
|
<!-- 基本信息 Tab -->
|
||||||
<el-descriptions-item label="租户ID">{{ tenant.id }}</el-descriptions-item>
|
<el-tab-pane label="基本信息" name="basic">
|
||||||
<el-descriptions-item label="租户代码">{{ tenant.code }}</el-descriptions-item>
|
<el-descriptions :column="2" border style="margin-bottom: 20px">
|
||||||
<el-descriptions-item label="租户名称">{{ tenant.name }}</el-descriptions-item>
|
<el-descriptions-item label="租户ID">{{ tenant.id }}</el-descriptions-item>
|
||||||
<el-descriptions-item label="状态">
|
<el-descriptions-item label="租户代码">{{ tenant.code }}</el-descriptions-item>
|
||||||
<el-tag :type="getStatusType(tenant.status)" size="small">
|
<el-descriptions-item label="租户名称">{{ tenant.name }}</el-descriptions-item>
|
||||||
{{ getStatusText(tenant.status) }}
|
<el-descriptions-item label="状态">
|
||||||
</el-tag>
|
<el-tag :type="getStatusType(tenant.status)" size="small">
|
||||||
</el-descriptions-item>
|
{{ getStatusText(tenant.status) }}
|
||||||
<el-descriptions-item label="过期时间">{{ tenant.expired_at || '-' }}</el-descriptions-item>
|
|
||||||
<el-descriptions-item label="创建时间">{{ tenant.created_at }}</el-descriptions-item>
|
|
||||||
<el-descriptions-item label="联系人">{{ tenant.contact_info?.contact || '-' }}</el-descriptions-item>
|
|
||||||
<el-descriptions-item label="联系电话">{{ tenant.contact_info?.phone || '-' }}</el-descriptions-item>
|
|
||||||
</el-descriptions>
|
|
||||||
|
|
||||||
<!-- 用量统计 -->
|
|
||||||
<el-descriptions title="用量统计" :column="3" border style="margin-bottom: 20px">
|
|
||||||
<el-descriptions-item label="AI 调用总次数">
|
|
||||||
{{ tenant.usage_summary?.total_calls?.toLocaleString() || 0 }}
|
|
||||||
</el-descriptions-item>
|
|
||||||
<el-descriptions-item label="Token 消耗">
|
|
||||||
{{ tenant.usage_summary?.total_tokens?.toLocaleString() || 0 }}
|
|
||||||
</el-descriptions-item>
|
|
||||||
<el-descriptions-item label="累计费用">
|
|
||||||
¥{{ tenant.usage_summary?.total_cost?.toFixed(2) || '0.00' }}
|
|
||||||
</el-descriptions-item>
|
|
||||||
</el-descriptions>
|
|
||||||
|
|
||||||
<!-- 订阅信息 -->
|
|
||||||
<div style="margin-bottom: 20px">
|
|
||||||
<h4 style="margin-bottom: 12px">应用订阅</h4>
|
|
||||||
<el-table :data="tenant.subscriptions" style="width: 100%">
|
|
||||||
<el-table-column prop="app_code" label="应用" width="150" />
|
|
||||||
<el-table-column prop="start_date" label="开始日期" width="120" />
|
|
||||||
<el-table-column prop="end_date" label="结束日期" width="120" />
|
|
||||||
<el-table-column prop="quota" label="配额">
|
|
||||||
<template #default="{ row }">
|
|
||||||
{{ row.quota ? JSON.stringify(row.quota) : '-' }}
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="status" label="状态" width="100">
|
|
||||||
<template #default="{ row }">
|
|
||||||
<el-tag :type="row.status === 'active' ? 'success' : 'danger'" size="small">
|
|
||||||
{{ row.status === 'active' ? '有效' : '已过期' }}
|
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</template>
|
</el-descriptions-item>
|
||||||
</el-table-column>
|
<el-descriptions-item label="过期时间">{{ tenant.expired_at || '-' }}</el-descriptions-item>
|
||||||
</el-table>
|
<el-descriptions-item label="创建时间">{{ tenant.created_at }}</el-descriptions-item>
|
||||||
<el-empty v-if="!tenant.subscriptions?.length" description="暂无订阅" />
|
<el-descriptions-item label="联系人">{{ tenant.contact_info?.contact || '-' }}</el-descriptions-item>
|
||||||
</div>
|
<el-descriptions-item label="联系电话">{{ tenant.contact_info?.phone || '-' }}</el-descriptions-item>
|
||||||
|
</el-descriptions>
|
||||||
|
|
||||||
|
<!-- 用量统计 -->
|
||||||
|
<el-descriptions title="用量统计" :column="3" border style="margin-bottom: 20px">
|
||||||
|
<el-descriptions-item label="AI 调用总次数">
|
||||||
|
{{ tenant.usage_summary?.total_calls?.toLocaleString() || 0 }}
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="Token 消耗">
|
||||||
|
{{ tenant.usage_summary?.total_tokens?.toLocaleString() || 0 }}
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="累计费用">
|
||||||
|
¥{{ tenant.usage_summary?.total_cost?.toFixed(2) || '0.00' }}
|
||||||
|
</el-descriptions-item>
|
||||||
|
</el-descriptions>
|
||||||
|
|
||||||
|
<!-- 订阅信息 -->
|
||||||
|
<div style="margin-bottom: 20px">
|
||||||
|
<h4 style="margin-bottom: 12px">应用订阅</h4>
|
||||||
|
<el-table :data="tenant.subscriptions" style="width: 100%">
|
||||||
|
<el-table-column prop="app_code" label="应用" width="150" />
|
||||||
|
<el-table-column prop="start_date" label="开始日期" width="120" />
|
||||||
|
<el-table-column prop="end_date" label="结束日期" width="120" />
|
||||||
|
<el-table-column prop="quota" label="配额">
|
||||||
|
<template #default="{ row }">
|
||||||
|
{{ row.quota ? JSON.stringify(row.quota) : '-' }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="status" label="状态" width="100">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-tag :type="row.status === 'active' ? 'success' : 'danger'" size="small">
|
||||||
|
{{ row.status === 'active' ? '有效' : '已过期' }}
|
||||||
|
</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</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>
|
</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>
|
</div>
|
||||||
</template>
|
</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