diff --git a/src/api/index.ts b/src/api/index.ts
index 9521010..7591ed2 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -3,7 +3,6 @@
 import { ElMessage } from 'element-plus'
 import router from '@/router/index'
 import useUserStore from '@/store/modules/user'
-
 // 错误码枚举
 enum responseCode {
   success = 200, // 成功
@@ -62,9 +61,16 @@
     else if (response.data.code !== responseCode.success) {
       if (response.data.code === responseCode.noPermission) { // token失效状态跳转到登录页
         toLogin()
+        if (useUserStore().isLogout === 0) {
+          ElMessage.error(response.data.message || '发生错误')
+        }
+        useUserStore().toLogout()
       }
-      // 这里做错误提示
-      ElMessage.error(response.data.message || '发生错误')
+      else {
+        // 这里做错误提
+        ElMessage.error(response.data.message || '发生错误')
+      }
+
       return Promise.reject(response.data)
     }
     else { // 成功

diff --git a/src/api/index.ts b/src/api/index.ts
index 9521010..7591ed2 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -3,7 +3,6 @@
 import { ElMessage } from 'element-plus'
 import router from '@/router/index'
 import useUserStore from '@/store/modules/user'
-
 // 错误码枚举
 enum responseCode {
   success = 200, // 成功
@@ -62,9 +61,16 @@
     else if (response.data.code !== responseCode.success) {
       if (response.data.code === responseCode.noPermission) { // token失效状态跳转到登录页
         toLogin()
+        if (useUserStore().isLogout === 0) {
+          ElMessage.error(response.data.message || '发生错误')
+        }
+        useUserStore().toLogout()
       }
-      // 这里做错误提示
-      ElMessage.error(response.data.message || '发生错误')
+      else {
+        // 这里做错误提
+        ElMessage.error(response.data.message || '发生错误')
+      }
+
       return Promise.reject(response.data)
     }
     else { // 成功
diff --git a/src/api/system/tool.ts b/src/api/system/tool.ts
index 7b61c3f..2cafc4a 100644
--- a/src/api/system/tool.ts
+++ b/src/api/system/tool.ts
@@ -132,3 +132,44 @@
     method: 'get',
   })
 }
+// 文件配置管理列表
+export function getFileListPage(data: listParamsType) {
+  return request({
+    url: `/download/center/listPage?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+// 删除文件配置
+export function deleteFileListPage(data: object) {
+  return request({
+    url: '/download/center/delete',
+    method: 'post',
+    data,
+  })
+}
+// 编辑文件配置
+export function updateFileListPage(data: object) {
+  return request({
+    url: '/download/center/update',
+    method: 'post',
+    data,
+  })
+}
+// 新增文件配置
+export function addeFileListPage(data: object) {
+  return request({
+    url: '/download/center/add',
+    method: 'post',
+    data,
+  })
+}
+// 导出
+export function exportFileListPage(data: object) {
+  return request({
+    url: '/download/center/listExport',
+    method: 'post',
+    data,
+    responseType: 'blob',
+  })
+}

diff --git a/src/api/index.ts b/src/api/index.ts
index 9521010..7591ed2 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -3,7 +3,6 @@
 import { ElMessage } from 'element-plus'
 import router from '@/router/index'
 import useUserStore from '@/store/modules/user'
-
 // 错误码枚举
 enum responseCode {
   success = 200, // 成功
@@ -62,9 +61,16 @@
     else if (response.data.code !== responseCode.success) {
       if (response.data.code === responseCode.noPermission) { // token失效状态跳转到登录页
         toLogin()
+        if (useUserStore().isLogout === 0) {
+          ElMessage.error(response.data.message || '发生错误')
+        }
+        useUserStore().toLogout()
       }
-      // 这里做错误提示
-      ElMessage.error(response.data.message || '发生错误')
+      else {
+        // 这里做错误提
+        ElMessage.error(response.data.message || '发生错误')
+      }
+
       return Promise.reject(response.data)
     }
     else { // 成功
diff --git a/src/api/system/tool.ts b/src/api/system/tool.ts
index 7b61c3f..2cafc4a 100644
--- a/src/api/system/tool.ts
+++ b/src/api/system/tool.ts
@@ -132,3 +132,44 @@
     method: 'get',
   })
 }
+// 文件配置管理列表
+export function getFileListPage(data: listParamsType) {
+  return request({
+    url: `/download/center/listPage?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+// 删除文件配置
+export function deleteFileListPage(data: object) {
+  return request({
+    url: '/download/center/delete',
+    method: 'post',
+    data,
+  })
+}
+// 编辑文件配置
+export function updateFileListPage(data: object) {
+  return request({
+    url: '/download/center/update',
+    method: 'post',
+    data,
+  })
+}
+// 新增文件配置
+export function addeFileListPage(data: object) {
+  return request({
+    url: '/download/center/add',
+    method: 'post',
+    data,
+  })
+}
+// 导出
+export function exportFileListPage(data: object) {
+  return request({
+    url: '/download/center/listExport',
+    method: 'post',
+    data,
+    responseType: 'blob',
+  })
+}
diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index cd62c8b..13377a4 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -5,12 +5,14 @@
 import eventBus from '@/utils/eventBus'
 import useSettingsStore from '@/store/modules/settings'
 import useUserStore from '@/store/modules/user'
-
+import useWebsocketStore from '@/store/modules/websocket'
 const router = useRouter()
 
 const settingsStore = useSettingsStore()
 const userStore = useUserStore()
 
+const websocket = useWebsocketStore()
+
 const mainPage = useMainPage()
 const { isFullscreen, toggle } = useFullscreen()
 
@@ -60,6 +62,10 @@
 function pro() {
   window.open('https://hooray.gitee.io/fantastic-admin-pro-example/', 'top')
 }
+onMounted(() => {
+  // 连接 websocket
+  websocket.initWebSocket()
+})
 </script>
 
 <template>

diff --git a/src/api/index.ts b/src/api/index.ts
index 9521010..7591ed2 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -3,7 +3,6 @@
 import { ElMessage } from 'element-plus'
 import router from '@/router/index'
 import useUserStore from '@/store/modules/user'
-
 // 错误码枚举
 enum responseCode {
   success = 200, // 成功
@@ -62,9 +61,16 @@
     else if (response.data.code !== responseCode.success) {
       if (response.data.code === responseCode.noPermission) { // token失效状态跳转到登录页
         toLogin()
+        if (useUserStore().isLogout === 0) {
+          ElMessage.error(response.data.message || '发生错误')
+        }
+        useUserStore().toLogout()
       }
-      // 这里做错误提示
-      ElMessage.error(response.data.message || '发生错误')
+      else {
+        // 这里做错误提
+        ElMessage.error(response.data.message || '发生错误')
+      }
+
       return Promise.reject(response.data)
     }
     else { // 成功
diff --git a/src/api/system/tool.ts b/src/api/system/tool.ts
index 7b61c3f..2cafc4a 100644
--- a/src/api/system/tool.ts
+++ b/src/api/system/tool.ts
@@ -132,3 +132,44 @@
     method: 'get',
   })
 }
+// 文件配置管理列表
+export function getFileListPage(data: listParamsType) {
+  return request({
+    url: `/download/center/listPage?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+// 删除文件配置
+export function deleteFileListPage(data: object) {
+  return request({
+    url: '/download/center/delete',
+    method: 'post',
+    data,
+  })
+}
+// 编辑文件配置
+export function updateFileListPage(data: object) {
+  return request({
+    url: '/download/center/update',
+    method: 'post',
+    data,
+  })
+}
+// 新增文件配置
+export function addeFileListPage(data: object) {
+  return request({
+    url: '/download/center/add',
+    method: 'post',
+    data,
+  })
+}
+// 导出
+export function exportFileListPage(data: object) {
+  return request({
+    url: '/download/center/listExport',
+    method: 'post',
+    data,
+    responseType: 'blob',
+  })
+}
diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index cd62c8b..13377a4 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -5,12 +5,14 @@
 import eventBus from '@/utils/eventBus'
 import useSettingsStore from '@/store/modules/settings'
 import useUserStore from '@/store/modules/user'
-
+import useWebsocketStore from '@/store/modules/websocket'
 const router = useRouter()
 
 const settingsStore = useSettingsStore()
 const userStore = useUserStore()
 
+const websocket = useWebsocketStore()
+
 const mainPage = useMainPage()
 const { isFullscreen, toggle } = useFullscreen()
 
@@ -60,6 +62,10 @@
 function pro() {
   window.open('https://hooray.gitee.io/fantastic-admin-pro-example/', 'top')
 }
+onMounted(() => {
+  // 连接 websocket
+  websocket.initWebSocket()
+})
 </script>
 
 <template>
diff --git a/src/router/modules/system.ts b/src/router/modules/system.ts
index bc5ae04..b9694a0 100644
--- a/src/router/modules/system.ts
+++ b/src/router/modules/system.ts
@@ -367,6 +367,16 @@
           auth: '/sys/tool/certificate',
         },
       },
+      {
+        path: 'configuration',
+        name: 'logConfiguration',
+        component: () => import('@/views/system/tool/fileConfiguration/configuration.vue'),
+        meta: {
+          title: '文件配置管理',
+          icon: 'ep:key',
+          auth: '/sys/tool/configuration',
+        },
+      },
     ],
   },
   {

diff --git a/src/api/index.ts b/src/api/index.ts
index 9521010..7591ed2 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -3,7 +3,6 @@
 import { ElMessage } from 'element-plus'
 import router from '@/router/index'
 import useUserStore from '@/store/modules/user'
-
 // 错误码枚举
 enum responseCode {
   success = 200, // 成功
@@ -62,9 +61,16 @@
     else if (response.data.code !== responseCode.success) {
       if (response.data.code === responseCode.noPermission) { // token失效状态跳转到登录页
         toLogin()
+        if (useUserStore().isLogout === 0) {
+          ElMessage.error(response.data.message || '发生错误')
+        }
+        useUserStore().toLogout()
       }
-      // 这里做错误提示
-      ElMessage.error(response.data.message || '发生错误')
+      else {
+        // 这里做错误提
+        ElMessage.error(response.data.message || '发生错误')
+      }
+
       return Promise.reject(response.data)
     }
     else { // 成功
diff --git a/src/api/system/tool.ts b/src/api/system/tool.ts
index 7b61c3f..2cafc4a 100644
--- a/src/api/system/tool.ts
+++ b/src/api/system/tool.ts
@@ -132,3 +132,44 @@
     method: 'get',
   })
 }
+// 文件配置管理列表
+export function getFileListPage(data: listParamsType) {
+  return request({
+    url: `/download/center/listPage?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+// 删除文件配置
+export function deleteFileListPage(data: object) {
+  return request({
+    url: '/download/center/delete',
+    method: 'post',
+    data,
+  })
+}
+// 编辑文件配置
+export function updateFileListPage(data: object) {
+  return request({
+    url: '/download/center/update',
+    method: 'post',
+    data,
+  })
+}
+// 新增文件配置
+export function addeFileListPage(data: object) {
+  return request({
+    url: '/download/center/add',
+    method: 'post',
+    data,
+  })
+}
+// 导出
+export function exportFileListPage(data: object) {
+  return request({
+    url: '/download/center/listExport',
+    method: 'post',
+    data,
+    responseType: 'blob',
+  })
+}
diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index cd62c8b..13377a4 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -5,12 +5,14 @@
 import eventBus from '@/utils/eventBus'
 import useSettingsStore from '@/store/modules/settings'
 import useUserStore from '@/store/modules/user'
-
+import useWebsocketStore from '@/store/modules/websocket'
 const router = useRouter()
 
 const settingsStore = useSettingsStore()
 const userStore = useUserStore()
 
+const websocket = useWebsocketStore()
+
 const mainPage = useMainPage()
 const { isFullscreen, toggle } = useFullscreen()
 
@@ -60,6 +62,10 @@
 function pro() {
   window.open('https://hooray.gitee.io/fantastic-admin-pro-example/', 'top')
 }
+onMounted(() => {
+  // 连接 websocket
+  websocket.initWebSocket()
+})
 </script>
 
 <template>
diff --git a/src/router/modules/system.ts b/src/router/modules/system.ts
index bc5ae04..b9694a0 100644
--- a/src/router/modules/system.ts
+++ b/src/router/modules/system.ts
@@ -367,6 +367,16 @@
           auth: '/sys/tool/certificate',
         },
       },
+      {
+        path: 'configuration',
+        name: 'logConfiguration',
+        component: () => import('@/views/system/tool/fileConfiguration/configuration.vue'),
+        meta: {
+          title: '文件配置管理',
+          icon: 'ep:key',
+          auth: '/sys/tool/configuration',
+        },
+      },
     ],
   },
   {
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index f3c730c..066f192 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -28,6 +28,7 @@
       systems: [] as Menu.menu[], // 子系统权限
       menus: [] as Menu.menu[], // 菜单权限
       btns: [] as Menu.menu[], // 按钮权限
+      isLogout: 0, // 是否被退出登录
     }),
     getters: {
       isLogin: (state) => {
@@ -69,6 +70,7 @@
             // 保存私钥
             setPrivateKey(privateStr)
             this.privateKey = privateStr
+            this.isLogout = 0
             resolve(res.data)
           }).catch((e) => {
             reject(e)
@@ -87,6 +89,7 @@
             localStorage.setItem('token', res.data.token)
             this.username = res.data.username
             this.token = res.data.token
+            this.isLogout = 0
             resolve()
           }).catch((error) => {
             reject(error)
@@ -190,6 +193,10 @@
           })
         })
       },
