- 将所有按钮样式调整

src/components/AuditLogDialog/index.vue

@@ -21,7 +21,7 @@
       </el-form>
 
       <!-- 审核记录列表 -->
-      <el-table v-loading="loading" :data="auditLogList" border>
+      <el-table v-loading="loading" :data="auditLogList" border style="width: 100%">
         <el-table-column prop="id" label="ID" width="80" align="center" />
         <el-table-column prop="documentName" :label="documentNameLabel" min-width="150" show-overflow-tooltip />
         <el-table-column prop="auditorType" :label="auditorTypeLabel" width="120" align="center">
@@ -49,10 +49,17 @@
           </template>
         </el-table-column>
         <!-- 操作栏 -->
-        <el-table-column :label="operationLabel" width="120" align="center" fixed="right">
+        <el-table-column :label="operationLabel" width="140" align="center" fixed="right">
           <template #default="scope">
-            <el-button v-if="scope.row.ossId" type="primary" link icon="Download"
-              @click="handleDownload(scope.row.ossId, scope.row.documentName)" :title="downloadButtonText" />
+            <el-button 
+              v-if="scope.row.ossId" 
+              type="primary" 
+              icon="Download"
+              style="padding: 0 5px; font-size: 10px; height: 24px; --el-button-icon-span-gap: 2px;"
+              @click="handleDownload(scope.row.ossId, scope.row.documentName)"
+            >
+              {{ downloadButtonText }}
+            </el-button>
             <span v-else>-</span>
           </template>
         </el-table-column>

src/views/document/folder/document/DocumentList.vue

@@ -18,7 +18,7 @@
     </el-form>
 
     <!-- 文档列表 -->
-    <el-table v-loading="documentLoading" :data="documentList" border style="margin-top: 10px">
+    <el-table v-loading="documentLoading" :data="documentList" border style="margin-top: 10px; width: 100%">
       <el-table-column prop="id" width="55" align="center" :label="t('document.document.documentList.index')">
         <template #default="scope">
           {{ scope.row.id }}
@@ -93,68 +93,75 @@
         </template>
       </el-table-column>
       <!-- 操作列 -->
-      <el-table-column :label="t('document.document.documentList.action')" width="200" align="center" fixed="right">
+      <el-table-column :label="t('document.document.documentList.action')" width="480" align="center" fixed="right">
         <template #default="scope">
           <el-button
             v-if="scope.row.url && scope.row.status === 1"
             v-hasPermi="['document:document:audit']"
             type="primary"
-            link
             :icon="Select"
+            style="padding: 0 5px; font-size: 10px; height: 24px; --el-button-icon-span-gap: 2px;"
             @click="handleAuditClick(scope.row)"
-            :title="t('document.document.button.audit')"
-          />
+          >
+            {{ t('document.document.button.audit') }}
+          </el-button>
           <el-button
             v-if="(scope.row.status === 0 || scope.row.status === 2) && scope.row.submitterId === userStore.userId"
             v-hasPermi="['document:document:submit']"
-            type="primary"
-            link
+            type="success"
             :icon="Upload"
+            style="padding: 0 5px; font-size: 10px; height: 24px; --el-button-icon-span-gap: 2px;"
             @click="handleSubmit(scope.row)"
-            :title="t('document.document.button.submit')"
-          />
+          >
+            {{ t('document.document.button.submit') }}
+          </el-button>
           <el-button
             v-if="(scope.row.status === 0 || scope.row.status === 2) && scope.row.submitterId === userStore.userId"
             v-hasPermi="['document:document:confirmSubmit']"
-            type="primary"
-            link
+            type="danger"
             icon="Delete"
+            style="padding: 0 5px; font-size: 10px; height: 24px; --el-button-icon-span-gap: 2px;"
             @click="handleConfirmSubmit(scope.row)"
-            :title="t('document.document.button.confirmSubmit')"
-          />
+          >
+            {{ t('document.document.button.confirmSubmit') }}
+          </el-button>
           <el-button
             v-hasPermi="['document:document:mark']"
-            type="primary"
-            link
+            type="warning"
             icon="Flag"
+            style="padding: 0 5px; font-size: 10px; height: 24px; --el-button-icon-span-gap: 2px;"
             @click="handleMark(scope.row)"
-            :title="t('document.document.button.mark')"
-          />
+          >
+            {{ t('document.document.button.mark') }}
+          </el-button>
           <el-button
             v-if="scope.row.ossId"
-            type="primary"
-            link
+            type="info"
             icon="Download"
+            style="padding: 0 5px; font-size: 10px; height: 24px; --el-button-icon-span-gap: 2px;"
             @click="handleDownload(scope.row)"
