feat: 添加应用管理和生成签名链接功能

- 新增 platform_apps 表和 App 模型
- 新增应用管理页面 /apps
- 应用配置页面添加"生成链接"功能
- 支持一键生成带签名的访问 URL

frontend/src/router/index.js

@@ -31,11 +31,17 @@ const routes = [
         component: () => import('@/views/tenants/detail.vue'),
         meta: { title: '租户详情', hidden: true }
       },
+      {
+        path: 'apps',
+        name: 'Apps',
+        component: () => import('@/views/apps/index.vue'),
+        meta: { title: '应用管理', icon: 'Grid' }
+      },
       {
         path: 'app-config',
         name: 'AppConfig',
         component: () => import('@/views/app-config/index.vue'),
-        meta: { title: '应用配置', icon: 'Setting' }
+        meta: { title: '租户应用配置', icon: 'Setting' }
       },
       {
         path: 'stats',

frontend/src/views/app-config/index.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref, reactive, onMounted } from 'vue'
+import { ref, reactive, onMounted, computed } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import api from '@/api'
 import { useAuthStore } from '@/stores/auth'
@@ -16,6 +16,10 @@ const query = reactive({
   app_code: ''
 })
 
+// 应用列表（从应用管理获取）
+const appList = ref([])
+const appToolsMap = ref({}) // app_code -> tools[]
+
 // 对话框
 const dialogVisible = ref(false)
 const dialogTitle = ref('')
@@ -32,17 +36,52 @@ const form = reactive({
   allowed_tools: []
 })
 
-const toolOptions = [
-  { label: '高情商回复', value: 'high-eq' },
-  { label: '头脑风暴', value: 'brainstorm' },
-  { label: '面诊方案', value: 'consultation' },
-  { label: '客户画像', value: 'customer-profile' },
-  { label: '医疗合规', value: 'medical-compliance' }
-]
+// 根据选择的应用获取工具选项
+const toolOptions = computed(() => {
+  const tools = appToolsMap.value[form.app_code] || []
+  if (tools.length > 0) {
+    return tools.map(t => ({ label: t.name, value: t.code }))
+  }
+  // 默认工具列表（兼容旧数据）
+  return [
+    { label: '高情商回复', value: 'high-eq' },
+    { label: '头脑风暴', value: 'brainstorm' },
+    { label: '面诊方案', value: 'consultation' },
+    { label: '客户画像', value: 'customer-profile' },
+    { label: '医疗合规', value: 'medical-compliance' }
+  ]
+})
 
 const rules = {
   tenant_id: [{ required: true, message: '请输入租户ID', trigger: 'blur' }],
-  app_code: [{ required: true, message: '请输入应用代码', trigger: 'blur' }]
+  app_code: [{ required: true, message: '请选择应用', trigger: 'change' }]
+}
+
+// 生成链接对话框
+const urlDialogVisible = ref(false)
+const urlLoading = ref(false)
+const currentRow = ref(null)
+const selectedTool = ref('')
+const generatedUrl = ref('')
+const urlInfo = ref({})
+
+async function fetchApps() {
+  try {
+    const res = await api.get('/api/apps/all')
+    appList.value = res.data || []
+    
+    // 获取每个应用的工具列表
+    for (const app of appList.value) {
+      try {
+        const toolsRes = await api.get(`/api/apps/${app.app_code}/tools`)
+        appToolsMap.value[app.app_code] = toolsRes.data || []
+      } catch (e) {
+        appToolsMap.value[app.app_code] = []
+      }
+    }
+  } catch (e) {
+    console.error('获取应用列表失败:', e)
+  }
 }
 
 async function fetchList() {
@@ -167,7 +206,86 @@ async function handleViewSecret(row) {
   }
 }
 
