style: 💄 格式优化

src/views/system/role/index.vue

@@ -12,25 +12,32 @@
         </el-form-item>
 
         <el-form-item>
-          <el-button type="primary" @click="handleQuery"
+          <el-button type="primary" @click="handleQuery">
-            ><i-ep-search />搜索</el-button
+            <i-ep-search />
-          >
+            搜索
-          <el-button @click="handleResetQuery"><i-ep-refresh />重置</el-button>
+          </el-button>
+          <el-button @click="handleResetQuery">
+            <i-ep-refresh />
+            重置
+          </el-button>
         </el-form-item>
       </el-form>
     </div>
 
     <el-card shadow="never" class="table-container">
       <template #header>
-        <el-button type="success" @click="handleOpenDialog()"
+        <el-button type="success" @click="handleOpenDialog()">
-          ><i-ep-plus />新增</el-button
+          <i-ep-plus />
-        >
+          新增
+        </el-button>
         <el-button
           type="danger"
           :disabled="ids.length === 0"
           @click="handleDelete()"
-          ><i-ep-delete />删除</el-button
         >
+          <i-ep-delete />
+          删除
+        </el-button>
       </template>
 
       <el-table
@@ -62,7 +69,8 @@
               link
               @click="handleOpenAssignPermDialog(scope.row)"
             >
-              <i-ep-position />分配权限
+              <i-ep-position />
+              分配权限
             </el-button>
             <el-button
               type="primary"
@@ -70,7 +78,8 @@
               link
               @click="handleOpenDialog(scope.row.id)"
             >
-              <i-ep-edit />编辑
+              <i-ep-edit />
+              编辑
             </el-button>
             <el-button
               type="danger"
@@ -78,7 +87,8 @@
               link
               @click="handleDelete(scope.row.id)"
             >
-              <i-ep-delete />删除
+              <i-ep-delete />
+              删除
             </el-button>
           </template>
         </el-table-column>
@@ -167,14 +177,16 @@
         </el-input>
 
         <div class="flex-center">
-          <el-button type="primary" size="small" plain @click="togglePermTree"
+          <el-button type="primary" size="small" plain @click="togglePermTree">
-            ><i-ep-switch />{{ isExpanded ? "收缩" : "展开" }}</el-button
+            <i-ep-switch />
-          >
+            {{ isExpanded ? "收缩" : "展开" }}
+          </el-button>
           <el-checkbox
             v-model="parentChildLinked"
             @change="handleparentChildLinkedChange"
             class="ml-5"
-            >父子联动
+          >
+            父子联动
           </el-checkbox>
 
           <el-tooltip placement="bottom">
@@ -205,9 +217,9 @@
 
       <template #footer>
         <div class="dialog-footer">
-          <el-button type="primary" @click="handleAssignPermSubmit"
+          <el-button type="primary" @click="handleAssignPermSubmit">
-            >确 定</el-button
+            确 定
-          >
+          </el-button>
           <el-button @click="assignPermDialogVisible = false">取 消</el-button>
         </div>
       </template>
@@ -287,6 +299,7 @@ function handleQuery() {
       loading.value = false;
     });
 }
+
 /** 重置查询 */
 function handleResetQuery() {
   queryFormRef.value.resetFields();

src/views/system/user/index.vue

@@ -46,13 +46,14 @@
             </el-form-item>
 
             <el-form-item>
-              <el-button type="primary" @click="handleQuery"
+              <el-button type="primary" @click="handleQuery">
-                ><i-ep-search />搜索</el-button
+                <i-ep-search />
-              >
+                搜索
+              </el-button>
               <el-button @click="handleResetQuery">
                 <i-ep-refresh />
-                重置</el-button
+                重置
-              >
+              </el-button>
             </el-form-item>
           </el-form>
         </div>
@@ -65,24 +66,30 @@
                   v-hasPerm="['sys:user:add']"
                   type="success"
                   @click="handleOpenDialog()"
-                  ><i-ep-plus />新增</el-button
                 >
+                  <i-ep-plus />
+                  新增
+                </el-button>
                 <el-button
                   v-hasPerm="['sys:user:delete']"
                   type="danger"
                   :disabled="removeIds.length === 0"
                   @click="handleDelete()"
-                  ><i-ep-delete />删除</el-button
                 >
+                  <i-ep-delete />
+                  删除
+                </el-button>
               </div>
               <div>
-                <el-button class="ml-3" @click="handleOpenImportDialog"
+                <el-button class="ml-3" @click="handleOpenImportDialog">
-                  ><template #icon><i-ep-upload /></template>导入</el-button
+                  <template #icon><i-ep-upload /></template>
-                >
+                  导入
+                </el-button>
 
-                <el-button class="ml-3" @click="handleExport"
+                <el-button class="ml-3" @click="handleExport">
-                  ><template #icon><i-ep-download /></template>导出</el-button
+                  <template #icon><i-ep-download /></template>
-                >
+                  导出
+                </el-button>
               </div>
             </div>
           </template>
@@ -135,9 +142,9 @@
 
             <el-table-column label="状态" align="center" prop="status">
               <template #default="scope">
-                <el-tag :type="scope.row.status == 1 ? 'success' : 'info'">{{
+                <el-tag :type="scope.row.status == 1 ? 'success' : 'info'">
-                  scope.row.status == 1 ? "启用" : "禁用"
+                  {{ scope.row.status == 1 ? "启用" : "禁用" }}
-                }}</el-tag>
+                </el-tag>
               </template>
             </el-table-column>
             <el-table-column
@@ -154,24 +161,30 @@
                   size="small"
                   link
                   @click="hancleResetPassword(scope.row)"
-                  ><i-ep-refresh-left />重置密码</el-button
                 >
+                  <i-ep-refresh-left />
+                  重置密码
+                </el-button>
                 <el-button
                   v-hasPerm="['sys:user:edit']"
                   type="primary"
                   link
                   size="small"
                   @click="handleOpenDialog(scope.row.id)"
-                  ><i-ep-edit />编辑</el-button
                 >
+                  <i-ep-edit />
+                  编辑
+                </el-button>
                 <el-button
                   v-hasPerm="['sys:user:delete']"
                   type="danger"
                   link
                   size="small"
                   @click="handleDelete(scope.row.id)"
-                  ><i-ep-delete />删除</el-button
                 >
+                  <i-ep-delete />
+                  删除
+                </el-button>
               </template>
             </el-table-column>
           </el-table>
@@ -194,7 +207,6 @@
       append-to-body
       @close="handleCloseDialog"
     >
-      <!-- 用户新增/编辑表单 -->
       <el-form
         ref="userFormRef"
         :model="formData"