-            :title="t('document.document.button.download')"
-          />
+          >
+            {{ t('document.document.button.download') }}
+          </el-button>
           <el-button
             v-hasPermi="['document:document:logAudit']"
             type="primary"
-            link
             icon="DocumentCopy"
+            style="padding: 0 5px; font-size: 10px; height: 24px; --el-button-icon-span-gap: 2px;"
             @click="handleViewAuditLog(scope.row)"
-            :title="t('document.document.button.viewAuditLog')"
-          />
+          >
+            {{ t('document.document.button.viewAuditLog') }}
+          </el-button>
           <el-button
             v-if="scope.row.status === 3"
             v-hasPermi="['document:document:filing']"
-            type="primary"
-            link
+            type="success"
             icon="UploadFilled"
+            style="padding: 0 5px; font-size: 10px; height: 24px; --el-button-icon-span-gap: 2px;"
             @click="handleArchive(scope.row)"
-            :title="t('document.document.button.archive')"
-          />
+          >
+            {{ t('document.document.button.archive') }}
+          </el-button>
         </template>
       </el-table-column>
     </el-table>

src/views/document/folder/project.vue

@@ -74,7 +74,7 @@
           </el-row>
         </template>
 
-        <el-table v-loading="loading" border :data="projectList">
+        <el-table v-loading="loading" border :data="projectList" style="width: 100%">
           <el-table-column :label="t('project.management.table.id')" align="center" prop="id" width="100" />
           <el-table-column :label="t('project.management.table.code')" align="center" prop="code" width="200" />
           <el-table-column :label="t('project.management.table.name')" align="center" prop="name" width="200" />
@@ -103,12 +103,17 @@
             min-width="180" />
           <el-table-column :label="t('project.management.table.updateTime')" align="center" prop="updateTime"
             min-width="180" />
-          <el-table-column :label="t('project.management.table.actions')" align="center" width="80" fixed="right">
+          <el-table-column :label="t('project.management.table.actions')" align="center" width="120" fixed="right">
             <template #default="scope">
-              <el-tooltip :content="t('project.management.table.enterProject')" placement="top">
-                <el-button v-hasPermi="['document:folder:entry']" type="primary" link icon="ArrowRight"
-                  @click="handleEnterProject(scope.row)" />
-              </el-tooltip>
+              <el-button 
+                v-hasPermi="['document:folder:entry']" 
+                type="primary" 
+                icon="ArrowRight" 
+                style="padding: 0 5px; font-size: 10px; height: 24px; --el-button-icon-span-gap: 2px;"
+                @click="handleEnterProject(scope.row)"
+              >
+                {{ t('project.management.table.enterProject') }}
+              </el-button>
             </template>
           </el-table-column>
         </el-table>

src/views/monitor/logininfor/index.vue

@@ -64,6 +64,7 @@
         :data="loginInfoList"
         :default-sort="defaultSort"
         border
+        style="width: 100%"
         @selection-change="handleSelectionChange"
         @sort-change="handleSortChange"
       >

src/views/monitor/online/index.vue

@@ -46,12 +46,17 @@
             <span>{{ proxy.parseTime(scope.row.loginTime) }}</span>
           </template>
         </el-table-column>
-        <el-table-column :label="t('online.table.operation')" align="center" fixed="right" class-name="small-padding fixed-width" width="120">
+        <el-table-column :label="t('online.table.operation')" align="center" fixed="right" class-name="small-padding fixed-width" width="140">
           <template #default="scope">
-            <el-tooltip :content="t('online.tooltip.forceLogout')" placement="top">
-              <el-button v-hasPermi="['monitor:online:forceLogout']" link type="primary" icon="Delete" @click="handleForceLogout(scope.row)">
-              </el-button>
-            </el-tooltip>
+            <el-button 
+              v-hasPermi="['monitor:online:forceLogout']" 
+              type="danger" 
+              icon="Delete" 
+              style="padding: 0 5px; font-size: 10px; height: 24px; --el-button-icon-span-gap: 2px;"
+              @click="handleForceLogout(scope.row)"
+            >
+              {{ t('online.tooltip.forceLogout') }}
+            </el-button>
           </template>
         </el-table-column>
       </el-table>

src/views/project/management/detail/pages/projectMember.vue

@@ -18,12 +18,17 @@
         <el-table-column :label="t('project.management.member.dept')" align="center" prop="dept" min-width="200"
           show-overflow-tooltip />
         <el-table-column :label="t('project.management.member.time')" align="center" prop="time" width="180" />
-        <el-table-column label="操作栏" align="center" width="150" fixed="right">
+        <el-table-column label="操作栏" align="center" width="180" fixed="right">
           <template #default="scope">