+// 生成链接功能
+function handleShowUrl(row) {
+  currentRow.value = row
+  selectedTool.value = ''
+  generatedUrl.value = ''
+  urlInfo.value = {}
+  urlDialogVisible.value = true
+}
+
+async function handleGenerateUrl() {
+  if (!currentRow.value) return
+  
+  urlLoading.value = true
+  try {
+    const res = await api.post('/api/apps/generate-url', {
+      tenant_id: currentRow.value.tenant_id,
+      app_code: currentRow.value.app_code,
+      tool_code: selectedTool.value || null
+    })
+    
+    if (res.data.success) {
+      generatedUrl.value = res.data.url
+      urlInfo.value = res.data
+    } else {
+      ElMessage.error(res.data.error || '生成失败')
+    }
+  } catch (e) {
+    console.error(e)
+  } finally {
+    urlLoading.value = false
+  }
+}
+
+function handleCopyUrl() {
+  if (!generatedUrl.value) return
+  
+  navigator.clipboard.writeText(generatedUrl.value).then(() => {
+    ElMessage.success('链接已复制到剪贴板')
+  }).catch(() => {
+    // 降级方案
+    const input = document.createElement('input')
+    input.value = generatedUrl.value
+    document.body.appendChild(input)
+    input.select()
+    document.execCommand('copy')
+    document.body.removeChild(input)
+    ElMessage.success('链接已复制到剪贴板')
+  })
+}
+
+// 获取当前行可选的工具
+const currentToolOptions = computed(() => {
+  if (!currentRow.value) return []
+  const appTools = appToolsMap.value[currentRow.value.app_code] || []
+  const allowedTools = currentRow.value.allowed_tools || []
+  
+  if (appTools.length > 0) {
+    // 过滤出允许的工具
+    if (allowedTools.length > 0) {
+      return appTools.filter(t => allowedTools.includes(t.code)).map(t => ({ label: t.name, value: t.code }))
+    }
+    return appTools.map(t => ({ label: t.name, value: t.code }))
+  }
+  
+  // 默认工具
+  const defaultTools = [
+    { label: '高情商回复', value: 'high-eq' },
+    { label: '头脑风暴', value: 'brainstorm' },
+    { label: '面诊方案', value: 'consultation' },
+    { label: '客户画像', value: 'customer-profile' },
+    { label: '医疗合规', value: 'medical-compliance' }
+  ]
+  if (allowedTools.length > 0) {
+    return defaultTools.filter(t => allowedTools.includes(t.value))
+  }
+  return defaultTools
+})
+
 onMounted(() => {
+  fetchApps()
   fetchList()
 })
 </script>
