diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 1a20584..2aa9097 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -141,7 +141,7 @@
 
 <template>
   <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" :size="size" :border="false" style="width: 100%;">
+    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;">
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
       <slot name="columns" />

diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 1a20584..2aa9097 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -141,7 +141,7 @@
 
 <template>
   <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" :size="size" :border="false" style="width: 100%;">
+    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;">
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
       <slot name="columns" />
diff --git a/src/components/SearchArea/SearchItem.vue b/src/components/SearchArea/SearchItem.vue
index 833c96e..3adef93 100644
--- a/src/components/SearchArea/SearchItem.vue
+++ b/src/components/SearchArea/SearchItem.vue
@@ -24,9 +24,10 @@
   margin-bottom: 10px;
   vertical-align: top;
   box-sizing: inherit;
+  margin-right: 5px;
 }
 
-.search-item + .search-item {
-  margin-left: 5px;
+.search-item:last-child {
+  margin-right: 0;
 }
 </style>

diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 1a20584..2aa9097 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -141,7 +141,7 @@
 
 <template>
   <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" :size="size" :border="false" style="width: 100%;">
+    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;">
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
       <slot name="columns" />
diff --git a/src/components/SearchArea/SearchItem.vue b/src/components/SearchArea/SearchItem.vue
index 833c96e..3adef93 100644
--- a/src/components/SearchArea/SearchItem.vue
+++ b/src/components/SearchArea/SearchItem.vue
@@ -24,9 +24,10 @@
   margin-bottom: 10px;
   vertical-align: top;
   box-sizing: inherit;
+  margin-right: 5px;
 }
 
