diff --git a/.vscode/settings.json b/.vscode/settings.json
index eb52453..aeeac4b 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -112,7 +112,7 @@
     "lintstagedrc",
     "tailwindcss",
     "sider",
-    "pnpm",
+    "pnpm"
   ],
   // 控制相关文件嵌套展示
   "explorer.fileNesting.enabled": true,
@@ -128,7 +128,11 @@
     "vite.config.js": "tsconfig.json,tailwind.config.js,jsconfig.json, .cz-config.js"
   },
   "terminal.integrated.scrollback": 10000,
-  "cSpell.enableFiletypes": [
-    "!tailwindcss"
+  "cSpell.enableFiletypes": ["!tailwindcss"],
+  "i18n-ally.localesPaths": [
+    "src/language",
+    "src/utils/locales",
+    "src/views/home/locales",
+    "src/views/login/locales"
   ]
 }
diff --git a/src/views/authority/admin/index.vue b/src/views/authority/admin/index.vue
index 569a09c..d571525 100644
--- a/src/views/authority/admin/index.vue
+++ b/src/views/authority/admin/index.vue
@@ -6,12 +6,23 @@
       :shadow="defaultData.cardShadow"
     >
       <div class="operate-container">
-        <div>
+        <div
+          class="_flex _flex-align-center"
+          style="cursor: pointer"
+          @click="isSearchExpanded = !isSearchExpanded"
+        >
           <i class="el-icon-search"></i>
           <span>筛选搜索</span>
+          <el-icon class="ml-2" :class="{ 'is-rotate': isSearchExpanded }">
+            <ArrowDown />
+          </el-icon>
         </div>
         <div>
-          <el-button style="float: right" type="primary" @click="getList()">
+          <el-button
+            style="float: right"
+            type="primary"
+            @click="handleSearch()"
+          >
             查询搜索
           </el-button>
           <el-button
@@ -22,20 +33,23 @@
           </el-button>
         </div>
       </div>
-      <div style="margin-top: 15px">
-        <el-form :inline="true" :model="powerfulTableData.listQuery">
-          <div class="screenForm">
-            <el-form-item label="名称：">
-              <el-input
-                v-model="powerfulTableData.listQuery.username"
-                placeholder="请输入账号名"
-                style="width: 80%"
-                clearable
-              />
-            </el-form-item>
-          </div>
-        </el-form>
-      </div>
+      <transition name="el-zoom-in-top">
+        <div v-show="isSearchExpanded" style="margin-top: 15px">
+          <el-form :inline="true" :model="powerfulTableData.listQuery">
+            <div class="screenForm">
+              <el-form-item label="名称：">
+                <el-input
+                  v-model="powerfulTableData.listQuery.username"
+                  placeholder="请输入账号名"
+                  style="width: 80%"
+                  clearable
+                  @keyup.enter="handleSearch"
+                />
+              </el-form-item>
+            </div>
+          </el-form>
+        </div>
+      </transition>
     </el-card>
 
     <el-card :shadow="defaultData.cardShadow">
@@ -45,11 +59,37 @@
           <span>数据列表</span>
         </div>
 
-        <!-- <div>
-					<el-button type="primary" class="btn-add">
-						添加
-					</el-button>
-				</div> -->
+        <div class="table-toolbar">
+          <el-popover placement="bottom" width="200" trigger="click">
+            <template #reference>
+              <el-button type="default" size="small">
+                <el-icon><Setting /></el-icon>
+                列设置
+                <el-icon class="el-icon--right"><ArrowDown /></el-icon>
+              </el-button>
+            </template>
+            <div class="column-settings">
+              <el-checkbox
+                v-for="col in columnOptions"
+                :key="col.value"
+                v-model="columnVisibility[col.value]"
+                :label="col.value"
+                style="display: flex; margin-bottom: 8px"
+              >
+                {{ col.label }}
+              </el-checkbox>
+              <el-divider style="margin: 10px 0" />
+              <el-button
+                type="primary"
+                size="small"
+                @click="resetColumns"
+                style="width: 100%"
+              >
+                重置列
+              </el-button>
+            </div>
+          </el-popover>
+        </div>
       </div>
 
       <div>
@@ -61,8 +101,12 @@
           :tableName="'menuTable'"
           :pagination-property="{
             total: powerfulTableData.total,
+            pageSize: powerfulTableData.listQuery.pageSize,
+            currentPage: powerfulTableData.listQuery.pageNum,
           }"
-          @size-change="getList"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          @sort-change="handleSortChange"
           @component-event="handleComponentChange"
           @btn-click="handleBtnClick"
         >
@@ -103,20 +147,36 @@
 <script lang="ts" setup>
 import { getUserList, userRemove } from '@/api/logins'
 import { getRoleList } from '@/api/ums/role'
-import { useData, RowType } from './indexData'
+import { useData, RowType, defaultData } from './indexData'
 import { Handlers } from 'el-plus-powerful-table-ts'
 import { ElMessage } from 'element-plus'
 import { useUserStore } from '@/stores'