-            <el-tooltip content="修改文件夹权限" placement="top">
-              <el-button v-hasPermi="['project:management:queryProjectMemberAssignFolders']" type="primary" link
-                icon="Setting" @click="handleAssignFolders(scope.row)" />
-            </el-tooltip>
+            <el-button 
+              v-hasPermi="['project:management:queryProjectMemberAssignFolders']" 
+              type="primary" 
+              icon="Setting" 
+              style="padding: 0 5px; font-size: 10px; height: 24px; --el-button-icon-span-gap: 2px;"
+              @click="handleAssignFolders(scope.row)"
+            >
+              修改文件夹权限
+            </el-button>
           </template>
         </el-table-column>
       </el-table>

src/views/project/management/list.vue

@@ -108,7 +108,7 @@
         </el-row>
       </template>
 
-      <el-table v-loading="loading" border :data="managementList" @selection-change="handleSelectionChange">
+      <el-table v-loading="loading" border :data="managementList" style="width: 100%" @selection-change="handleSelectionChange">
         <el-table-column type="selection" width="55" align="center" />
         <el-table-column :label="t('project.management.table.id')" align="center" prop="id" v-if="true" />
         <el-table-column :label="t('project.management.table.code')" align="center" prop="code" width="150" />
@@ -153,20 +153,44 @@
             <span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
           </template>
         </el-table-column>
-        <el-table-column :label="t('project.management.table.operation')" align="center" fixed="right"  class-name="small-padding fixed-width" width="320">
+        <el-table-column :label="t('project.management.table.operation')" align="center" fixed="right" class-name="small-padding fixed-width" width="360">
           <template #default="scope">
-            <el-tooltip :content="t('project.management.tooltip.detail')" placement="top">
-              <el-button link type="primary" icon="View" @click="handleViewDetail(scope.row)" v-hasPermi="['project:management:query']"></el-button>
-            </el-tooltip>
-            <el-tooltip :content="t('project.management.tooltip.edit')" placement="top">
-              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['project:management:edit']"></el-button>
-            </el-tooltip>
-            <el-tooltip :content="t('project.management.tooltip.delete')" placement="top">
-              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['project:management:remove']"></el-button>
-            </el-tooltip>
-            <el-tooltip :content="t('project.management.tooltip.updateStatus')" placement="top">
-              <el-button link type="primary" icon="Refresh" @click="handleUpdateStatus(scope.row)" v-hasPermi="['project:management:updateStatus']"></el-button>
-            </el-tooltip>
+            <el-button 
+              type="primary" 
+              icon="View" 
+              style="padding: 0 5px; font-size: 10px; height: 24px; --el-button-icon-span-gap: 2px;"
+              @click="handleViewDetail(scope.row)" 
+              v-hasPermi="['project:management:query']"
+            >
+              {{ t('project.management.tooltip.detail') }}
+            </el-button>
+            <el-button 
+              type="success" 
+              icon="Edit" 
+              style="padding: 0 5px; font-size: 10px; height: 24px; --el-button-icon-span-gap: 2px;"
+              @click="handleUpdate(scope.row)" 
+              v-hasPermi="['project:management:edit']"
+            >
+              {{ t('project.management.tooltip.edit') }}
+            </el-button>
+            <el-button 
+              type="danger" 
+              icon="Delete" 
+              style="padding: 0 5px; font-size: 10px; height: 24px; --el-button-icon-span-gap: 2px;"
+              @click="handleDelete(scope.row)" 
+              v-hasPermi="['project:management:remove']"
+            >
+              {{ t('project.management.tooltip.delete') }}
+            </el-button>
+            <el-button 
+              type="warning" 
+              icon="Refresh" 
+              style="padding: 0 5px; font-size: 10px; height: 24px; --el-button-icon-span-gap: 2px;"
+              @click="handleUpdateStatus(scope.row)" 
+              v-hasPermi="['project:management:updateStatus']"
+            >
+              {{ t('project.management.tooltip.updateStatus') }}
+            </el-button>
           </template>
         </el-table-column>
       </el-table>

src/views/search/index.vue

@@ -58,7 +58,7 @@
       </el-form>
 
       <!-- 文档列表 -->
-      <el-table v-loading="loading" :data="documentList" border style="margin-top: 10px">
+      <el-table v-loading="loading" :data="documentList" border style="margin-top: 10px; width: 100%">
         <el-table-column prop="id" :label="t('search.table.id')" width="80" align="center" />
         <el-table-column prop="folderName" :label="t('search.table.folderName')" min-width="120"
           show-overflow-tooltip />
@@ -129,10 +129,17 @@
           </template>
         </el-table-column>
         <!-- 操作列 -->
-        <el-table-column :label="t('search.table.action')" width="100" align="center" fixed="right">
+        <el-table-column :label="t('search.table.action')" width="120" align="center" fixed="right">
           <template #default="scope">
