From 077cdf0cade27bc902f4afd3646ccb54892b3c56 Mon Sep 17 00:00:00 2001
From: ray <1490493387@qq.com>
Date: Mon, 15 Jul 2024 18:20:59 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20:sparkles:=20=E4=BB=A3=E7=A0=81?=
 =?UTF-8?q?=E7=94=9F=E6=88=90=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/database.ts           |  2 +-
 src/main.ts                   |  1 +
 src/views/generator/index.vue | 73 ++++++++++++++++++++---------------
 3 files changed, 44 insertions(+), 32 deletions(-)

diff --git a/src/api/database.ts b/src/api/database.ts
index 14d4c4d7..e272e6f8 100644
--- a/src/api/database.ts
+++ b/src/api/database.ts
@@ -15,7 +15,7 @@ class DatabaseAPI {
   /** 获取代码生成预览数据 */
   static getTableColumns(tableName: string) {
     return request<any, TableColumnVO[]>({
-      url: `${DATABASE_BASE_URL}/${tableName}/columns`,
+      url: `${DATABASE_BASE_URL}/table/${tableName}/columns`,
       method: "get",
     });
   }
diff --git a/src/main.ts b/src/main.ts
index 5b8e96fb..ff813587 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -13,6 +13,7 @@ import "animate.css";
 import { InstallCodemirro } from "codemirror-editor-vue3";
 
 const app = createApp(App);
+// 注册插件
 app.use(setupPlugins);
 app.use(InstallCodemirro);
 app.mount("#app");
diff --git a/src/views/generator/index.vue b/src/views/generator/index.vue
index 71339f10..689b5a48 100644
--- a/src/views/generator/index.vue
+++ b/src/views/generator/index.vue
@@ -51,16 +51,16 @@
               type="primary"
               size="small"
               link
-              @click="handlePreview(scope.row.tableName)"
+              @click="handleOpenDialog('config', scope.row.tableName)"
             >
               <i-ep-View />
-              预览
+              配置
             </el-button>
             <el-button
               type="primary"
               size="small"
               link
-              @click="handlePreview(scope.row.tableName)"
+              @click="handleOpenDialog('preview', scope.row.tableName)"
             >
               <i-ep-MagicStick />
               生成
@@ -84,23 +84,31 @@
       @close="handleCloseDialog"
       size="80%"
     >
-      <el-row>
-        <el-col :span="6">
-          <el-tree :data="[{ value: 'Controller', label: 'Controller' }]" />
-        </el-col>
-        <el-col :span="18">
-          <div>
-            <Codemirror
-              v-model:value="code"
-              :options="cmOptions"
-              border
-              ref="cmRef"
-              height="100%"
-              width="100%"
-            />
-          </div>
-        </el-col>
-      </el-row>
+      <div v-if="dialog.type === 'preview'">
+        <el-row>
+          <el-col :span="6">
+            <el-tree :data="[{ value: 'Controller', label: 'Controller' }]" />
+          </el-col>
+          <el-col :span="18">
+            <div>
+              <Codemirror
+                v-model:value="code"
+                :options="cmOptions"
+                border
+                ref="cmRef"
+                height="100%"
+                width="100%"
+              />
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+      <div v-else-if="dialog.type === 'config'">
+        <el-tabs type="border-card">
+          <el-tab-pane label="User">基础信息</el-tab-pane>
+          <el-tab-pane label="Config">字段配置</el-tab-pane>
+        </el-tabs>
+      </div>
 
       <template #footer>
         <el-button @click="handleCloseDialog">取 消</el-button>
@@ -165,6 +173,7 @@ const queryParams = reactive<TablePageQuery>({
 const pageData = ref<TablePageVO[]>([]);
 
 const dialog = reactive({
+  type: "",
   visible: false,
   title: "",
 });
@@ -188,22 +197,24 @@ function handleResetQuery() {
   handleQuery();
 }
 
-function handlePreview(tableName: string) {
-  DatabaseAPI.getPreviewData(tableName).then((data) => {
-    dialog.title = `预览 ${tableName}`;
-    code.value = data[0].content;
-
-    console.log("data", data);
-    handleOpenDialog();
-  });
-}
-
 function handleCloseDialog() {
   dialog.visible = false;
 }
 
-function handleOpenDialog() {
+/** 打开弹窗 */
+function handleOpenDialog(type: string, tableName: string) {
   dialog.visible = true;
+  dialog.type = type;
+  if (type === "preview") {
+    DatabaseAPI.getPreviewData(tableName).then((data) => {
+      dialog.title = `预览 ${tableName}`;
+      code.value = data[0].content;
+    });
+  } else if (type === "config") {
+    DatabaseAPI.getTableColumns(tableName).then((data) => {
+      dialog.title = `配置 ${tableName}`;
+    });
+  }
 }
 
 function handleSubmit() {}