+      // 被退出登录
+      toLogout() {
+        this.isLogout += 1
+      },
     },
   },
 )

diff --git a/src/api/index.ts b/src/api/index.ts
index 9521010..7591ed2 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -3,7 +3,6 @@
 import { ElMessage } from 'element-plus'
 import router from '@/router/index'
 import useUserStore from '@/store/modules/user'
-
 // 错误码枚举
 enum responseCode {
   success = 200, // 成功
@@ -62,9 +61,16 @@
     else if (response.data.code !== responseCode.success) {
       if (response.data.code === responseCode.noPermission) { // token失效状态跳转到登录页
         toLogin()
+        if (useUserStore().isLogout === 0) {
+          ElMessage.error(response.data.message || '发生错误')
+        }
+        useUserStore().toLogout()
       }
-      // 这里做错误提示
-      ElMessage.error(response.data.message || '发生错误')
+      else {
+        // 这里做错误提
+        ElMessage.error(response.data.message || '发生错误')
+      }
+
       return Promise.reject(response.data)
     }
     else { // 成功
diff --git a/src/api/system/tool.ts b/src/api/system/tool.ts
index 7b61c3f..2cafc4a 100644
--- a/src/api/system/tool.ts
+++ b/src/api/system/tool.ts
@@ -132,3 +132,44 @@
     method: 'get',
   })
 }