-            <el-button v-if="scope.row.ossId" type="primary" link icon="Download"
-              @click="handleDownload(scope.row.ossId, scope.row.fileName)" :title="t('search.button.download')" />
+            <el-button 
+              v-if="scope.row.ossId" 
+              type="primary" 
+              icon="Download"
+              style="padding: 0 5px; font-size: 10px; height: 24px; --el-button-icon-span-gap: 2px;"
+              @click="handleDownload(scope.row.ossId, scope.row.fileName)"
+            >
+              {{ t('search.button.download') }}
+            </el-button>
             <span v-else>-</span>
           </template>
         </el-table-column>

src/views/system/dept/index.vue

@@ -43,12 +43,13 @@
         :data="deptList"
         row-key="deptId"
         border
+        style="width: 100%"
         :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
         :default-expand-all="isExpandAll"
       >
-        <el-table-column prop="deptName" :label="t('dept.table.deptName')" width="260"></el-table-column>
-        <el-table-column prop="deptCategory" align="center" :label="t('dept.table.deptCategory')" width="200"></el-table-column>
-        <el-table-column prop="orderNum" align="center" :label="t('dept.table.orderNum')" width="200"></el-table-column>
+        <el-table-column prop="deptName" :label="t('dept.table.deptName')" min-width="260"></el-table-column>
+        <el-table-column prop="deptCategory" align="center" :label="t('dept.table.deptCategory')" min-width="200"></el-table-column>
+        <el-table-column prop="orderNum" align="center" :label="t('dept.table.orderNum')" width="120"></el-table-column>
         <el-table-column prop="status" align="center" :label="t('dept.table.status')" width="100">
           <template #default="scope">
             <dict-tag :options="sys_normal_disable" :value="scope.row.status" />
@@ -59,17 +60,35 @@
             <span>{{ proxy.parseTime(scope.row.createTime) }}</span>
           </template>
         </el-table-column>
-        <el-table-column fixed="right" align="center" :label="t('dept.table.operation')">
+        <el-table-column fixed="right" align="center" :label="t('dept.table.operation')" width="240">
           <template #default="scope">
-            <el-tooltip :content="t('dept.tooltip.edit')" placement="top">
-              <el-button v-hasPermi="['system:dept:edit']" link type="primary" icon="Edit" @click="handleUpdate(scope.row)" />
-            </el-tooltip>
-            <el-tooltip :content="t('dept.tooltip.add')" placement="top">
-              <el-button v-hasPermi="['system:dept:add']" link type="primary" icon="Plus" @click="handleAdd(scope.row)" />
-            </el-tooltip>
-            <el-tooltip :content="t('dept.tooltip.delete')" placement="top">
-              <el-button v-hasPermi="['system:dept:remove']" link type="primary" icon="Delete" @click="handleDelete(scope.row)" />
-            </el-tooltip>
+            <el-button 
+              v-hasPermi="['system:dept:edit']" 
+              type="primary" 
+              icon="Edit" 
+              style="padding: 0 5px; font-size: 10px; height: 24px;"
+              @click="handleUpdate(scope.row)"
+            >
+              {{ t('dept.tooltip.edit') }}
+            </el-button>
+            <el-button 
+              v-hasPermi="['system:dept:add']" 
+              type="success" 
+              icon="Plus" 
+              style="padding: 0 5px; font-size: 10px; height: 24px;"
+              @click="handleAdd(scope.row)"
+            >
+              {{ t('dept.tooltip.add') }}
+            </el-button>
+            <el-button 
+              v-hasPermi="['system:dept:remove']" 
+              type="danger" 
+              icon="Delete" 
+              style="padding: 0 5px; font-size: 10px; height: 24px;"
+              @click="handleDelete(scope.row)"
+            >
+              {{ t('dept.tooltip.delete') }}
+            </el-button>
           </template>
         </el-table-column>
       </el-table>

src/views/system/dict/data.vue

@@ -44,7 +44,7 @@
         </el-row>
       </template>
 
-      <el-table v-loading="loading" border :data="dataList" @selection-change="handleSelectionChange">
+      <el-table v-loading="loading" border :data="dataList" style="width: 100%" @selection-change="handleSelectionChange">
         <el-table-column type="selection" width="55" align="center" />
         <el-table-column v-if="false" :label="t('dict.table.dictCode')" align="center" prop="dictCode" />
         <el-table-column :label="t('dict.table.dictLabel')" align="center" prop="dictLabel">
@@ -69,14 +69,26 @@
             <span>{{ proxy.parseTime(scope.row.createTime) }}</span>
           </template>
         </el-table-column>
-        <el-table-column :label="t('dict.table.operation')" align="center" width="160" class-name="small-padding fixed-width">
+        <el-table-column :label="t('dict.table.operation')" align="center" width="200" class-name="small-padding fixed-width">
           <template #default="scope">
