diff --git a/src/views/system/SettingManage.vue b/src/views/system/SettingManage.vue
index a16b19a..0be28d7 100644
--- a/src/views/system/SettingManage.vue
+++ b/src/views/system/SettingManage.vue
@@ -1,216 +1,226 @@
 <template>
   <div class="setting-manage-container">
     <el-card class="main-container" shadow="never">
-      <el-tabs v-model="activeTab" class="setting-tabs">
-        <!-- 配置组管理标签页 -->
-        <el-tab-pane label="配置组管理" name="group">
-          <!-- 搜索和操作栏 -->
-          <div class="filter-section">
-            <div class="filter-content">
-              <el-form :inline="true" :model="groupQueryParams" class="search-form">
-                <el-form-item label="关键词筛选">
-                  <el-input v-model="groupQueryParams.key" placeholder="请输入关键词" clearable style="width: 200px" />
-                </el-form-item>
-                <el-form-item>
-                  <el-button type="primary" @click="handleGroupQuery">
-                    <el-icon><Search /></el-icon>查询
-                  </el-button>
-                  <el-button @click="resetGroupQuery">重置</el-button>
-                </el-form-item>
-              </el-form>
-              <div class="action-bar">
-                <el-button type="primary" @click="handleAddGroup">
-                  <el-icon><Plus /></el-icon>新增配置组
-                </el-button>
-                <el-button type="danger" :disabled="!selectedGroupRows.length" @click="handleBatchDeleteGroup">
-                  <el-icon><Delete /></el-icon>批量删除
-                </el-button>
+      <!-- 搜索和操作栏 -->
+      <div class="filter-section">
+        <div class="filter-content">
+          <el-form :inline="true" :model="queryParams" class="search-form">
+            <el-form-item label="关键词筛选">
+              <el-input v-model="queryParams.key" placeholder="请输入关键词" clearable style="width: 200px" />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="handleQuery">
+                <el-icon><Search /></el-icon>查询
+              </el-button>
+              <el-button @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+          <div class="action-bar">
+            <el-button type="primary" @click="handleAddGroup">
+              <el-icon><Plus /></el-icon>新增配置组
+            </el-button>
+            <el-button type="primary" @click="handleAddSetting">
+              <el-icon><Plus /></el-icon>新增配置
+            </el-button>
+            <el-button type="danger" :disabled="!selectedNode" @click="handleBatchDelete">
+              <el-icon><Delete /></el-icon>删除选中
+            </el-button>
+          </div>
+        </div>
+      </div>
+
+      <!-- 树状图显示区域 -->
+      <div class="tree-section">
+        <!-- 树形表格视图 -->
+        <el-table
+          ref="treeTableRef"
+          :data="treeDisplayData"
+          style="width: 100%"
+          row-key="id"
+          :header-cell-style="{ background: '#fafafa', color: '#333', fontWeight: 600 }"
+          class="setting-tree-table"
+        >
+          <el-table-column label="名称" min-width="300">
+            <template #default="{ row }">
+              <div class="tree-item-content" :style="{ paddingLeft: (row.level - 1) * 24 + 'px' }">
+                <!-- 展开/收起按钮 -->
+                <span 
+                  v-if="row.type === 'group' && row.hasChildren" 
+                  class="expand-icon"
+                  @click="toggleExpand(row)"
+                >
+                  <el-icon v-if="row._loading"><Loading /></el-icon>
+                  <el-icon v-else :class="{ 'is-expanded': row._expanded }"><ArrowRight /></el-icon>
+                </span>
+                <span v-else class="expand-placeholder"></span>
+                
+                <el-icon class="tree-icon" v-if="row.type === 'group'">
+                  <Folder />
+                </el-icon>
+                <el-icon class="tree-icon" v-else-if="row.type === 'setting'">
+                  <Document />
+                </el-icon>
+                <span class="tree-label">{{ row.label }}</span>
+                <el-tag v-if="row.type === 'setting'" :type="getTypeColor(row.data.type)" size="small" class="type-tag">
+                  {{ row.data.type }}
+                </el-tag>
               </div>