+// 文件配置管理列表
+export function getFileListPage(data: listParamsType) {
+  return request({
+    url: `/download/center/listPage?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+// 删除文件配置
+export function deleteFileListPage(data: object) {
+  return request({
+    url: '/download/center/delete',
+    method: 'post',
+    data,
+  })
+}
+// 编辑文件配置
+export function updateFileListPage(data: object) {
+  return request({
+    url: '/download/center/update',
+    method: 'post',
+    data,
+  })
+}
+// 新增文件配置
+export function addeFileListPage(data: object) {
+  return request({
+    url: '/download/center/add',
+    method: 'post',
+    data,
+  })
+}
+// 导出
+export function exportFileListPage(data: object) {
+  return request({
+    url: '/download/center/listExport',
+    method: 'post',
+    data,
+    responseType: 'blob',
+  })
+}
diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index cd62c8b..13377a4 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -5,12 +5,14 @@
 import eventBus from '@/utils/eventBus'
 import useSettingsStore from '@/store/modules/settings'
 import useUserStore from '@/store/modules/user'
-
+import useWebsocketStore from '@/store/modules/websocket'
 const router = useRouter()
 
 const settingsStore = useSettingsStore()
 const userStore = useUserStore()
 
+const websocket = useWebsocketStore()
+
 const mainPage = useMainPage()
 const { isFullscreen, toggle } = useFullscreen()
 
@@ -60,6 +62,10 @@
 function pro() {
   window.open('https://hooray.gitee.io/fantastic-admin-pro-example/', 'top')
 }
+onMounted(() => {
+  // 连接 websocket
+  websocket.initWebSocket()
+})
 </script>
 
 <template>
diff --git a/src/router/modules/system.ts b/src/router/modules/system.ts
index bc5ae04..b9694a0 100644
--- a/src/router/modules/system.ts
+++ b/src/router/modules/system.ts
@@ -367,6 +367,16 @@
           auth: '/sys/tool/certificate',
         },
       },
+      {
+        path: 'configuration',
+        name: 'logConfiguration',
+        component: () => import('@/views/system/tool/fileConfiguration/configuration.vue'),
+        meta: {
+          title: '文件配置管理',
+          icon: 'ep:key',
+          auth: '/sys/tool/configuration',
+        },
+      },
     ],
   },
   {
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index f3c730c..066f192 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -28,6 +28,7 @@
       systems: [] as Menu.menu[], // 子系统权限
       menus: [] as Menu.menu[], // 菜单权限
       btns: [] as Menu.menu[], // 按钮权限
+      isLogout: 0, // 是否被退出登录
     }),
     getters: {
       isLogin: (state) => {
@@ -69,6 +70,7 @@
             // 保存私钥
             setPrivateKey(privateStr)
             this.privateKey = privateStr
+            this.isLogout = 0
             resolve(res.data)
           }).catch((e) => {
             reject(e)
@@ -87,6 +89,7 @@
             localStorage.setItem('token', res.data.token)
             this.username = res.data.username
             this.token = res.data.token
+            this.isLogout = 0
             resolve()
           }).catch((error) => {
             reject(error)
@@ -190,6 +193,10 @@
           })
         })
       },
+      // 被退出登录
+      toLogout() {
+        this.isLogout += 1
+      },
     },
   },
 )
diff --git a/src/store/modules/websocket.ts b/src/store/modules/websocket.ts
new file mode 100644
index 0000000..17f6d1c
--- /dev/null
+++ b/src/store/modules/websocket.ts
@@ -0,0 +1,134 @@
+import { ElMessage } from 'element-plus'
+import useUserStore from './user'
+
+const useWebsocketStore = defineStore(
+  'websocket',
+  {
+    state: () => ({
+      wsUrl: `ws://${import.meta.env.VITE_APP_API_BASEURL.split('://')[1]}/websocket/${useUserStore().id}`,
+      websocket: '', // ws连接
+      wsStatus: false, // websocket连接状态 true为连接
+      wsPingTimer: null, // 心跳定时器
+      wsPingTime: 60000, // 心跳定时时长
+      wsReconnectCount: 0, // 重连次数
+      wsReconnectTimer: null, // 重连定时器
+      wsIsReconnect: true, // 是否重连
+    }),
+    getters: {},
+    actions: {
+      // 连接websocket
+      initWebSocket() {
+        if (typeof (WebSocket) === 'undefined') {
+          ElMessage({
+            message: '当前浏览器无法接收实时报警信息，请使用谷歌浏览器、火狐或360浏览器极速模式！',
+            type: 'warning',
+            // duration: 0,
+          })
+          this.wsIsReconnect = true
+        }
+        else {
+          // 实例化socket
+          console.log(`**********socketUrl************${this.wsUrl}`)
+          this.wsIsReconnect = false
+          const socket = new WebSocket(this.wsUrl)
+          this.websocket = socket
+          // 监听socket打开
+          socket.onopen = () => {
+            console.log('浏览器WebSocket已打开')
+            this.wsStatus = true
+            const wsPingTimer = setInterval(() => {
+              // 发送心跳
+              if (this.wsStatus) {
+                try {
+                  socket.send(JSON.stringify({
+                    id: useUserStore().id, // 用户id
+                    type: 'heartbeat',
+                  }))
+                  console.log(`ping websocket${new Date()}`)
+                }
+                catch (err) {
+                  console.log('心跳发送失败，执行重连', err)
+                  console.log(`正在尝试重新连接${this.wsReconnectCount}${1}次`)
+                  // 调用重新链接
+                  this.reConnectWebsocket()
+                  this.wsStatus = false
+                }
+              }
+            }, this.wsPingTime)
+            this.wsPingTimer = wsPingTimer
+          }
+          // 监听socket消息接收s
+          socket.onmessage = (msg) => {
+            // 转换为json对象
+            const data = JSON.parse(msg.data)
+            console.log(data, 'websocket 返回消息')
+          }
+          // 监听socket错误
+          socket.onerror = function () {
+            ElMessage({
+              message: '无法接收实时报警信息,请检查服务器后重新刷新页面',
+              type: 'error',
+              // duration: 0,
+            })
+          }
+          // 监听socket关闭
+          socket.onclose = () => {
+            console.log('WebSocket已关闭')
+            this.wsStatus = false
+            if (this.wsPingTimer) {
+              console.log('停止定时器')
+              clearInterval(this.wsPingTimer)
+              this.wsPingTimer = null
+            }
+            if (this.wsReconnectTimer) {
+              clearTimeout(this.wsReconnectTimer)
+              this.wsReconnectTimer = null
+            }
+            if (this.wsIsReconnect && this.wsReconnectCount === 0) {
+              this.reConnectWebsocket()
+            }
+          }
+        }
+      },
+      // 断开websocket
+      destroyWebSocket() {
+        this.wsIsReconnect = false
+        this.websocket.close()
+        if (this.wsPingTimer) {
+          console.log('停止定时器')
+          clearInterval(this.wsPingTimer)
+          this.wsPingTimer = null
+        }
+        if (this.wsReconnectTimer) {
+          clearTimeout(this.wsReconnectTimer)
+          this.wsReconnectTimer = null
+        }
+        this.wsStatus = false
+      },
+      // websocket重连
+      reConnectWebsocket() {
+        console.log('重连', this.wsReconnectCount)
+        // 逐渐延长重连时间
+        var time = 3000
+        if (this.wsReconnectCount < 20) {
+          time = 3000
+        }
+        else if (this.wsReconnectCount < 50) {
+          time = 10000
+        }
+        else if (this.wsReconnectCount < 100) {
+          time = 450000
+        }
+        else {
+          return false
+        }
+        const wsReconnectTimer = setTimeout(() => {
+          this.initWebSocket()
+        }, time)
+        this.wsReconnectTimer = wsReconnectTimer
+        this.wsReconnectCount = this.wsReconnectCount + 1
+      },
+    },
+  },
+)
+export default useWebsocketStore

diff --git a/src/api/index.ts b/src/api/index.ts
index 9521010..7591ed2 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -3,7 +3,6 @@
 import { ElMessage } from 'element-plus'
 import router from '@/router/index'
 import useUserStore from '@/store/modules/user'
-
 // 错误码枚举
 enum responseCode {
   success = 200, // 成功
@@ -62,9 +61,16 @@
     else if (response.data.code !== responseCode.success) {
       if (response.data.code === responseCode.noPermission) { // token失效状态跳转到登录页
         toLogin()
+        if (useUserStore().isLogout === 0) {
+          ElMessage.error(response.data.message || '发生错误')
+        }
+        useUserStore().toLogout()
       }
-      // 这里做错误提示
-      ElMessage.error(response.data.message || '发生错误')
+      else {
+        // 这里做错误提
+        ElMessage.error(response.data.message || '发生错误')
+      }
+
       return Promise.reject(response.data)
     }
     else { // 成功
diff --git a/src/api/system/tool.ts b/src/api/system/tool.ts
index 7b61c3f..2cafc4a 100644
--- a/src/api/system/tool.ts
+++ b/src/api/system/tool.ts
@@ -132,3 +132,44 @@
     method: 'get',
   })
 }
