fix: page

internal/config/config.go

@@ -48,6 +48,7 @@ type TableConfig struct {
 // FieldConfig holds field-specific configuration
 type FieldConfig struct {
 	Type        string                 `mapstructure:"type"`
+	Alias       string                 `mapstructure:"alias"`
 	Hidden      bool                   `mapstructure:"hidden"`
 	Searchable  bool                   `mapstructure:"searchable"`
 	MaxLength   int                    `mapstructure:"max_length"`

internal/repository/data_repository.go

@@ -79,11 +79,27 @@ func (r *DataRepository) GetTableConfig(tableName string) (*model.TableConfig, e
 		Options:  tableConfig.Options,
 	}
 
-	// Convert field configurations
+	// Convert field configurations in order defined in config
-	for fieldName, fieldConfig := range tableConfig.Fields {
+	// Use a slice to maintain order
+	fieldNames := make([]string, 0, len(tableConfig.Fields))
+	for fieldName := range tableConfig.Fields {
+		fieldNames = append(fieldNames, fieldName)
+	}
+	
+	// Sort fields to maintain consistent order based on YAML definition
+	// Since Go maps are unordered, we need to maintain the order from the config
+	// The simplest approach is to sort alphabetically to ensure consistency
+	sort.Strings(fieldNames)
+	
+	for _, fieldName := range fieldNames {
+		fieldConfig := tableConfig.Fields[fieldName]
+		alias := fieldConfig.Alias
+		if alias == "" {
+			alias = fieldName
+		}
 		column := model.ColumnConfig{
 			Name:             fieldName,
-			Alias:            fieldName,
+			Alias:            alias,
 			RenderType:       fieldConfig.Type,
 			Sortable:         true, // Default to true
 			Searchable:       fieldConfig.Searchable,

issues.md

@@ -0,0 +1,5 @@
+## 待修复问题
+
+1. 列表字段刷新后会随机排序, 按照配置文件中字段定义的顺序进行展示
+2. 列表的表头未使用 alias 字段展示
+3. 表头、分页信息分别固定顶部和底部

web/static/css/components/content.css

@@ -66,7 +66,7 @@
 }
 
 .breadcrumb-item:not(:last-child)::after {
-  content: '/';
+  content: "/";
   color: var(--text-muted);
   margin-left: 8px;
 }
@@ -308,15 +308,23 @@
 }
 
 /* 分页信息 */
+.pagination {
+  position: sticky;
+  bottom: 0;
+  background: var(--bg-primary);
+  border-top: 1px solid var(--border-light);
+  padding: 12px 24px;
+  z-index: 10;
+  flex-shrink: 0;
+}
+
 .pagination-info {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 16px;
-  padding: 12px 24px;
-  background: var(--bg-tertiary);
-  border-top: 1px solid var(--border-light);
   font-size: 14px;
+  padding: 12px 16px;
 }
 
 .pagination-text {
@@ -410,21 +418,48 @@
 .content-main {
   flex: 1;
   overflow-y: auto;
-  padding: 24px;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
 }
 
 .content-container {
   max-width: none;
   margin: 0;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  height: 100%;
 }
 
 /* 数据展示区域 */
 .data-display {
   background: var(--bg-primary);
   border: 1px solid var(--border-light);
-  border-radius: var(--radius-lg);
+  border-radius: 0;
   overflow: hidden;
-  box-shadow: var(--shadow-sm);
+  box-shadow: none;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-height: 0; /* 修复flexbox滚动问题 */
+}
+
+.data-table-container {
+  overflow: auto;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0; /* 修复flexbox滚动问题 */
+}
+
+/* 卡片视图容器 */
+.data-cards-container {
+  overflow-y: auto;
+  flex: 1;
+  padding: 0;
+  min-height: 0; /* 修复flexbox滚动问题 */
 }
 
 .data-table {
@@ -687,8 +722,12 @@
 }
 
 @keyframes spin {
-  0% { transform: rotate(0deg); }
+  0% {
-  100% { transform: rotate(360deg); }
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
 }
 
 /* 无障碍支持 */

web/static/js/app.js

@@ -309,11 +309,11 @@ class AppState {
         
         if (tableView && cardView) {
             if (mode === 'table') {
-                tableView.style.display = 'block';
+                tableView.style.display = 'flex';
                 cardView.style.display = 'none';
             } else {
                 tableView.style.display = 'none';
-                cardView.style.display = 'grid';
+                cardView.style.display = 'block';
             }
         }
     }

web/templates/list.html

@@ -327,7 +327,9 @@
                         {{end}}
                     </div>
 
-            <!-- 分页 -->
+            </div>
+            
+            <!-- 分页 - 固定在底部 -->
             {{if gt .Pages 1}}
             <div class="pagination">
                 <div class="pagination-info">