diff --git a/server/api/v1/system/sys_dictionary.go b/server/api/v1/system/sys_dictionary.go
index 1dfe9d0899..5e6ca79c3b 100644
--- a/server/api/v1/system/sys_dictionary.go
+++ b/server/api/v1/system/sys_dictionary.go
@@ -4,6 +4,7 @@ import (
 	"github.com/flipped-aurora/gin-vue-admin/server/global"
 	"github.com/flipped-aurora/gin-vue-admin/server/model/common/response"
 	"github.com/flipped-aurora/gin-vue-admin/server/model/system"
+	"github.com/flipped-aurora/gin-vue-admin/server/model/system/request"
 	"github.com/gin-gonic/gin"
 	"go.uber.org/zap"
 )
@@ -116,10 +117,17 @@ func (s *DictionaryApi) FindSysDictionary(c *gin.Context) {
 // @Security  ApiKeyAuth
 // @accept    application/json
 // @Produce   application/json
+// @Param     data  query     request.SysDictionarySearch                                    true  "字典 name 或者 type"
 // @Success   200   {object}  response.Response{data=response.PageResult,msg=string}  "分页获取SysDictionary列表,返回包括列表,总数,页码,每页数量"
 // @Router    /sysDictionary/getSysDictionaryList [get]
 func (s *DictionaryApi) GetSysDictionaryList(c *gin.Context) {
-	list, err := dictionaryService.GetSysDictionaryInfoList()
+	var dictionary request.SysDictionarySearch
+	err := c.ShouldBindQuery(&dictionary)
+	if err != nil {
+		response.FailWithMessage(err.Error(), c)
+		return
+	}
+	list, err := dictionaryService.GetSysDictionaryInfoList(c, dictionary)
 	if err != nil {
 		global.GVA_LOG.Error("获取失败!", zap.Error(err))
 		response.FailWithMessage("获取失败", c)
diff --git a/server/config.yaml b/server/config.yaml
index 35aaba3d05..1f9dbf4d69 100644
--- a/server/config.yaml
+++ b/server/config.yaml
@@ -268,7 +268,6 @@ cors:
           allow-headers: Content-Type,AccessToken,X-CSRF-Token, Authorization, Token,X-Token,X-User-Id
           allow-methods: POST, GET
           expose-headers: Content-Length, Access-Control-Allow-Origin, Access-Control-Allow-Headers, Content-Type
-
           allow-credentials: true # 布尔值
         - allow-origin: example2.com
           allow-headers: content-type
@@ -280,4 +279,4 @@ mcp:
     version: v1.0.0
     sse_path: /sse
     message_path: /message
-    url_prefix: ''
\ No newline at end of file
+    url_prefix: ''
diff --git a/server/model/common/response/response.go b/server/model/common/response/response.go
index a429b12e12..f0e0e53120 100644
--- a/server/model/common/response/response.go
+++ b/server/model/common/response/response.go
@@ -18,7 +18,6 @@ const (
 )
 
 func Result(code int, data interface{}, msg string, c *gin.Context) {
-	// 开始时间
 	c.JSON(http.StatusOK, Response{
 		code,
 		data,
diff --git a/server/model/system/request/sys_dictionary.go b/server/model/system/request/sys_dictionary.go
new file mode 100644
index 0000000000..2b5fa1a9dd
--- /dev/null
+++ b/server/model/system/request/sys_dictionary.go
@@ -0,0 +1,5 @@
+package request
+
+type SysDictionarySearch struct {
+	Name string `json:"name" form:"name" gorm:"column:name;comment:字典名（中）"` // 字典名（中）
+}
diff --git a/server/service/system/sys_dictionary.go b/server/service/system/sys_dictionary.go
index d540a9602c..193565bcc7 100644
--- a/server/service/system/sys_dictionary.go
+++ b/server/service/system/sys_dictionary.go
@@ -2,6 +2,8 @@ package system
 
 import (
 	"errors"
+	"github.com/flipped-aurora/gin-vue-admin/server/model/system/request"
+	"github.com/gin-gonic/gin"
 
 	"github.com/flipped-aurora/gin-vue-admin/server/global"
 	"github.com/flipped-aurora/gin-vue-admin/server/model/system"
@@ -105,8 +107,12 @@ func (dictionaryService *DictionaryService) GetSysDictionary(Type string, Id uin
 //@param: info request.SysDictionarySearch
 //@return: err error, list interface{}, total int64
 
-func (dictionaryService *DictionaryService) GetSysDictionaryInfoList() (list interface{}, err error) {
+func (dictionaryService *DictionaryService) GetSysDictionaryInfoList(c *gin.Context, req request.SysDictionarySearch) (list interface{}, err error) {
 	var sysDictionarys []system.SysDictionary
-	err = global.GVA_DB.Find(&sysDictionarys).Error
+	query := global.GVA_DB.WithContext(c)
+	if req.Name != "" {
+		query = query.Where("name LIKE ? OR type LIKE ?", "%"+req.Name+"%", "%"+req.Name+"%")
+	}
+	err = query.Find(&sysDictionarys).Error
 	return sysDictionarys, err
 }
diff --git a/web/.env.development b/web/.env.development
index b80eedd3fd..25ffe1f7f2 100644
--- a/web/.env.development
+++ b/web/.env.development
@@ -4,7 +4,7 @@ VITE_SERVER_PORT = 8888
 VITE_BASE_API = /api
 VITE_FILE_API = /api
 VITE_BASE_PATH = http://127.0.0.1
-VITE_POSITION = close
+VITE_POSITION = open
 VITE_EDITOR = code
 // VITE_EDITOR = webstorm 如果使用webstorm开发且要使用dom定位到代码行功能 请先自定添加 webstorm到环境变量 再将VITE_EDITOR值修改为webstorm
 // 如果使用docker-compose开发模式，设置为下面的地址或本机主机IP
diff --git a/web/src/App.vue b/web/src/App.vue
index ed19e85413..5a2214e9f8 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -1,5 +1,8 @@
 <template>
-  <div id="app" class="bg-gray-50 text-slate-700 dark:text-slate-500 dark:bg-slate-800">
+  <div
+    id="app"
+    class="bg-gray-50 text-slate-700 !dark:text-slate-500 dark:bg-slate-800"
+  >
     <el-config-provider :locale="zhCn">
       <router-view />
       <Application />
@@ -8,36 +11,36 @@
 </template>
 
 <script setup>
-import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
-import Application from '@/components/application/index.vue'
-import { useAppStore } from '@/pinia'
+  import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
+  import Application from '@/components/application/index.vue'
+  import { useAppStore } from '@/pinia'
 
-useAppStore()
-defineOptions({
-  name: 'App'
-})
+  useAppStore()
+  defineOptions({
+    name: 'App'
+  })
 </script>
 <style lang="scss">
-// 引入初始化样式
-#app {
-  height: 100vh;
-  overflow: hidden;
-  font-weight: 400 !important;
-}
+  // 引入初始化样式
+  #app {
+    height: 100vh;
+    overflow: hidden;
+    font-weight: 400 !important;
+  }
 
-.el-button {
-  font-weight: 400 !important;
-}
+  .el-button {
+    font-weight: 400 !important;
+  }
 
-.gva-body-h {
-  min-height: calc(100% - 3rem);
-}
+  .gva-body-h {
+    min-height: calc(100% - 3rem);
+  }
 
-.gva-container {
-  height: calc(100% - 2.5rem);
-}
+  .gva-container {
+    height: calc(100% - 2.5rem);
+  }
 
-.gva-container2 {
-  height: calc(100% - 4.5rem);
-}
+  .gva-container2 {
+    height: calc(100% - 4.5rem);
+  }
 </style>
diff --git a/web/src/directive/clickOutSide.js b/web/src/directive/clickOutSide.js
new file mode 100644
index 0000000000..d1bd5022be
--- /dev/null
+++ b/web/src/directive/clickOutSide.js
@@ -0,0 +1,43 @@
+export default {
+  install: (app) => {
+    app.directive('click-outside', {
+      mounted(el, binding) {
+        const handler = (e) => {
+          // 如果绑定的元素包含事件目标，或元素已经被移除，则不触发
+          if (!el || el.contains(e.target) || e.target === el) return
+          // 支持函数或对象 { handler: fn, exclude: [el1, el2], capture: true }
+          const value = binding.value
+          if (value && typeof value === 'object') {
+            if (
+              value.exclude &&
+              value.exclude.some(
+                (ex) => ex && ex.contains && ex.contains(e.target)
+              )
+            )
+              return
+            if (typeof value.handler === 'function') value.handler(e)
+          } else if (typeof value === 'function') {
+            value(e)
+          }
+        }
+
+        // 存到 el 上，便于解绑
+        el.__clickOutsideHandler__ = handler
+
+        // 延迟注册，避免 mounted 时触发（比如当点击就是触发绑定动作时）
+        setTimeout(() => {
+          document.addEventListener('mousedown', handler)
+          document.addEventListener('touchstart', handler)
+        }, 0)
+      },
+      unmounted(el) {
+        const h = el.__clickOutsideHandler__
+        if (h) {
+          document.removeEventListener('mousedown', h)
+          document.removeEventListener('touchstart', h)
+          delete el.__clickOutsideHandler__
+        }
+      }
+    })
+  }
+}
diff --git a/web/src/main.js b/web/src/main.js
index 18ba0723e4..8ecb37bd7a 100644
--- a/web/src/main.js
+++ b/web/src/main.js
@@ -1,6 +1,6 @@
 import './style/element_visiable.scss'
 import 'element-plus/theme-chalk/dark/css-vars.css'
-import 'uno.css';
+import 'uno.css'
 import { createApp } from 'vue'
 import ElementPlus from 'element-plus'
 
@@ -12,11 +12,19 @@ import router from '@/router/index'
 import '@/permission'
 import run from '@/core/gin-vue-admin.js'
 import auth from '@/directive/auth'
+import clickOutSide from '@/directive/clickOutSide'
 import { store } from '@/pinia'
 import App from './App.vue'
 
 const app = createApp(App)
 app.config.productionTip = false
 
-app.use(run).use(ElementPlus).use(store).use(auth).use(router).mount('#app')
+app
+  .use(run)
+  .use(ElementPlus)
+  .use(store)
+  .use(auth)
+  .use(clickOutSide)
+  .use(router)
+  .mount('#app')
 export default app
diff --git a/web/src/view/example/upload/upload.vue b/web/src/view/example/upload/upload.vue
index eae676a0eb..fdc86825ab 100644
--- a/web/src/view/example/upload/upload.vue
+++ b/web/src/view/example/upload/upload.vue
@@ -1,26 +1,46 @@
 <template>
   <div v-loading.fullscreen.lock="fullscreenLoading">
-    <div class="flex gap-4 p-2">
-      <div class="flex-none w-64 bg-white text-slate-700 dark:text-slate-400  dark:bg-slate-900 rounded p-4">
+    <div class="flex gap-4 pt-2">
+      <div
+        class="flex-none w-64 bg-white text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded p-4"
+      >
         <el-scrollbar style="height: calc(100vh - 300px)">
           <el-tree
-              :data="categories"
-              node-key="id"
-              :props="defaultProps"
-              @node-click="handleNodeClick"
-              default-expand-all
+            :data="categories"
+            node-key="id"
+            :props="defaultProps"
+            @node-click="handleNodeClick"
+            default-expand-all
           >
             <template #default="{ node, data }">
-              <div class="w-36" :class="search.classId === data.ID ? 'text-blue-500 font-bold' : ''">{{ data.name }}
+              <div
+                class="w-36"
+                :class="
+                  search.classId === data.ID ? 'text-blue-500 font-bold' : ''
+                "
+              >
+                {{ data.name }}
               </div>
               <el-dropdown>
-                <el-icon class="ml-3 text-right" v-if="data.ID > 0"><MoreFilled /></el-icon>
+                <el-icon class="ml-3 text-right" v-if="data.ID > 0"
+                  ><MoreFilled
+                /></el-icon>
                 <el-icon class="ml-3 text-right mt-1" v-else><Plus /></el-icon>
                 <template #dropdown>
                   <el-dropdown-menu>
-                    <el-dropdown-item @click="addCategoryFun(data)">添加分类</el-dropdown-item>
-                    <el-dropdown-item @click="editCategory(data)" v-if="data.ID > 0">编辑分类</el-dropdown-item>
-                    <el-dropdown-item @click="deleteCategoryFun(data.ID)" v-if="data.ID > 0">删除分类</el-dropdown-item>
+                    <el-dropdown-item @click="addCategoryFun(data)"
+                      >添加分类</el-dropdown-item
+                    >
+                    <el-dropdown-item
+                      @click="editCategory(data)"
+                      v-if="data.ID > 0"
+                      >编辑分类</el-dropdown-item
+                    >
+                    <el-dropdown-item
+                      @click="deleteCategoryFun(data.ID)"
+                      v-if="data.ID > 0"
+                      >删除分类</el-dropdown-item
+                    >
                   </el-dropdown-menu>
                 </template>
               </el-dropdown>
@@ -28,98 +48,118 @@
           </el-tree>
         </el-scrollbar>
       </div>
-      <div class="flex-1 bg-white text-slate-700 dark:text-slate-400  dark:bg-slate-900">
+      <div
+        class="flex-1 bg-white text-slate-700 dark:text-slate-400 dark:bg-slate-900"
+      >
         <div class="gva-table-box mt-0 mb-0">
-          <warning-bar title="点击“文件名”可以编辑；选择的类别即是上传的类别。" />
+          <warning-bar
+            title="点击“文件名”可以编辑；选择的类别即是上传的类别。"
+          />
           <div class="gva-btn-list gap-3">
-            <upload-common :image-common="imageCommon" :classId="search.classId" @on-success="onSuccess" />
+            <upload-common
+              :image-common="imageCommon"
+              :classId="search.classId"
+              @on-success="onSuccess"
+            />
             <cropper-image :classId="search.classId" @on-success="onSuccess" />
             <QRCodeUpload :classId="search.classId" @on-success="onSuccess" />
             <upload-image
-                :image-url="imageUrl"
-                :file-size="512"
-                :max-w-h="1080"
-                :classId="search.classId"
-                @on-success="onSuccess"
+              :image-url="imageUrl"
+              :file-size="512"
+              :max-w-h="1080"
+              :classId="search.classId"
+              @on-success="onSuccess"
             />
             <el-button type="primary" icon="upload" @click="importUrlFunc">
               导入URL
             </el-button>
             <el-input
-                v-model="search.keyword"
-                class="w-72"
-                placeholder="请输入文件名或备注"
+              v-model="search.keyword"
+              class="w-72"
+              placeholder="请输入文件名或备注"
             />
             <el-button type="primary" icon="search" @click="onSubmit"
-            >查询
-            </el-button
-            >
+              >查询
+            </el-button>
           </div>
 
           <el-table :data="tableData">
             <el-table-column align="left" label="预览" width="100">
               <template #default="scope">
-                <CustomPic pic-type="file" :pic-src="scope.row.url" preview/>
+                <CustomPic pic-type="file" :pic-src="scope.row.url" preview />
               </template>
             </el-table-column>
-            <el-table-column align="left" label="日期" prop="UpdatedAt" width="180">
+            <el-table-column
+              align="left"
+              label="日期"
+              prop="UpdatedAt"
+              width="180"
+            >
               <template #default="scope">
                 <div>{{ formatDate(scope.row.UpdatedAt) }}</div>
               </template>
             </el-table-column>
             <el-table-column
-                align="left"
-                label="文件名/备注"
-                prop="name"
-                width="180"
+              align="left"
+              label="文件名/备注"
+              prop="name"
+              width="180"
             >
               <template #default="scope">
-                <div class="cursor-pointer" @click="editFileNameFunc(scope.row)">
+                <div
+                  class="cursor-pointer"
+                  @click="editFileNameFunc(scope.row)"
+                >
                   {{ scope.row.name }}
                 </div>
               </template>
             </el-table-column>
-            <el-table-column align="left" label="链接" prop="url" min-width="300"/>
+            <el-table-column
+              align="left"
+              label="链接"
+              prop="url"
+              min-width="300"
+            />
             <el-table-column align="left" label="标签" prop="tag" width="100">
               <template #default="scope">
                 <el-tag
-                    :type="scope.row.tag?.toLowerCase() === 'jpg' ? 'info' : 'success'"
-                    disable-transitions
-                >{{ scope.row.tag }}
+                  :type="
+                    scope.row.tag?.toLowerCase() === 'jpg' ? 'info' : 'success'
+                  "
+                  disable-transitions
+                  >{{ scope.row.tag }}
                 </el-tag>
               </template>
             </el-table-column>
             <el-table-column align="left" label="操作" width="160">
               <template #default="scope">
                 <el-button
-                    icon="download"
-                    type="primary"
-                    link
-                    @click="downloadFile(scope.row)"
-                >下载
-                </el-button
-                >
+                  icon="download"
+                  type="primary"
+                  link
+                  @click="downloadFile(scope.row)"
+                  >下载
+                </el-button>
                 <el-button
-                    icon="delete"
-                    type="primary"
-                    link
-                    @click="deleteFileFunc(scope.row)"
-                >删除
-                </el-button
-                >
+                  icon="delete"
+                  type="primary"
+                  link
+                  @click="deleteFileFunc(scope.row)"
+                  >删除
+                </el-button>
               </template>
             </el-table-column>
           </el-table>
           <div class="gva-pagination">
             <el-pagination
-                :current-page="page"
-                :page-size="pageSize"
-                :page-sizes="[10, 30, 50, 100]"
-                :style="{ float: 'right', padding: '20px' }"
-                :total="total"
-                layout="total, sizes, prev, pager, next, jumper"
-                @current-change="handleCurrentChange"
-                @size-change="handleSizeChange"
+              :current-page="page"
+              :page-size="pageSize"
+              :page-sizes="[10, 30, 50, 100]"
+              :style="{ float: 'right', padding: '20px' }"
+              :total="total"
+              layout="total, sizes, prev, pager, next, jumper"
+              @current-change="handleCurrentChange"
+              @size-change="handleSizeChange"
             />
           </div>
         </div>
@@ -127,23 +167,34 @@
     </div>
 
     <!-- 添加分类弹窗 -->
-    <el-dialog v-model="categoryDialogVisible" @close="closeAddCategoryDialog" width="520"
-               :title="(categoryFormData.ID === 0 ? '添加' : '编辑') + '分类'"
-               draggable
+    <el-dialog
+      v-model="categoryDialogVisible"
+      @close="closeAddCategoryDialog"
+      width="520"
+      :title="(categoryFormData.ID === 0 ? '添加' : '编辑') + '分类'"
+      draggable
     >
-      <el-form ref="categoryForm" :rules="rules" :model="categoryFormData" label-width="80px">
+      <el-form
+        ref="categoryForm"
+        :rules="rules"
+        :model="categoryFormData"
+        label-width="80px"
+      >
         <el-form-item label="上级分类">
           <el-tree-select
-              v-model="categoryFormData.pid"
-              :data="categories"
-              check-strictly
-              :props="defaultProps"
-              :render-after-expand="false"
-              style="width: 240px"
+            v-model="categoryFormData.pid"
+            :data="categories"
+            check-strictly
+            :props="defaultProps"
+            :render-after-expand="false"
+            style="width: 240px"
           />
         </el-form-item>
         <el-form-item label="分类名称" prop="name">
-          <el-input v-model.trim="categoryFormData.name" placeholder="分类名称"></el-input>
+          <el-input
+            v-model.trim="categoryFormData.name"
+            placeholder="分类名称"
+          ></el-input>
         </el-form-item>
       </el-form>
       <template #footer>
@@ -151,88 +202,91 @@
         <el-button type="primary" @click="confirmAddCategory">确定</el-button>
       </template>
     </el-dialog>
-
   </div>
 </template>
 
 <script setup>
-import {
-  getFileList,
-  deleteFile,
-  editFileName,
-  importURL
-} from '@/api/fileUploadAndDownload'
-import {downloadImage} from '@/utils/downloadImg'
-import CustomPic from '@/components/customPic/index.vue'
-import UploadImage from '@/components/upload/image.vue'
-import UploadCommon from '@/components/upload/common.vue'
-import {CreateUUID, formatDate} from '@/utils/format'
-import WarningBar from '@/components/warningBar/warningBar.vue'
+  import {
+    getFileList,
+    deleteFile,
+    editFileName,
+    importURL
+  } from '@/api/fileUploadAndDownload'
+  import { downloadImage } from '@/utils/downloadImg'
+  import CustomPic from '@/components/customPic/index.vue'
+  import UploadImage from '@/components/upload/image.vue'
+  import UploadCommon from '@/components/upload/common.vue'
+  import { CreateUUID, formatDate } from '@/utils/format'
+  import WarningBar from '@/components/warningBar/warningBar.vue'
 
-import {ref} from 'vue'
-import {ElMessage, ElMessageBox} from 'element-plus'
-import {addCategory, deleteCategory, getCategoryList} from "@/api/attachmentCategory";
-import CropperImage from "@/components/upload/cropper.vue";
-import QRCodeUpload from "@/components/upload/QR-code.vue";
+  import { ref } from 'vue'
+  import { ElMessage, ElMessageBox } from 'element-plus'
+  import {
+    addCategory,
+    deleteCategory,
+    getCategoryList
+  } from '@/api/attachmentCategory'
+  import CropperImage from '@/components/upload/cropper.vue'
+  import QRCodeUpload from '@/components/upload/QR-code.vue'
 
-defineOptions({
-  name: 'Upload'
-})
+  defineOptions({
+    name: 'Upload'
+  })
 
-const fullscreenLoading = ref(false)
-const path = ref(import.meta.env.VITE_BASE_API)
+  const fullscreenLoading = ref(false)
+  const path = ref(import.meta.env.VITE_BASE_API)
 
-const imageUrl = ref('')
-const imageCommon = ref('')
+  const imageUrl = ref('')
+  const imageCommon = ref('')
 
-const page = ref(1)
-const total = ref(0)
-const pageSize = ref(10)
-const search = ref({
-  keyword: null,
-  classId: 0
-})
-const tableData = ref([])
+  const page = ref(1)
+  const total = ref(0)
+  const pageSize = ref(10)
+  const search = ref({
+    keyword: null,
+    classId: 0
+  })
+  const tableData = ref([])
 
-// 分页
-const handleSizeChange = (val) => {
-  pageSize.value = val
-  getTableData()
-}
+  // 分页
+  const handleSizeChange = (val) => {
+    pageSize.value = val
+    getTableData()
+  }
 
-const handleCurrentChange = (val) => {
-  page.value = val
-  getTableData()
-}
+  const handleCurrentChange = (val) => {
+    page.value = val
+    getTableData()
+  }
 
-const onSubmit = () => {
-  search.value.classId = 0
-  page.value = 1
-  getTableData()
-}
+  const onSubmit = () => {
+    search.value.classId = 0
+    page.value = 1
+    getTableData()
+  }
 
-// 查询
-const getTableData = async () => {
-  const table = await getFileList({
-    page: page.value,
-    pageSize: pageSize.value,
-    ...search.value
-  })
-  if (table.code === 0) {
-    tableData.value = table.data.list
-    total.value = table.data.total
-    page.value = table.data.page
-    pageSize.value = table.data.pageSize
+  // 查询
+  const getTableData = async () => {
+    const table = await getFileList({
+      page: page.value,
+      pageSize: pageSize.value,
+      ...search.value
+    })
+    if (table.code === 0) {
+      tableData.value = table.data.list
+      total.value = table.data.total
+      page.value = table.data.page
+      pageSize.value = table.data.pageSize
+    }
   }
-}
-getTableData()
+  getTableData()
 
-const deleteFileFunc = async (row) => {
-  ElMessageBox.confirm('此操作将永久删除文件, 是否继续?', '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning'
-  })
+  const deleteFileFunc = async (row) => {
+    ElMessageBox.confirm('此操作将永久删除文件, 是否继续?', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    })
       .then(async () => {
         const res = await deleteFile(row)
         if (res.code === 0) {
@@ -252,30 +306,30 @@ const deleteFileFunc = async (row) => {
           message: '已取消删除'
         })
       })
-}
+  }
 
-const downloadFile = (row) => {
-  if (row.url.indexOf('http://') > -1 || row.url.indexOf('https://') > -1) {
-    downloadImage(row.url, row.name)
-  } else {
-    downloadImage(path.value + '/' + row.url, row.name)
+  const downloadFile = (row) => {
+    if (row.url.indexOf('http://') > -1 || row.url.indexOf('https://') > -1) {
+      downloadImage(row.url, row.name)
+    } else {
+      downloadImage(path.value + '/' + row.url, row.name)
+    }
   }
-}
 
-/**
- * 编辑文件名或者备注
- * @param row
- * @returns {Promise<void>}
- */
-const editFileNameFunc = async (row) => {
-  ElMessageBox.prompt('请输入文件名或者备注', '编辑', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    inputPattern: /\S/,
-    inputErrorMessage: '不能为空',
-    inputValue: row.name
-  })
-      .then(async ({value}) => {
+  /**
+   * 编辑文件名或者备注
+   * @param row
+   * @returns {Promise<void>}
+   */
+  const editFileNameFunc = async (row) => {
+    ElMessageBox.prompt('请输入文件名或者备注', '编辑', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      inputPattern: /\S/,
+      inputErrorMessage: '不能为空',
+      inputValue: row.name
+    })
+      .then(async ({ value }) => {
         row.name = value
         // console.log(row)
         const res = await editFileName(row)
@@ -293,22 +347,22 @@ const editFileNameFunc = async (row) => {
           message: '取消修改'
         })
       })
-}
+  }
 
-/**
- * 导入URL
- */
-const importUrlFunc = () => {
-  ElMessageBox.prompt('格式：文件名|链接或者仅链接。', '导入', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    inputType: 'textarea',
-    inputPlaceholder:
+  /**
+   * 导入URL
+   */
+  const importUrlFunc = () => {
+    ElMessageBox.prompt('格式：文件名|链接或者仅链接。', '导入', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      inputType: 'textarea',
+      inputPlaceholder:
         '我的图片|https://my-oss.com/my.png\nhttps://my-oss.com/my_1.png',
-    inputPattern: /\S/,
-    inputErrorMessage: '不能为空'
-  })
-      .then(async ({value}) => {
+      inputPattern: /\S/,
+      inputErrorMessage: '不能为空'
+    })
+      .then(async ({ value }) => {
         let data = value.split('\n')
         let importData = []
         data.forEach((item) => {
@@ -348,101 +402,101 @@ const importUrlFunc = () => {
           message: '取消导入'
         })
       })
-}
-
-const onSuccess = () => {
-  search.value.keyword = null
-  page.value = 1
-  getTableData()
-}
+  }
 
-const defaultProps = {
-  children: 'children',
-  label: 'name',
-  value: 'ID'
-}
+  const onSuccess = () => {
+    search.value.keyword = null
+    page.value = 1
+    getTableData()
+  }
 
-const categories = ref([])
-const fetchCategories = async () => {
-  const res = await getCategoryList()
-  let data = {
-    name: '全部分类',
-    ID: 0,
-    pid: 0,
-    children:[]
+  const defaultProps = {
+    children: 'children',
+    label: 'name',
+    value: 'ID'
   }
-  if (res.code === 0) {
-    categories.value = res.data || []
-    categories.value.unshift(data)
+
+  const categories = ref([])
+  const fetchCategories = async () => {
+    const res = await getCategoryList()
+    let data = {
+      name: '全部分类',
+      ID: 0,
+      pid: 0,
+      children: []
+    }
+    if (res.code === 0) {
+      categories.value = res.data || []
+      categories.value.unshift(data)
+    }
   }
-}
 
-const handleNodeClick = (node) => {
-  search.value.keyword = null
-  search.value.classId = node.ID
-  page.value = 1
-  getTableData()
-}
+  const handleNodeClick = (node) => {
+    search.value.keyword = null
+    search.value.classId = node.ID
+    page.value = 1
+    getTableData()
+  }
 
-const categoryDialogVisible = ref(false)
-const categoryFormData = ref({
-  ID: 0,
-  pid: 0,
-  name: ''
-})
+  const categoryDialogVisible = ref(false)
+  const categoryFormData = ref({
+    ID: 0,
+    pid: 0,
+    name: ''
+  })
 
-const categoryForm = ref(null)
-const rules = ref({
-  name: [
-    {required: true, message: '请输入分类名称', trigger: 'blur'},
-    {max: 20, message: '最多20位字符', trigger: 'blur'}
-  ]
-})
+  const categoryForm = ref(null)
+  const rules = ref({
+    name: [
+      { required: true, message: '请输入分类名称', trigger: 'blur' },
+      { max: 20, message: '最多20位字符', trigger: 'blur' }
+    ]
+  })
 
-const addCategoryFun = (category) => {
-  categoryDialogVisible.value = true
-  categoryFormData.value.ID = 0
-  categoryFormData.value.pid = category.ID
-}
+  const addCategoryFun = (category) => {
+    categoryDialogVisible.value = true
+    categoryFormData.value.ID = 0
+    categoryFormData.value.pid = category.ID
+  }
 
-const editCategory = (category) => {
-  categoryFormData.value = {
-    ID: category.ID,
-    pid: category.pid,
-    name: category.name
+  const editCategory = (category) => {
+    categoryFormData.value = {
+      ID: category.ID,
+      pid: category.pid,
+      name: category.name
+    }
+    categoryDialogVisible.value = true
   }
-  categoryDialogVisible.value = true
-}
 
-const deleteCategoryFun = async (id) => {
-  const res = await deleteCategory({id: id})
-  if (res.code === 0) {
-    ElMessage.success({type: 'success', message: '删除成功'})
-    await fetchCategories()
+  const deleteCategoryFun = async (id) => {
+    const res = await deleteCategory({ id: id })
+    if (res.code === 0) {
+      ElMessage.success({ type: 'success', message: '删除成功' })
+      await fetchCategories()
+    }
   }
-}
 
-const confirmAddCategory = async () => {
-  categoryForm.value.validate(async valid => {
-    if (valid) {
-      const res = await addCategory(categoryFormData.value)
-      if (res.code === 0) {
-        ElMessage({type: 'success', message: '操作成功'})
-        await fetchCategories()
-        closeAddCategoryDialog()
+  const confirmAddCategory = async () => {
+    categoryForm.value.validate(async (valid) => {
+      if (valid) {
+        const res = await addCategory(categoryFormData.value)
+        if (res.code === 0) {
+          ElMessage({ type: 'success', message: '操作成功' })
+          await fetchCategories()
+          closeAddCategoryDialog()
+        }
       }
-    }
-  })
-}
+    })
+  }
 
-const closeAddCategoryDialog = () => {
-  categoryDialogVisible.value = false
-  categoryFormData.value = {
-    ID: 0,
-    pid: 0,
-    name: ''
+  const closeAddCategoryDialog = () => {
+    categoryDialogVisible.value = false
+    categoryFormData.value = {
+      ID: 0,
+      pid: 0,
+      name: ''
+    }
   }
-}
 
-fetchCategories()
+  fetchCategories()
 </script>
diff --git a/web/src/view/layout/index.vue b/web/src/view/layout/index.vue
index 5210a4c80a..4e998ea625 100644
--- a/web/src/view/layout/index.vue
+++ b/web/src/view/layout/index.vue
@@ -14,7 +14,8 @@
     <div class="flex flex-row w-full gva-container pt-16 box-border !h-full">
       <gva-aside
         v-if="
-          config.side_mode === 'normal' || config.side_mode === 'sidebar' ||
+          config.side_mode === 'normal' ||
+          config.side_mode === 'sidebar' ||
           (device === 'mobile' && config.side_mode == 'head') ||
           (device === 'mobile' && config.side_mode == 'combination')
         "
@@ -23,10 +24,10 @@
         v-if="config.side_mode === 'combination' && device !== 'mobile'"
         mode="normal"
       />
-      <div class="flex-1 px-2 w-0 h-full">
+      <div class="flex-1 w-0 h-full">
         <gva-tabs v-if="config.showTabs" />
         <div
-          class="overflow-auto"
+          class="overflow-auto px-2"
           :class="config.showTabs ? 'gva-container2' : 'gva-container pt-1'"
         >
           <router-view v-if="reloadFlag" v-slot="{ Component, route }">
@@ -34,7 +35,10 @@
               id="gva-base-load-dom"
               class="gva-body-h bg-gray-50 dark:bg-slate-800"
             >
-              <transition mode="out-in" :name="route.meta.transitionType || config.transition_type">
+              <transition
+                mode="out-in"
+                :name="route.meta.transitionType || config.transition_type"
+              >
                 <keep-alive :include="routerStore.keepAliveRouters">
                   <component :is="Component" :key="route.fullPath" />
                 </keep-alive>
diff --git a/web/src/view/superAdmin/dictionary/sysDictionary.vue b/web/src/view/superAdmin/dictionary/sysDictionary.vue
index dcb273d3a2..627fa0eead 100644
--- a/web/src/view/superAdmin/dictionary/sysDictionary.vue
+++ b/web/src/view/superAdmin/dictionary/sysDictionary.vue
@@ -3,13 +3,39 @@
     <warning-bar
       title="获取字典且缓存方法已在前端utils/dictionary 已经封装完成 不必自己书写 使用方法查看文件内注释"
     />
-    <div class="flex gap-4 p-2">
+    <div class="flex gap-4">
       <div
-        class="flex-none w-52 bg-white text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded p-4"
+        class="flex-none w-64 bg-white text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded p-4"
       >
-        <div class="flex justify-between items-center">
+        <div class="flex justify-between items-center relative">
           <span class="text font-bold">字典列表</span>
-          <el-button type="primary" @click="openDrawer"> 新增 </el-button>
+          <el-input
+            class="!absolute top-0 left-0 z-2 ease-in-out animate-slide-left"
+            placeholder="搜索"
+            v-if="showSearchInput"
+            v-model="searchName"
+            clearable
+            :autofocus="showSearchInput"
+            @clear="clearSearchInput"
+            :prefix-icon="Search"
+            v-click-outside="handleCloseSearchInput"
+            @keydown="handleInputKeyDown"
+          >
+            <template #append>
+              <el-button
+                :type="searchName ? 'primary' : 'info'"
+                @click="getTableData"
+                >搜索</el-button
+              >
+            </template>
+          </el-input>
+          <el-button
+            class="ml-auto"
+            :icon="Search"
+            @click="showSearchInputHandler"
+          ></el-button>
+          <el-button type="primary" @click="openDrawer" :icon="Plus">
+          </el-button>
         </div>
         <el-scrollbar class="mt-4" style="height: calc(100vh - 300px)">
           <div
@@ -23,7 +49,11 @@
             "
             @click="toDetail(dictionary)"
           >
-            <span class="max-w-[160px] truncate">{{ dictionary.name }}</span>
+            <div class="max-w-[160px] truncate">
+              {{ dictionary.name }}
+              <span class="mr-auto text-sm">（{{ dictionary.type }}）</span>
+            </div>
+
             <div class="min-w-[40px]">
               <el-icon
                 class="text-blue-500"
@@ -119,8 +149,8 @@
   import { ElMessage, ElMessageBox } from 'element-plus'
 
   import sysDictionaryDetail from './sysDictionaryDetail.vue'
-  import { Edit } from '@element-plus/icons-vue'
-  import { useAppStore } from "@/pinia";
+  import { Edit, Plus, Search } from '@element-plus/icons-vue'
+  import { useAppStore } from '@/pinia'
 
   defineOptions({
     name: 'SysDictionary'
@@ -136,6 +166,8 @@
     status: true,
     desc: null
   })
+  const searchName = ref('')
+  const showSearchInput = ref(false)
   const rules = ref({
     name: [
       {
@@ -164,7 +196,9 @@
 
   // 查询
   const getTableData = async () => {
-    const res = await getSysDictionaryList()
+    const res = await getSysDictionaryList({
+      name: searchName.value.trim()
+    })
     if (res.code === 0) {
       dictionaryData.value = res.data
       selectID.value = res.data[0].ID
@@ -241,6 +275,27 @@
     drawerForm.value && drawerForm.value.clearValidate()
     drawerFormVisible.value = true
   }
+
+  const clearSearchInput = () => {
+    if (!showSearchInput.value) return
+    searchName.value = ''
+    showSearchInput.value = false
+    getTableData()
+  }
+  const handleCloseSearchInput = () => {
+    if (!showSearchInput.value || searchName.value.trim() != '') return
+    showSearchInput.value = false
+  }
+
+  const showSearchInputHandler = () => {
+    showSearchInput.value = true
+  }
+
+  const handleInputKeyDown = (e) => {
+    if (e.key === 'Enter' && searchName.value.trim() !== '') {
+      getTableData()
+    }
+  }
 </script>
 
 <style>
diff --git a/web/src/view/superAdmin/dictionary/sysDictionaryDetail.vue b/web/src/view/superAdmin/dictionary/sysDictionaryDetail.vue
index a03229f374..cf1f38a213 100644
--- a/web/src/view/superAdmin/dictionary/sysDictionaryDetail.vue
+++ b/web/src/view/superAdmin/dictionary/sysDictionaryDetail.vue
@@ -1,8 +1,26 @@
 <template>
   <div>
     <div class="gva-table-box">
-      <div class="gva-btn-list justify-between">
+      <div class="gva-btn-list justify-between flex items-center">
         <span class="text font-bold">字典详细内容</span>
+        <el-input
+          placeholder="搜索展示值"
+          v-model="searchName"
+          clearable
+          class="!w-64 ml-auto"
+          @clear="clearSearchInput"
+          :prefix-icon="Search"
+          v-click-outside="handleCloseSearchInput"
+          @keydown="handleInputKeyDown"
+        >
+          <template #append>
+            <el-button
+              :type="searchName ? 'primary' : 'info'"
+              @click="getTableData"
+              >搜索</el-button
+            >
+          </template>
+        </el-input>
         <el-button type="primary" icon="plus" @click="openDrawer">
           新增字典项
         </el-button>
@@ -45,7 +63,11 @@
           width="120"
         />
 
-        <el-table-column align="left" label="操作" :min-width="appStore.operateMinWith">
+        <el-table-column
+          align="left"
+          label="操作"
+          :min-width="appStore.operateMinWith"
+        >
           <template #default="scope">
             <el-button
               type="primary"
@@ -156,14 +178,14 @@
   import { ref, watch } from 'vue'
   import { ElMessage, ElMessageBox } from 'element-plus'
   import { formatBoolean, formatDate } from '@/utils/format'
-  import { useAppStore } from "@/pinia";
+  import { useAppStore } from '@/pinia'
 
   defineOptions({
     name: 'SysDictionaryDetail'
   })
 
   const appStore = useAppStore()
-
+  const searchName = ref('')
   const props = defineProps({
     sysDictionaryID: {
       type: Number,
@@ -223,7 +245,8 @@
     const table = await getSysDictionaryDetailList({
       page: page.value,
       pageSize: pageSize.value,
-      sysDictionaryID: props.sysDictionaryID
+      sysDictionaryID: props.sysDictionaryID,
+      label: searchName.value.trim()
     })
     if (table.code === 0) {
       tableData.value = table.data.list