-.search-item + .search-item {
-  margin-left: 5px;
+.search-item:last-child {
+  margin-right: 0;
 }
 </style>
diff --git a/src/components/SearchArea/index.vue b/src/components/SearchArea/index.vue
index 1833bd3..ba55463 100644
--- a/src/components/SearchArea/index.vue
+++ b/src/components/SearchArea/index.vue
@@ -10,7 +10,7 @@
 const props = defineProps({
   type: {
     type: String,
-    default: 'default',
+    default: 'seperate',
   }, // 显示类型，default表示正常连续显示，'seperate'表示两边分散显示
   needClear: {
     type: Boolean,
@@ -66,33 +66,39 @@
 <template>
   <div class="search-div">
     <div :class="{ 'search-left': type === 'seperate', 'search-all': type === 'default' }">
-      <slot />
+      <div class="input-div">
+        <slot />
+      </div>
+
       <el-collapse-transition>
         <div v-if="needSearchMore && searchMoreType === 'default'" v-show="data.searchMoreShow">
           <slot name="searchMore" />
         </div>
       </el-collapse-transition>
-      <el-button v-if="type === 'default'" :size="size" type="primary" class="search-btn" :icon="Search" @click="search">
-        搜索
-      </el-button>
-      <el-button v-if="type === 'default' && needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
-        高级检索
-      </el-button>
-      <el-button v-if="type === 'default' && needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
-        重置
-      </el-button>
-      <slot name="btns" />
+      <div v-if="type === 'default'">
+        <el-button v-if="type === 'default'" :size="size" type="primary" class="search-btn" :icon="Search" @click="search">
+          搜索
+        </el-button>
+        <el-button v-if="type === 'default' && needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
+          高级检索
+        </el-button>
+        <el-button v-if="type === 'default' && needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
+          重置
+        </el-button>
+        <slot name="btns" />
+      </div>
     </div>
-    <div v-if="type === 'seperate'" class="search-right">
-      <el-button :size="size" type="primary" :icon="icon ? 'el-icon-search' : ''" class="search-btn" @click="search">
+    <div v-if="type === 'seperate'" class="search-right" :style="{ width: `${90 + (needClear ? 100 : 0) + (needSearchMore ? +100 : 0)}px` }">
+      <el-button :size="size" type="primary" :icon="Search" class="search-btn" @click="search">
         搜索
       </el-button>
       <el-button v-if="needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
         高级检索
       </el-button>
-      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="icon ? 'el-icon-delete' : ''" @click="clearInput">
+      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
         重置
       </el-button>
+      <slot name="btns" />
     </div>
   </div>
 </template>
@@ -108,9 +114,24 @@
   justify-content: space-between;
   border-radius: 7px;
 
+  .input-div {
+    flex: 1;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    align-content: flex-start;
+  }
+
   .search-btn {
     margin-bottom: 10px;
   }
+
+  .search-right {
+    width: auto;
+    display: flex;
+    justify-content: flex-end;
+    align-items: flex-end;
+  }
 }
 
 .dialog-footer {

diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 1a20584..2aa9097 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -141,7 +141,7 @@
 
 <template>
   <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" :size="size" :border="false" style="width: 100%;">
+    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;">
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
       <slot name="columns" />
diff --git a/src/components/SearchArea/SearchItem.vue b/src/components/SearchArea/SearchItem.vue
index 833c96e..3adef93 100644
--- a/src/components/SearchArea/SearchItem.vue
+++ b/src/components/SearchArea/SearchItem.vue
@@ -24,9 +24,10 @@
   margin-bottom: 10px;
   vertical-align: top;
   box-sizing: inherit;
+  margin-right: 5px;
 }
 
-.search-item + .search-item {
-  margin-left: 5px;
+.search-item:last-child {
+  margin-right: 0;
 }
 </style>
diff --git a/src/components/SearchArea/index.vue b/src/components/SearchArea/index.vue
index 1833bd3..ba55463 100644
--- a/src/components/SearchArea/index.vue
+++ b/src/components/SearchArea/index.vue
@@ -10,7 +10,7 @@
 const props = defineProps({
   type: {
     type: String,
-    default: 'default',
+    default: 'seperate',
   }, // 显示类型，default表示正常连续显示，'seperate'表示两边分散显示
   needClear: {
     type: Boolean,
@@ -66,33 +66,39 @@
 <template>
   <div class="search-div">
     <div :class="{ 'search-left': type === 'seperate', 'search-all': type === 'default' }">
-      <slot />
+      <div class="input-div">
+        <slot />
+      </div>
+
       <el-collapse-transition>
         <div v-if="needSearchMore && searchMoreType === 'default'" v-show="data.searchMoreShow">
           <slot name="searchMore" />
         </div>
       </el-collapse-transition>
-      <el-button v-if="type === 'default'" :size="size" type="primary" class="search-btn" :icon="Search" @click="search">
-        搜索
-      </el-button>
-      <el-button v-if="type === 'default' && needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
-        高级检索
-      </el-button>
-      <el-button v-if="type === 'default' && needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
-        重置
-      </el-button>
-      <slot name="btns" />
+      <div v-if="type === 'default'">
+        <el-button v-if="type === 'default'" :size="size" type="primary" class="search-btn" :icon="Search" @click="search">
+          搜索
+        </el-button>
+        <el-button v-if="type === 'default' && needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
+          高级检索
+        </el-button>
+        <el-button v-if="type === 'default' && needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
+          重置
+        </el-button>
+        <slot name="btns" />
+      </div>
     </div>
-    <div v-if="type === 'seperate'" class="search-right">
-      <el-button :size="size" type="primary" :icon="icon ? 'el-icon-search' : ''" class="search-btn" @click="search">
+    <div v-if="type === 'seperate'" class="search-right" :style="{ width: `${90 + (needClear ? 100 : 0) + (needSearchMore ? +100 : 0)}px` }">
+      <el-button :size="size" type="primary" :icon="Search" class="search-btn" @click="search">
         搜索
       </el-button>
       <el-button v-if="needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
         高级检索
       </el-button>
-      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="icon ? 'el-icon-delete' : ''" @click="clearInput">
+      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
         重置
       </el-button>
+      <slot name="btns" />
     </div>
   </div>
 </template>
@@ -108,9 +114,24 @@
   justify-content: space-between;
   border-radius: 7px;
 
+  .input-div {
+    flex: 1;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    align-content: flex-start;
+  }
+
   .search-btn {
     margin-bottom: 10px;
   }
+
+  .search-right {
+    width: auto;
+    display: flex;
+    justify-content: flex-end;
+    align-items: flex-end;
+  }
 }
 
 .dialog-footer {
diff --git a/src/components/TableContainer/index.vue b/src/components/TableContainer/index.vue
index 031e444..2b68cb2 100644
--- a/src/components/TableContainer/index.vue
+++ b/src/components/TableContainer/index.vue
@@ -5,12 +5,23 @@
     type: String,
     default: '0',
   },
+  titleShow: {
+    type: Boolean,
+    default: true,
+  },
+  title: {
+    type: String,
+    default: '数据列表',
+  },
 })
 </script>
 
 <template>
   <div class="table-container">
     <div class="button-area">
+      <div v-if="titleShow" class="title-left">
+        {{ title }}
+      </div>
       <div class="button-left">
         <slot name="btns-left" />
       </div>
@@ -36,6 +47,11 @@
     display: flex;
     justify-content: space-between;
     margin-bottom: 10px;
+    align-items: center;
+
+    .title-left {
+      margin-left: 5px;
+    }
 
     .button-left {
       display: flex;

diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 1a20584..2aa9097 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -141,7 +141,7 @@
 
 <template>
   <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" :size="size" :border="false" style="width: 100%;">
+    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;">
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
       <slot name="columns" />
diff --git a/src/components/SearchArea/SearchItem.vue b/src/components/SearchArea/SearchItem.vue
index 833c96e..3adef93 100644
--- a/src/components/SearchArea/SearchItem.vue
+++ b/src/components/SearchArea/SearchItem.vue
@@ -24,9 +24,10 @@
   margin-bottom: 10px;
   vertical-align: top;
   box-sizing: inherit;
+  margin-right: 5px;
 }
 
-.search-item + .search-item {
-  margin-left: 5px;
+.search-item:last-child {
+  margin-right: 0;
 }
 </style>
diff --git a/src/components/SearchArea/index.vue b/src/components/SearchArea/index.vue
index 1833bd3..ba55463 100644
--- a/src/components/SearchArea/index.vue
+++ b/src/components/SearchArea/index.vue
@@ -10,7 +10,7 @@
 const props = defineProps({
   type: {
     type: String,
-    default: 'default',
+    default: 'seperate',
   }, // 显示类型，default表示正常连续显示，'seperate'表示两边分散显示
   needClear: {
     type: Boolean,
@@ -66,33 +66,39 @@
 <template>
   <div class="search-div">
     <div :class="{ 'search-left': type === 'seperate', 'search-all': type === 'default' }">
-      <slot />
+      <div class="input-div">
+        <slot />
+      </div>
+
       <el-collapse-transition>
         <div v-if="needSearchMore && searchMoreType === 'default'" v-show="data.searchMoreShow">
           <slot name="searchMore" />
         </div>
       </el-collapse-transition>
-      <el-button v-if="type === 'default'" :size="size" type="primary" class="search-btn" :icon="Search" @click="search">
-        搜索
-      </el-button>
-      <el-button v-if="type === 'default' && needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
-        高级检索
-      </el-button>
-      <el-button v-if="type === 'default' && needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
-        重置
-      </el-button>
-      <slot name="btns" />
+      <div v-if="type === 'default'">
+        <el-button v-if="type === 'default'" :size="size" type="primary" class="search-btn" :icon="Search" @click="search">
+          搜索
+        </el-button>
+        <el-button v-if="type === 'default' && needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
+          高级检索
+        </el-button>
+        <el-button v-if="type === 'default' && needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
+          重置
+        </el-button>
+        <slot name="btns" />
+      </div>
     </div>
-    <div v-if="type === 'seperate'" class="search-right">
-      <el-button :size="size" type="primary" :icon="icon ? 'el-icon-search' : ''" class="search-btn" @click="search">
+    <div v-if="type === 'seperate'" class="search-right" :style="{ width: `${90 + (needClear ? 100 : 0) + (needSearchMore ? +100 : 0)}px` }">
+      <el-button :size="size" type="primary" :icon="Search" class="search-btn" @click="search">
         搜索
       </el-button>
       <el-button v-if="needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
         高级检索
       </el-button>
-      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="icon ? 'el-icon-delete' : ''" @click="clearInput">
+      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
         重置
       </el-button>
+      <slot name="btns" />
     </div>
   </div>
 </template>
@@ -108,9 +114,24 @@
   justify-content: space-between;
   border-radius: 7px;
 
+  .input-div {
+    flex: 1;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    align-content: flex-start;
+  }
+
   .search-btn {
     margin-bottom: 10px;
   }
+
+  .search-right {
+    width: auto;
+    display: flex;
+    justify-content: flex-end;
+    align-items: flex-end;
+  }
 }
 
 .dialog-footer {
diff --git a/src/components/TableContainer/index.vue b/src/components/TableContainer/index.vue
index 031e444..2b68cb2 100644
--- a/src/components/TableContainer/index.vue
+++ b/src/components/TableContainer/index.vue
@@ -5,12 +5,23 @@
     type: String,
     default: '0',
   },
+  titleShow: {
+    type: Boolean,
+    default: true,
+  },
+  title: {
+    type: String,
+    default: '数据列表',
+  },
 })
 </script>
 
 <template>
   <div class="table-container">
     <div class="button-area">
+      <div v-if="titleShow" class="title-left">
+        {{ title }}
+      </div>
       <div class="button-left">
         <slot name="btns-left" />
       </div>
@@ -36,6 +47,11 @@
     display: flex;
     justify-content: space-between;
     margin-bottom: 10px;
+    align-items: center;
+
+    .title-left {
+      margin-left: 5px;
+    }
 
     .button-left {
       display: flex;
diff --git a/src/views/system/area/listArea.vue b/src/views/system/area/listArea.vue
index 97b4847..0f71917 100644
--- a/src/views/system/area/listArea.vue
+++ b/src/views/system/area/listArea.vue
@@ -28,7 +28,7 @@
   { text: '区域编码', value: 'id', align: 'center' },
   { text: '区域等级', value: 'levelName', align: 'center' },
   { text: '所属区域', value: 'pName', align: 'center' },
-  { text: '区域排序', value: 'num', width: 80, align: 'center' },
+  { text: '区域排序', value: 'num', width: 100, align: 'center' },
 ]
 const list = ref([]) // 列表数据
 const total = ref(0)// 数据总数
@@ -121,8 +121,8 @@
       </search-item>
     </search-area>
     <table-container>
-      <template #btns-left>
-        <el-button v-if="proxy.hasPerm(Perm.ADD)" class="filter-item" :icon="Plus" @click="add">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm(Perm.ADD)" class="filter-item" type="primary" :icon="Plus" @click="add">
           新增
         </el-button>
       </template>

diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 1a20584..2aa9097 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -141,7 +141,7 @@
 
 <template>
   <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" :size="size" :border="false" style="width: 100%;">
+    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;">
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
       <slot name="columns" />
diff --git a/src/components/SearchArea/SearchItem.vue b/src/components/SearchArea/SearchItem.vue
index 833c96e..3adef93 100644
--- a/src/components/SearchArea/SearchItem.vue
+++ b/src/components/SearchArea/SearchItem.vue
@@ -24,9 +24,10 @@
   margin-bottom: 10px;
   vertical-align: top;
   box-sizing: inherit;
+  margin-right: 5px;
 }
 
-.search-item + .search-item {
-  margin-left: 5px;
+.search-item:last-child {
+  margin-right: 0;
 }
 </style>
diff --git a/src/components/SearchArea/index.vue b/src/components/SearchArea/index.vue
index 1833bd3..ba55463 100644
--- a/src/components/SearchArea/index.vue
+++ b/src/components/SearchArea/index.vue
@@ -10,7 +10,7 @@
 const props = defineProps({
   type: {
     type: String,
-    default: 'default',
+    default: 'seperate',
   }, // 显示类型，default表示正常连续显示，'seperate'表示两边分散显示
   needClear: {
     type: Boolean,
@@ -66,33 +66,39 @@
 <template>
   <div class="search-div">
     <div :class="{ 'search-left': type === 'seperate', 'search-all': type === 'default' }">
-      <slot />
+      <div class="input-div">
+        <slot />
+      </div>
+
       <el-collapse-transition>
         <div v-if="needSearchMore && searchMoreType === 'default'" v-show="data.searchMoreShow">
           <slot name="searchMore" />
         </div>
       </el-collapse-transition>
-      <el-button v-if="type === 'default'" :size="size" type="primary" class="search-btn" :icon="Search" @click="search">
-        搜索
-      </el-button>
-      <el-button v-if="type === 'default' && needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
-        高级检索
-      </el-button>
-      <el-button v-if="type === 'default' && needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
-        重置
-      </el-button>
-      <slot name="btns" />
+      <div v-if="type === 'default'">
+        <el-button v-if="type === 'default'" :size="size" type="primary" class="search-btn" :icon="Search" @click="search">
+          搜索
+        </el-button>
+        <el-button v-if="type === 'default' && needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
+          高级检索
+        </el-button>
+        <el-button v-if="type === 'default' && needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
+          重置
+        </el-button>
+        <slot name="btns" />
+      </div>
     </div>
-    <div v-if="type === 'seperate'" class="search-right">
-      <el-button :size="size" type="primary" :icon="icon ? 'el-icon-search' : ''" class="search-btn" @click="search">
+    <div v-if="type === 'seperate'" class="search-right" :style="{ width: `${90 + (needClear ? 100 : 0) + (needSearchMore ? +100 : 0)}px` }">
+      <el-button :size="size" type="primary" :icon="Search" class="search-btn" @click="search">
         搜索
       </el-button>
       <el-button v-if="needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
         高级检索
       </el-button>
-      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="icon ? 'el-icon-delete' : ''" @click="clearInput">
+      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
         重置
       </el-button>
+      <slot name="btns" />
     </div>
   </div>
 </template>
@@ -108,9 +114,24 @@
   justify-content: space-between;
   border-radius: 7px;
 
+  .input-div {
+    flex: 1;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    align-content: flex-start;
+  }
+
   .search-btn {
     margin-bottom: 10px;
   }
+
+  .search-right {
+    width: auto;
+    display: flex;
+    justify-content: flex-end;
+    align-items: flex-end;
+  }
 }
 
 .dialog-footer {
diff --git a/src/components/TableContainer/index.vue b/src/components/TableContainer/index.vue
index 031e444..2b68cb2 100644
--- a/src/components/TableContainer/index.vue
+++ b/src/components/TableContainer/index.vue
@@ -5,12 +5,23 @@
     type: String,
     default: '0',
   },
+  titleShow: {
+    type: Boolean,
+    default: true,
+  },
+  title: {
+    type: String,
+    default: '数据列表',
+  },
 })
 </script>
 
 <template>
   <div class="table-container">
     <div class="button-area">
+      <div v-if="titleShow" class="title-left">
+        {{ title }}
+      </div>
       <div class="button-left">
         <slot name="btns-left" />
       </div>
@@ -36,6 +47,11 @@
     display: flex;
     justify-content: space-between;
     margin-bottom: 10px;
+    align-items: center;
+
+    .title-left {
+      margin-left: 5px;
+    }
 
     .button-left {
       display: flex;
diff --git a/src/views/system/area/listArea.vue b/src/views/system/area/listArea.vue
index 97b4847..0f71917 100644
--- a/src/views/system/area/listArea.vue
+++ b/src/views/system/area/listArea.vue
@@ -28,7 +28,7 @@
   { text: '区域编码', value: 'id', align: 'center' },
   { text: '区域等级', value: 'levelName', align: 'center' },
   { text: '所属区域', value: 'pName', align: 'center' },
-  { text: '区域排序', value: 'num', width: 80, align: 'center' },
+  { text: '区域排序', value: 'num', width: 100, align: 'center' },
 ]
 const list = ref([]) // 列表数据
 const total = ref(0)// 数据总数
@@ -121,8 +121,8 @@
       </search-item>
     </search-area>
     <table-container>
-      <template #btns-left>
-        <el-button v-if="proxy.hasPerm(Perm.ADD)" class="filter-item" :icon="Plus" @click="add">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm(Perm.ADD)" class="filter-item" type="primary" :icon="Plus" @click="add">
           新增
         </el-button>
       </template>
diff --git a/src/views/system/dept/listDept.vue b/src/views/system/dept/listDept.vue
index 4bd03fa..51788c3 100644
--- a/src/views/system/dept/listDept.vue
+++ b/src/views/system/dept/listDept.vue
@@ -26,7 +26,7 @@
   { text: '组织名称', value: 'simpleName', align: 'left' },
   { text: '组织全称', value: 'fullName' },
   { text: '备注', value: 'tips' },
-  { text: '排序', value: 'num', width: 80 },
+  { text: '排序', value: 'num', width: 80, align: 'center' },
 ])
 // 数据列表
 const list: Ref<DeptInfo[]> = ref([])
@@ -103,15 +103,15 @@
       </search-item>
     </search-area>
     <table-container>
-      <template #btns-left>
-        <el-button v-if="proxy.hasPerm('/sys/dept/add')" :icon="Plus" @click="add">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/sys/dept/add')" type="primary" :icon="Plus" @click="add">
           新增
         </el-button>
         <el-button :icon="Switch" @click="expandOrCollapse">
           展开/折叠
         </el-button>
       </template>
-      <el-table ref="table" v-loading="loading" :data="list" row-key="id" :border="false" default-expand-all style="width: 100%;" :tree-props="{ children: 'children' }">
+      <el-table ref="table" v-loading="loading" :data="list" row-key="id" border stripe default-expand-all style="width: 100%;" :tree-props="{ children: 'children' }">
         <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" />
         <el-table-column v-if="proxy.hasPerm('/sys/dept/update') || proxy.hasPerm('/sys/dept/delete')" label="操作" width="140" align="center">
           <template #default="scope">

diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 1a20584..2aa9097 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -141,7 +141,7 @@
 
 <template>
   <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" :size="size" :border="false" style="width: 100%;">
+    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;">
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
       <slot name="columns" />
diff --git a/src/components/SearchArea/SearchItem.vue b/src/components/SearchArea/SearchItem.vue
index 833c96e..3adef93 100644
--- a/src/components/SearchArea/SearchItem.vue
+++ b/src/components/SearchArea/SearchItem.vue
@@ -24,9 +24,10 @@
   margin-bottom: 10px;
   vertical-align: top;
   box-sizing: inherit;
+  margin-right: 5px;
 }
 
-.search-item + .search-item {
-  margin-left: 5px;
+.search-item:last-child {
+  margin-right: 0;
 }
 </style>
diff --git a/src/components/SearchArea/index.vue b/src/components/SearchArea/index.vue
index 1833bd3..ba55463 100644
--- a/src/components/SearchArea/index.vue
+++ b/src/components/SearchArea/index.vue
@@ -10,7 +10,7 @@
 const props = defineProps({
   type: {
     type: String,
-    default: 'default',
+    default: 'seperate',
   }, // 显示类型，default表示正常连续显示，'seperate'表示两边分散显示
   needClear: {
     type: Boolean,
@@ -66,33 +66,39 @@
 <template>
   <div class="search-div">
     <div :class="{ 'search-left': type === 'seperate', 'search-all': type === 'default' }">
-      <slot />
+      <div class="input-div">
+        <slot />
+      </div>
+
       <el-collapse-transition>
         <div v-if="needSearchMore && searchMoreType === 'default'" v-show="data.searchMoreShow">
           <slot name="searchMore" />
         </div>
       </el-collapse-transition>
-      <el-button v-if="type === 'default'" :size="size" type="primary" class="search-btn" :icon="Search" @click="search">
-        搜索
-      </el-button>
-      <el-button v-if="type === 'default' && needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
-        高级检索
-      </el-button>
-      <el-button v-if="type === 'default' && needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
-        重置
-      </el-button>
-      <slot name="btns" />
+      <div v-if="type === 'default'">
+        <el-button v-if="type === 'default'" :size="size" type="primary" class="search-btn" :icon="Search" @click="search">
+          搜索
+        </el-button>
+        <el-button v-if="type === 'default' && needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
+          高级检索
+        </el-button>
+        <el-button v-if="type === 'default' && needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
+          重置
+        </el-button>
+        <slot name="btns" />
+      </div>
     </div>
-    <div v-if="type === 'seperate'" class="search-right">
-      <el-button :size="size" type="primary" :icon="icon ? 'el-icon-search' : ''" class="search-btn" @click="search">
+    <div v-if="type === 'seperate'" class="search-right" :style="{ width: `${90 + (needClear ? 100 : 0) + (needSearchMore ? +100 : 0)}px` }">
+      <el-button :size="size" type="primary" :icon="Search" class="search-btn" @click="search">
         搜索
       </el-button>
       <el-button v-if="needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
         高级检索
       </el-button>
-      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="icon ? 'el-icon-delete' : ''" @click="clearInput">
+      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
         重置
       </el-button>
+      <slot name="btns" />
     </div>
   </div>
 </template>
@@ -108,9 +114,24 @@
   justify-content: space-between;
   border-radius: 7px;
 
+  .input-div {
+    flex: 1;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    align-content: flex-start;
+  }
+
   .search-btn {
     margin-bottom: 10px;
   }
+
+  .search-right {
+    width: auto;
+    display: flex;
+    justify-content: flex-end;
+    align-items: flex-end;
+  }
 }
 
 .dialog-footer {
diff --git a/src/components/TableContainer/index.vue b/src/components/TableContainer/index.vue
index 031e444..2b68cb2 100644
--- a/src/components/TableContainer/index.vue
+++ b/src/components/TableContainer/index.vue
@@ -5,12 +5,23 @@
     type: String,
     default: '0',
   },
+  titleShow: {
+    type: Boolean,
+    default: true,
+  },
+  title: {
+    type: String,
+    default: '数据列表',
+  },
 })
 </script>
 
 <template>
   <div class="table-container">
     <div class="button-area">
+      <div v-if="titleShow" class="title-left">
+        {{ title }}
+      </div>
       <div class="button-left">
         <slot name="btns-left" />
       </div>
@@ -36,6 +47,11 @@
     display: flex;
     justify-content: space-between;
     margin-bottom: 10px;
+    align-items: center;
+
+    .title-left {
+      margin-left: 5px;
+    }
 
     .button-left {
       display: flex;
diff --git a/src/views/system/area/listArea.vue b/src/views/system/area/listArea.vue
index 97b4847..0f71917 100644
--- a/src/views/system/area/listArea.vue
+++ b/src/views/system/area/listArea.vue
@@ -28,7 +28,7 @@
   { text: '区域编码', value: 'id', align: 'center' },
   { text: '区域等级', value: 'levelName', align: 'center' },
   { text: '所属区域', value: 'pName', align: 'center' },
-  { text: '区域排序', value: 'num', width: 80, align: 'center' },
+  { text: '区域排序', value: 'num', width: 100, align: 'center' },
 ]
 const list = ref([]) // 列表数据
 const total = ref(0)// 数据总数
@@ -121,8 +121,8 @@
       </search-item>
     </search-area>
     <table-container>
-      <template #btns-left>
-        <el-button v-if="proxy.hasPerm(Perm.ADD)" class="filter-item" :icon="Plus" @click="add">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm(Perm.ADD)" class="filter-item" type="primary" :icon="Plus" @click="add">
           新增
         </el-button>
       </template>
diff --git a/src/views/system/dept/listDept.vue b/src/views/system/dept/listDept.vue
index 4bd03fa..51788c3 100644
--- a/src/views/system/dept/listDept.vue
+++ b/src/views/system/dept/listDept.vue
@@ -26,7 +26,7 @@
   { text: '组织名称', value: 'simpleName', align: 'left' },
   { text: '组织全称', value: 'fullName' },
   { text: '备注', value: 'tips' },
-  { text: '排序', value: 'num', width: 80 },
+  { text: '排序', value: 'num', width: 80, align: 'center' },
 ])
 // 数据列表
 const list: Ref<DeptInfo[]> = ref([])
@@ -103,15 +103,15 @@
       </search-item>
     </search-area>
     <table-container>
-      <template #btns-left>
-        <el-button v-if="proxy.hasPerm('/sys/dept/add')" :icon="Plus" @click="add">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/sys/dept/add')" type="primary" :icon="Plus" @click="add">
           新增
         </el-button>
         <el-button :icon="Switch" @click="expandOrCollapse">
           展开/折叠
         </el-button>
       </template>
-      <el-table ref="table" v-loading="loading" :data="list" row-key="id" :border="false" default-expand-all style="width: 100%;" :tree-props="{ children: 'children' }">
+      <el-table ref="table" v-loading="loading" :data="list" row-key="id" border stripe default-expand-all style="width: 100%;" :tree-props="{ children: 'children' }">
         <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" />
         <el-table-column v-if="proxy.hasPerm('/sys/dept/update') || proxy.hasPerm('/sys/dept/delete')" label="操作" width="140" align="center">
           <template #default="scope">
diff --git a/src/views/system/dict/listDict.vue b/src/views/system/dict/listDict.vue
index 181f209..4fc927b 100644
--- a/src/views/system/dict/listDict.vue
+++ b/src/views/system/dict/listDict.vue
@@ -104,7 +104,7 @@
       </search-item>
     </search-area>
     <table-container>
-      <template #btns-left>
+      <template #btns-right>
         <el-button v-if="proxy.hasPerm('/sys/dict/add')" :icon="Plus" @click="add">
           新增
         </el-button>

diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 1a20584..2aa9097 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -141,7 +141,7 @@
 
 <template>
   <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" :size="size" :border="false" style="width: 100%;">
+    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;">
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
       <slot name="columns" />
diff --git a/src/components/SearchArea/SearchItem.vue b/src/components/SearchArea/SearchItem.vue
index 833c96e..3adef93 100644
--- a/src/components/SearchArea/SearchItem.vue
+++ b/src/components/SearchArea/SearchItem.vue
@@ -24,9 +24,10 @@
   margin-bottom: 10px;
   vertical-align: top;
   box-sizing: inherit;
+  margin-right: 5px;
 }
 
