修复了入驻按钮状态显示;更改了顶部导航栏的吸附，优化了一下顶部导航栏的UI影响；优化了数据统计的hover数据变色；以及提高了el-message层级显示；修改了官网的图片展示

src/components/login.vue

@@ -218,7 +218,7 @@ onUnmounted(() => {
   background-color: rgba(0, 0, 0, 0.75);
   z-index: 1000101;
 }
-.el-message {
+:global(.el-message) {
   z-index: 1000102 !important;
 }
 .login-container {

src/views/HeadMenu.vue

@@ -110,17 +110,8 @@ const approval_status = ref(-1);
 const token = ref(userStore.token);
 const mobile = ref(userStore.mobilePhone);
 
-watch(userStore, (newVal) => {
+// 获取审核状态的函数
-  token.value = newVal.token;
+const fetchApprovalStatus = () => {
-  mobile.value = newVal.mobilePhone.replace(
-    /(^\d{3})(\d+)(\d{4})/g,
-    "$1****$3"
-  );
-  isLoggedIn.value = !!token.value;
-});
-
-// 每次页面加载时检查 token
-onMounted(() => {
   const mobile = localStorage.getItem("mobilePhone");
   if (mobile) {
     getApproval_status().then((res) => {
@@ -130,6 +121,38 @@ onMounted(() => {
       }
     });
   }
+};
+
+watch(userStore, (newVal) => {
+  token.value = newVal.token;
+  // 更新手机号并格式化
+  if (newVal.mobilePhone) {
+    mobile.value = newVal.mobilePhone.replace(
+      /(^\d{3})(\d+)(\d{4})/g,
+      "$1****$3"
+    );
+  }
+  isLoggedIn.value = !!token.value;
+  
+  // 当登录状态变化且为已登录时，重新获取审核状态
+  if (isLoggedIn.value) {
+    fetchApprovalStatus();
+  }
+});
+
+// 页面加载时获取审核状态
+onMounted(() => {
+  fetchApprovalStatus();
+  
+  // 监听窗口 resize 事件
+  resizeHandler = () => {
+    const clientWidth = document.documentElement.clientWidth;
+    const isMobile = clientWidth <= 768;
+    if (!isMobile && isMenuOpen.value) {
+      isMenuOpen.value = false;
+    }
+  };
+  window.addEventListener("resize", resizeHandler);
 });
 
 // 监听 userStore.isLoggedIn 的变化
@@ -169,7 +192,8 @@ const logout = () => {
   userStore.removeMobilePhone();
   userStore.removeIdentity();
   isLoggedIn.value = false; // 更新登录状态为未登录
-  router.push("/"); // 可以根据需求跳转到其他页面
+  approval_status.value = -1; // 重置审核状态
+  router.push("/"); // 跳转到首页
 };
 
 // 汉堡菜单相关逻辑
@@ -179,18 +203,8 @@ const toggleMenu = () => {
   isMenuOpen.value = !isMenuOpen.value;
 };
 
-// 监听窗口 resize 事件
+// 窗口resize处理函数
 let resizeHandler: () => void;
-onMounted(() => {
-  resizeHandler = () => {
-    const clientWidth = document.documentElement.clientWidth;
-    const isMobile = clientWidth <= 768;
-    if (!isMobile && isMenuOpen.value) {
-      isMenuOpen.value = false;
-    }
-  };
-  window.addEventListener("resize", resizeHandler);
-});
 
 onUnmounted(() => {
   window.removeEventListener("resize", resizeHandler);
@@ -203,6 +217,10 @@ onUnmounted(() => {
   width: 100%;
   padding: 15px 20px;
   display: flex;
+  position: fixed;
+  top:0;
+  left: 0;
+  z-index: 1000;
   align-items: center;
   justify-content: space-between;
   background-color: #fff;

src/views/feedback/FeedBack.vue

@@ -77,12 +77,13 @@ const uploadSubmit = ({ file }) => {
 <style lang="scss" scoped>
 .feedback-container {
   width: 100%;
-  min-height: calc(100vh - 70px - 150px);
+  min-height: calc(100vh - 150px);//因为修改了顶部导航栏，所以调整了一下
   background: #eee;
   padding: 20px;
   .main {
     width: 1200px;
     margin:0 auto;
+    margin-top: 70px;//因为修改了顶部导航栏，所以调整了一下
     background: #fff;
     border-radius: 10px;
 

src/views/help/Help.vue

@@ -14,7 +14,7 @@
 <style lang="scss" scoped>
 .help_container {
   width: 100%;
-  min-height: calc(100vh - 70px - 150px);
+  min-height: calc(100vh - 150px);//因为修改了顶部导航栏，所以调整了一下
   background: #eee;
   padding: 20px;
 }
@@ -22,6 +22,7 @@
 .main {
     width: 1200px;
     margin:0 auto;
+    margin-top: 70px;//因为修改了顶部导航栏，所以调整了一下
     background: #fff;
     border-radius: 10px;
     padding: 20px;

src/views/index/company.vue

@@ -5,7 +5,7 @@
   <div class="company-detail">
     <el-row>
       <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
-        <img src="../../assets/image/index/company.jpg"
+        <img src="../../assets/image/index/company2.png"
       /></el-col>
       <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
         <div class="company-introduce">

src/views/index/slider.vue

@@ -184,7 +184,7 @@ onMounted(() => {
     left: 50%;
     object-fit: contain;
     position: absolute;
-    top: 50%;
+    top: 52%;//修改了顶部导航栏和谐一些
     transform: translate(-50%, -50%);
     width: 100%;
     z-index: 1;
@@ -252,10 +252,9 @@ onMounted(() => {
   color: #ffffff;
 }
 
-.counter_wrapper .count_box:hover .el-statistic__content {
+:deep(.count_box:hover .el-statistic__content) {
   color: #ffffff;
 }
-
 .counter_wrapper .count_box:hover {
   background: #f34d2c;
 }
@@ -290,6 +289,7 @@ onMounted(() => {
 
 @media (max-width: 768px) {
   .text {
+    padding-top: 30px;//顶部调整
     display: block;
   }
 

src/views/start/check.vue

@@ -214,7 +214,7 @@
 
           <template v-if="item.type == 'select' && item.key == 'mapAddress'">
             <el-cascader
-              style="marginright: 5px"
+              style="margin-right: 5px"
               v-model="applyFormData.map_address"
               :options="cascaderOptions2"
               @change="handleChange"

src/views/start/start.vue

@@ -16,7 +16,7 @@
         element-loading-text="数据加载中..."
         element-loading-background="rgba(0,0,0,.75)"
       >
-        <div class="from_box">
+        <div class="form_box">
           <div class="tit">店铺信息</div>
 
           <el-form-item label="主体类型" prop="entity_type">
@@ -63,7 +63,7 @@
           </el-form-item>
           <el-form-item label="所在地区" prop="map_address">
             <el-cascader
-              style="marginright: 5px"
+              style="margin-right: 5px"
               v-model="applyFormData.map_address"
               :options="cascaderOptions2"
               @change="handleChange"
@@ -178,7 +178,7 @@
           </el-form-item>
         </div>
 
-        <div class="from_box">
+        <div class="form_box">
           <div class="tit">营业信息</div>
           <div v-if="applyFormData.entity_type === 1">
             <el-form-item
@@ -657,7 +657,7 @@
           </div>
         </div>
 
-        <div class="from_box">
+        <div class="form_box">
           <div class="tit">结算信息</div>
           <el-form-item label="银行卡" prop="bank_image">
             <el-upload
@@ -1778,7 +1778,7 @@ onMounted(() => {
       max-width: 100% !important;
     }
 
-    .from_box {
+    .form_box {
       width: 100%;
       padding: 15px;
       margin: 0 0 12px;
@@ -1833,11 +1833,11 @@ onMounted(() => {
 }
 
 @media (max-width: 768px) {
+  
   .el-cascader-menu {
     width: 120px;
     min-width: 120px;
   }
-
   .signUp-container {
     .steps-container {
       width: 100%;