refactor: unify system list layout with filter/table sections

src/views/system/user/index.vue

@@ -10,7 +10,7 @@
       <!-- 用户列表 -->
       <el-col :lg="20" :xs="24">
         <!-- 搜索区域 -->
-        <div class="search-container">
+        <div class="filter-section">
           <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="auto">
             <el-form-item label="关键字" prop="keywords">
               <el-input
@@ -52,9 +52,9 @@
           </el-form>
         </div>
 
-        <el-card shadow="hover" class="data-table">
-          <div class="data-table__toolbar">
-            <div class="data-table__toolbar--actions">
+        <el-card shadow="hover" class="table-section">
+          <div class="table-section__toolbar">
+            <div class="table-section__toolbar--actions">
               <el-button
                 v-hasPerm="['sys:user:add']"
                 type="success"
@@ -73,7 +73,7 @@
                 删除
               </el-button>
             </div>
-            <div class="data-table__toolbar--tools">
+            <div class="table-section__toolbar--tools">
               <el-button
                 v-hasPerm="'sys:user:import'"
                 icon="upload"
@@ -94,7 +94,7 @@
             border
             stripe
             highlight-current-row
-            class="data-table__content"
+            class="table-section__content"
             row-key="id"
             @selection-change="handleSelectionChange"
           >
@@ -615,3 +615,5 @@ onMounted(() => {
   handleQuery();
 });
 </script>
+
+<style scoped lang="scss"></style>