-.search-item + .search-item {
-  margin-left: 5px;
+.search-item:last-child {
+  margin-right: 0;
 }
 </style>
diff --git a/src/components/SearchArea/index.vue b/src/components/SearchArea/index.vue
index 1833bd3..ba55463 100644
--- a/src/components/SearchArea/index.vue
+++ b/src/components/SearchArea/index.vue
@@ -10,7 +10,7 @@
 const props = defineProps({
   type: {
     type: String,
-    default: 'default',
+    default: 'seperate',
   }, // 显示类型，default表示正常连续显示，'seperate'表示两边分散显示
   needClear: {
     type: Boolean,
@@ -66,33 +66,39 @@
 <template>
   <div class="search-div">
     <div :class="{ 'search-left': type === 'seperate', 'search-all': type === 'default' }">
-      <slot />
+      <div class="input-div">
+        <slot />
+      </div>
+
       <el-collapse-transition>
         <div v-if="needSearchMore && searchMoreType === 'default'" v-show="data.searchMoreShow">
           <slot name="searchMore" />
         </div>
       </el-collapse-transition>
-      <el-button v-if="type === 'default'" :size="size" type="primary" class="search-btn" :icon="Search" @click="search">
-        搜索
-      </el-button>
-      <el-button v-if="type === 'default' && needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
-        高级检索
-      </el-button>
-      <el-button v-if="type === 'default' && needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
-        重置
-      </el-button>
-      <slot name="btns" />
+      <div v-if="type === 'default'">
+        <el-button v-if="type === 'default'" :size="size" type="primary" class="search-btn" :icon="Search" @click="search">
+          搜索
+        </el-button>
+        <el-button v-if="type === 'default' && needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
+          高级检索
+        </el-button>
+        <el-button v-if="type === 'default' && needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
+          重置
+        </el-button>
+        <slot name="btns" />
+      </div>
     </div>
-    <div v-if="type === 'seperate'" class="search-right">
-      <el-button :size="size" type="primary" :icon="icon ? 'el-icon-search' : ''" class="search-btn" @click="search">
+    <div v-if="type === 'seperate'" class="search-right" :style="{ width: `${90 + (needClear ? 100 : 0) + (needSearchMore ? +100 : 0)}px` }">
+      <el-button :size="size" type="primary" :icon="Search" class="search-btn" @click="search">
         搜索
       </el-button>
       <el-button v-if="needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
         高级检索
       </el-button>
-      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="icon ? 'el-icon-delete' : ''" @click="clearInput">
+      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
         重置
       </el-button>
+      <slot name="btns" />
     </div>
   </div>
 </template>
@@ -108,9 +114,24 @@
   justify-content: space-between;
   border-radius: 7px;
 
+  .input-div {
+    flex: 1;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    align-content: flex-start;
+  }
+
   .search-btn {
     margin-bottom: 10px;
   }
+
+  .search-right {
+    width: auto;
+    display: flex;
+    justify-content: flex-end;
+    align-items: flex-end;
+  }
 }
 
 .dialog-footer {
diff --git a/src/components/TableContainer/index.vue b/src/components/TableContainer/index.vue
index 031e444..2b68cb2 100644
--- a/src/components/TableContainer/index.vue
+++ b/src/components/TableContainer/index.vue
@@ -5,12 +5,23 @@
     type: String,
     default: '0',
   },
+  titleShow: {
+    type: Boolean,
+    default: true,
+  },
+  title: {
+    type: String,
+    default: '数据列表',
+  },
 })
 </script>
 
 <template>
   <div class="table-container">
     <div class="button-area">
+      <div v-if="titleShow" class="title-left">
+        {{ title }}
+      </div>
       <div class="button-left">
         <slot name="btns-left" />
       </div>
@@ -36,6 +47,11 @@
     display: flex;
     justify-content: space-between;
     margin-bottom: 10px;
+    align-items: center;
+
+    .title-left {
+      margin-left: 5px;
+    }
 
     .button-left {
       display: flex;
diff --git a/src/views/system/area/listArea.vue b/src/views/system/area/listArea.vue
index 97b4847..0f71917 100644
--- a/src/views/system/area/listArea.vue
+++ b/src/views/system/area/listArea.vue
@@ -28,7 +28,7 @@
   { text: '区域编码', value: 'id', align: 'center' },
   { text: '区域等级', value: 'levelName', align: 'center' },
   { text: '所属区域', value: 'pName', align: 'center' },
-  { text: '区域排序', value: 'num', width: 80, align: 'center' },
+  { text: '区域排序', value: 'num', width: 100, align: 'center' },
 ]
 const list = ref([]) // 列表数据
 const total = ref(0)// 数据总数
@@ -121,8 +121,8 @@
       </search-item>
     </search-area>
     <table-container>
-      <template #btns-left>
-        <el-button v-if="proxy.hasPerm(Perm.ADD)" class="filter-item" :icon="Plus" @click="add">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm(Perm.ADD)" class="filter-item" type="primary" :icon="Plus" @click="add">
           新增
         </el-button>
       </template>
diff --git a/src/views/system/dept/listDept.vue b/src/views/system/dept/listDept.vue
index 4bd03fa..51788c3 100644
--- a/src/views/system/dept/listDept.vue
+++ b/src/views/system/dept/listDept.vue
@@ -26,7 +26,7 @@
   { text: '组织名称', value: 'simpleName', align: 'left' },
   { text: '组织全称', value: 'fullName' },
   { text: '备注', value: 'tips' },
-  { text: '排序', value: 'num', width: 80 },
+  { text: '排序', value: 'num', width: 80, align: 'center' },
 ])
 // 数据列表
 const list: Ref<DeptInfo[]> = ref([])