+// 文件配置管理列表
+export function getFileListPage(data: listParamsType) {
+  return request({
+    url: `/download/center/listPage?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+// 删除文件配置
+export function deleteFileListPage(data: object) {
+  return request({
+    url: '/download/center/delete',
+    method: 'post',
+    data,
+  })
+}
+// 编辑文件配置
+export function updateFileListPage(data: object) {
+  return request({
+    url: '/download/center/update',
+    method: 'post',
+    data,
+  })
+}
+// 新增文件配置
+export function addeFileListPage(data: object) {
+  return request({
+    url: '/download/center/add',
+    method: 'post',
+    data,
+  })
+}
+// 导出
+export function exportFileListPage(data: object) {
+  return request({
+    url: '/download/center/listExport',
+    method: 'post',
+    data,
+    responseType: 'blob',
+  })
+}
diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index cd62c8b..13377a4 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -5,12 +5,14 @@
 import eventBus from '@/utils/eventBus'
 import useSettingsStore from '@/store/modules/settings'
 import useUserStore from '@/store/modules/user'
-
+import useWebsocketStore from '@/store/modules/websocket'
 const router = useRouter()
 
 const settingsStore = useSettingsStore()
 const userStore = useUserStore()
 
+const websocket = useWebsocketStore()
+
 const mainPage = useMainPage()
 const { isFullscreen, toggle } = useFullscreen()
 
@@ -60,6 +62,10 @@
 function pro() {
   window.open('https://hooray.gitee.io/fantastic-admin-pro-example/', 'top')
 }
+onMounted(() => {
+  // 连接 websocket
+  websocket.initWebSocket()
+})
 </script>
 
 <template>
diff --git a/src/router/modules/system.ts b/src/router/modules/system.ts
index bc5ae04..b9694a0 100644
--- a/src/router/modules/system.ts
+++ b/src/router/modules/system.ts
@@ -367,6 +367,16 @@
           auth: '/sys/tool/certificate',
         },
       },
+      {
+        path: 'configuration',
+        name: 'logConfiguration',
+        component: () => import('@/views/system/tool/fileConfiguration/configuration.vue'),
+        meta: {
+          title: '文件配置管理',
+          icon: 'ep:key',
+          auth: '/sys/tool/configuration',
+        },
+      },
     ],
   },
   {
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index f3c730c..066f192 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -28,6 +28,7 @@
       systems: [] as Menu.menu[], // 子系统权限
       menus: [] as Menu.menu[], // 菜单权限
       btns: [] as Menu.menu[], // 按钮权限
+      isLogout: 0, // 是否被退出登录
     }),
     getters: {
       isLogin: (state) => {
@@ -69,6 +70,7 @@
             // 保存私钥
             setPrivateKey(privateStr)
             this.privateKey = privateStr
+            this.isLogout = 0
             resolve(res.data)
           }).catch((e) => {
             reject(e)
@@ -87,6 +89,7 @@
             localStorage.setItem('token', res.data.token)
             this.username = res.data.username
             this.token = res.data.token
+            this.isLogout = 0
             resolve()
           }).catch((error) => {
             reject(error)
@@ -190,6 +193,10 @@
           })
         })
       },
+      // 被退出登录
+      toLogout() {
+        this.isLogout += 1
+      },
     },
   },
 )
diff --git a/src/store/modules/websocket.ts b/src/store/modules/websocket.ts
new file mode 100644
index 0000000..17f6d1c
--- /dev/null
+++ b/src/store/modules/websocket.ts
@@ -0,0 +1,134 @@
+import { ElMessage } from 'element-plus'
+import useUserStore from './user'
+
+const useWebsocketStore = defineStore(
+  'websocket',
+  {
+    state: () => ({
+      wsUrl: `ws://${import.meta.env.VITE_APP_API_BASEURL.split('://')[1]}/websocket/${useUserStore().id}`,
+      websocket: '', // ws连接
+      wsStatus: false, // websocket连接状态 true为连接
+      wsPingTimer: null, // 心跳定时器
+      wsPingTime: 60000, // 心跳定时时长
+      wsReconnectCount: 0, // 重连次数
+      wsReconnectTimer: null, // 重连定时器
+      wsIsReconnect: true, // 是否重连
+    }),
+    getters: {},
+    actions: {
+      // 连接websocket
+      initWebSocket() {
+        if (typeof (WebSocket) === 'undefined') {
+          ElMessage({
+            message: '当前浏览器无法接收实时报警信息，请使用谷歌浏览器、火狐或360浏览器极速模式！',
+            type: 'warning',
+            // duration: 0,
+          })
+          this.wsIsReconnect = true
+        }
+        else {
+          // 实例化socket
+          console.log(`**********socketUrl************${this.wsUrl}`)
+          this.wsIsReconnect = false
+          const socket = new WebSocket(this.wsUrl)
+          this.websocket = socket
+          // 监听socket打开
+          socket.onopen = () => {
+            console.log('浏览器WebSocket已打开')
+            this.wsStatus = true
+            const wsPingTimer = setInterval(() => {
+              // 发送心跳
+              if (this.wsStatus) {
+                try {
+                  socket.send(JSON.stringify({
+                    id: useUserStore().id, // 用户id
+                    type: 'heartbeat',
+                  }))
+                  console.log(`ping websocket${new Date()}`)
+                }
+                catch (err) {
+                  console.log('心跳发送失败，执行重连', err)
+                  console.log(`正在尝试重新连接${this.wsReconnectCount}${1}次`)
+                  // 调用重新链接
+                  this.reConnectWebsocket()
+                  this.wsStatus = false
+                }
+              }
+            }, this.wsPingTime)
+            this.wsPingTimer = wsPingTimer
+          }
+          // 监听socket消息接收s
+          socket.onmessage = (msg) => {
+            // 转换为json对象
+            const data = JSON.parse(msg.data)
+            console.log(data, 'websocket 返回消息')
+          }
+          // 监听socket错误
+          socket.onerror = function () {
+            ElMessage({
+              message: '无法接收实时报警信息,请检查服务器后重新刷新页面',
+              type: 'error',
+              // duration: 0,
+            })
+          }
+          // 监听socket关闭
+          socket.onclose = () => {
+            console.log('WebSocket已关闭')
+            this.wsStatus = false
+            if (this.wsPingTimer) {
+              console.log('停止定时器')
+              clearInterval(this.wsPingTimer)
+              this.wsPingTimer = null
+            }
+            if (this.wsReconnectTimer) {
+              clearTimeout(this.wsReconnectTimer)
+              this.wsReconnectTimer = null
+            }
+            if (this.wsIsReconnect && this.wsReconnectCount === 0) {
+              this.reConnectWebsocket()
+            }
+          }
+        }
+      },
+      // 断开websocket
+      destroyWebSocket() {
+        this.wsIsReconnect = false
+        this.websocket.close()
+        if (this.wsPingTimer) {
+          console.log('停止定时器')
+          clearInterval(this.wsPingTimer)
+          this.wsPingTimer = null
+        }
+        if (this.wsReconnectTimer) {
+          clearTimeout(this.wsReconnectTimer)
+          this.wsReconnectTimer = null
+        }
+        this.wsStatus = false
+      },
+      // websocket重连
+      reConnectWebsocket() {
+        console.log('重连', this.wsReconnectCount)
+        // 逐渐延长重连时间
+        var time = 3000
+        if (this.wsReconnectCount < 20) {
+          time = 3000
+        }
+        else if (this.wsReconnectCount < 50) {
+          time = 10000
+        }
+        else if (this.wsReconnectCount < 100) {
+          time = 450000
+        }
+        else {
+          return false
+        }
+        const wsReconnectTimer = setTimeout(() => {
+          this.initWebSocket()
+        }, time)
+        this.wsReconnectTimer = wsReconnectTimer
+        this.wsReconnectCount = this.wsReconnectCount + 1
+      },
+    },
+  },
+)
+export default useWebsocketStore
diff --git a/src/views/login_register.vue b/src/views/login_register.vue
index e63b0e6..943dcc9 100644
--- a/src/views/login_register.vue
+++ b/src/views/login_register.vue
@@ -185,6 +185,7 @@
   handleLogin()
 }
 onBeforeMount(() => {
+  // 获取当前标识
   loginForm.value.username = localStorage.login_username || ''
   getBaseConfig()
 })
@@ -376,7 +377,7 @@
         </div>
       </el-form>
     </div>
-    <Copyright />
+    <copyright />
   </div>
 </template>
 

diff --git a/src/api/index.ts b/src/api/index.ts
index 9521010..7591ed2 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -3,7 +3,6 @@
 import { ElMessage } from 'element-plus'
 import router from '@/router/index'
 import useUserStore from '@/store/modules/user'
-
 // 错误码枚举
 enum responseCode {
   success = 200, // 成功
@@ -62,9 +61,16 @@
     else if (response.data.code !== responseCode.success) {
       if (response.data.code === responseCode.noPermission) { // token失效状态跳转到登录页
         toLogin()
+        if (useUserStore().isLogout === 0) {
+          ElMessage.error(response.data.message || '发生错误')
+        }
+        useUserStore().toLogout()
       }
-      // 这里做错误提示
-      ElMessage.error(response.data.message || '发生错误')
+      else {
+        // 这里做错误提
+        ElMessage.error(response.data.message || '发生错误')
+      }
+
       return Promise.reject(response.data)
     }
     else { // 成功
diff --git a/src/api/system/tool.ts b/src/api/system/tool.ts
index 7b61c3f..2cafc4a 100644
--- a/src/api/system/tool.ts
+++ b/src/api/system/tool.ts
@@ -132,3 +132,44 @@
     method: 'get',
   })
 }
