diff --git a/src/components/file-upload/index.vue b/src/components/file-upload/index.vue
index 43a87a71dd8439d07eff54afcc83fe024d1ca83f..3ec7dd4d1f3a74de690c47002bb55e66527f411d 100644
--- a/src/components/file-upload/index.vue
+++ b/src/components/file-upload/index.vue
@@ -1,12 +1,22 @@
 <template>
-  <div class="">
+  <div class="file-upload-container">
     <a-input-group compact>
-      <a-input style="width: 85%" class="upload-input" placeholder="请选择文件" disabled />
+      <a-input
+        style="width: 85%"
+        class="upload-input"
+        :placeholder="placeholderText"
+        v-model="selectedFileName"
+        disabled
+      />
       <a-upload
         style="width: 15%"
-        :custom-request="customRequest"
+        :custom-request="handleUpload"
+        :action="url"
+        :headers="headers"
       >
-        <a-button><a-icon type="upload" />选择文件</a-button>
+        <a-button type="primary">
+          <a-icon type="upload" />选择文件
+        </a-button>
       </a-upload>
     </a-input-group>
   </div>
@@ -19,39 +29,61 @@ export default {
   props: {
     url: {
       type: String,
-      default: ''
+      required: true
+    },
+    placeholderText: {
+      type: String,
+      default: '请选择文件'
     }
   },
   data() {
     return {
-      upLoadUrl: '',
+      selectedFileName: '',
       headers: {
         authorization: 'authorization-text'
       }
     }
   },
   methods: {
-    customRequest(option) {
+    async handleUpload(option) {
       const { onError, onSuccess, file } = option
-      const formData = new FormData()
-      formData.append('file', file)
-      uploadScriptApi(formData)
-        .then((res) => {
-          if (res.code === 200) {
-            onSuccess(res)
-            this.$emit('on-success', res)
-          } else {
-            onError(res.data.msg)
-          }
-        })
-        .catch(err => {
-          console.error(err)
-        })
+      this.selectedFileName = file.name
+
+      try {
+        const formData = new FormData()
+        formData.append('file', file)
+
+        const response = await uploadScriptApi(formData)
+        if (response.code === 200) {
+          onSuccess(response)
+          this.$emit('on-success', response)
+        } else {
+          this.handleError(response.data.msg)
+        }
+      } catch (error) {
+        console.error(error)
+        this.handleError('上传文件时发生错误')
+      }
+    },
+    handleError(message) {
+      // 使用全局错误处理或通知组件展示错误信息
+      this.$message.error(message)
     }
   }
 }
 </script>
 
 <style lang="scss" scoped>
+.file-upload-container {
+  display: flex;
+  align-items: center;
 
-</style>
+  .upload-input {
+    margin-right: 8px;
+  }
+
+  .ant-btn {
+    width: 100%;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/store/modules/app.js b/src/store/modules/app.js
index 7e6d877fa3edc858a60e3b440f47f76d1425f621..ea0b014776c6cb4a146525db1228c4dfbf9deb29 100644
--- a/src/store/modules/app.js
+++ b/src/store/modules/app.js
@@ -3,106 +3,96 @@ import { ACTIVE_TAB_KEY, TAB_LIST_KEY, ACTIVE_MENU_KEY } from '../../utils/const
 const app = {
   state: {
     activeTabKey: sessionStorage.getItem(ACTIVE_TAB_KEY),
-    tabList: JSON.parse(sessionStorage.getItem(TAB_LIST_KEY)),
+    tabList: JSON.parse(sessionStorage.getItem(TAB_LIST_KEY)) || [],
     activeMenuKey: sessionStorage.getItem(ACTIVE_MENU_KEY)
   },
   mutations: {
     setActiveTabKey(state, activeKey) {
       state.activeTabKey = activeKey
+      sessionStorage.setItem(ACTIVE_TAB_KEY, activeKey)
     },
     setTabList(state, tabList) {
       state.tabList = tabList
+      sessionStorage.setItem(TAB_LIST_KEY, JSON.stringify(tabList))
     },
     setActiveMenuKey(state, activeMenuKey) {
       state.activeMenuKey = activeMenuKey
+      sessionStorage.setItem(ACTIVE_MENU_KEY, activeMenuKey)
     }
   },
   actions: {
     addTab({ commit, state, rootGetters }, tab) {
-      return new Promise((resolve) => {
-        const menus = rootGetters.getMenus
-        let currentMenu = {}
-        menus.forEach(menu => {
-          if (menu.childs) {
-            menu.childs.forEach(subMenu => {
-              if (subMenu.path === tab.path) {
-                currentMenu = subMenu
-              }
-            })
-          } else {
-            if (menu.path === tab.path) {
-              currentMenu = menu
-            }
-          }
-        })
-        tab.title = currentMenu.title
-        tab.id = currentMenu.id
-        let tabList = state.tabList || []
-        const index = tabList.findIndex(ele => ele.key === tab.key)
-        if (index > -1) {
-          commit('setActiveTabKey', tab.key)
-          sessionStorage.setItem(ACTIVE_TAB_KEY, tab.key)
-        } else {
-          tabList.push(tab)
-          commit('setTabList', tabList)
-          commit('setActiveTabKey', tab.key)
-          sessionStorage.setItem(ACTIVE_TAB_KEY, tab.key)
-          sessionStorage.setItem(TAB_LIST_KEY, JSON.stringify(tabList))
-        }
-        commit('setActiveMenuKey', tab.id)
-        sessionStorage.setItem(ACTIVE_MENU_KEY, tab.id)
-        resolve()
-      })
+      const menus = rootGetters.getMenus
+      let currentMenu = findMenuByPath(menus, tab.path)
+
+      if (!currentMenu) {
+        console.error('Menu not found for path:', tab.path)
+        return
+      }
+
+      tab.title = currentMenu.title
+      tab.id = currentMenu.id
+
+      let tabList = [...state.tabList]
+      const index = tabList.findIndex(ele => ele.key === tab.key)
+
+      if (index > -1) {
+        commit('setActiveTabKey', tab.key)
+      } else {
+        tabList.push(tab)
+        commit('setTabList', tabList)
+        commit('setActiveTabKey', tab.key)
+      }
+
+      commit('setActiveMenuKey', tab.id)
     },
     removeTab({ commit, state }, key) {
-      return new Promise((resolve) => {
-        let tabList = state.tabList
-        const index = tabList.findIndex(ele => ele.key === key)
-        tabList.splice(index, 1)
-        if (state.activeTabKey === key) {
-          const tempTab = tabList[Math.min(index, 0)]
-          if (state.activeTabKey !== tempTab.key) {
-            commit('setActiveTabKey', tempTab.key)
-            sessionStorage.setItem(ACTIVE_TAB_KEY, tempTab.key)
-          }
+      let tabList = [...state.tabList]
+      const index = tabList.findIndex(ele => ele.key === key)
+
+      if (index === -1) return
+
+      tabList.splice(index, 1)
+
+      if (state.activeTabKey === key) {
+        const tempTab = tabList[Math.max(0, index - 1)] || tabList[0]
+        if (tempTab && tempTab.key !== state.activeTabKey) {
+          commit('setActiveTabKey', tempTab.key)
         }
-        commit('setTabList', tabList)
-        sessionStorage.setItem(TAB_LIST_KEY, JSON.stringify(tabList))
-        resolve()
-      })
+      }
+
+      commit('setTabList', tabList)
     },
-    clearTabs({ commit, state }, isAll) {
+    clearTabs({ commit, state }, isAll = false) {
       if (isAll) {
         commit('setTabList', [])
         sessionStorage.removeItem(TAB_LIST_KEY)
         return
       }
-      let tabList = state.tabList
-      const index = tabList.findIndex(ele => ele.key === state.activeTabKey)
-      const currentTab = tabList[index]
-      tabList = [currentTab]
-      commit('setTabList', tabList)
-      sessionStorage.setItem(TAB_LIST_KEY, JSON.stringify(tabList))
+
+      const currentTab = state.tabList.find(ele => ele.key === state.activeTabKey)
+      commit('setTabList', currentTab ? [currentTab] : [])
     },
     activeMenu({ commit }, activeMenuKey) {
       commit('setActiveMenuKey', activeMenuKey)
-      sessionStorage.setItem(ACTIVE_MENU_KEY, activeMenuKey)
     }
   },
   getters: {
-    getTabList(state) {
-      return state.tabList
-    },
-    getActiveTabKey(state) {
-      return state.activeTabKey
-    },
-    getActiveMenuKey(state) {
-      return state.activeMenuKey
-    },
-    getGuideFlag(state) {
-      return state.guideFlag
+    getTabList: state => state.tabList,
+    getActiveTabKey: state => state.activeTabKey,
+    getActiveMenuKey: state => state.activeMenuKey
+  }
+}
+
+function findMenuByPath(menus, path) {
+  for (const menu of menus) {
+    if (menu.path === path) return menu
+    if (menu.childs) {
+      const subMenu = findMenuByPath(menu.childs, path)
+      if (subMenu) return subMenu
     }
   }
+  return null
 }
 
-export default app
+export default app
\ No newline at end of file