@@ -103,15 +103,15 @@
       </search-item>
     </search-area>
     <table-container>
-      <template #btns-left>
-        <el-button v-if="proxy.hasPerm('/sys/dept/add')" :icon="Plus" @click="add">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/sys/dept/add')" type="primary" :icon="Plus" @click="add">
           新增
         </el-button>
         <el-button :icon="Switch" @click="expandOrCollapse">
           展开/折叠
         </el-button>
       </template>
-      <el-table ref="table" v-loading="loading" :data="list" row-key="id" :border="false" default-expand-all style="width: 100%;" :tree-props="{ children: 'children' }">
+      <el-table ref="table" v-loading="loading" :data="list" row-key="id" border stripe default-expand-all style="width: 100%;" :tree-props="{ children: 'children' }">
         <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" />
         <el-table-column v-if="proxy.hasPerm('/sys/dept/update') || proxy.hasPerm('/sys/dept/delete')" label="操作" width="140" align="center">
           <template #default="scope">
diff --git a/src/views/system/dict/listDict.vue b/src/views/system/dict/listDict.vue
index 181f209..4fc927b 100644
--- a/src/views/system/dict/listDict.vue
+++ b/src/views/system/dict/listDict.vue
@@ -104,7 +104,7 @@
       </search-item>
     </search-area>
     <table-container>
