⚡优化ui

src/views/system/dict/index.vue

@@ -1,12 +1,12 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="字典名称" prop="dictName">
-        <el-input v-model="queryParams.dictName" placeholder="请输入字典名称" clearable @keyup.enter="handleQuery" />
-      </el-form-item>
       <el-form-item label="字典类型" prop="dictType">
         <el-input v-model="queryParams.dictType" placeholder="请输入字典类型" clearable @keyup.enter="handleQuery" />
       </el-form-item>
+      <el-form-item label="字典名称" prop="dictName">
+        <el-input v-model="queryParams.dictName" placeholder="请输入字典名称" clearable @keyup.enter="handleQuery" />
+      </el-form-item>
       <el-form-item label="状态" prop="status">
         <el-select v-model="queryParams.status" placeholder="字典状态" clearable>
           <el-option v-for="dict in statusOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />

src/views/system/role/index.vue

@@ -330,7 +330,7 @@ function getRoleDeptTreeselect(roleId) {
 }
 // 角色状态修改
 function handleStatusChange(row) {
-  const text = row.status === '0' ? '启用' : '停用'
+  const text = row.status == '0' ? '启用' : '停用'
 
   proxy
     .$confirm('确认要"' + text + '""' + row.roleName + '"角色吗?', '警告', {
@@ -345,7 +345,7 @@ function handleStatusChange(row) {
       proxy.$modal.msgSuccess(text + '成功')
     })
     .catch(function () {
-      row.status = row.status === '0' ? '1' : '0'
+      row.status = row.status == 0 ? 1 : 0
     })
 }
 // 取消按钮

src/views/tool/gen/index.vue

@@ -26,20 +26,17 @@
       highlight-current-row
       height="400px">
       <el-table-column type="selection" align="center" width="55"></el-table-column>
-      <el-table-column label="#" type="index" width="50" align="center">
+      <el-table-column prop="tableId" label="tableId" width="80" sortable="" />
-        <template #default="scope">
-          <span>{{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}</span>
-        </template>
-      </el-table-column>
       <el-table-column prop="dbName" label="数据库名" width="90" :show-overflow-tooltip="true" />
-      <el-table-column prop="tableId" label="id" width="70" sortable="" />
+      <el-table-column prop="tplCategory" label="生成模板" width="90" sortable="" />
-      <el-table-column prop="tableName" label="表名" width="110" :show-overflow-tooltip="true" />
+      <el-table-column prop="tableName" label="表名" width="120" :show-overflow-tooltip="true" />
       <el-table-column prop="tableComment" label="表描述" :show-overflow-tooltip="true" width="120" />
       <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="220">
+      <el-table-column label="操作" align="center" width="200">
         <template #default="scope">
+          <el-button-group>
             <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>
 
@@ -71,6 +68,7 @@
                 </el-dropdown-menu>
               </template>
             </el-dropdown>
+          </el-button-group>
         </template>
       </el-table-column>
     </el-table>