+import { ArrowDown, Setting } from '@element-plus/icons-vue'
+import { onMounted, onBeforeUnmount } from 'vue'
+import { useRouter, onBeforeRouteLeave } from 'vue-router'
 
-const { header, switchs, powerfulTableData, currentForm, roleLists } = useData()
+const {
+  header,
+  switchs,
+  powerfulTableData,
+  currentForm,
+  roleLists,
+  isSearchExpanded,
+  columnVisibility,
+  columnOptions,
+  resetColumns,
+  saveListState,
+} = useData()
 
 const userStore = useUserStore()
+const router = useRouter()
 
 // 获取用户列表
 const getList = () => {
   getUserList(powerfulTableData.listQuery).then((res) => {
     powerfulTableData.list = res.data.data.list
     powerfulTableData.total = res.data.data.total
+    saveListState()
   })
 }
 
@@ -127,8 +187,40 @@ const getRole = () => {
   })
 }
 
-getRole()
-getList()
+const handleSearch = () => {
+  powerfulTableData.listQuery.pageNum = 1
+  getList()
+}
+
+const handleSizeChange = (val: number) => {
+  powerfulTableData.listQuery.pageSize = val
+  getList()
+}
+
+const handleCurrentChange = (val: number) => {
+  powerfulTableData.listQuery.pageNum = val
+  getList()
+}
+
+const handleSortChange = (e: { prop: string; order: string | null }) => {
+  powerfulTableData.listQuery.sortProp = e.prop || ''
+  powerfulTableData.listQuery.sortOrder = e.order || ''
+  getList()
+}
+
+onMounted(() => {
+  getRole()
+  getList()
+})
+
+onBeforeRouteLeave((to, from, next) => {
+  saveListState()
+  next()
+})
+
+onBeforeUnmount(() => {
+  saveListState()
+})
 
 const handleComponentChange: Handlers['component-event'] = (payload) => {
   switch (payload.componentName) {
@@ -182,5 +274,42 @@ const handleResetSearch = () => {
         ''
     }
   })
+  powerfulTableData.listQuery.pageNum = 1
+  getList()
 }
 </script>