-      <template #btns-left>
+      <template #btns-right>
         <el-button v-if="proxy.hasPerm('/sys/dict/add')" :icon="Plus" @click="add">
           新增
         </el-button>
diff --git a/src/views/system/resource/listResource.vue b/src/views/system/resource/listResource.vue
index 2d564a9..7f95d0f 100644
--- a/src/views/system/resource/listResource.vue
+++ b/src/views/system/resource/listResource.vue
@@ -31,7 +31,7 @@
   { text: '资源名称', value: 'name', type: 'expand' },
   { text: '资源编号', value: 'code' },
   { text: '请求地址', value: 'url' },
-  { text: '资源类型', value: 'resourceTypeName', width: 80 },
+  { text: '资源类型', value: 'resourceTypeName', width: 100, align: 'center' },
   { text: '层级', value: 'levels', width: 60, align: 'center' },
   { text: '排序', value: 'num', width: 60, align: 'center' },
 ])
@@ -131,15 +131,15 @@
       </search-item>
     </search-area>
     <table-container>
-      <template #btns-left>
-        <el-button v-if="proxy.hasPerm('/sys/resource/add')" :icon="Plus" @click="add">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/sys/resource/add')" type="primary" :icon="Plus" @click="add">
           新增
         </el-button>
         <el-button :icon="Switch" @click="expandOrCollapse">
           展开/折叠
         </el-button>
       </template>