-            <el-tooltip :content="t('dict.tooltip.edit')" placement="top">
-              <el-button v-hasPermi="['system:dict:edit']" link type="primary" icon="Edit" @click="handleUpdate(scope.row)"></el-button>
-            </el-tooltip>
-            <el-tooltip :content="t('dict.tooltip.delete')" placement="top">
-              <el-button v-hasPermi="['system:dict:remove']" link type="primary" icon="Delete" @click="handleDelete(scope.row)"></el-button>
-            </el-tooltip>
+            <el-button 
+              v-hasPermi="['system:dict:edit']" 
+              type="primary" 
+              icon="Edit" 
+              style="padding: 0 5px; font-size: 10px; height: 24px; --el-button-icon-span-gap: 2px;"
+              @click="handleUpdate(scope.row)"
+            >
+              {{ t('dict.tooltip.edit') }}
+            </el-button>
+            <el-button 
+              v-hasPermi="['system:dict:remove']" 
+              type="danger" 
+              icon="Delete" 
+              style="padding: 0 5px; font-size: 10px; height: 24px; --el-button-icon-span-gap: 2px;"
+              @click="handleDelete(scope.row)"
+            >
+              {{ t('dict.tooltip.delete') }}
+            </el-button>
           </template>
         </el-table-column>
       </el-table>

src/views/system/dict/index.vue

@@ -53,7 +53,7 @@
         </el-row>
       </template>
 
-      <el-table v-loading="loading" border :data="typeList" @selection-change="handleSelectionChange">
+      <el-table v-loading="loading" border :data="typeList" style="width: 100%" @selection-change="handleSelectionChange">
         <el-table-column type="selection" width="55" align="center" />
         <el-table-column v-if="false" :label="t('dict.table.dictId')" align="center" prop="dictId" />
         <el-table-column :label="t('dict.table.dictName')" align="center" prop="dictName" :show-overflow-tooltip="true" />
@@ -70,14 +70,26 @@
             <span>{{ proxy.parseTime(scope.row.createTime) }}</span>
           </template>
         </el-table-column>
-        <el-table-column :label="t('dict.table.operation')" align="center" width="160" class-name="small-padding fixed-width">
+        <el-table-column :label="t('dict.table.operation')" align="center" width="200" class-name="small-padding fixed-width">
           <template #default="scope">
-            <el-tooltip :content="t('dict.tooltip.edit')" placement="top">
-              <el-button v-hasPermi="['system:dict:edit']" link type="primary" icon="Edit" @click="handleUpdate(scope.row)"></el-button>
-            </el-tooltip>
-            <el-tooltip :content="t('dict.tooltip.delete')" placement="top">
-              <el-button v-hasPermi="['system:dict:remove']" link type="primary" icon="Delete" @click="handleDelete(scope.row)"></el-button>
-            </el-tooltip>
+            <el-button 
+              v-hasPermi="['system:dict:edit']" 
+              type="primary" 
+              icon="Edit" 
+              style="padding: 0 5px; font-size: 10px; height: 24px; --el-button-icon-span-gap: 2px;"
+              @click="handleUpdate(scope.row)"
+            >
+              {{ t('dict.tooltip.edit') }}
+            </el-button>
+            <el-button 
+              v-hasPermi="['system:dict:remove']" 
+              type="danger" 
+              icon="Delete" 
+              style="padding: 0 5px; font-size: 10px; height: 24px; --el-button-icon-span-gap: 2px;"
+              @click="handleDelete(scope.row)"
+            >
+              {{ t('dict.tooltip.delete') }}
+            </el-button>
           </template>
         </el-table-column>
       </el-table>

src/views/system/post/index.vue

@@ -84,7 +84,7 @@
               <right-toolbar v-model:show-search="showSearch" @query-table="getList"></right-toolbar>
             </el-row>
           </template>
-          <el-table v-loading="loading" border :data="postList" @selection-change="handleSelectionChange">
+          <el-table v-loading="loading" border :data="postList" style="width: 100%" @selection-change="handleSelectionChange">
             <el-table-column type="selection" width="55" align="center" />
             <el-table-column v-if="false" :label="t('post.table.postId')" align="center" prop="postId" />
             <el-table-column :label="t('post.table.postCode')" align="center" prop="postCode" />
@@ -102,14 +102,26 @@
                 <span>{{ proxy.parseTime(scope.row.createTime) }}</span>
               </template>
             </el-table-column>
-            <el-table-column :label="t('post.table.operation')" width="180" align="center" class-name="small-padding fixed-width">
+            <el-table-column :label="t('post.table.operation')" width="200" align="center" class-name="small-padding fixed-width">
               <template #default="scope">