@@ -227,11 +345,12 @@ onMounted(() => {
           <span v-if="(row.allowed_tools || []).length > 3">...</span>
         </template>
       </el-table-column>
-      <el-table-column label="操作" width="240" fixed="right">
+      <el-table-column label="操作" width="300" fixed="right">
         <template #default="{ row }">
+          <el-button type="success" link size="small" @click="handleShowUrl(row)">生成链接</el-button>
           <el-button v-if="authStore.isOperator" type="primary" link size="small" @click="handleEdit(row)">编辑</el-button>
-          <el-button v-if="authStore.isOperator" type="warning" link size="small" @click="handleViewSecret(row)">查看密钥</el-button>
-          <el-button v-if="authStore.isOperator" type="info" link size="small" @click="handleRegenerateToken(row)">重置Token</el-button>
+          <el-button v-if="authStore.isOperator" type="warning" link size="small" @click="handleViewSecret(row)">密钥</el-button>
+          <el-button v-if="authStore.isOperator" type="info" link size="small" @click="handleRegenerateToken(row)">重置</el-button>
           <el-button v-if="authStore.isOperator" type="danger" link size="small" @click="handleDelete(row)">删除</el-button>
         </template>
       </el-table-column>
@@ -254,11 +373,14 @@ onMounted(() => {
         <el-form-item label="租户ID" prop="tenant_id">
           <el-input v-model="form.tenant_id" :disabled="!!editingId" placeholder="如: tenant_001" />
         </el-form-item>
-        <el-form-item label="应用代码" prop="app_code">
-          <el-input v-model="form.app_code" :disabled="!!editingId" placeholder="如: tools" />
+        <el-form-item label="应用" prop="app_code">
+          <el-select v-model="form.app_code" :disabled="!!editingId" placeholder="选择应用" style="width: 100%">
+            <el-option v-for="app in appList" :key="app.app_code" :label="app.app_name" :value="app.app_code" />
+            <el-option label="tools (默认)" value="tools" />
+          </el-select>
         </el-form-item>
-        <el-form-item label="应用名称">
-          <el-input v-model="form.app_name" placeholder="显示名称" />
+        <el-form-item label="配置名称">
+          <el-input v-model="form.app_name" placeholder="显示名称（可选）" />
         </el-form-item>
         
         <el-divider content-position="left">企业微信配置</el-divider>
@@ -290,5 +412,79 @@ onMounted(() => {
         <el-button type="primary" @click="handleSubmit">确定</el-button>
       </template>
     </el-dialog>
+    
+    <!-- 生成链接对话框 -->
+    <el-dialog v-model="urlDialogVisible" title="生成访问链接" width="650px">
+      <div v-if="currentRow" class="url-dialog-content">
+        <el-descriptions :column="2" border size="small" style="margin-bottom: 20px">
+          <el-descriptions-item label="租户ID">{{ currentRow.tenant_id }}</el-descriptions-item>
+          <el-descriptions-item label="应用">{{ currentRow.app_code }}</el-descriptions-item>
+          <el-descriptions-item label="签名要求">
+            <el-tag :type="currentRow.token_required ? 'warning' : 'success'" size="small">
+              {{ currentRow.token_required ? '需要签名' : '免签名' }}
+            </el-tag>
+          </el-descriptions-item>
+          <el-descriptions-item label="允许工具">
+            {{ (currentRow.allowed_tools || []).length > 0 ? currentRow.allowed_tools.join(', ') : '全部' }}
+          </el-descriptions-item>
+        </el-descriptions>
+        
+        <el-form label-width="80px">
+          <el-form-item label="选择工具">
+            <el-select v-model="selectedTool" placeholder="选择工具（留空则生成首页链接）" clearable style="width: 100%">
+              <el-option v-for="opt in currentToolOptions" :key="opt.value" :label="opt.label" :value="opt.value" />
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" :loading="urlLoading" @click="handleGenerateUrl">
+              生成链接
+            </el-button>
+          </el-form-item>
+        </el-form>
+        
+        <div v-if="generatedUrl" class="url-result">
+          <el-divider content-position="left">生成结果</el-divider>
+          
+          <el-alert 
+            :type="urlInfo.token_required ? 'warning' : 'success'" 
+            :title="urlInfo.note"
+            :closable="false"
+            style="margin-bottom: 12px"
+          />
+          
+          <div class="url-box">
+            <el-input
+              v-model="generatedUrl"
+              type="textarea"
+              :rows="3"
+              readonly
+            />
+            <el-button type="primary" style="margin-top: 10px" @click="handleCopyUrl">
+              <el-icon><CopyDocument /></el-icon>
+              复制链接
+            </el-button>
+          </div>
+        </div>
+      </div>
+      <template #footer>
+        <el-button @click="urlDialogVisible = false">关闭</el-button>
+      </template>
+    </el-dialog>
   </div>
 </template>
+
+<style scoped>
+.url-dialog-content {
+  padding: 0 10px;
+}
+
+.url-result {
+  margin-top: 10px;
+}
+
+.url-box {
+  background: #f5f7fa;
+  padding: 15px;
+  border-radius: 4px;
+}
+</style>

frontend/src/views/apps/index.vue

@@ -0,0 +1,302 @@
+<script setup>
+import { ref, reactive, onMounted } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import api from '@/api'
+import { useAuthStore } from '@/stores/auth'
+
+const authStore = useAuthStore()
+
+const loading = ref(false)
+const tableData = ref([])
+const total = ref(0)
+const query = reactive({
+  page: 1,
+  size: 20
+})
+
+// 对话框
+const dialogVisible = ref(false)
+const dialogTitle = ref('')
+const editingId = ref(null)
+const formRef = ref(null)
+const form = reactive({
+  app_code: '',
+  app_name: '',
+  base_url: '',
+  description: '',
+  tools: []
+})
+
+const rules = {
+  app_code: [{ required: true, message: '请输入应用代码', trigger: 'blur' }],
+  app_name: [{ required: true, message: '请输入应用名称', trigger: 'blur' }]
+}
+
+// 工具编辑
+const toolDialogVisible = ref(false)
+const editingToolIndex = ref(-1)
+const toolForm = reactive({
+  code: '',
+  name: '',
+  path: ''
+})
+
+async function fetchList() {
+  loading.value = true
+  try {
+    const res = await api.get('/api/apps', { params: query })
+    tableData.value = res.data.items || []
+    total.value = res.data.total || 0
+  } catch (e) {
+    console.error(e)
+  } finally {
+    loading.value = false
+  }
+}
+
+function handleSearch() {
+  query.page = 1
+  fetchList()
+}
+
+function handlePageChange(page) {
+  query.page = page
+  fetchList()
+}
+
+function handleCreate() {
+  editingId.value = null
+  dialogTitle.value = '新建应用'
+  Object.assign(form, {
+    app_code: '',
+    app_name: '',
+    base_url: '',
+    description: '',
+    tools: []
+  })
+  dialogVisible.value = true
+}
+
+function handleEdit(row) {
+  editingId.value = row.id
+  dialogTitle.value = '编辑应用'
+  Object.assign(form, {
+    app_code: row.app_code,
+    app_name: row.app_name,
+    base_url: row.base_url || '',
+    description: row.description || '',
+    tools: row.tools || []
+  })
+  dialogVisible.value = true
+}
+
+async function handleSubmit() {
+  await formRef.value.validate()
+  
+  const data = { ...form }
+  
+  try {
+    if (editingId.value) {
+      await api.put(`/api/apps/${editingId.value}`, data)
+      ElMessage.success('更新成功')
+    } else {
+      await api.post('/api/apps', data)
+      ElMessage.success('创建成功')
+    }
+    dialogVisible.value = false
+    fetchList()
+  } catch (e) {
+    // 错误已在拦截器处理
+  }
+}
+
+async function handleDelete(row) {
+  await ElMessageBox.confirm(`确定删除应用 "${row.app_name}" 吗？`, '提示', {
+    type: 'warning'
+  })
+  
+  try {
+    await api.delete(`/api/apps/${row.id}`)
+    ElMessage.success('删除成功')
+    fetchList()
+  } catch (e) {
+    // 错误已在拦截器处理
+  }
+}
+
+async function handleToggleStatus(row) {
+  const newStatus = row.status === 1 ? 0 : 1
+  try {
+    await api.put(`/api/apps/${row.id}`, { status: newStatus })
+    ElMessage.success(newStatus === 1 ? '已启用' : '已禁用')
+    fetchList()
+  } catch (e) {
+    // 错误已在拦截器处理
+  }
+}
+
+// 工具管理
+function handleAddTool() {
+  editingToolIndex.value = -1
+  Object.assign(toolForm, { code: '', name: '', path: '' })
+  toolDialogVisible.value = true
+}
+
+function handleEditTool(index) {
+  editingToolIndex.value = index
+  const tool = form.tools[index]
+  Object.assign(toolForm, { ...tool })
+  toolDialogVisible.value = true
+}
+
+function handleDeleteTool(index) {
+  form.tools.splice(index, 1)
+}
+
+function handleSaveTool() {
+  if (!toolForm.code || !toolForm.name) {
+    ElMessage.warning('请填写工具代码和名称')
+    return
+  }
+  
+  const tool = { ...toolForm }
+  if (editingToolIndex.value >= 0) {
+    form.tools[editingToolIndex.value] = tool
+  } else {
+    form.tools.push(tool)
+  }
+  toolDialogVisible.value = false
+}
+
+onMounted(() => {
+  fetchList()
+})
+</script>
+
+<template>
+  <div class="page-container">
+    <div class="page-header">
+      <div class="title">应用管理</div>
+      <el-button v-if="authStore.isOperator" type="primary" @click="handleCreate">
+        <el-icon><Plus /></el-icon>
+        新建应用
+      </el-button>
+    </div>
+    
+    <div class="page-tip">
+      <el-alert type="info" :closable="false">
+        应用管理：定义可供租户使用的应用，配置应用的基础URL和工具列表。
+        租户配置中选择应用后，即可生成带签名的访问链接。
+      </el-alert>
+    </div>
+    
+    <!-- 表格 -->
+    <el-table v-loading="loading" :data="tableData" style="width: 100%">
+      <el-table-column prop="id" label="ID" width="60" />
+      <el-table-column prop="app_code" label="应用代码" width="120" />
+      <el-table-column prop="app_name" label="应用名称" width="150" />
+      <el-table-column prop="base_url" label="基础URL" min-width="250" show-overflow-tooltip />
+      <el-table-column label="工具数量" width="100">
+        <template #default="{ row }">
+          <el-tag size="small">{{ (row.tools || []).length }} 个</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="状态" width="80">
+        <template #default="{ row }">
+          <el-tag :type="row.status === 1 ? 'success' : 'info'" size="small">
+            {{ row.status === 1 ? '启用' : '禁用' }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="200" fixed="right">
+        <template #default="{ row }">
+          <el-button v-if="authStore.isOperator" type="primary" link size="small" @click="handleEdit(row)">编辑</el-button>
+          <el-button v-if="authStore.isOperator" :type="row.status === 1 ? 'warning' : 'success'" link size="small" @click="handleToggleStatus(row)">
+            {{ row.status === 1 ? '禁用' : '启用' }}
+          </el-button>
+          <el-button v-if="authStore.isOperator" type="danger" link size="small" @click="handleDelete(row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    
+    <!-- 分页 -->
+    <div style="margin-top: 20px; display: flex; justify-content: flex-end">
+      <el-pagination
+        v-model:current-page="query.page"
+        :page-size="query.size"
+        :total="total"
+        layout="total, prev, pager, next"
+        @current-change="handlePageChange"
+      />
+    </div>
+    
+    <!-- 编辑对话框 -->
+    <el-dialog v-model="dialogVisible" :title="dialogTitle" width="700px">
+      <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="应用代码" prop="app_code">
+          <el-input v-model="form.app_code" :disabled="!!editingId" placeholder="唯一标识，如: tools" />
+        </el-form-item>
+        <el-form-item label="应用名称" prop="app_name">
+          <el-input v-model="form.app_name" placeholder="显示名称" />
+        </el-form-item>
+        <el-form-item label="基础URL">
+          <el-input v-model="form.base_url" placeholder="如: https://tools.test.ai.ireborn.com.cn" />
+        </el-form-item>
+        <el-form-item label="描述">
+          <el-input v-model="form.description" type="textarea" :rows="2" placeholder="应用描述" />
+        </el-form-item>
+        
+        <el-divider content-position="left">工具列表</el-divider>
+        
+        <el-form-item label="工具">
+          <div style="width: 100%">
+            <el-table :data="form.tools" size="small" border style="margin-bottom: 10px">
+              <el-table-column prop="code" label="代码" width="120" />
+              <el-table-column prop="name" label="名称" width="120" />
+              <el-table-column prop="path" label="路径" />
+              <el-table-column label="操作" width="120">
+                <template #default="{ $index }">
+                  <el-button type="primary" link size="small" @click="handleEditTool($index)">编辑</el-button>
+                  <el-button type="danger" link size="small" @click="handleDeleteTool($index)">删除</el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+            <el-button type="primary" size="small" @click="handleAddTool">
+              <el-icon><Plus /></el-icon>
+              添加工具
+            </el-button>
+          </div>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="handleSubmit">确定</el-button>
+      </template>
+    </el-dialog>
+    
+    <!-- 工具编辑对话框 -->
+    <el-dialog v-model="toolDialogVisible" :title="editingToolIndex >= 0 ? '编辑工具' : '添加工具'" width="400px">
+      <el-form :model="toolForm" label-width="80px">
+        <el-form-item label="代码">
+          <el-input v-model="toolForm.code" placeholder="如: brainstorm" />
+        </el-form-item>
+        <el-form-item label="名称">
+          <el-input v-model="toolForm.name" placeholder="如: 头脑风暴" />
+        </el-form-item>
+        <el-form-item label="路径">
+          <el-input v-model="toolForm.path" placeholder="如: /brainstorm" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="toolDialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="handleSaveTool">确定</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<style scoped>
+.page-tip {
+  margin-bottom: 16px;
+}
+</style>