-      <el-table ref="table" v-loading="loading" :data="list" row-key="id" :border="false" style="width: 100%;" :tree-props="{ children: 'children' }">
+      <el-table ref="table" v-loading="loading" :data="list" row-key="id" border stripe style="width: 100%;" :tree-props="{ children: 'children' }">
         <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" />
         <el-table-column v-if="proxy.hasPerm('/sys/resource/update') || proxy.hasPerm('/sys/resource/delete')" label="操作" width="140" align="center">
           <template #default="scope">

diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 1a20584..2aa9097 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -141,7 +141,7 @@
 
 <template>
   <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" :size="size" :border="false" style="width: 100%;">
+    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;">
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
       <slot name="columns" />
diff --git a/src/components/SearchArea/SearchItem.vue b/src/components/SearchArea/SearchItem.vue
index 833c96e..3adef93 100644
--- a/src/components/SearchArea/SearchItem.vue
+++ b/src/components/SearchArea/SearchItem.vue
@@ -24,9 +24,10 @@
   margin-bottom: 10px;
   vertical-align: top;
   box-sizing: inherit;
+  margin-right: 5px;
 }
 
-.search-item + .search-item {
-  margin-left: 5px;
+.search-item:last-child {
+  margin-right: 0;
 }
 </style>
diff --git a/src/components/SearchArea/index.vue b/src/components/SearchArea/index.vue
index 1833bd3..ba55463 100644
--- a/src/components/SearchArea/index.vue
+++ b/src/components/SearchArea/index.vue
@@ -10,7 +10,7 @@
 const props = defineProps({
   type: {
     type: String,
-    default: 'default',
+    default: 'seperate',
   }, // 显示类型，default表示正常连续显示，'seperate'表示两边分散显示
   needClear: {
     type: Boolean,
@@ -66,33 +66,39 @@
 <template>
   <div class="search-div">
     <div :class="{ 'search-left': type === 'seperate', 'search-all': type === 'default' }">
-      <slot />
+      <div class="input-div">
+        <slot />
+      </div>
+
       <el-collapse-transition>
         <div v-if="needSearchMore && searchMoreType === 'default'" v-show="data.searchMoreShow">
           <slot name="searchMore" />
         </div>
       </el-collapse-transition>
-      <el-button v-if="type === 'default'" :size="size" type="primary" class="search-btn" :icon="Search" @click="search">
-        搜索
-      </el-button>
-      <el-button v-if="type === 'default' && needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
-        高级检索
-      </el-button>
-      <el-button v-if="type === 'default' && needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
-        重置
-      </el-button>
-      <slot name="btns" />
+      <div v-if="type === 'default'">
+        <el-button v-if="type === 'default'" :size="size" type="primary" class="search-btn" :icon="Search" @click="search">
+          搜索
+        </el-button>
+        <el-button v-if="type === 'default' && needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
+          高级检索
+        </el-button>
+        <el-button v-if="type === 'default' && needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
+          重置
+        </el-button>
+        <slot name="btns" />
+      </div>
     </div>
-    <div v-if="type === 'seperate'" class="search-right">
-      <el-button :size="size" type="primary" :icon="icon ? 'el-icon-search' : ''" class="search-btn" @click="search">
+    <div v-if="type === 'seperate'" class="search-right" :style="{ width: `${90 + (needClear ? 100 : 0) + (needSearchMore ? +100 : 0)}px` }">
+      <el-button :size="size" type="primary" :icon="Search" class="search-btn" @click="search">
         搜索
       </el-button>
       <el-button v-if="needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
         高级检索
       </el-button>
-      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="icon ? 'el-icon-delete' : ''" @click="clearInput">
+      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
         重置
       </el-button>
+      <slot name="btns" />
     </div>
   </div>
 </template>
@@ -108,9 +114,24 @@
   justify-content: space-between;
   border-radius: 7px;
 
+  .input-div {
+    flex: 1;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    align-content: flex-start;
+  }
+
   .search-btn {
     margin-bottom: 10px;
   }
+
+  .search-right {
+    width: auto;
+    display: flex;
+    justify-content: flex-end;
+    align-items: flex-end;
+  }
 }
 
 .dialog-footer {
diff --git a/src/components/TableContainer/index.vue b/src/components/TableContainer/index.vue
index 031e444..2b68cb2 100644
--- a/src/components/TableContainer/index.vue
+++ b/src/components/TableContainer/index.vue
@@ -5,12 +5,23 @@
     type: String,
     default: '0',
   },
+  titleShow: {
+    type: Boolean,
+    default: true,
+  },
+  title: {
+    type: String,
+    default: '数据列表',
+  },
 })
 </script>
 
 <template>
   <div class="table-container">
     <div class="button-area">
+      <div v-if="titleShow" class="title-left">
+        {{ title }}
+      </div>
       <div class="button-left">
         <slot name="btns-left" />
       </div>
@@ -36,6 +47,11 @@
     display: flex;
     justify-content: space-between;
     margin-bottom: 10px;
+    align-items: center;
+
+    .title-left {
+      margin-left: 5px;
+    }
 
     .button-left {
       display: flex;
diff --git a/src/views/system/area/listArea.vue b/src/views/system/area/listArea.vue
index 97b4847..0f71917 100644
--- a/src/views/system/area/listArea.vue
+++ b/src/views/system/area/listArea.vue
@@ -28,7 +28,7 @@
   { text: '区域编码', value: 'id', align: 'center' },
   { text: '区域等级', value: 'levelName', align: 'center' },
   { text: '所属区域', value: 'pName', align: 'center' },
-  { text: '区域排序', value: 'num', width: 80, align: 'center' },
+  { text: '区域排序', value: 'num', width: 100, align: 'center' },
 ]
 const list = ref([]) // 列表数据
 const total = ref(0)// 数据总数
@@ -121,8 +121,8 @@
       </search-item>
     </search-area>
     <table-container>
-      <template #btns-left>
-        <el-button v-if="proxy.hasPerm(Perm.ADD)" class="filter-item" :icon="Plus" @click="add">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm(Perm.ADD)" class="filter-item" type="primary" :icon="Plus" @click="add">
           新增
         </el-button>
       </template>
diff --git a/src/views/system/dept/listDept.vue b/src/views/system/dept/listDept.vue
index 4bd03fa..51788c3 100644
--- a/src/views/system/dept/listDept.vue
+++ b/src/views/system/dept/listDept.vue
@@ -26,7 +26,7 @@
   { text: '组织名称', value: 'simpleName', align: 'left' },
   { text: '组织全称', value: 'fullName' },
   { text: '备注', value: 'tips' },
-  { text: '排序', value: 'num', width: 80 },
+  { text: '排序', value: 'num', width: 80, align: 'center' },
 ])
 // 数据列表
 const list: Ref<DeptInfo[]> = ref([])
@@ -103,15 +103,15 @@
       </search-item>
     </search-area>
     <table-container>
-      <template #btns-left>
-        <el-button v-if="proxy.hasPerm('/sys/dept/add')" :icon="Plus" @click="add">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/sys/dept/add')" type="primary" :icon="Plus" @click="add">
           新增
         </el-button>
         <el-button :icon="Switch" @click="expandOrCollapse">
           展开/折叠
         </el-button>
       </template>