-            </div>
-          </div>
-
-          <!-- 配置组列表 -->
-          <div class="table-section">
-            <el-table
-              v-loading="groupLoading"
-              :data="groupList"
-              @selection-change="handleGroupSelectionChange"
-              style="width: 100%"
-              :header-cell-style="{ background: '#fafafa', color: '#333', fontWeight: 600 }"
-            >
-              <el-table-column type="selection" width="55" />
-              <el-table-column prop="id" label="ID" width="80" />
-              <el-table-column prop="name" label="名称" min-width="200" />
-              <el-table-column prop="note" label="备注" min-width="250" show-overflow-tooltip />
-              <el-table-column label="创建时间" width="180">
-                <template #default="{ row }">
-                  {{ formatDate(row.CreatedAt) }}
-                </template>
-              </el-table-column>
-              <el-table-column label="更新时间" width="180">
-                <template #default="{ row }">
-                  {{ formatDate(row.UpdatedAt) }}
-                </template>
-              </el-table-column>
-              <el-table-column label="操作" width="200" fixed="right">
-                <template #default="{ row }">
-                  <el-button type="primary" link @click="handleEditGroup(row)">编辑</el-button>
-                  <el-button type="success" link @click="viewGroupSettings(row)">查看配置</el-button>
-                  <el-button type="danger" link @click="handleDeleteGroup(row)">删除</el-button>
-                </template>
-              </el-table-column>
-            </el-table>
-            
-            <!-- 分页 -->
-            <el-pagination
-              v-model:current-page="groupQueryParams.page"
-              v-model:page-size="groupQueryParams.count"
-              :page-sizes="[10, 20, 50, 100]"
-              layout="total, sizes, prev, pager, next, jumper"
-              :total="groupTotal"
-              @size-change="handleGroupSizeChange"
-              @current-change="handleGroupCurrentChange"
-              background
-              class="pagination"
-            />
-          </div>
-        </el-tab-pane>
-
-        <!-- 配置管理标签页 -->
-        <el-tab-pane label="配置管理" name="setting">
-          <!-- 搜索和操作栏 -->
-          <div class="filter-section">
-            <div class="filter-content">
-              <el-form :inline="true" :model="settingQueryParams" class="search-form">
-                <el-form-item label="配置组">
-                  <el-select v-model="settingQueryParams.group_id" placeholder="请选择配置组" clearable style="width: 200px" @change="handleSettingQuery">
-                    <el-option
-                      v-for="group in allGroupList"
-                      :key="group.id"
-                      :label="group.name"
-                      :value="group.id"
-                    />
-                  </el-select>
-                </el-form-item>
-                <el-form-item label="关键词筛选">
-                  <el-input v-model="settingQueryParams.key" placeholder="请输入关键词" clearable style="width: 200px" />
-                </el-form-item>
-                <el-form-item>
-                  <el-button type="primary" @click="handleSettingQuery">
-                    <el-icon><Search /></el-icon>查询
-                  </el-button>
-                  <el-button @click="resetSettingQuery">重置</el-button>
-                </el-form-item>
-              </el-form>
-              <div class="action-bar">
-                <el-button type="primary" @click="handleAddSetting">
-                  <el-icon><Plus /></el-icon>新增配置
-                </el-button>
-                <el-button type="danger" :disabled="!selectedSettingRows.length" @click="handleBatchDeleteSetting">
-                  <el-icon><Delete /></el-icon>批量删除
-                </el-button>
-              </div>
-            </div>
-          </div>
-
-          <!-- 配置列表 -->
-          <div class="table-section">
-            <el-table
-              v-loading="settingLoading"
-              :data="settingList"
-              @selection-change="handleSettingSelectionChange"
-              style="width: 100%"
-              :header-cell-style="{ background: '#fafafa', color: '#333', fontWeight: 600 }"
-            >
-              <el-table-column type="selection" width="55" />
-              <el-table-column prop="id" label="ID" width="80" />
-              <el-table-column prop="name" label="名称" min-width="150" />
-              <el-table-column prop="value" label="值" min-width="200" show-overflow-tooltip>
-                <template #default="{ row }">
-                  <span v-if="row.type === 'bool'">{{ row.value ? '是' : '否' }}</span>
-                  <span v-else-if="row.type === 'file'">
-                    <el-link v-if="row.value" type="primary" @click="previewFile(row.value)">
-                      文件ID: {{ row.value }}
+            </template>
+          </el-table-column>
+          <el-table-column label="类型" width="100">
+            <template #default="{ row }">
+              <el-tag v-if="row.type === 'group'" type="primary" size="small">配置组</el-tag>
+              <el-tag v-else-if="row.type === 'setting'" :type="getTypeColor(row.data.type)" size="small">
+                {{ row.data.type }}
+              </el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column label="值" min-width="200" show-overflow-tooltip>
+            <template #default="{ row }">
+              <span v-if="row.type === 'group'">{{ row.data.note || '-' }}</span>
+              <span v-else-if="row.type === 'setting'">
+                <span v-if="row.data.type === 'bool'">{{ row.data.value ? '是' : '否' }}</span>
+                <span v-else-if="row.data.type === 'file'">
+                  <el-link v-if="row.data.value" type="primary" @click="previewFile(row.data.value)">
+                    文件ID: {{ row.data.value }}
+                  </el-link>
+                  <span v-else>-</span>
+                </span>
+                <span v-else-if="row.data.type === 'file_list'">
+                  <div v-if="row.data.value" class="file-list-display">
+                    <el-link 
+                      v-for="(fileId, index) in getFileList(row.data.value)" 
+                      :key="fileId"
+                      type="primary" 
+                      @click="previewFile(fileId)"
+                      class="file-link"
+                    >
+                      文件{{ index + 1 }}: {{ fileId }}
                     </el-link>