-                <el-tooltip :content="t('post.tooltip.edit')" placement="top">
-                  <el-button v-hasPermi="['system:post:edit']" link type="primary" icon="Edit" @click="handleUpdate(scope.row)"></el-button>
-                </el-tooltip>
-                <el-tooltip :content="t('post.tooltip.delete')" placement="top">
-                  <el-button v-hasPermi="['system:post:remove']" link type="primary" icon="Delete" @click="handleDelete(scope.row)"></el-button>
-                </el-tooltip>
+                <el-button 
+                  v-hasPermi="['system:post:edit']" 
+                  type="primary" 
+                  icon="Edit" 
+                  style="padding: 0 5px; font-size: 10px; height: 24px;"
+                  @click="handleUpdate(scope.row)"
+                >
+                  {{ t('post.tooltip.edit') }}
+                </el-button>
+                <el-button 
+                  v-hasPermi="['system:post:remove']" 
+                  type="danger" 
+                  icon="Delete" 
+                  style="padding: 0 5px; font-size: 10px; height: 24px;"
+                  @click="handleDelete(scope.row)"
+                >
+                  {{ t('post.tooltip.delete') }}
+                </el-button>
               </template>
             </el-table-column>
           </el-table>

src/views/system/role/index.vue

@@ -55,7 +55,7 @@
         </el-row>
       </template>
 
-      <el-table ref="roleTableRef" border v-loading="loading" :data="roleList" @selection-change="handleSelectionChange">
+      <el-table ref="roleTableRef" border v-loading="loading" :data="roleList" style="width: 100%" @selection-change="handleSelectionChange">
         <el-table-column type="selection" width="55" align="center" />
         <el-table-column v-if="false" :label="t('role.table.roleId')" prop="roleId" width="120" />
         <el-table-column :label="t('role.table.roleName')" prop="roleName" :show-overflow-tooltip="true" width="150" />
@@ -72,20 +72,48 @@
           </template>
         </el-table-column>
 
-        <el-table-column fixed="right" :label="t('role.table.operation')" width="180">
+        <el-table-column fixed="right" :label="t('role.table.operation')" width="320">
           <template #default="scope">
-            <el-tooltip v-if="scope.row.roleId !== 1" :content="t('role.tooltip.edit')" placement="top">
-              <el-button v-hasPermi="['system:role:edit']" link type="primary" icon="Edit" @click="handleUpdate(scope.row)"></el-button>
-            </el-tooltip>
-            <el-tooltip v-if="scope.row.roleId !== 1" :content="t('role.tooltip.delete')" placement="top">
-              <el-button v-hasPermi="['system:role:remove']" link type="primary" icon="Delete" @click="handleDelete(scope.row)"></el-button>
-            </el-tooltip>
-            <el-tooltip v-if="scope.row.roleId !== 1" :content="t('role.tooltip.dataScope')" placement="top">
-              <el-button v-hasPermi="['system:role:edit']" link type="primary" icon="CircleCheck" @click="handleDataScope(scope.row)"></el-button>
-            </el-tooltip>
-            <el-tooltip v-if="scope.row.roleId !== 1" :content="t('role.tooltip.assignUser')" placement="top">
-              <el-button v-hasPermi="['system:role:edit']" link type="primary" icon="User" @click="handleAuthUser(scope.row)"></el-button>
-            </el-tooltip>
+            <el-button 
+              v-if="scope.row.roleId !== 1" 
+              v-hasPermi="['system:role:edit']" 
+              type="primary" 
+              icon="Edit" 
+              style="padding: 0 5px; font-size: 10px; height: 24px;"
+              @click="handleUpdate(scope.row)"
+            >
+              {{ t('role.tooltip.edit') }}
+            </el-button>
+            <el-button 
+              v-if="scope.row.roleId !== 1" 
+              v-hasPermi="['system:role:remove']" 
+              type="danger" 
+              icon="Delete" 
+              style="padding: 0 5px; font-size: 10px; height: 24px;"
+              @click="handleDelete(scope.row)"
+            >
+              {{ t('role.tooltip.delete') }}
+            </el-button>
+            <el-button 
+              v-if="scope.row.roleId !== 1" 
+              v-hasPermi="['system:role:edit']" 
+              type="warning" 
+              icon="CircleCheck" 
+              style="padding: 0 5px; font-size: 10px; height: 24px;"
+              @click="handleDataScope(scope.row)"
+            >
+              {{ t('role.tooltip.dataScope') }}
+            </el-button>
+            <el-button 
+              v-if="scope.row.roleId !== 1" 
+              v-hasPermi="['system:role:edit']" 
+              type="success" 
+              icon="User" 
+              style="padding: 0 5px; font-size: 10px; height: 24px;"
+              @click="handleAuthUser(scope.row)"
+            >
+              {{ t('role.tooltip.assignUser') }}
+            </el-button>
           </template>
         </el-table-column>
       </el-table>