-      <el-table ref="table" v-loading="loading" :data="list" row-key="id" :border="false" default-expand-all style="width: 100%;" :tree-props="{ children: 'children' }">
+      <el-table ref="table" v-loading="loading" :data="list" row-key="id" border stripe default-expand-all style="width: 100%;" :tree-props="{ children: 'children' }">
         <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" />
         <el-table-column v-if="proxy.hasPerm('/sys/dept/update') || proxy.hasPerm('/sys/dept/delete')" label="操作" width="140" align="center">
           <template #default="scope">
diff --git a/src/views/system/dict/listDict.vue b/src/views/system/dict/listDict.vue
index 181f209..4fc927b 100644
--- a/src/views/system/dict/listDict.vue
+++ b/src/views/system/dict/listDict.vue
@@ -104,7 +104,7 @@
       </search-item>
     </search-area>
     <table-container>
-      <template #btns-left>
+      <template #btns-right>
         <el-button v-if="proxy.hasPerm('/sys/dict/add')" :icon="Plus" @click="add">
           新增
         </el-button>
diff --git a/src/views/system/resource/listResource.vue b/src/views/system/resource/listResource.vue
index 2d564a9..7f95d0f 100644
--- a/src/views/system/resource/listResource.vue
+++ b/src/views/system/resource/listResource.vue
@@ -31,7 +31,7 @@
   { text: '资源名称', value: 'name', type: 'expand' },
   { text: '资源编号', value: 'code' },
   { text: '请求地址', value: 'url' },
-  { text: '资源类型', value: 'resourceTypeName', width: 80 },
+  { text: '资源类型', value: 'resourceTypeName', width: 100, align: 'center' },
   { text: '层级', value: 'levels', width: 60, align: 'center' },
   { text: '排序', value: 'num', width: 60, align: 'center' },
 ])
@@ -131,15 +131,15 @@
       </search-item>
     </search-area>
     <table-container>
-      <template #btns-left>
-        <el-button v-if="proxy.hasPerm('/sys/resource/add')" :icon="Plus" @click="add">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/sys/resource/add')" type="primary" :icon="Plus" @click="add">
           新增
         </el-button>
         <el-button :icon="Switch" @click="expandOrCollapse">
           展开/折叠
         </el-button>
       </template>
-      <el-table ref="table" v-loading="loading" :data="list" row-key="id" :border="false" style="width: 100%;" :tree-props="{ children: 'children' }">
+      <el-table ref="table" v-loading="loading" :data="list" row-key="id" border stripe style="width: 100%;" :tree-props="{ children: 'children' }">
         <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" />
         <el-table-column v-if="proxy.hasPerm('/sys/resource/update') || proxy.hasPerm('/sys/resource/delete')" label="操作" width="140" align="center">
           <template #default="scope">
diff --git a/src/views/system/role/listRole.vue b/src/views/system/role/listRole.vue
index 2b58e5f..41b8ddc 100644
--- a/src/views/system/role/listRole.vue
+++ b/src/views/system/role/listRole.vue
@@ -38,7 +38,7 @@
   { text: '所在组织机构', value: 'deptName' },
   { text: '数据权限类型', value: 'dataScopeTypeName' },
   { text: '别名', value: 'tips' },
-  { text: '排序', value: 'num', width: 80 },
+  { text: '排序', value: 'num', width: 80, align: 'center' },
 ])
 // 数据列表
 const list: Ref<RoleInfo[]> = ref([])
@@ -139,15 +139,15 @@
       </search-item>
     </search-area>
     <table-container>
-      <template #btns-left>
-        <el-button v-if="proxy.hasPerm('/sys/role/add')" :icon="Plus" @click="add">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/sys/role/add')" type="primary" :icon="Plus" @click="add">
           新增
         </el-button>
         <el-button :icon="Switch" @click="expandOrCollapse">
           展开/折叠
         </el-button>
       </template>
-      <el-table ref="table" v-loading="loading" :data="list" row-key="id" :border="false" style="width: 100%;" :tree-props="{ children: 'children' }">
+      <el-table ref="table" v-loading="loading" :data="list" row-key="id" border stripe style="width: 100%;" :tree-props="{ children: 'children' }">
         <el-table-column
           v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align"
         />

diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 1a20584..2aa9097 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -141,7 +141,7 @@
 
 <template>
   <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" :size="size" :border="false" style="width: 100%;">
+    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;">
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
       <slot name="columns" />
diff --git a/src/components/SearchArea/SearchItem.vue b/src/components/SearchArea/SearchItem.vue
index 833c96e..3adef93 100644
--- a/src/components/SearchArea/SearchItem.vue
+++ b/src/components/SearchArea/SearchItem.vue
@@ -24,9 +24,10 @@
   margin-bottom: 10px;
   vertical-align: top;
   box-sizing: inherit;
+  margin-right: 5px;
 }
 
-.search-item + .search-item {
-  margin-left: 5px;
+.search-item:last-child {
+  margin-right: 0;
 }
 </style>
diff --git a/src/components/SearchArea/index.vue b/src/components/SearchArea/index.vue
index 1833bd3..ba55463 100644
--- a/src/components/SearchArea/index.vue
+++ b/src/components/SearchArea/index.vue
@@ -10,7 +10,7 @@
 const props = defineProps({
   type: {
     type: String,
-    default: 'default',
+    default: 'seperate',
   }, // 显示类型，default表示正常连续显示，'seperate'表示两边分散显示
   needClear: {
     type: Boolean,
@@ -66,33 +66,39 @@
 <template>
   <div class="search-div">
     <div :class="{ 'search-left': type === 'seperate', 'search-all': type === 'default' }">
-      <slot />
+      <div class="input-div">
+        <slot />
+      </div>
+
       <el-collapse-transition>
         <div v-if="needSearchMore && searchMoreType === 'default'" v-show="data.searchMoreShow">
           <slot name="searchMore" />
         </div>
       </el-collapse-transition>
-      <el-button v-if="type === 'default'" :size="size" type="primary" class="search-btn" :icon="Search" @click="search">
-        搜索
-      </el-button>
-      <el-button v-if="type === 'default' && needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
-        高级检索
-      </el-button>
-      <el-button v-if="type === 'default' && needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
-        重置
-      </el-button>
-      <slot name="btns" />
+      <div v-if="type === 'default'">
+        <el-button v-if="type === 'default'" :size="size" type="primary" class="search-btn" :icon="Search" @click="search">
+          搜索
+        </el-button>
+        <el-button v-if="type === 'default' && needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
+          高级检索
+        </el-button>
+        <el-button v-if="type === 'default' && needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
+          重置
+        </el-button>
+        <slot name="btns" />
+      </div>
     </div>
-    <div v-if="type === 'seperate'" class="search-right">
-      <el-button :size="size" type="primary" :icon="icon ? 'el-icon-search' : ''" class="search-btn" @click="search">
+    <div v-if="type === 'seperate'" class="search-right" :style="{ width: `${90 + (needClear ? 100 : 0) + (needSearchMore ? +100 : 0)}px` }">
+      <el-button :size="size" type="primary" :icon="Search" class="search-btn" @click="search">
         搜索
       </el-button>
       <el-button v-if="needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
         高级检索
       </el-button>
-      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="icon ? 'el-icon-delete' : ''" @click="clearInput">
+      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
         重置
       </el-button>
+      <slot name="btns" />
     </div>
   </div>
 </template>
@@ -108,9 +114,24 @@
   justify-content: space-between;
   border-radius: 7px;
 
+  .input-div {
+    flex: 1;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    align-content: flex-start;
+  }
+
   .search-btn {
     margin-bottom: 10px;
   }
+
+  .search-right {
+    width: auto;
+    display: flex;
+    justify-content: flex-end;
+    align-items: flex-end;
+  }
 }
 
 .dialog-footer {
diff --git a/src/components/TableContainer/index.vue b/src/components/TableContainer/index.vue
index 031e444..2b68cb2 100644
--- a/src/components/TableContainer/index.vue
+++ b/src/components/TableContainer/index.vue
@@ -5,12 +5,23 @@
     type: String,
     default: '0',
   },
+  titleShow: {
+    type: Boolean,
+    default: true,
+  },
+  title: {
+    type: String,
+    default: '数据列表',
+  },
 })
 </script>
 
 <template>
   <div class="table-container">
     <div class="button-area">
+      <div v-if="titleShow" class="title-left">
+        {{ title }}
+      </div>
       <div class="button-left">
         <slot name="btns-left" />
       </div>
@@ -36,6 +47,11 @@
     display: flex;
     justify-content: space-between;
     margin-bottom: 10px;
+    align-items: center;
+
+    .title-left {
+      margin-left: 5px;
+    }
 
     .button-left {
       display: flex;
diff --git a/src/views/system/area/listArea.vue b/src/views/system/area/listArea.vue
index 97b4847..0f71917 100644
--- a/src/views/system/area/listArea.vue
+++ b/src/views/system/area/listArea.vue
@@ -28,7 +28,7 @@
   { text: '区域编码', value: 'id', align: 'center' },
   { text: '区域等级', value: 'levelName', align: 'center' },
   { text: '所属区域', value: 'pName', align: 'center' },
-  { text: '区域排序', value: 'num', width: 80, align: 'center' },
+  { text: '区域排序', value: 'num', width: 100, align: 'center' },
 ]
 const list = ref([]) // 列表数据
 const total = ref(0)// 数据总数
@@ -121,8 +121,8 @@
       </search-item>
     </search-area>
     <table-container>
-      <template #btns-left>
-        <el-button v-if="proxy.hasPerm(Perm.ADD)" class="filter-item" :icon="Plus" @click="add">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm(Perm.ADD)" class="filter-item" type="primary" :icon="Plus" @click="add">
           新增
         </el-button>
       </template>
diff --git a/src/views/system/dept/listDept.vue b/src/views/system/dept/listDept.vue
index 4bd03fa..51788c3 100644
--- a/src/views/system/dept/listDept.vue
+++ b/src/views/system/dept/listDept.vue
@@ -26,7 +26,7 @@
   { text: '组织名称', value: 'simpleName', align: 'left' },
   { text: '组织全称', value: 'fullName' },
   { text: '备注', value: 'tips' },
-  { text: '排序', value: 'num', width: 80 },
+  { text: '排序', value: 'num', width: 80, align: 'center' },
 ])
 // 数据列表
 const list: Ref<DeptInfo[]> = ref([])