-                    <span v-else>-</span>
-                  </span>
-                  <span v-else-if="row.type === 'file_list'">
-                    <div v-if="row.value" class="file-list-display">
-                      <el-link 
-                        v-for="(fileId, index) in getFileList(row.value)" 
-                        :key="fileId"
-                        type="primary" 
-                        @click="previewFile(fileId)"
-                        class="file-link"
-                      >
-                        文件{{ index + 1 }}: {{ fileId }}
-                      </el-link>
-                    </div>
-                    <span v-else>-</span>
-                  </span>
-                  <span v-else-if="row.type === 'string_list'">
-                    <div v-if="row.value" class="string-list-display">
-                      <el-tag 
-                        v-for="(item, index) in getStringList(row.value)" 
-                        :key="index"
-                        type="primary"
-                        size="small"
-                        class="string-tag"
-                      >
-                        {{ item }}
-                      </el-tag>
-                    </div>
-                    <span v-else>-</span>
-                  </span>
-                  <span v-else>{{ row.value }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="type" label="类型" width="100">
-                <template #default="{ row }">
-                  <el-tag :type="getTypeColor(row.type)">
-                    {{ row.type || '未知' }}
-                  </el-tag>
-                </template>
-              </el-table-column>
-              <el-table-column prop="settingGroupID" label="配置组" width="150" />
-              <el-table-column label="是否开放" width="100">
-                <template #default="{ row }">
-                  <el-switch
-                    v-model="row.open"
-                    @change="handleToggleOpen(row)"
-                    :disabled="toggleLoading === row.id"
-                  />
-                </template>
-              </el-table-column>
-              <el-table-column prop="note" label="备注" min-width="200" show-overflow-tooltip />
-              <el-table-column label="创建时间" width="180">
-                <template #default="{ row }">
-                  {{ formatDate(row.CreatedAt) }}
-                </template>
-              </el-table-column>
-              <el-table-column label="操作" width="150" fixed="right">
-                <template #default="{ row }">
-                  <el-button type="primary" link @click="handleEditSetting(row)">编辑</el-button>
-                  <el-button type="danger" link @click="handleDeleteSetting(row)">删除</el-button>
-                </template>
-              </el-table-column>
-            </el-table>
-            
-            <!-- 分页 -->
-            <el-pagination
-              v-model:current-page="settingQueryParams.page"
-              v-model:page-size="settingQueryParams.count"
-              :page-sizes="[10, 20, 50, 100]"
-              layout="total, sizes, prev, pager, next, jumper"
-              :total="settingTotal"
-              @size-change="handleSettingSizeChange"
-              @current-change="handleSettingCurrentChange"
-              background
-              class="pagination"
-            />
-          </div>
-        </el-tab-pane>
-      </el-tabs>
+                  </div>
+                  <span v-else>-</span>
+                </span>
+                <span v-else-if="row.data.type === 'string_list'">
+                  <div v-if="row.data.value" class="string-list-display">
+                    <el-tag 
+                      v-for="(item, index) in getStringList(row.data.value)" 
+                      :key="index"
+                      type="primary"
+                      size="small"
+                      class="string-tag"
+                    >
+                      {{ item }}
+                    </el-tag>
+                  </div>
+                  <span v-else>-</span>
+                </span>
+                <span v-else>{{ row.data.value }}</span>
+              </span>
+            </template>
+          </el-table-column>
+          <el-table-column label="状态" width="100">
+            <template #default="{ row }">
+              <el-tag v-if="row.type === 'group'" type="success" size="small">正常</el-tag>
+              <el-tag v-else-if="row.type === 'setting'" :type="row.data.open ? 'success' : 'info'" size="small">
+                {{ row.data.open ? '开放' : '私有' }}
+              </el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column label="创建时间" width="180">
+            <template #default="{ row }">
+              {{ formatDate(row.data.CreatedAt) }}
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" width="200" fixed="right">
+            <template #default="{ row }">
+              <el-button v-if="row.type === 'group'" type="primary" link size="small" @click="handleEditGroup(row.data)">
+                编辑
+              </el-button>
+              <el-button v-if="row.type === 'group'" type="success" link size="small" @click="handleAddSettingToGroup(row.data)">
+                新增配置
+              </el-button>
+              <el-button v-if="row.type === 'setting'" type="primary" link size="small" @click="handleEditSetting(row.data)">
+                编辑
+              </el-button>
+              <el-button type="danger" link size="small" @click="handleDelete(row)">
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+
+      <!-- 详细信息面板 -->
+      <div class="detail-section" v-if="selectedNode">
+        <el-divider content-position="left">{{ selectedNode.type === 'group' ? '配置组详情' : '配置详情' }}</el-divider>
+        <div class="detail-content">
+          <template v-if="selectedNode.type === 'group'">
+            <el-descriptions :column="2" border>
+              <el-descriptions-item label="ID">{{ selectedNode.data.id }}</el-descriptions-item>
+              <el-descriptions-item label="名称">{{ selectedNode.data.name }}</el-descriptions-item>
+              <el-descriptions-item label="备注" :span="2">{{ selectedNode.data.note || '-' }}</el-descriptions-item>
+              <el-descriptions-item label="创建时间">{{ formatDate(selectedNode.data.CreatedAt) }}</el-descriptions-item>
+              <el-descriptions-item label="更新时间">{{ formatDate(selectedNode.data.UpdatedAt) }}</el-descriptions-item>
+            </el-descriptions>
+          </template>
+          <template v-else-if="selectedNode.type === 'setting'">
+            <el-descriptions :column="2" border>
+              <el-descriptions-item label="ID">{{ selectedNode.data.id }}</el-descriptions-item>
+              <el-descriptions-item label="名称">{{ selectedNode.data.name }}</el-descriptions-item>
+              <el-descriptions-item label="类型">
+                <el-tag :type="getTypeColor(selectedNode.data.type)">{{ selectedNode.data.type }}</el-tag>
+              </el-descriptions-item>
+              <el-descriptions-item label="配置组">{{ selectedNode.data.settingGroupID || '-' }}</el-descriptions-item>
+              <el-descriptions-item label="值" :span="2">
+                <span v-if="selectedNode.data.type === 'bool'">{{ selectedNode.data.value ? '是' : '否' }}</span>
+                <span v-else-if="selectedNode.data.type === 'file'">
+                  <el-link v-if="selectedNode.data.value" type="primary" @click="previewFile(selectedNode.data.value)">
+                    文件ID: {{ selectedNode.data.value }}
+                  </el-link>
+                  <span v-else>-</span>
+                </span>
+                <span v-else-if="selectedNode.data.type === 'file_list'">
+                  <div v-if="selectedNode.data.value" class="file-list-display">
+                    <el-link 
+                      v-for="(fileId, index) in getFileList(selectedNode.data.value)" 
+                      :key="fileId"
+                      type="primary" 
+                      @click="previewFile(fileId)"
+                      class="file-link"
+                    >
+                      文件{{ index + 1 }}: {{ fileId }}
+                    </el-link>
+                  </div>
+                  <span v-else>-</span>
+                </span>
+                <span v-else-if="selectedNode.data.type === 'string_list'">
+                  <div v-if="selectedNode.data.value" class="string-list-display">
+                    <el-tag 
+                      v-for="(item, index) in getStringList(selectedNode.data.value)" 
+                      :key="index"
+                      type="primary"
+                      size="small"
+                      class="string-tag"
+                    >
+                      {{ item }}
+                    </el-tag>
+                  </div>
+                  <span v-else>-</span>
+                </span>
+                <span v-else>{{ selectedNode.data.value }}</span>
+              </el-descriptions-item>
+              <el-descriptions-item label="是否开放">
+                <el-tag :type="selectedNode.data.open ? 'success' : 'info'">
+                  {{ selectedNode.data.open ? '开放' : '私有' }}
+                </el-tag>
+              </el-descriptions-item>
+              <el-descriptions-item label="备注" :span="2">{{ selectedNode.data.note || '-' }}</el-descriptions-item>
+              <el-descriptions-item label="创建时间">{{ formatDate(selectedNode.data.CreatedAt) }}</el-descriptions-item>
+              <el-descriptions-item label="更新时间">{{ formatDate(selectedNode.data.UpdatedAt) }}</el-descriptions-item>
+            </el-descriptions>
+          </template>
+        </div>
+      </div>
     </el-card>
 
     <!-- 配置组表单对话框 -->
@@ -425,10 +435,10 @@
 </template>
 
 <script setup>
-import { ref, reactive, onMounted, watch } from 'vue'
+import { ref, reactive, onMounted, watch, nextTick, computed } from 'vue'
 import { useRoute } from 'vue-router'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import { Search, Plus, Delete, UploadFilled } from '@element-plus/icons-vue'
+import { Search, Plus, Delete, UploadFilled, Folder, Document, ArrowRight, Loading } from '@element-plus/icons-vue'
 import {
   getSettingGroupList,
   getSettingGroupInfo,
@@ -446,16 +456,47 @@ import { uploadFile } from '@/api/admin/file'
 
 const route = useRoute()
 
-// 当前激活的标签页
-const activeTab = ref('group')
+// 树状图相关状态
+const treeTableRef = ref(null)
+const treeData = ref([])
+const allGroupList = ref([]) // 存储所有已加载的配置组
+const treeDataMap = ref(new Map()) // 存储树形数据，key为group_id
+const selectedNode = ref(null)
 
-// ==================== 配置组相关 ====================
-const groupQueryParams = reactive({
+// 查询参数
+const queryParams = reactive({
   key: '',
   page: 1,
   count: 10
 })
 
+// 树状图配置
+const treeProps = {
+  children: 'children',
+  label: 'label',
+  hasChildren: 'hasChildren'
+}
+
+// 树形显示数据（扁平化用于表格显示）
+const treeDisplayData = computed(() => {
+  const result = []
+  const rootItems = treeData.value || []
+  
+  const flatten = (items, parentExpanded = true) => {
+    if (!parentExpanded) return
+    items.forEach(item => {
+      result.push(item)
+      if (item._expanded && item._children && item._children.length > 0) {
+        flatten(item._children, true)
+      }
+    })
+  }
+  
+  flatten(rootItems)
+  return result
+})
+
+// ==================== 配置组相关 ====================
 const groupForm = reactive({
   id: undefined,
   name: '',
@@ -470,14 +511,19 @@ const groupRules = {
 
 const groupLoading = ref(false)
 const groupList = ref([])
-const allGroupList = ref([]) // 用于下拉选择的完整列表
 const groupTotal = ref(0)
-const selectedGroupRows = ref([])
+const selectedRows = ref([])
 const groupDialogVisible = ref(false)
 const groupDialogTitle = ref('新增配置组')
 const groupFormRef = ref(null)
 
-// ==================== 配置相关 ====================
+// 添加缺失的变量
+const groupQueryParams = reactive({
+  key: '',
+  page: 1,
+  count: 10
+})
+
 const settingQueryParams = reactive({
   group_id: undefined,
   key: '',
@@ -485,6 +531,7 @@ const settingQueryParams = reactive({
   count: 10
 })
 
+// ==================== 配置相关 ====================
 const settingForm = reactive({
   id: undefined,
   name: '',
@@ -513,7 +560,6 @@ const settingRules = {
 const settingLoading = ref(false)
 const settingList = ref([])
 const settingTotal = ref(0)
-const selectedSettingRows = ref([])
 const settingDialogVisible = ref(false)
 const settingDialogTitle = ref('新增配置')
 const settingFormRef = ref(null)
@@ -536,73 +582,161 @@ const formatDate = (dateString) => {
   return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
 }
 
-// 获取类型颜色
-const getTypeColor = (type) => {
-  const colorMap = {
-    'string': 'primary',
-    'int': 'success',
-    'float': 'warning',
-    'bool': 'info',
-    'file': 'danger',
-    'file_list': 'danger',
-    'string_list': 'primary'
+// ==================== 树状图方法 ====================
+
+// 切换展开状态
+const toggleExpand = async (row) => {
+  if (row._loading) return
+  
+  if (row._expanded) {
+    // 收起
+    row._expanded = false
+  } else {
+    // 展开 - 如果还没加载子级，先加载
+    if (row.type === 'group' && (!row._children || row._children.length === 0)) {
+      row._loading = true
+      try {
+        const groupId = row.data.id
+        console.log('Loading children for group:', groupId)
+        const res = await getSettingList({ group_id: groupId, page: 1, count: 100 })
+        console.log('getSettingList response:', res.data)
+        if (res.data.code === 200) {
+          const settings = res.data.data.data || []
+          console.log('settings loaded:', settings)
+          const settingNodes = settings.map(setting => ({
+            id: `setting_${setting.id}`,
+            label: setting.name,
+            type: 'setting',
+            data: setting,
+            level: row.level + 1,
+            hasChildren: false, // 配置项没有子节点
+            _expanded: false,
+            _children: [],
+            _loading: false
+          }))
+          console.log('settingNodes created:', settingNodes)
+          
+          row._children = settingNodes
+          console.log('updated row with children:', row)
+        }
+      } catch (error) {
+        console.error('加载配置列表失败:', error)
+        ElMessage.error('加载配置列表失败')
+      } finally {
+        row._loading = false
+      }
+    }
+    row._expanded = true
   }
-  return colorMap[type] || ''
+}
+
+// 初始化加载配置组
+const loadGroups = async () => {
+  try {
+    const res = await getSettingGroupList({ page: 1, count: 100 })
+    console.log('getSettingGroupList response:', res.data)
+    if (res.data.code === 200) {
+      const groups = res.data.data.data || []
+      console.log('groups loaded:', groups)
+      const treeNodes = groups.map(group => ({
+        id: `group_${group.id}`,
+        label: group.name,
+        type: 'group',
+        data: group,
+        level: 1,
+        hasChildren: true, // 标记有子节点
+        _expanded: false,
+        _children: [],
+        _loading: false
+      }))
+      console.log('treeNodes created:', treeNodes)
+      treeData.value = treeNodes
+      allGroupList.value = groups
+      console.log('data set to reactive refs')
+    }
+  } catch (error) {
+    console.error('加载配置组失败:', error)
+    ElMessage.error('加载配置组失败')
+  }
+}
+
+// 节点点击事件
+const handleNodeClick = (row) => {
+  selectedNode.value = row
+}
+
+// 查询处理
+const handleQuery = () => {
+  // 重新加载树
+  treeData.value = []
+  selectedNode.value = null
+  
+  // 重新加载配置组
+  loadGroups()
+}
+
+// 重置查询
+const resetQuery = () => {
+  queryParams.key = ''
+  handleQuery()
+}
+
+// 批量删除
+const handleBatchDelete = () => {
+  if (!selectedNode.value) {
+    ElMessage.warning('请先选择要删除的项目')
+    return
+  }
+  
+  const type = selectedNode.value.type
+  const data = selectedNode.value.data
+  
+  if (type === 'group') {
+    ElMessageBox.confirm(`确认删除配置组 "${data.name}" 吗？`, '警告', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }).then(async () => {
+      try {
+        const res = await deleteSettingGroup({ setting_group_id: data.id })
+        if (res.data.code === 200) {
+          ElMessage.success('删除成功')
+          handleQuery()
+        }
+      } catch (error) {
+        console.error('删除失败:', error)
+        ElMessage.error(error.response?.data?.message || '删除失败')
+      }
+    }).catch(() => {})
+  } else if (type === 'setting') {
+    ElMessageBox.confirm(`确认删除配置 "${data.name}" 吗？`, '警告', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }).then(async () => {
+      try {
+        const res = await deleteSetting({ id: data.id })
+        if (res.data.code === 200) {
+          ElMessage.success('删除成功')
+          handleQuery()
+        }
+      } catch (error) {
+        console.error('删除失败:', error)
+        ElMessage.error(error.response?.data?.message || '删除失败')
+      }
+    }).catch(() => {})
+  }
+}
+
+// 删除节点
+const handleDelete = (data) => {
+  selectedNode.value = data
+  handleBatchDelete()
 }
 
 // ==================== 配置组方法 ====================
-const fetchGroupList = async () => {
-  groupLoading.value = true
-  try {
-    const res = await getSettingGroupList(groupQueryParams)
-    if (res.data.code === 200) {
-      groupList.value = res.data.data.data || []
-      groupTotal.value = res.data.data.all_count || 0
-    }
-  } catch (error) {
-    console.error('获取配置组列表失败:', error)
-    ElMessage.error('获取配置组列表失败')
-  } finally {
-    groupLoading.value = false
-  }
-}
-
-const fetchAllGroupList = async () => {
-  try {
-    const res = await getSettingGroupList({ page: 1, count: 10 })
-    if (res.data.code === 200) {
-      allGroupList.value = res.data.data.data || []
-    }
-  } catch (error) {
-    console.error('获取配置组列表失败:', error)
-  }
-}
-
-const handleGroupQuery = () => {
-  groupQueryParams.page = 1
-  fetchGroupList()
-}
-
-const resetGroupQuery = () => {
-  groupQueryParams.key = ''
-  groupQueryParams.page = 1
-  fetchGroupList()
-}
-
-const handleGroupSelectionChange = (selection) => {
-  selectedGroupRows.value = selection
-}
-
-const handleGroupSizeChange = (size) => {
-  groupQueryParams.count = size
-  fetchGroupList()
-}
-
-const handleGroupCurrentChange = (page) => {
-  groupQueryParams.page = page
-  fetchGroupList()
-}
 
+// 新增配置组
 const handleAddGroup = () => {
   groupDialogTitle.value = '新增配置组'
   Object.assign(groupForm, {
@@ -613,6 +747,7 @@ const handleAddGroup = () => {
   groupDialogVisible.value = true
 }
 
+// 编辑配置组
 const handleEditGroup = async (row) => {
   groupDialogTitle.value = '编辑配置组'
   try {
@@ -631,57 +766,7 @@ const handleEditGroup = async (row) => {
   }
 }
 
-const viewGroupSettings = (row) => {
-  activeTab.value = 'setting'
-  settingQueryParams.group_id = row.id
-  fetchSettingList()
-}
-
-const handleDeleteGroup = (row) => {
-  ElMessageBox.confirm(`确认删除配置组 "${row.name}" 吗？`, '警告', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning'
-  }).then(async () => {
-    try {
-      const res = await deleteSettingGroup({ setting_group_id: row.id })
-      if (res.data.code === 200) {
-        ElMessage.success('删除成功')
-        fetchGroupList()
-        fetchAllGroupList()
-      }
-    } catch (error) {
-      console.error('删除失败:', error)
-      ElMessage.error(error.response?.data?.message || '删除失败')
-    }
-  }).catch(() => {})
-}
-
-const handleBatchDeleteGroup = () => {
-  if (selectedGroupRows.value.length === 0) {
-    ElMessage.warning('请至少选择一条记录')
-    return
-  }
-  ElMessageBox.confirm(`确认删除选中的 ${selectedGroupRows.value.length} 条记录吗？`, '警告', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning'
-  }).then(async () => {
-    try {
-      const deletePromises = selectedGroupRows.value.map(row => 
-        deleteSettingGroup({ setting_group_id: row.id })
-      )
-      await Promise.all(deletePromises)
-      ElMessage.success('批量删除成功')
-      fetchGroupList()
-      fetchAllGroupList()
-    } catch (error) {
-      console.error('批量删除失败:', error)
-      ElMessage.error('批量删除失败')
-    }
-  }).catch(() => {})
-}
-
+// 提交配置组表单
 const submitGroupForm = () => {
   groupFormRef.value?.validate(async (valid) => {
     if (valid) {
@@ -699,8 +784,7 @@ const submitGroupForm = () => {
         if (res.data.code === 200) {
           ElMessage.success(groupForm.id ? '修改成功' : '创建成功')
           groupDialogVisible.value = false
-          fetchGroupList()
-          fetchAllGroupList()
+          handleQuery()
         }
       } catch (error) {
         console.error('提交失败:', error)
@@ -711,195 +795,16 @@ const submitGroupForm = () => {
 }
 
 // ==================== 配置方法 ====================
-const fetchSettingList = async () => {
-  settingLoading.value = true
-  try {
-    const params = { ...settingQueryParams }
-    if (!params.group_id) {
-      delete params.group_id
-    }
-    const res = await getSettingList(params)
-    if (res.data.code === 200) {
-      settingList.value = res.data.data.data || []
-      settingTotal.value = res.data.data.all_count || 0
-    }
-  } catch (error) {
-    console.error('获取配置列表失败:', error)
-    ElMessage.error('获取配置列表失败')
-  } finally {
-    settingLoading.value = false
-  }
-}
 
-const handleSettingQuery = () => {
-  settingQueryParams.page = 1
-  fetchSettingList()
-}
-
-const resetSettingQuery = () => {
-  settingQueryParams.group_id = undefined
-  settingQueryParams.key = ''
-  settingQueryParams.page = 1
-  fetchSettingList()
-}
-
-const handleSettingSelectionChange = (selection) => {
-  selectedSettingRows.value = selection
-}
-
-const handleSettingSizeChange = (size) => {
-  settingQueryParams.count = size
-  fetchSettingList()
-}
-
-const handleSettingCurrentChange = (page) => {
-  settingQueryParams.page = page
-  fetchSettingList()
-}
-
-const handleTypeChange = (type) => {
-  if (type === 'bool') {
-    settingForm.value = false
-  } else if (type === 'int' || type === 'float') {
-    settingForm.value = 0
-  } else if (type === 'file') {
-    settingForm.value = ''
-    fileInfo.value = null
-  } else if (type === 'file_list') {
-    settingForm.value = ''
-    fileListInfo.value = []
-  } else if (type === 'string_list') {
-    settingForm.value = ''
-    newStringItem.value = ''
-  } else {
-    settingForm.value = ''
-  }
-}
-
-// 文件变化处理
-const handleFileChange = async (file) => {
-  fileUploading.value = true
-  try {
-    const formData = new FormData()
-    formData.append('file_names', file.name) // Add file_names as an array
-    formData.append('files', file.raw)
-    formData.append('update_type','cover')
-    formData.append('open_down','true')
-    
-    const res = await uploadFile(formData)
-    if (res.data.code === 200 && res.data.data.length > 0) {
-      const uploadedFile = res.data.data[0]
-      settingForm.value = String(uploadedFile.id)
-      fileInfo.value = uploadedFile
-      ElMessage.success('文件上传成功')
-    } else {
-      ElMessage.error(res.data.message || '文件上传失败')
-    }
-  } catch (error) {
-    console.error('文件上传失败:', error)
-    ElMessage.error('文件上传失败')
-  } finally {
-    fileUploading.value = false
-  }
-}
-
-// 清除文件
-const clearFile = () => {
-  settingForm.value = ''
-  fileInfo.value = null
-}
-
-// 格式化文件大小
-const formatFileSize = (bytes) => {
-  if (!bytes) return '0 B'
-  const k = 1024
-  const sizes = ['B', 'KB', 'MB', 'GB']
-  const i = Math.floor(Math.log(bytes) / Math.log(k))
-  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i]
-}
-
-// 预览文件
-const previewFile = (fileId) => {
-  // 这里可以根据需要实现文件预览逻辑
-  ElMessage.info(`文件ID: ${fileId}`)
-}
-
-// 获取文件列表
-const getFileList = (value) => {
-  if (!value) return []
-  return value.split(',').filter(id => id.trim())
-}
-
-// 获取字符串列表
-const getStringList = (value) => {
-  if (!value) return []
-  return value.split(',').filter(str => str.trim())
-}
-
-// 文件列表变化处理
-const handleFileListChange = async (file) => {
-  fileUploading.value = true
-  try {
-    const formData = new FormData()
-    formData.append('file_names', file.name)
-    formData.append('files', file.raw)
-    formData.append('update_type','cover')
-    formData.append('open_down','true')
-    
-    const res = await uploadFile(formData)
-    if (res.data.code === 200 && res.data.data.length > 0) {
-      const uploadedFile = res.data.data[0]
-      const currentFileIds = getFileList(settingForm.value)
-      currentFileIds.push(String(uploadedFile.id))
-      settingForm.value = currentFileIds.join(',')
-      fileListInfo.value.push(uploadedFile)
-      ElMessage.success('文件上传成功')
-    } else {
-      ElMessage.error(res.data.message || '文件上传失败')
-    }
-  } catch (error) {
-    console.error('文件上传失败:', error)
-    ElMessage.error('文件上传失败')
-  } finally {
-    fileUploading.value = false
-  }
-}
-
-// 移除文件
-const removeFile = (index) => {
-  const currentFileIds = getFileList(settingForm.value)
-  currentFileIds.splice(index, 1)
-  settingForm.value = currentFileIds.join(',')
-  fileListInfo.value.splice(index, 1)
-}
-
-// 添加字符串项
-const addStringItem = () => {
-  if (newStringItem.value.trim()) {
-    const currentItems = getStringList(settingForm.value)
-    currentItems.push(newStringItem.value.trim())
-    settingForm.value = currentItems.join(',')
-    newStringItem.value = ''
-  }
-}
-
-// 移除字符串项
-const removeStringItem = (index) => {
-  const currentItems = getStringList(settingForm.value)
-  currentItems.splice(index, 1)
-  settingForm.value = currentItems.join(',')
-}
-
-const handleAddSetting = async () => {
+// 新增配置
+const handleAddSetting = () => {
   settingDialogTitle.value = '新增配置'
-  // 刷新配置组列表以确保数据最新
-  await fetchAllGroupList()
   Object.assign(settingForm, {
     id: undefined,
     name: '',
     value: '',
     type: 'string',
-    settingGroupID: settingQueryParams.group_id || undefined,
+    settingGroupID: selectedNode.value?.type === 'group' ? selectedNode.value.data.id : undefined,
     open: false,
     note: ''
   })
@@ -909,6 +814,25 @@ const handleAddSetting = async () => {
   settingDialogVisible.value = true
 }
 
+// 为指定配置组新增配置
+const handleAddSettingToGroup = (groupData) => {
+  settingDialogTitle.value = '新增配置'
+  Object.assign(settingForm, {
+    id: undefined,
+    name: '',
+    value: '',
+    type: 'string',
+    settingGroupID: groupData.id,
+    open: false,
+    note: ''
+  })
+  fileInfo.value = null
+  fileListInfo.value = []
+  newStringItem.value = ''
+  settingDialogVisible.value = true
+}
+
+// 编辑配置
 const handleEditSetting = async (row) => {
   settingDialogTitle.value = '编辑配置'
   try {
@@ -945,122 +869,156 @@ const handleEditSetting = async (row) => {
   }
 }
 
-const handleToggleOpen = async (row) => {
-  toggleLoading.value = row.id
+// 获取类型颜色
+const getTypeColor = (type) => {
+  const colorMap = {
+    'string': 'primary',
+    'int': 'success',
+    'float': 'warning',
+    'bool': 'info',
+    'file': 'danger',
+    'file_list': 'danger',
+    'string_list': 'primary'
+  }
+  return colorMap[type] || ''
+}
+
+// 添加缺失的辅助函数
+const fetchGroupList = async () => {
+  groupLoading.value = true
   try {
-    const res = await setSettingOpen({
-      id: row.id,
-      open: row.open
-    })
+    const res = await getSettingGroupList(groupQueryParams)
     if (res.data.code === 200) {
-      ElMessage.success('修改成功')
-    } else {
-      row.open = !row.open
-      ElMessage.error(res.data.message || '修改失败')
+      groupList.value = res.data.data.data || []
+      groupTotal.value = res.data.data.all_count || 0
     }
   } catch (error) {
-    row.open = !row.open
-    console.error('修改失败:', error)
-    ElMessage.error(error.response?.data?.message || '修改失败')
+    console.error('获取配置组列表失败:', error)
+    ElMessage.error('获取配置组列表失败')
   } finally {
-    toggleLoading.value = null
+    groupLoading.value = false
   }
 }
 
-const handleDeleteSetting = (row) => {
-  ElMessageBox.confirm(`确认删除配置 "${row.name}" 吗？`, '警告', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning'
-  }).then(async () => {
-    try {
-      const res = await deleteSetting({ id: row.id })
-      if (res.data.code === 200) {
-        ElMessage.success('删除成功')
-        fetchSettingList()
-      }
-    } catch (error) {
-      console.error('删除失败:', error)
-      ElMessage.error(error.response?.data?.message || '删除失败')
+const fetchAllGroupList = async () => {
+  try {
+    const res = await getSettingGroupList({ page: 1, count: 100 })
+    if (res.data.code === 200) {
+      allGroupList.value = res.data.data.data || []
     }
-  }).catch(() => {})
-}
-
-const handleBatchDeleteSetting = () => {
-  if (selectedSettingRows.value.length === 0) {
-    ElMessage.warning('请至少选择一条记录')
-    return
+  } catch (error) {
+    console.error('获取配置组列表失败:', error)
   }
-  ElMessageBox.confirm(`确认删除选中的 ${selectedSettingRows.value.length} 条记录吗？`, '警告', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning'
-  }).then(async () => {
-    try {
-      const deletePromises = selectedSettingRows.value.map(row => 
-        deleteSetting({ id: row.id })
-      )
-      await Promise.all(deletePromises)
-      ElMessage.success('批量删除成功')
-      fetchSettingList()
-    } catch (error) {
-      console.error('批量删除失败:', error)
-      ElMessage.error('批量删除失败')
-    }
-  }).catch(() => {})
 }
 
-const submitSettingForm = () => {
-  settingFormRef.value?.validate(async (valid) => {
-    if (valid) {
-      try {
-        const submitData = {
-          name: settingForm.name,
-          value: String(settingForm.value),
-          type: settingForm.type,
-          setting_group_id: settingForm.settingGroupID,
-          open: settingForm.open,
-          note: settingForm.note
-        }
-        if (settingForm.id) {
-          submitData.id = settingForm.id
-        }
-        const res = settingForm.id 
-          ? await updateSetting(submitData)
-          : await createSetting(submitData)
-        if (res.data.code === 200) {
-          ElMessage.success(settingForm.id ? '修改成功' : '创建成功')
-          settingDialogVisible.value = false
-          fetchSettingList()
-        }
-      } catch (error) {
-        console.error('提交失败:', error)
-        ElMessage.error(error.response?.data?.message || '提交失败')
-      }
+// 文件相关函数
+const handleFileChange = async (file) => {
+  fileUploading.value = true
+  try {
+    const formData = new FormData()
+    formData.append('file_names', file.name)
+    formData.append('files', file.raw)
+    formData.append('update_type','cover')
+    formData.append('open_down','true')
+    
+    const res = await uploadFile(formData)
+    if (res.data.code === 200 && res.data.data.length > 0) {
+      const uploadedFile = res.data.data[0]
+      settingForm.value = String(uploadedFile.id)
+      fileInfo.value = uploadedFile
+      ElMessage.success('文件上传成功')
+    } else {
+      ElMessage.error(res.data.message || '文件上传失败')
     }
-  })
-}
-
-// 监听标签页切换
-watch(activeTab, (newVal) => {
-  if (newVal === 'group') {
-    fetchGroupList()
-  } else if (newVal === 'setting') {
-    fetchAllGroupList() // 切换到配置管理时刷新配置组列表用于下拉筛选
-    fetchSettingList()
+  } catch (error) {
+    console.error('文件上传失败:', error)
+    ElMessage.error('文件上传失败')
+  } finally {
+    fileUploading.value = false
   }
-})
+}
+
+const clearFile = () => {
+  settingForm.value = ''
+  fileInfo.value = null
+}
+
+const formatFileSize = (bytes) => {
+  if (!bytes) return '0 B'
+  const k = 1024
+  const sizes = ['B', 'KB', 'MB', 'GB']
+  const i = Math.floor(Math.log(bytes) / Math.log(k))
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i]
+}
+
+const previewFile = (fileId) => {
+  ElMessage.info(`文件ID: ${fileId}`)
+}
+
+const getFileList = (value) => {
+  if (!value) return []
+  return value.split(',').filter(id => id.trim())
+}
+
+const getStringList = (value) => {
+  if (!value) return []
+  return value.split(',').filter(str => str.trim())
+}
+
+const handleFileListChange = async (file) => {
+  fileUploading.value = true
+  try {
+    const formData = new FormData()
+    formData.append('file_names', file.name)
+    formData.append('files', file.raw)
+    formData.append('update_type','cover')
+    formData.append('open_down','true')
+    
+    const res = await uploadFile(formData)
+    if (res.data.code === 200 && res.data.data.length > 0) {
+      const uploadedFile = res.data.data[0]
+      const currentFileIds = getFileList(settingForm.value)
+      currentFileIds.push(String(uploadedFile.id))
+      settingForm.value = currentFileIds.join(',')
+      fileListInfo.value.push(uploadedFile)
+      ElMessage.success('文件上传成功')
+    } else {
+      ElMessage.error(res.data.message || '文件上传失败')
+    }
+  } catch (error) {
+    console.error('文件上传失败:', error)
+    ElMessage.error('文件上传失败')
+  } finally {
+    fileUploading.value = false
+  }
+}
+
+const removeFile = (index) => {
+  const currentFileIds = getFileList(settingForm.value)
+  currentFileIds.splice(index, 1)
+  settingForm.value = currentFileIds.join(',')
+  fileListInfo.value.splice(index, 1)
+}
+
+const addStringItem = () => {
+  if (newStringItem.value.trim()) {
+    const currentItems = getStringList(settingForm.value)
+    currentItems.push(newStringItem.value.trim())
+    settingForm.value = currentItems.join(',')
+    newStringItem.value = ''
+  }
+}
+
+const removeStringItem = (index) => {
+  const currentItems = getStringList(settingForm.value)
+  currentItems.splice(index, 1)
+  settingForm.value = currentItems.join(',')
+}
 
 // 初始化
 onMounted(() => {
-  fetchGroupList()
-  fetchAllGroupList()
-  
-  // 检查路由参数决定初始标签页
-  if (route.query.tab === 'setting') {
-    activeTab.value = 'setting'
-    fetchSettingList()
-  }
+  // 初始化时加载配置组数据
+  loadGroups()
 })
 </script>
 
@@ -1074,8 +1032,121 @@ onMounted(() => {
   background: #ffffff;
 }
 
-.setting-tabs {
-  padding: 0 20px;
+/* 树状图样式 */
+.tree-section {
+  padding: 20px;
+  min-height: 400px;
+  max-height: 500px;
+  overflow-y: auto;
+  /* 隐藏滚动条 */
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE and Edge */
+}
+
+.tree-section::-webkit-scrollbar {
+  display: none; /* Chrome, Safari, Opera */
+}
+
+.setting-tree-table {
+  background: white;
+}
+
+/* 树状层级样式 */
+.tree-item-content {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 0;
+}
+
+.expand-icon {
+  width: 20px;
+  height: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  color: #606266;
+  transition: transform 0.2s ease;
+}
+
+.expand-icon:hover {
+  color: #409eff;
+}
+
+.expand-icon .is-expanded {
+  transform: rotate(90deg);
+}
+
+.expand-placeholder {
+  width: 20px;
+  height: 20px;
+}
+
+.tree-icon {
+  color: #409eff;
+  font-size: 16px;
+  flex-shrink: 0;
+}
+
+.tree-label {
+  font-weight: 500;
+  color: #303133;
+  font-size: 14px;
+  flex: 1;
+}
+
+.type-tag {
+  margin-left: 8px;
+}
+
+/* 表格行样式 */
+:deep(.setting-tree-table .el-table__row--level-1) {
+  background-color: #fafbfc;
+}
+
+:deep(.setting-tree-table .el-table__row--level-2) {
+  background-color: #f5f7fa;
+}
+
+/* 表格样式优化 */
+:deep(.setting-tree-table .el-table) {
+  border: none;
+  color: #2c3e50;
+}
+
+:deep(.setting-tree-table .el-table__header) {
+  background: #f8f9fa;
+}
+
+:deep(.setting-tree-table .el-table th) {
+  background: #f8f9fa !important;
+  border-bottom: 2px solid #e1e8ed;
+  color: #2c3e50;
+  font-weight: 600;
+  font-size: 13px;
+}
+
+:deep(.setting-tree-table .el-table td) {
+  border-bottom: 1px solid #f0f2f5;
+  color: #34495e;
+}
+
+:deep(.setting-tree-table .el-table tr:hover > td) {
+  background-color: #f8f9fa !important;
+}
+
+/* 详细信息面板样式 */
+.detail-section {
+  padding: 20px;
+  background: #fafbfc;
+  border-top: 1px solid #e1e8ed;
+}
+
+.detail-content {
+  background: white;
+  border-radius: 8px;
+  padding: 20px;
 }
 
 .filter-section {
@@ -1198,6 +1269,39 @@ onMounted(() => {
   :deep(.dialog-scrollable .el-dialog__footer) {
     padding: 15px;
   }
+
+  .tree-section {
+    max-height: 300px;
+    min-height: 300px;
+    padding: 10px;
+  }
+
+  .tree-item-content {
+    padding: 4px 0;
+  }
+
+  .tree-label {
+    font-size: 13px;
+  }
+
+  .tree-icon {
+    font-size: 14px;
+  }
+
+  .type-tag {
+    margin-left: 4px;
+    font-size: 11px;
+  }
+
+  :deep(.setting-tree-table .el-table th) {
+    font-size: 12px;
+    padding: 8px 4px;
+  }
+
+  :deep(.setting-tree-table .el-table td) {
+    font-size: 12px;
+    padding: 8px 4px;
+  }
 }
 
 /* 确保表单在弹窗中正确显示 */
diff --git a/问题.MD b/问题.MD
index 5960824..8287973 100644
--- a/问题.MD
+++ b/问题.MD
@@ -1,63 +1,10 @@
 ✅已完成、⚠️部分完成、❌未完成这样显示
 -----------------------------------------------------------------------------------------------需要解决
 
-自行访问下面的接口地址内容
+1.将配置组管理和配置管理放到一起，弄成树状图这种，顶级是配置组管理，点击配置组管理的下级是配置管理列表数据，需要将两个合作一个，看如何能融合以下
 
-1.- 管理员 配置信息类型 type参数新增 file 类型，先点击上传图片的位置上传文件请求文件上传接口后将获取的响应数据中的id赋值到value，用户端返回信息会返回url ✅已完成
 
-- 管理员 配置信息类型 
-  - 新增 file 类型，上传文件后，设置value为id
-  - 新增 file_list 类型，允许上传多个文件，value 为文件列表id，使用 , 分割
-  - 新增 string_list 类型，value 为字符串列表，使用 , 分割
-创建配置
-  POST /api/v1/admin/server/setting/create
-  接口ID：361964543
-  接口地址：https://app.apifox.com/link/project/5145887/apis/api-361964543
-  以下为响应数据格式：
-  {
-    "code": 200,
-    "message": "Success",
-    "data": {
-        "id": 5,
-        "name": "测试111",
-        "value": "1459",
-        "note": "测试",
-        "type": "file",
-        "settingGroup": null,
-        "settingGroupID": 4,
-        "open": true,
-        "CreatedAt": "2026-03-10T11:06:05.531505043+08:00",
-        "UpdatedAt": "2026-03-10T11:06:05.531505043+08:00",
-        "omitempty": null
-    }
-}
 
-文件上传
-  POST /api/v1/tools/file/upload
-  接口ID：223275082
-  接口地址：https://app.apifox.com/link/project/5145887/apis/api-223275082
-
-  以下是响应数据格式：
-  {
-    "code": 200,
-    "message": "Success",
-    "data": [
-        {
-            "id": 1459,
-            "realName": "312",
-            "saveName": "17731118324",
-            "savePath": "static/files/2026-03-10/17731118324",
-            "size": 323351,
-            "type": "work_order",
-            "content": "",
-            "userId": 4,
-            "openDow": true,
-            "CreatedAt": "2026-03-10T11:03:52.910463212+08:00",
-            "UpdatedAt": "2026-03-10T11:03:52.910463212+08:00",
-            "omitempty": null
-        }
-    ]
-}
 -----------------------------------------------------------------------------------------------需要解决
 
 规则限制：
@@ -71,7 +18,7 @@
 4.后续每次写的页面，组件都需要兼容移动端
 5.只要是关于选择用户，文件，优惠卷，代金卷的都使用组件
 6.只要是弹窗需要使用选择组件的都参照用户列表的编辑用户的推介人的选择样式在弹窗中
-
+7.如果给出需要访问的地址文档信息，自行访问下面的接口地址内容