+// 文件配置管理列表
+export function getFileListPage(data: listParamsType) {
+  return request({
+    url: `/download/center/listPage?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+// 删除文件配置
+export function deleteFileListPage(data: object) {
+  return request({
+    url: '/download/center/delete',
+    method: 'post',
+    data,
+  })
+}
+// 编辑文件配置
+export function updateFileListPage(data: object) {
+  return request({
+    url: '/download/center/update',
+    method: 'post',
+    data,
+  })
+}
+// 新增文件配置
+export function addeFileListPage(data: object) {
+  return request({
+    url: '/download/center/add',
+    method: 'post',
+    data,
+  })
+}
+// 导出
+export function exportFileListPage(data: object) {
+  return request({
+    url: '/download/center/listExport',
+    method: 'post',
+    data,
+    responseType: 'blob',
+  })
+}
diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index cd62c8b..13377a4 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -5,12 +5,14 @@
 import eventBus from '@/utils/eventBus'
 import useSettingsStore from '@/store/modules/settings'
 import useUserStore from '@/store/modules/user'
-
+import useWebsocketStore from '@/store/modules/websocket'
 const router = useRouter()
 
 const settingsStore = useSettingsStore()
 const userStore = useUserStore()
 
+const websocket = useWebsocketStore()
+
 const mainPage = useMainPage()
 const { isFullscreen, toggle } = useFullscreen()
 
@@ -60,6 +62,10 @@
 function pro() {
   window.open('https://hooray.gitee.io/fantastic-admin-pro-example/', 'top')
 }
+onMounted(() => {
+  // 连接 websocket
+  websocket.initWebSocket()
+})
 </script>
 
 <template>
diff --git a/src/router/modules/system.ts b/src/router/modules/system.ts
index bc5ae04..b9694a0 100644
--- a/src/router/modules/system.ts
+++ b/src/router/modules/system.ts
@@ -367,6 +367,16 @@
           auth: '/sys/tool/certificate',
         },
       },
+      {
+        path: 'configuration',
+        name: 'logConfiguration',
+        component: () => import('@/views/system/tool/fileConfiguration/configuration.vue'),
+        meta: {
+          title: '文件配置管理',
+          icon: 'ep:key',
+          auth: '/sys/tool/configuration',
+        },
+      },
     ],
   },
   {
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index f3c730c..066f192 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -28,6 +28,7 @@
       systems: [] as Menu.menu[], // 子系统权限
       menus: [] as Menu.menu[], // 菜单权限
       btns: [] as Menu.menu[], // 按钮权限
+      isLogout: 0, // 是否被退出登录
     }),
     getters: {
       isLogin: (state) => {
@@ -69,6 +70,7 @@
             // 保存私钥
             setPrivateKey(privateStr)
             this.privateKey = privateStr
+            this.isLogout = 0
             resolve(res.data)
           }).catch((e) => {
             reject(e)
@@ -87,6 +89,7 @@
             localStorage.setItem('token', res.data.token)
             this.username = res.data.username
             this.token = res.data.token
+            this.isLogout = 0
             resolve()
           }).catch((error) => {
             reject(error)
@@ -190,6 +193,10 @@
           })
         })
       },
+      // 被退出登录
+      toLogout() {
+        this.isLogout += 1
+      },
     },
   },
 )
diff --git a/src/store/modules/websocket.ts b/src/store/modules/websocket.ts
new file mode 100644
index 0000000..17f6d1c
--- /dev/null
+++ b/src/store/modules/websocket.ts
@@ -0,0 +1,134 @@
+import { ElMessage } from 'element-plus'
+import useUserStore from './user'
+
+const useWebsocketStore = defineStore(
+  'websocket',
+  {
+    state: () => ({
+      wsUrl: `ws://${import.meta.env.VITE_APP_API_BASEURL.split('://')[1]}/websocket/${useUserStore().id}`,
+      websocket: '', // ws连接
+      wsStatus: false, // websocket连接状态 true为连接
+      wsPingTimer: null, // 心跳定时器
+      wsPingTime: 60000, // 心跳定时时长
+      wsReconnectCount: 0, // 重连次数
+      wsReconnectTimer: null, // 重连定时器
+      wsIsReconnect: true, // 是否重连
+    }),
+    getters: {},
+    actions: {
+      // 连接websocket
+      initWebSocket() {
+        if (typeof (WebSocket) === 'undefined') {
+          ElMessage({
+            message: '当前浏览器无法接收实时报警信息，请使用谷歌浏览器、火狐或360浏览器极速模式！',
+            type: 'warning',
+            // duration: 0,
+          })
+          this.wsIsReconnect = true
+        }
+        else {
+          // 实例化socket
+          console.log(`**********socketUrl************${this.wsUrl}`)
+          this.wsIsReconnect = false
+          const socket = new WebSocket(this.wsUrl)
+          this.websocket = socket
+          // 监听socket打开
+          socket.onopen = () => {
+            console.log('浏览器WebSocket已打开')
+            this.wsStatus = true
+            const wsPingTimer = setInterval(() => {
+              // 发送心跳
+              if (this.wsStatus) {
+                try {
+                  socket.send(JSON.stringify({
+                    id: useUserStore().id, // 用户id
+                    type: 'heartbeat',
+                  }))
+                  console.log(`ping websocket${new Date()}`)
+                }
+                catch (err) {
+                  console.log('心跳发送失败，执行重连', err)
+                  console.log(`正在尝试重新连接${this.wsReconnectCount}${1}次`)
+                  // 调用重新链接
+                  this.reConnectWebsocket()
+                  this.wsStatus = false
+                }
+              }
+            }, this.wsPingTime)
+            this.wsPingTimer = wsPingTimer
+          }
+          // 监听socket消息接收s
+          socket.onmessage = (msg) => {
+            // 转换为json对象
+            const data = JSON.parse(msg.data)
+            console.log(data, 'websocket 返回消息')
+          }
+          // 监听socket错误
+          socket.onerror = function () {
+            ElMessage({
+              message: '无法接收实时报警信息,请检查服务器后重新刷新页面',
+              type: 'error',
+              // duration: 0,
+            })
+          }
+          // 监听socket关闭
+          socket.onclose = () => {
+            console.log('WebSocket已关闭')
+            this.wsStatus = false
+            if (this.wsPingTimer) {
+              console.log('停止定时器')
+              clearInterval(this.wsPingTimer)
+              this.wsPingTimer = null
+            }
+            if (this.wsReconnectTimer) {
+              clearTimeout(this.wsReconnectTimer)
+              this.wsReconnectTimer = null
+            }
+            if (this.wsIsReconnect && this.wsReconnectCount === 0) {
+              this.reConnectWebsocket()
+            }
+          }
+        }
+      },
+      // 断开websocket
+      destroyWebSocket() {
+        this.wsIsReconnect = false
+        this.websocket.close()
+        if (this.wsPingTimer) {
+          console.log('停止定时器')
+          clearInterval(this.wsPingTimer)
+          this.wsPingTimer = null
+        }
+        if (this.wsReconnectTimer) {
+          clearTimeout(this.wsReconnectTimer)
+          this.wsReconnectTimer = null
+        }
+        this.wsStatus = false
+      },
+      // websocket重连
+      reConnectWebsocket() {
+        console.log('重连', this.wsReconnectCount)
+        // 逐渐延长重连时间
+        var time = 3000
+        if (this.wsReconnectCount < 20) {
+          time = 3000
+        }
+        else if (this.wsReconnectCount < 50) {
+          time = 10000
+        }
+        else if (this.wsReconnectCount < 100) {
+          time = 450000
+        }
+        else {
+          return false
+        }
+        const wsReconnectTimer = setTimeout(() => {
+          this.initWebSocket()
+        }, time)
+        this.wsReconnectTimer = wsReconnectTimer
+        this.wsReconnectCount = this.wsReconnectCount + 1
+      },
+    },
+  },
+)
+export default useWebsocketStore
diff --git a/src/views/login_register.vue b/src/views/login_register.vue
index e63b0e6..943dcc9 100644
--- a/src/views/login_register.vue
+++ b/src/views/login_register.vue
@@ -185,6 +185,7 @@
   handleLogin()
 }
 onBeforeMount(() => {
+  // 获取当前标识
   loginForm.value.username = localStorage.login_username || ''
   getBaseConfig()
 })
@@ -376,7 +377,7 @@
         </div>
       </el-form>
     </div>
-    <Copyright />
+    <copyright />
   </div>
 </template>
 
