fix(gencode): 修复表导入参数格式问题并优化UI样式

修复前端传递表名参数格式与后端API不匹配的问题，调整参数为逗号分隔字符串
优化操作按钮颜色区分不同功能，修正预览对话框变量命名和模板文件后缀
重构文件上传接口模拟实现，移除未使用的导入

frontend/src/api/generator/gencode.ts

@@ -21,12 +21,17 @@ const GencodeAPI = {
     })
   },
 
-  // 导入表
+  // 导入表 - 将数组转换为适合FastAPI解析的格式
   importTable(table_names: string[]) {
+    // 构建符合FastAPI期望的查询字符串
+    let queryString = '';
+    table_names.forEach((name, index) => {
+      queryString += `${index === 0 ? '?' : '&'}table_names=${encodeURIComponent(name)}`;
+    });
+    
     return request<ApiResponse>({
-      url: `${API_PATH}/import`,
-      method: 'post',
-      params: { table_names }
+      url: `${API_PATH}/import${queryString}`,
+      method: 'post'
     })
   },
 
@@ -61,7 +66,7 @@ const GencodeAPI = {
     return request<ApiResponse>({
       url: `${API_PATH}/delete`,
       method: 'delete',
-      data: data
+      data
     })
   },