src/views/system/tenant/index.vue

@@ -54,7 +54,7 @@
         </el-row>
       </template>
 
-      <el-table v-loading="loading" border :data="tenantList" @selection-change="handleSelectionChange">
+      <el-table v-loading="loading" border :data="tenantList" style="width: 100%" @selection-change="handleSelectionChange">
         <el-table-column type="selection" width="55" align="center" />
         <el-table-column v-if="false" :label="t('tenant.table.id')" align="center" prop="id" />
         <el-table-column :label="t('tenant.table.tenantId')" align="center" prop="tenantId" />
@@ -72,18 +72,35 @@
             <el-switch v-model="scope.row.status" active-value="0" inactive-value="1" @change="handleStatusChange(scope.row)"></el-switch>
           </template>
         </el-table-column>
-        <el-table-column width="150" :label="t('tenant.table.operation')" align="center" fixed="right" class-name="small-padding fixed-width">
+        <el-table-column width="240" :label="t('tenant.table.operation')" align="center" fixed="right" class-name="small-padding fixed-width">
           <template #default="scope">
-            <el-tooltip :content="t('tenant.tooltip.edit')" placement="top">
-              <el-button v-hasPermi="['system:tenant:edit']" link type="primary" icon="Edit" @click="handleUpdate(scope.row)"></el-button>
-            </el-tooltip>
-            <el-tooltip :content="t('tenant.tooltip.syncPackage')" placement="top">
-              <el-button v-hasPermi="['system:tenant:edit']" link type="primary" icon="Refresh" @click="handleSyncTenantPackage(scope.row)">
-              </el-button>
-            </el-tooltip>
-            <el-tooltip :content="t('tenant.tooltip.delete')" placement="top">
-              <el-button v-hasPermi="['system:tenant:remove']" link type="primary" icon="Delete" @click="handleDelete(scope.row)"></el-button>
-            </el-tooltip>
+            <el-button 
+              v-hasPermi="['system:tenant:edit']" 
+              type="primary" 
+              icon="Edit" 
+              style="padding: 0 5px; font-size: 10px; height: 24px; --el-button-icon-span-gap: 2px;"
+              @click="handleUpdate(scope.row)"
+            >
+              {{ t('tenant.tooltip.edit') }}
+            </el-button>
+            <el-button 
+              v-hasPermi="['system:tenant:edit']" 
+              type="success" 
+              icon="Refresh" 
+              style="padding: 0 5px; font-size: 10px; height: 24px; --el-button-icon-span-gap: 2px;"
+              @click="handleSyncTenantPackage(scope.row)"
+            >
+              {{ t('tenant.tooltip.syncPackage') }}
+            </el-button>
+            <el-button 
+              v-hasPermi="['system:tenant:remove']" 
+              type="danger" 
+              icon="Delete" 
+              style="padding: 0 5px; font-size: 10px; height: 24px; --el-button-icon-span-gap: 2px;"
+              @click="handleDelete(scope.row)"
+            >
+              {{ t('tenant.tooltip.delete') }}
+            </el-button>
           </template>
         </el-table-column>
       </el-table>

src/views/system/tenantPackage/index.vue

@@ -39,7 +39,7 @@
         </el-row>
       </template>
 
-      <el-table v-loading="loading" border :data="tenantPackageList" @selection-change="handleSelectionChange">
+      <el-table v-loading="loading" border :data="tenantPackageList" style="width: 100%" @selection-change="handleSelectionChange">
         <el-table-column type="selection" width="55" align="center" />
         <el-table-column v-if="false" :label="t('tenantPackage.table.packageId')" align="center" prop="packageId" />
         <el-table-column :label="t('tenantPackage.table.packageName')" align="center" prop="packageName" />
@@ -49,14 +49,26 @@
             <el-switch v-model="scope.row.status" active-value="0" inactive-value="1" @click="handleStatusChange(scope.row)"></el-switch>
           </template>
         </el-table-column>
-        <el-table-column :label="t('tenantPackage.table.operation')" align="center" class-name="small-padding fixed-width">
+        <el-table-column :label="t('tenantPackage.table.operation')" width="200" align="center" class-name="small-padding fixed-width">
           <template #default="scope">