diff --git a/src/views/system/tool/fileConfiguration/addDDialog.vue b/src/views/system/tool/fileConfiguration/addDDialog.vue
new file mode 100644
index 0000000..69b5832
--- /dev/null
+++ b/src/views/system/tool/fileConfiguration/addDDialog.vue
@@ -0,0 +1,245 @@
+<!-- 新增签名弹窗 -->
+<script lang="ts" setup name="addNotice">
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import dayjs from 'dayjs'
+import showPhoto from '../showPhoto.vue'
+import { getDictByCode } from '@/api/system/dict'
+import userListComp from '@/views/measure/person/components/userListDialog.vue'
+import { getUserList } from '@/api/system/user'
+import { uploadApi } from '@/api/system/notice'
+import { addeFileListPage } from '@/api/system/tool'
+const emits = defineEmits(['resetData'])
+const ruleFormRef = ref<FormInstance>() // from组件
+const updateTime = ref('')
+const ruleForm = ref<any>({
+  businessDownloadType: '', // 业务类型(字典)
+  createTime: '',
+  createUser: '',
+  descn: '', // 	描述备注
+  downloadNo: '', // 文件编号
+  fileName: '', // 文件名称
+  fileType: '',
+  id: '',
+  minioFileName: '', // 附件文件名
+  moduleName: '', // 模块名称
+  updateTime: '',
+  updateUser: '',
+}) // 表单
+const resetForm1 = () => {
+  ruleForm.value = {
+    businessDownloadType: '', // 业务类型(字典)
+    createTime: '',
+    createUser: '',
+    descn: '', // 	描述备注
+    downloadNo: '', // 文件编号
+    fileName: '', // 文件名称
+    fileType: '',
+    id: '',
+    minioFileName: '', // 附件文件名
+    moduleName: '', // 模块名称
+    updateTime: '',
+    updateUser: '',
+  }
+}
+const title = ref('')
+const rules = ref<FormRules>({
+  businessDownloadType: [{ required: true, message: '请选择业务类型', trigger: 'blur' }],
+  descn: [{ required: true, message: '请输入描述备注', trigger: 'blur' }],
+  fileName: [{ required: true, message: '请输入文件名称', trigger: 'blur' }],
+  fileType: [{ required: true, message: '请选择文件类型', trigger: 'blur' }],
+  minioFileName: [{ required: true, message: '请上传附件', trigger: 'blur' }],
+  moduleName: [{ required: true, message: '请输入模块名称', trigger: 'blur' }],
+}) // 表单验证规则
+const dialogVisible = ref<boolean>(false) // 弹窗显示
+// 弹窗初始化
+const initDialog = (row: any) => {
+  title.value = row.title as string
+  dialogVisible.value = true
+  resetForm1()
+  if (row.title === '新增') {
+    // 新增
+    ruleFormRef.value?.resetFields()
+    updateTime.value = dayjs().format('YYYY-MM-DD HH:mm')
+  }
+  // 修改 详情
+  else {
+    ruleForm.value = row
+    updateTime.value = row.updateTime
+  }
+}
+defineExpose({ initDialog })
+// 关闭弹窗
+const close = () => {
+  dialogVisible.value = false
+  emits('resetData')
+}
+// 提交
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      if (title.value === '新增') {
+        addeFileListPage(ruleForm.value).then((res) => {
+          ElMessage({
+            type: 'success',
+            message: '添加成功',
+          })
+        })
+      }
+      else {
+        console.log('编辑')
+      }
+    }
+  })
+}
+// 获取文件类型
+const fileTypeList = ref([])
+const getFileType = () => {
+  getDictByCode('').then((res) => {
+    fileTypeList.value = res.data
+  })
+}
+getFileType()
+// 获取业务类型
+const businessTypeList = ref([])
+const getBusinessType = () => {
+  getDictByCode('businessDownloadType').then((res) => {
+    businessTypeList.value = res.data
+  })
+}
+getBusinessType()
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  formEl?.resetFields()
+  dialogVisible.value = false
+  emits('resetData')
+}
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  // console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    uploadApi(fd).then((res) => {
+      if (res.code === 200) {
+        ruleFormRef.value?.clearValidate('minioFileName')
+        ruleForm.minioFileName = res.data[0]
+        ElMessage.success('上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+</script>
+
+<template>
+  <el-dialog v-if="dialogVisible" v-model="dialogVisible" :title="title" width="80%" append-to-body class="container" @close="resetForm">
+    <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px" :class="[title === '详情' ? 'isDetail' : '']">
+      <el-row :gutter="24">
+        <el-col :span="6">
+          <el-form-item label="文件编号" prop="minioFileName">
+            <el-input v-model="ruleForm.downloadNo" disabled placeholder="系统自动生成" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="模块名称" prop="moduleName">
+            <el-input v-model="ruleForm.moduleName" :disabled="title === '详情'" :placeholder="title === '详情' ? '' : '请输入模块名称'" />
+          </el-form-item>
+        </el-col>
+        <!-- <el-col :span="6">
+          <el-form-item label="创建人" prop="updateUser">
+            <el-input v-model="ruleForm.updateUser" disabled />
+          </el-form-item>
+        </el-col> -->
+        <el-col :span="6">
+          <el-form-item label="创建时间" prop="updateTime">
+            <el-date-picker
+              v-model="updateTime"
+              type="datetime"
+              format="YYYY-MM-DD hh:mm"
+              value-format="YYYY-MM-DD hh:mm"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="6">
+          <el-form-item label="业务类型" prop="businessDownloadType">
+            <el-select v-model="ruleForm.businessDownloadType" :disabled="title === '详情'" :placeholder="title === '详情' ? '' : '请选择业务类型'">
+              <el-option v-for="item in businessTypeList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="文件名称" prop="fileName">
+            <el-input v-model="ruleForm.fileName" :disabled="title === '详情'" :placeholder="title === '详情' ? '' : '请输入文件名称'" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="文件类型" prop="fileType">
+            <el-select v-model="ruleForm.fileType" :disabled="title === '详情'" :placeholder="title === '详情' ? '' : '请选择文件类型'">
+              <el-option v-for="item in fileTypeList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="12">
+          <el-form-item label="描述备注" prop="descn">
+            <el-input v-model="ruleForm.descn" :disabled="title === '详情'" :placeholder="title === '详情' ? '' : '请输入描述备注'" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="12">
+          <el-form-item label="模板附件" prop="minioFileName">
+            <show-photo :minio-file-name="ruleForm.minioFileName" width="100%" height="125px" />
+            <el-button v-if="title !== '详情'" type="primary" :disabled="title === '详情'" :style="{ 'margin-left': ruleForm.minioFileName === '' ? '0px' : '20px', 'margin-top': ruleForm.minioFileName === '' ? '0px' : '56px' }" @click="upload">
+              {{ ruleForm.minioFileName === '' ? '上传' : '更换附件' }}
+            </el-button>
+            <input v-show="title === '123'" ref="fileRef" type="file" @change="onFileChange">
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer footer">
+        <el-button v-if="title !== '详情'" type="primary" @click="submitForm(ruleFormRef)">
+          发布
+        </el-button>
+        <el-button @click="resetForm(ruleFormRef)">
+          关闭
+        </el-button>
+      </div>
+    </template>
+    <!-- 多选用户弹窗 -->
+    <user-list-comp ref="userListRef" @add="confirmUser" />
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  .isDetail {
+    ::v-deep {
+      .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label::before,
+      .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label::before {
+        content: "";
+        display: none;
+      }
+    }
+  }
+
+  .center {
+    display: flex;
+    align-items: flex-end;
+  }
+}
+</style>

diff --git a/src/api/index.ts b/src/api/index.ts
index 9521010..7591ed2 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -3,7 +3,6 @@
 import { ElMessage } from 'element-plus'
 import router from '@/router/index'
 import useUserStore from '@/store/modules/user'
-
 // 错误码枚举
 enum responseCode {
   success = 200, // 成功
@@ -62,9 +61,16 @@
     else if (response.data.code !== responseCode.success) {
       if (response.data.code === responseCode.noPermission) { // token失效状态跳转到登录页
         toLogin()
+        if (useUserStore().isLogout === 0) {
+          ElMessage.error(response.data.message || '发生错误')
+        }
+        useUserStore().toLogout()
       }
-      // 这里做错误提示
-      ElMessage.error(response.data.message || '发生错误')
+      else {
+        // 这里做错误提
+        ElMessage.error(response.data.message || '发生错误')
+      }
+
       return Promise.reject(response.data)
     }
     else { // 成功
diff --git a/src/api/system/tool.ts b/src/api/system/tool.ts
index 7b61c3f..2cafc4a 100644
--- a/src/api/system/tool.ts
+++ b/src/api/system/tool.ts
@@ -132,3 +132,44 @@
     method: 'get',
   })
 }
+// 文件配置管理列表
+export function getFileListPage(data: listParamsType) {
+  return request({
+    url: `/download/center/listPage?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+// 删除文件配置
+export function deleteFileListPage(data: object) {
+  return request({
+    url: '/download/center/delete',
+    method: 'post',
+    data,
+  })
+}
+// 编辑文件配置
+export function updateFileListPage(data: object) {
+  return request({
+    url: '/download/center/update',
+    method: 'post',
+    data,
+  })
+}
+// 新增文件配置
+export function addeFileListPage(data: object) {
+  return request({
+    url: '/download/center/add',
+    method: 'post',
+    data,
+  })
+}
+// 导出
+export function exportFileListPage(data: object) {
+  return request({
+    url: '/download/center/listExport',
+    method: 'post',
+    data,
+    responseType: 'blob',
+  })
+}
diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index cd62c8b..13377a4 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -5,12 +5,14 @@
 import eventBus from '@/utils/eventBus'
 import useSettingsStore from '@/store/modules/settings'
 import useUserStore from '@/store/modules/user'
-
+import useWebsocketStore from '@/store/modules/websocket'
 const router = useRouter()
 
 const settingsStore = useSettingsStore()
 const userStore = useUserStore()
 
+const websocket = useWebsocketStore()
+
 const mainPage = useMainPage()
 const { isFullscreen, toggle } = useFullscreen()
 
@@ -60,6 +62,10 @@
 function pro() {
   window.open('https://hooray.gitee.io/fantastic-admin-pro-example/', 'top')
 }
+onMounted(() => {
+  // 连接 websocket
+  websocket.initWebSocket()
+})
 </script>
 
 <template>
diff --git a/src/router/modules/system.ts b/src/router/modules/system.ts
index bc5ae04..b9694a0 100644
--- a/src/router/modules/system.ts
+++ b/src/router/modules/system.ts
@@ -367,6 +367,16 @@
           auth: '/sys/tool/certificate',
         },
       },
+      {
+        path: 'configuration',
+        name: 'logConfiguration',
+        component: () => import('@/views/system/tool/fileConfiguration/configuration.vue'),
+        meta: {
+          title: '文件配置管理',
+          icon: 'ep:key',
+          auth: '/sys/tool/configuration',
+        },
+      },
     ],
   },
   {
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index f3c730c..066f192 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -28,6 +28,7 @@
       systems: [] as Menu.menu[], // 子系统权限
       menus: [] as Menu.menu[], // 菜单权限
       btns: [] as Menu.menu[], // 按钮权限
+      isLogout: 0, // 是否被退出登录
     }),
     getters: {
       isLogin: (state) => {
@@ -69,6 +70,7 @@
             // 保存私钥
             setPrivateKey(privateStr)
             this.privateKey = privateStr
+            this.isLogout = 0
             resolve(res.data)
           }).catch((e) => {
             reject(e)
@@ -87,6 +89,7 @@
             localStorage.setItem('token', res.data.token)
             this.username = res.data.username
             this.token = res.data.token
+            this.isLogout = 0
             resolve()
           }).catch((error) => {
             reject(error)
@@ -190,6 +193,10 @@
           })
         })
       },
+      // 被退出登录
+      toLogout() {
+        this.isLogout += 1
+      },
     },
   },
 )
diff --git a/src/store/modules/websocket.ts b/src/store/modules/websocket.ts
new file mode 100644
index 0000000..17f6d1c
--- /dev/null
+++ b/src/store/modules/websocket.ts
@@ -0,0 +1,134 @@
+import { ElMessage } from 'element-plus'
+import useUserStore from './user'
+
+const useWebsocketStore = defineStore(
+  'websocket',
+  {
+    state: () => ({
+      wsUrl: `ws://${import.meta.env.VITE_APP_API_BASEURL.split('://')[1]}/websocket/${useUserStore().id}`,
+      websocket: '', // ws连接
+      wsStatus: false, // websocket连接状态 true为连接
+      wsPingTimer: null, // 心跳定时器
+      wsPingTime: 60000, // 心跳定时时长
+      wsReconnectCount: 0, // 重连次数
+      wsReconnectTimer: null, // 重连定时器
+      wsIsReconnect: true, // 是否重连
+    }),
+    getters: {},
+    actions: {
+      // 连接websocket
+      initWebSocket() {
+        if (typeof (WebSocket) === 'undefined') {
+          ElMessage({
+            message: '当前浏览器无法接收实时报警信息，请使用谷歌浏览器、火狐或360浏览器极速模式！',
+            type: 'warning',
+            // duration: 0,
+          })
+          this.wsIsReconnect = true
+        }
+        else {
+          // 实例化socket
+          console.log(`**********socketUrl************${this.wsUrl}`)
+          this.wsIsReconnect = false
+          const socket = new WebSocket(this.wsUrl)
+          this.websocket = socket
+          // 监听socket打开
+          socket.onopen = () => {
+            console.log('浏览器WebSocket已打开')
+            this.wsStatus = true
+            const wsPingTimer = setInterval(() => {
+              // 发送心跳
+              if (this.wsStatus) {
+                try {
+                  socket.send(JSON.stringify({
+                    id: useUserStore().id, // 用户id
+                    type: 'heartbeat',
+                  }))
+                  console.log(`ping websocket${new Date()}`)
+                }
+                catch (err) {
+                  console.log('心跳发送失败，执行重连', err)
+                  console.log(`正在尝试重新连接${this.wsReconnectCount}${1}次`)
+                  // 调用重新链接
+                  this.reConnectWebsocket()
+                  this.wsStatus = false
+                }
+              }
+            }, this.wsPingTime)
+            this.wsPingTimer = wsPingTimer
+          }
+          // 监听socket消息接收s
+          socket.onmessage = (msg) => {
+            // 转换为json对象
+            const data = JSON.parse(msg.data)
+            console.log(data, 'websocket 返回消息')
+          }
+          // 监听socket错误
+          socket.onerror = function () {
+            ElMessage({
+              message: '无法接收实时报警信息,请检查服务器后重新刷新页面',
+              type: 'error',
+              // duration: 0,
+            })
+          }
+          // 监听socket关闭
+          socket.onclose = () => {
+            console.log('WebSocket已关闭')
+            this.wsStatus = false
+            if (this.wsPingTimer) {
+              console.log('停止定时器')
+              clearInterval(this.wsPingTimer)
+              this.wsPingTimer = null
+            }
+            if (this.wsReconnectTimer) {
+              clearTimeout(this.wsReconnectTimer)
+              this.wsReconnectTimer = null
+            }
+            if (this.wsIsReconnect && this.wsReconnectCount === 0) {
+              this.reConnectWebsocket()
+            }
+          }
+        }
+      },
+      // 断开websocket
+      destroyWebSocket() {
+        this.wsIsReconnect = false
+        this.websocket.close()
+        if (this.wsPingTimer) {
+          console.log('停止定时器')
+          clearInterval(this.wsPingTimer)
+          this.wsPingTimer = null
+        }
+        if (this.wsReconnectTimer) {
+          clearTimeout(this.wsReconnectTimer)
+          this.wsReconnectTimer = null
+        }
+        this.wsStatus = false
+      },
+      // websocket重连
+      reConnectWebsocket() {
+        console.log('重连', this.wsReconnectCount)
+        // 逐渐延长重连时间
+        var time = 3000
+        if (this.wsReconnectCount < 20) {
+          time = 3000
+        }
+        else if (this.wsReconnectCount < 50) {
+          time = 10000
+        }
+        else if (this.wsReconnectCount < 100) {
+          time = 450000
+        }
+        else {
+          return false
+        }
+        const wsReconnectTimer = setTimeout(() => {
+          this.initWebSocket()
+        }, time)
+        this.wsReconnectTimer = wsReconnectTimer
+        this.wsReconnectCount = this.wsReconnectCount + 1
+      },
+    },
+  },
+)
+export default useWebsocketStore
diff --git a/src/views/login_register.vue b/src/views/login_register.vue
index e63b0e6..943dcc9 100644
--- a/src/views/login_register.vue
+++ b/src/views/login_register.vue
@@ -185,6 +185,7 @@
   handleLogin()
 }
 onBeforeMount(() => {
+  // 获取当前标识
   loginForm.value.username = localStorage.login_username || ''
   getBaseConfig()
 })