@@ -103,15 +103,15 @@
       </search-item>
     </search-area>
     <table-container>
-      <template #btns-left>
-        <el-button v-if="proxy.hasPerm('/sys/dept/add')" :icon="Plus" @click="add">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/sys/dept/add')" type="primary" :icon="Plus" @click="add">
           新增
         </el-button>
         <el-button :icon="Switch" @click="expandOrCollapse">
           展开/折叠
         </el-button>
       </template>
-      <el-table ref="table" v-loading="loading" :data="list" row-key="id" :border="false" default-expand-all style="width: 100%;" :tree-props="{ children: 'children' }">
+      <el-table ref="table" v-loading="loading" :data="list" row-key="id" border stripe default-expand-all style="width: 100%;" :tree-props="{ children: 'children' }">
         <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" />
         <el-table-column v-if="proxy.hasPerm('/sys/dept/update') || proxy.hasPerm('/sys/dept/delete')" label="操作" width="140" align="center">
           <template #default="scope">
diff --git a/src/views/system/dict/listDict.vue b/src/views/system/dict/listDict.vue
index 181f209..4fc927b 100644
--- a/src/views/system/dict/listDict.vue
+++ b/src/views/system/dict/listDict.vue
@@ -104,7 +104,7 @@
       </search-item>
     </search-area>
     <table-container>
-      <template #btns-left>
+      <template #btns-right>
         <el-button v-if="proxy.hasPerm('/sys/dict/add')" :icon="Plus" @click="add">
           新增
         </el-button>
diff --git a/src/views/system/resource/listResource.vue b/src/views/system/resource/listResource.vue
index 2d564a9..7f95d0f 100644
--- a/src/views/system/resource/listResource.vue
+++ b/src/views/system/resource/listResource.vue
@@ -31,7 +31,7 @@
   { text: '资源名称', value: 'name', type: 'expand' },
   { text: '资源编号', value: 'code' },
   { text: '请求地址', value: 'url' },
-  { text: '资源类型', value: 'resourceTypeName', width: 80 },
+  { text: '资源类型', value: 'resourceTypeName', width: 100, align: 'center' },
   { text: '层级', value: 'levels', width: 60, align: 'center' },
   { text: '排序', value: 'num', width: 60, align: 'center' },
 ])
@@ -131,15 +131,15 @@
       </search-item>
     </search-area>
     <table-container>
-      <template #btns-left>
-        <el-button v-if="proxy.hasPerm('/sys/resource/add')" :icon="Plus" @click="add">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/sys/resource/add')" type="primary" :icon="Plus" @click="add">
           新增
         </el-button>
         <el-button :icon="Switch" @click="expandOrCollapse">
           展开/折叠
         </el-button>
       </template>
-      <el-table ref="table" v-loading="loading" :data="list" row-key="id" :border="false" style="width: 100%;" :tree-props="{ children: 'children' }">
+      <el-table ref="table" v-loading="loading" :data="list" row-key="id" border stripe style="width: 100%;" :tree-props="{ children: 'children' }">
         <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" />
         <el-table-column v-if="proxy.hasPerm('/sys/resource/update') || proxy.hasPerm('/sys/resource/delete')" label="操作" width="140" align="center">
           <template #default="scope">
diff --git a/src/views/system/role/listRole.vue b/src/views/system/role/listRole.vue
index 2b58e5f..41b8ddc 100644
--- a/src/views/system/role/listRole.vue
+++ b/src/views/system/role/listRole.vue
@@ -38,7 +38,7 @@
   { text: '所在组织机构', value: 'deptName' },
   { text: '数据权限类型', value: 'dataScopeTypeName' },
   { text: '别名', value: 'tips' },
-  { text: '排序', value: 'num', width: 80 },
+  { text: '排序', value: 'num', width: 80, align: 'center' },
 ])
 // 数据列表
 const list: Ref<RoleInfo[]> = ref([])
@@ -139,15 +139,15 @@
       </search-item>
     </search-area>
     <table-container>
-      <template #btns-left>
-        <el-button v-if="proxy.hasPerm('/sys/role/add')" :icon="Plus" @click="add">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/sys/role/add')" type="primary" :icon="Plus" @click="add">
           新增
         </el-button>
         <el-button :icon="Switch" @click="expandOrCollapse">
           展开/折叠
         </el-button>
       </template>
-      <el-table ref="table" v-loading="loading" :data="list" row-key="id" :border="false" style="width: 100%;" :tree-props="{ children: 'children' }">
+      <el-table ref="table" v-loading="loading" :data="list" row-key="id" border stripe style="width: 100%;" :tree-props="{ children: 'children' }">
         <el-table-column
           v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align"
         />
diff --git a/src/views/system/user/listUser.vue b/src/views/system/user/listUser.vue
index ecc7266..7905ce2 100644
--- a/src/views/system/user/listUser.vue
+++ b/src/views/system/user/listUser.vue
@@ -248,7 +248,7 @@
           </search-item>
         </search-area>
         <!-- 表头标题 -->
-        <table-container>
+        <table-container :title-show="false">
           <template #btns-left>
             <!-- 操作 -->
             <div>