+
+<style scoped>
+.operate-container {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+._flex {
+  display: flex;
+}
+
+._flex-align-center {
+  align-items: center;
+}
+
+.ml-2 {
+  margin-left: 8px;
+}
+
+.is-rotate {
+  transform: rotate(180deg);
+  transition: transform 0.3s;
+}
+
+.el-icon {
+  transition: transform 0.3s;
+}
+
+.table-toolbar {
+  display: flex;
+  gap: 8px;
+}
+</style>
diff --git a/src/views/authority/admin/indexData.ts b/src/views/authority/admin/indexData.ts
index dd04c7b..9448a9f 100644
--- a/src/views/authority/admin/indexData.ts
+++ b/src/views/authority/admin/indexData.ts
@@ -6,11 +6,14 @@
  * @LastEditTime: 2023-03-19 15:55:54
  */
 import { useSettingStore } from '@/stores'
-import { ref, markRaw, reactive } from 'vue'
+import { ref, markRaw, reactive, computed, watch } from 'vue'
 import { ElMessage } from 'element-plus'
 import { setData } from 'el-plus-powerful-table-ts/es'
 import { Edit, Remove } from '@element-plus/icons-vue'
 import type { PowerfulTableHeader } from 'el-plus-powerful-table-ts'
+import defaultData from '@/config/default-data'
+
+export { defaultData }
 
 export type RowType = {
   icon: string
@@ -29,10 +32,12 @@ interface PowerfulTableData {
     pageNum: number
     pageSize: number
     username?: string
+    sortProp?: string
+    sortOrder?: string
   }
 }
 
-const defaultData = {
+const defaultFormData = {
   icon: '',
   id: -1,
   roles: [],
@@ -41,13 +46,70 @@ const defaultData = {
   createTime: '',
 }
 
+const STORAGE_KEYS = {
+  SEARCH_EXPANDED: 'admin_search_expanded',
+  COLUMN_VISIBILITY: 'admin_column_visibility',
+  LIST_STATE: 'admin_list_state',
+}
+
+const getStorage = (key: string, defaultValue: any = null) => {
+  try {
+    const value = localStorage.getItem(key)
+    return value ? JSON.parse(value) : defaultValue
+  } catch {
+    return defaultValue
+  }
+}
+
+const setStorage = (key: string, value: any) => {
+  try {
+    localStorage.setItem(key, JSON.stringify(value))
+  } catch (e) {
+    console.error('Storage error:', e)
+  }
+}
+
 export const useData = <Row = any>() => {
   const settingStore = useSettingStore()
-  const header: PowerfulTableHeader<Row>[] = [
+
+  const isSearchExpanded = ref(getStorage(STORAGE_KEYS.SEARCH_EXPANDED, true))
+
+  watch(isSearchExpanded, (newVal) => {
+    setStorage(STORAGE_KEYS.SEARCH_EXPANDED, newVal)
+  })
+
+  const columnVisibility = reactive<{ [key: string]: boolean }>(
+    getStorage(STORAGE_KEYS.COLUMN_VISIBILITY, {
+      id: true,
+      username: true,
+      roles: true,
+      status: true,
+      createTime: true,
+      operation: true,
+    }),
+  )
+
+  watch(
+    columnVisibility,
+    (newVal) => {
+      setStorage(STORAGE_KEYS.COLUMN_VISIBILITY, newVal)
+    },
+    { deep: true },
+  )
+
+  const savedListState = getStorage(STORAGE_KEYS.LIST_STATE, {
+    pageNum: 1,
+    pageSize: 10,
+    username: '',
+    sortProp: '',
+    sortOrder: '',
+  })
+
+  const allHeaders: PowerfulTableHeader<Row>[] = [
     {
-      label: '编号', //显示的标题
-      minWidth: '80', //对应列的最小宽度
-      sortable: true, //排序
+      label: '编号',
+      minWidth: '80',
+      sortable: true,
       props: [
         {
           prop: 'id',
@@ -55,7 +117,7 @@ export const useData = <Row = any>() => {
       ],
     },
     {
-      label: '帐号', //显示的名称
+      label: '帐号',
       overflowTooltip: true,
       props: [
         {
@@ -64,7 +126,7 @@ export const useData = <Row = any>() => {
       ],
     },
     {
-      label: '角色', //显示的名称
+      label: '角色',
       props: [
         {
           type: 'slot',
@@ -74,7 +136,7 @@ export const useData = <Row = any>() => {
       ],
     },
     {
-      label: '是否启用', //显示的名称
+      label: '是否启用',
       props: [
         {
           prop: 'status',
@@ -98,7 +160,7 @@ export const useData = <Row = any>() => {
       ],
     },
     {
-      label: '添加时间', //显示的名称
+      label: '添加时间',
       props: [
         {
           prop: 'createTime',
@@ -106,7 +168,7 @@ export const useData = <Row = any>() => {
       ],
     },
     {
-      label: '操作', //显示的标题
+      label: '操作',
       minWidth: '180px',
       props: [
         {
@@ -135,7 +197,44 @@ export const useData = <Row = any>() => {
     },
   ]
 
-  // 弹窗开关
+  const columnOptions = [
+    { label: '编号', value: 'id' },
+    { label: '帐号', value: 'username' },
+    { label: '角色', value: 'roles' },
+    { label: '是否启用', value: 'status' },
+    { label: '添加时间', value: 'createTime' },
+    { label: '操作', value: 'operation' },
+  ]
+
+  const getColumnKey = (
+    header: PowerfulTableHeader<Row>,
+    index: number,
+  ): string => {
+    let prop: string | undefined
+    if (Array.isArray(header.props)) {
+      prop = header.props[0]?.prop
+    } else if (header.props) {
+      prop = header.props.prop
+    }
+    if (prop) return prop
+    if (header.label === '操作') return 'operation'
+    if (header.label === '角色') return 'roles'
+    return `col_${index}`
+  }
+
+  const header = computed(() => {
+    return allHeaders.filter((h, index) => {
+      const key = getColumnKey(h, index)
+      return columnVisibility[key] !== false
+    })
+  })
+
+  const resetColumns = () => {
+    Object.keys(columnVisibility).forEach((key) => {
+      columnVisibility[key] = true
+    })
+  }
+
   const switchs = reactive({
     role: false,
     edit: false,
@@ -143,19 +242,29 @@ export const useData = <Row = any>() => {
 
   const powerfulTableData: PowerfulTableData = reactive({
     list: [],
-    header: header,
+    header: [],
     total: 0,
     listQuery: {
-      pageNum: 1,
-      pageSize: 10,
-      username: '',
+      pageNum: savedListState.pageNum || 1,
+      pageSize: savedListState.pageSize || 10,
+      username: savedListState.username || '',
+      sortProp: savedListState.sortProp || '',
+      sortOrder: savedListState.sortOrder || '',
     },
   })
 
-  // row 数据
-  const currentForm = ref<RowType>({ ...defaultData })
+  const saveListState = () => {
+    setStorage(STORAGE_KEYS.LIST_STATE, {
+      pageNum: powerfulTableData.listQuery.pageNum,
+      pageSize: powerfulTableData.listQuery.pageSize,
+      username: powerfulTableData.listQuery.username,
+      sortProp: powerfulTableData.listQuery.sortProp,
+      sortOrder: powerfulTableData.listQuery.sortOrder,
+    })
+  }
+
+  const currentForm = ref<RowType>({ ...defaultFormData })
 
-  // 角色列表
   const roleLists = ref<{ label: string; value: string }[]>([])
 
   return {
@@ -164,5 +273,10 @@ export const useData = <Row = any>() => {
     powerfulTableData,
     currentForm,
     roleLists,
+    isSearchExpanded,
+    columnVisibility,
+    columnOptions,
+    resetColumns,
+    saveListState,
   }
 }