@@ -376,7 +377,7 @@
         </div>
       </el-form>
     </div>
-    <Copyright />
+    <copyright />
   </div>
 </template>
 
diff --git a/src/views/system/tool/fileConfiguration/addDDialog.vue b/src/views/system/tool/fileConfiguration/addDDialog.vue
new file mode 100644
index 0000000..69b5832
--- /dev/null
+++ b/src/views/system/tool/fileConfiguration/addDDialog.vue
@@ -0,0 +1,245 @@
+<!-- 新增签名弹窗 -->
+<script lang="ts" setup name="addNotice">
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import dayjs from 'dayjs'
+import showPhoto from '../showPhoto.vue'
+import { getDictByCode } from '@/api/system/dict'
+import userListComp from '@/views/measure/person/components/userListDialog.vue'
+import { getUserList } from '@/api/system/user'
+import { uploadApi } from '@/api/system/notice'
+import { addeFileListPage } from '@/api/system/tool'
+const emits = defineEmits(['resetData'])
+const ruleFormRef = ref<FormInstance>() // from组件
+const updateTime = ref('')
+const ruleForm = ref<any>({
+  businessDownloadType: '', // 业务类型(字典)
+  createTime: '',
+  createUser: '',
+  descn: '', // 	描述备注
+  downloadNo: '', // 文件编号
+  fileName: '', // 文件名称
+  fileType: '',
+  id: '',
+  minioFileName: '', // 附件文件名
+  moduleName: '', // 模块名称
+  updateTime: '',
+  updateUser: '',
+}) // 表单
+const resetForm1 = () => {
+  ruleForm.value = {
+    businessDownloadType: '', // 业务类型(字典)
+    createTime: '',
+    createUser: '',
+    descn: '', // 	描述备注
+    downloadNo: '', // 文件编号
+    fileName: '', // 文件名称
+    fileType: '',
+    id: '',
+    minioFileName: '', // 附件文件名
+    moduleName: '', // 模块名称
+    updateTime: '',
+    updateUser: '',
+  }
+}
+const title = ref('')
+const rules = ref<FormRules>({
+  businessDownloadType: [{ required: true, message: '请选择业务类型', trigger: 'blur' }],
+  descn: [{ required: true, message: '请输入描述备注', trigger: 'blur' }],
+  fileName: [{ required: true, message: '请输入文件名称', trigger: 'blur' }],
+  fileType: [{ required: true, message: '请选择文件类型', trigger: 'blur' }],
+  minioFileName: [{ required: true, message: '请上传附件', trigger: 'blur' }],
+  moduleName: [{ required: true, message: '请输入模块名称', trigger: 'blur' }],
+}) // 表单验证规则
+const dialogVisible = ref<boolean>(false) // 弹窗显示
+// 弹窗初始化
+const initDialog = (row: any) => {
+  title.value = row.title as string
+  dialogVisible.value = true
+  resetForm1()
+  if (row.title === '新增') {
+    // 新增
+    ruleFormRef.value?.resetFields()
+    updateTime.value = dayjs().format('YYYY-MM-DD HH:mm')
+  }
+  // 修改 详情
+  else {
+    ruleForm.value = row
+    updateTime.value = row.updateTime
+  }
+}
+defineExpose({ initDialog })
+// 关闭弹窗
+const close = () => {
+  dialogVisible.value = false
+  emits('resetData')
+}
+// 提交
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      if (title.value === '新增') {
+        addeFileListPage(ruleForm.value).then((res) => {
+          ElMessage({
+            type: 'success',
+            message: '添加成功',
+          })
+        })
+      }
+      else {
+        console.log('编辑')
+      }
+    }
+  })
+}
+// 获取文件类型
+const fileTypeList = ref([])
+const getFileType = () => {
+  getDictByCode('').then((res) => {
+    fileTypeList.value = res.data
+  })
+}
+getFileType()
+// 获取业务类型
+const businessTypeList = ref([])
+const getBusinessType = () => {
+  getDictByCode('businessDownloadType').then((res) => {
+    businessTypeList.value = res.data
+  })
+}
+getBusinessType()
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  formEl?.resetFields()
+  dialogVisible.value = false
+  emits('resetData')
+}
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  // console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    uploadApi(fd).then((res) => {
+      if (res.code === 200) {
+        ruleFormRef.value?.clearValidate('minioFileName')
+        ruleForm.minioFileName = res.data[0]
+        ElMessage.success('上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+</script>
+
+<template>
+  <el-dialog v-if="dialogVisible" v-model="dialogVisible" :title="title" width="80%" append-to-body class="container" @close="resetForm">
+    <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px" :class="[title === '详情' ? 'isDetail' : '']">
+      <el-row :gutter="24">
+        <el-col :span="6">
+          <el-form-item label="文件编号" prop="minioFileName">
+            <el-input v-model="ruleForm.downloadNo" disabled placeholder="系统自动生成" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="模块名称" prop="moduleName">
+            <el-input v-model="ruleForm.moduleName" :disabled="title === '详情'" :placeholder="title === '详情' ? '' : '请输入模块名称'" />
+          </el-form-item>
+        </el-col>
+        <!-- <el-col :span="6">
+          <el-form-item label="创建人" prop="updateUser">
+            <el-input v-model="ruleForm.updateUser" disabled />
+          </el-form-item>
+        </el-col> -->
+        <el-col :span="6">
+          <el-form-item label="创建时间" prop="updateTime">
+            <el-date-picker
+              v-model="updateTime"
+              type="datetime"
+              format="YYYY-MM-DD hh:mm"
+              value-format="YYYY-MM-DD hh:mm"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="6">
+          <el-form-item label="业务类型" prop="businessDownloadType">
+            <el-select v-model="ruleForm.businessDownloadType" :disabled="title === '详情'" :placeholder="title === '详情' ? '' : '请选择业务类型'">
+              <el-option v-for="item in businessTypeList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="文件名称" prop="fileName">
+            <el-input v-model="ruleForm.fileName" :disabled="title === '详情'" :placeholder="title === '详情' ? '' : '请输入文件名称'" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="文件类型" prop="fileType">
+            <el-select v-model="ruleForm.fileType" :disabled="title === '详情'" :placeholder="title === '详情' ? '' : '请选择文件类型'">
+              <el-option v-for="item in fileTypeList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="12">
+          <el-form-item label="描述备注" prop="descn">
+            <el-input v-model="ruleForm.descn" :disabled="title === '详情'" :placeholder="title === '详情' ? '' : '请输入描述备注'" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="12">
+          <el-form-item label="模板附件" prop="minioFileName">
+            <show-photo :minio-file-name="ruleForm.minioFileName" width="100%" height="125px" />
+            <el-button v-if="title !== '详情'" type="primary" :disabled="title === '详情'" :style="{ 'margin-left': ruleForm.minioFileName === '' ? '0px' : '20px', 'margin-top': ruleForm.minioFileName === '' ? '0px' : '56px' }" @click="upload">
+              {{ ruleForm.minioFileName === '' ? '上传' : '更换附件' }}
+            </el-button>
+            <input v-show="title === '123'" ref="fileRef" type="file" @change="onFileChange">
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer footer">
+        <el-button v-if="title !== '详情'" type="primary" @click="submitForm(ruleFormRef)">
+          发布
+        </el-button>
+        <el-button @click="resetForm(ruleFormRef)">
+          关闭
+        </el-button>
+      </div>
+    </template>
+    <!-- 多选用户弹窗 -->
+    <user-list-comp ref="userListRef" @add="confirmUser" />
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  .isDetail {
+    ::v-deep {
+      .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label::before,
+      .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label::before {
+        content: "";
+        display: none;
+      }
+    }
+  }
+
+  .center {
+    display: flex;
+    align-items: flex-end;
+  }
+}
+</style>
diff --git a/src/views/system/tool/fileConfiguration/configuration.vue b/src/views/system/tool/fileConfiguration/configuration.vue
new file mode 100644
index 0000000..21b4230
--- /dev/null
+++ b/src/views/system/tool/fileConfiguration/configuration.vue
@@ -0,0 +1,232 @@
+<!-- 文件配置管理 -->
+<script lang="ts" setup>
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { queryType, signType, typeofSign } from '../tool_interface'
+import addDDialog from './addDDialog.vue'
+import { printJSON } from '@/utils/printUtils'
+import { deleteFileListPage, exportFileListPage, getFileListPage } from '@/api/system/tool'
+import { getDictByCode } from '@/api/system/dict'
+// import { exportExcel } from '@/utils/exportXlsx'
+import { exportFile } from '@/utils/exportUtils'
+const { proxy } = getCurrentInstance() as any
+const searchQuery = reactive<any>({
+  fileName: '', // 文件名称
+  moduleName: '', // 模块名
+  downloadNo: '',
+  limit: 20,
+  offset: 1,
+  ids: [],
+}) // 查询参数
+const loadingTable = ref<boolean>(false) // 表格loading
+const total = ref<number>(0) // 数据总条数
+const columns = ref([
+  { text: '文件编号', value: 'downloadNo', align: 'center' },
+  { text: '模块名称', value: 'moduleName', align: 'center' },
+  { text: '业务类型', value: 'businessDownloadType', align: 'center' },
+  { text: '文件名称', value: 'fileName', align: 'center' },
+  { text: '文件类型', value: 'fileType', align: 'center' },
+  // { text: '创建人', value: 'updateUser', align: 'center' },
+  { text: '创建时间', value: 'updateTime', align: 'center' },
+])
+
+// 表格
+const list = ref([]) // 表格数据
+const addRef = ref() // 添加/编辑/详情/组件
+// 获取数据列表
+const getList = () => {
+  loadingTable.value = true
+  getFileListPage(searchQuery).then((res) => {
+    if (res.code === 200) {
+      list.value = res.data.rows
+      total.value = res.data.total
+    }
+    loadingTable.value = false
+  }).catch((_) => {
+    loadingTable.value = false
+  })
+}
+getList()
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    searchQuery.limit = val.size
+  }
+  if (val && val.page) {
+    searchQuery.offset = val.page
+  }
+  getList()
+}
+// 编辑
+const edit = (row: signType) => {
+  addRef.value.initDialog({
+    ...row,
+    title: '编辑',
+  })
+}
+
+// 详情
+const detail = (row: signType) => {
+  addRef.value.initDialog({
+    ...row,
+    title: '详情',
+  })
+}
+// 删除
+const remove = (row: signType) => {
+  ElMessageBox.confirm(
+    `确认删除${row.signName}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      deleteFileListPage({ id: row.id as string }).then((res) => {
+        if (res.code === 200) {
+          ElMessage({
+            type: 'success',
+            message: '删除成功',
+          })
+          getList()
+        }
+      })
+    })
+}
+// 搜索
+const search = () => {
+  getList()
+}
+// 重置
+const reset = () => {
+  searchQuery.fileName = ''
+  searchQuery.moduleName = ''
+  searchQuery.downloadNo = ''
+  getList()
+}
+
+// 新增
+const add = () => {
+  addRef.value.initDialog({
+    signType: searchQuery.signType,
+    title: '新增',
+  })
+}
+// 表格被选中的行
+const selectList = ref<signType[]>([])
+// 表格多选
+const multiSelect = (row: signType[]) => {
+  selectList.value = row
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (selectList.value.length) {
+    selectList.value.forEach((item) => {
+      searchQuery.ids?.push(item.id as string)
+    })
+  }
+  else {
+    searchQuery.ids = []
+  }
+  exportFileListPage(searchQuery).then((res) => {
+    loading.close()
+    searchQuery.ids = []
+  })
+    .catch((_) => {
+      loading.close()
+    })
+}
+// 打印
+function printList() {
+  const selectIds = selectList.value.map((item: signType) => item.id)
+  // 打印列
+  const properties = columns.value.map((item) => {
+    return {
+      field: item.value,
+      displayName: item.text,
+    }
+  })
+  if (selectIds.length <= 0 && list.value.length > 0) {
+    printJSON(list.value, properties, '签名管理')
+  }
+  else if (selectIds.length > 0) {
+    const printList = list.value.filter((item: signType) => selectIds.includes(item.id))
+    printJSON(printList, properties, '签名管理')
+  }
+  else {
+    ElMessage('无可打印内容')
+  }
+}
+</script>
+
+<template>
+  <!-- 布局 -->
+  <app-container>
+    <!-- 筛选条件 -->
+    <search-area :need-clear="true" @search="search" @clear="reset">
+      <search-item>
+        <el-input v-model="searchQuery.downloadNo" placeholder="文件编号" clearable class="w-50 m-2 normal-input" />
+      </search-item>
+      <search-item>
+        <el-input v-model="searchQuery.moduleName" placeholder="模块名称" clearable class="w-50 m-2 normal-input" />
+      </search-item>
+      <search-item>
+        <el-input v-model="searchQuery.fileName" placeholder="文件名称" clearable class="w-50 m-2 normal-input" />
+      </search-item>
+    </search-area>
+    <table-container>
+      <!-- 表头区域 -->
+      <template #btns-right>
+        <icon-button v-if="proxy.hasPerm('/sys/tool/autograph/add')" icon="icon-add" title="新建" @click="add" />
+        <icon-button v-if="proxy.hasPerm('/sys/tool/autograph/export')" icon="icon-export" title="导出" @click="exportExcelBtn" />
+        <icon-button v-if="proxy.hasPerm('/sys/tool/autograph/print')" icon="icon-print" title="打印" @click="printList" />
+      </template>
+      <!-- 表格区域 -->
+      <normal-table
+        :data="list" :total="total" :columns="columns as any"
+        :query="{ limit: searchQuery.limit, offset: searchQuery.offset }" :list-loading="loadingTable"
+        :is-showmulti-select="true" :is-multi="true" @change="changePage" @multi-select="multiSelect"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (searchQuery.offset - 1) * searchQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="130">
+            <template #default="{ row }">
+              <el-button v-if="proxy.hasPerm('/sys/tool/autograph/update')" size="small" type="primary" link @click="edit(row)">
+                编辑
+              </el-button>
+              <el-button v-if="proxy.hasPerm('/sys/tool/autograph/detail')" size="small" type="primary" link @click="detail(row)">
+                详情
+              </el-button>
+              <el-button v-if="proxy.hasPerm('/sys/tool/autograph/delete')" size="small" type="danger" link @click="remove(row)">
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <add-d-dialog ref="addRef" @reset-data="getList" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+.normal-input {
+  width: 180px !important;
+}
+
+:deep(.el-table__header) {
+  background-color: #bbb;
+}
+</style>