From 871a32e7536f789ff4bc752e3783a9ff22a8ee94 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=8D=E5=81=9A=E7=A0=81=E5=86=9C?= <599854767@qq.com>
Date: Wed, 14 Dec 2022 18:46:21 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E7=94=9F=E6=88=90=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E5=88=97=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/tool/gen/index.vue | 61 +++++++++++++++++++++++++++---------
 1 file changed, 47 insertions(+), 14 deletions(-)

diff --git a/src/views/tool/gen/index.vue b/src/views/tool/gen/index.vue
index 6d1c623..a6780c5 100644
--- a/src/views/tool/gen/index.vue
+++ b/src/views/tool/gen/index.vue
@@ -38,21 +38,39 @@
       <el-table-column prop="className" label="实体" :show-overflow-tooltip="true" />
       <el-table-column prop="createTime" label="创建时间" sortable />
       <el-table-column prop="updateTime" label="更新时间" sortable />
-      <el-table-column label="操作" align="center" width="320">
+      <el-table-column label="操作" align="center" width="220">
         <template #default="scope">
-          <el-link type="primary" icon="view" :underline="false" @click="handlePreview(scope.row)" v-hasPermi="['tool:gen:preview']">预览</el-link>
-          <el-link type="primary" icon="edit" :underline="false" class="ml10" @click="handleEditTable(scope.row)" v-hasPermi="['tool:gen:edit']">
-            编辑
-          </el-link>
-          <el-link type="primary" icon="delete" :underline="false" class="ml10" @click="handleDelete(scope.row)" v-hasPermi="['tool:gen:remove']">
-            删除
-          </el-link>
-          <el-link type="primary" icon="refresh" :underline="false" class="ml10" @click="handleSynchDb(scope.row)" v-hasPermi="['tool:gen:edit']">
-            同步
-          </el-link>
-          <el-link type="primary" icon="download" :underline="false" class="ml10" @click="handleGenTable(scope.row)" v-hasPermi="['tool:gen:code']">
-            生成代码
-          </el-link>
+          <el-button text icon="view" @click="handlePreview(scope.row)" v-hasPermi="['tool:gen:preview']"> 预览 </el-button>
+          <el-button text icon="edit" @click="handleEditTable(scope.row)" v-hasPermi="['tool:gen:edit']"> 编辑 </el-button>
+
+          <el-dropdown @command="handleCommand($event, scope.row)">
+            <el-button text>
+              {{ $t('btn.more') }}
+              <el-icon class="el-icon--right">
+                <arrow-down />
+              </el-icon>
+            </el-button>
+
+            <template #dropdown>
+              <el-dropdown-menu>
+                <div v-hasPermi="['tool:gen:code']">
+                  <el-dropdown-item command="generate">
+                    <el-button icon="download" link>生成代码</el-button>
+                  </el-dropdown-item>
+                </div>
+                <div v-hasPermi="['tool:gen:edit']">
+                  <el-dropdown-item command="sync">
+                    <el-button icon="refresh" link> 同步 </el-button>
+                  </el-dropdown-item>
+                </div>
+                <div v-hasPermi="['tool:gen:remove']">
+                  <el-dropdown-item command="delete">
+                    <el-button icon="delete" type="danger" link> 删除 </el-button>
+                  </el-dropdown-item>
+                </div>
+              </el-dropdown-menu>
+            </template>
+          </el-dropdown>
         </template>
       </el-table-column>
     </el-table>
@@ -260,6 +278,18 @@ function onCopy(input) {
     proxy.$modal.msgError('当前浏览器不支持')
   }
 }
+function handleCommand(command, row) {
+  switch (command) {
+    case 'generate':
+      handleGenTable(row)
+      break
+    case 'delete':
+      handleDelete(row)
+    case 'sync':
+      handleSynchDb(row)
+      break
+  }
+}
 getList()
 </script>
 <style>
@@ -268,4 +298,7 @@ getList()
   right: 0;
   top: -5px;
 }
+.el-dropdown {
+  vertical-align: middle;
+}
 </style>