-            <el-tooltip :content="t('tenantPackage.tooltip.edit')" placement="top">
-              <el-button v-hasPermi="['system:tenantPackage:edit']" link type="primary" icon="Edit" @click="handleUpdate(scope.row)"></el-button>
-            </el-tooltip>
-            <el-tooltip :content="t('tenantPackage.tooltip.delete')" placement="top">
-              <el-button v-hasPermi="['system:tenantPackage:remove']" link type="primary" icon="Delete" @click="handleDelete(scope.row)"></el-button>
-            </el-tooltip>
+            <el-button 
+              v-hasPermi="['system:tenantPackage:edit']" 
+              type="primary" 
+              icon="Edit" 
+              style="padding: 0 5px; font-size: 10px; height: 24px; --el-button-icon-span-gap: 2px;"
+              @click="handleUpdate(scope.row)"
+            >
+              {{ t('tenantPackage.tooltip.edit') }}
+            </el-button>
+            <el-button 
+              v-hasPermi="['system:tenantPackage:remove']" 
+              type="danger" 
+              icon="Delete" 
+              style="padding: 0 5px; font-size: 10px; height: 24px; --el-button-icon-span-gap: 2px;"
+              @click="handleDelete(scope.row)"
+            >
+              {{ t('tenantPackage.tooltip.delete') }}
+            </el-button>
           </template>
         </el-table-column>
       </el-table>

src/views/system/user/index.vue

@@ -95,7 +95,7 @@
             </el-row>
           </template>
 
-          <el-table v-loading="loading" border :data="userList" @selection-change="handleSelectionChange">
+          <el-table v-loading="loading" border :data="userList" style="width: 100%" @selection-change="handleSelectionChange">
             <el-table-column type="selection" width="50" align="center" />
             <el-table-column v-if="columns[0].visible" key="userId" :label="t('user.table.userId')" align="center" prop="userId" />
             <el-table-column v-if="columns[1].visible" key="userName" :label="t('user.table.userName')" align="center" prop="userName" :show-overflow-tooltip="true" />
@@ -120,22 +120,48 @@
               </template>
             </el-table-column>
 
-            <el-table-column :label="t('user.table.operation')" fixed="right" width="180" class-name="small-padding fixed-width">
+            <el-table-column :label="t('user.table.operation')" fixed="right" width="320" class-name="small-padding fixed-width">
               <template #default="scope">
-                <el-tooltip v-if="scope.row.userId !== 1" :content="t('user.button.edit')" placement="top">
-                  <el-button v-hasPermi="['system:user:edit']" link type="primary" icon="Edit" @click="handleUpdate(scope.row)"></el-button>
-                </el-tooltip>
-                <el-tooltip v-if="scope.row.userId !== 1" :content="t('user.button.delete')" placement="top">
-                  <el-button v-hasPermi="['system:user:remove']" link type="primary" icon="Delete" @click="handleDelete(scope.row)"></el-button>
-                </el-tooltip>
-
-                <el-tooltip v-if="scope.row.userId !== 1" :content="t('user.button.resetPwd')" placement="top">
-                  <el-button v-hasPermi="['system:user:resetPwd']" link type="primary" icon="Key" @click="handleResetPwd(scope.row)"></el-button>
-                </el-tooltip>
-
-                <el-tooltip v-if="scope.row.userId !== 1" :content="t('user.button.assignRole')" placement="top">
-                  <el-button v-hasPermi="['system:user:edit']" link type="primary" icon="CircleCheck" @click="handleAuthRole(scope.row)"></el-button>
-                </el-tooltip>
+                <el-button 
+                  v-if="scope.row.userId !== 1" 
+                  v-hasPermi="['system:user:edit']" 
+                  type="primary" 
+                  icon="Edit" 
+                  style="padding: 0 5px; font-size: 10px; height: 24px;"
+                  @click="handleUpdate(scope.row)"
+                >
+                  {{ t('user.button.edit') }}
+                </el-button>
+                <el-button 
+                  v-if="scope.row.userId !== 1" 
+                  v-hasPermi="['system:user:remove']" 
+                  type="danger" 
+                  icon="Delete" 
+                  style="padding: 0 5px; font-size: 10px; height: 24px;"
+                  @click="handleDelete(scope.row)"
+                >
+                  {{ t('user.button.delete') }}
+                </el-button>
+                <el-button 
+                  v-if="scope.row.userId !== 1" 
+                  v-hasPermi="['system:user:resetPwd']" 
+                  type="warning" 
+                  icon="Key" 
+                  style="padding: 0 5px; font-size: 10px; height: 24px;"
+                  @click="handleResetPwd(scope.row)"
+                >
+                  {{ t('user.button.resetPwd') }}
+                </el-button>
+                <el-button 
+                  v-if="scope.row.userId !== 1" 
+                  v-hasPermi="['system:user:edit']" 
+                  type="success" 
+                  icon="CircleCheck" 
+                  style="padding: 0 5px; font-size: 10px; height: 24px;"
+                  @click="handleAuthRole(scope.row)"
+                >
+                  {{ t('user.button.assignRole') }}
+                </el-button>
               </template>
             </el-table-column>
           </el-table>