From 3f9b13020aaa7ae472300321650f8b0e2bd2ace1 Mon Sep 17 00:00:00 2001
From: mixtan <424491071@qq.com>
Date: Mon, 16 Jun 2025 14:55:34 +0800
Subject: [PATCH] =?UTF-8?q?update:=20=E9=87=8D=E6=9E=84=E9=A1=B6=E9=83=A8?=
 =?UTF-8?q?=E6=A8=A1=E5=9D=97=E5=8C=85=E5=90=ABlogo=E3=80=81PC=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E3=80=81=E7=A7=BB=E5=8A=A8=E7=AB=AF=E8=8F=9C=E5=8D=95?=
 =?UTF-8?q?=E3=80=81=E7=99=BB=E5=BD=95=E6=B3=A8=E5=86=8C=E5=BC=80=E5=BA=97?=
 =?UTF-8?q?=E6=B5=81=E7=A8=8B=E4=BA=A4=E4=BA=92=EF=BC=9B=E5=B9=B2=E6=8E=89?=
 =?UTF-8?q?=E4=B9=8B=E5=89=8D=E7=9A=84index=E5=85=A8=E5=B1=80=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=EF=BC=8C=E5=85=A8=E9=83=A8=E6=8C=AA=E5=88=B0=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E9=87=8C=E9=9D=A2=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts             |   3 +
 src/assets/css/index.css    | 214 -------------------
 src/components/register.vue |   2 +-
 src/views/HeadMenu.vue      | 406 ++++++++++++++++++++----------------
 src/views/index/banner.vue  |  28 ++-
 src/views/index/company.vue |  23 +-
 src/views/index/service.vue | 119 +++++++----
 src/views/index/slider.vue  |   4 +-
 src/views/start/check.vue   |  13 ++
 9 files changed, 370 insertions(+), 442 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index ed2531c..6b2082f 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -18,6 +18,9 @@ declare module 'vue' {
     ElCol: typeof import('element-plus/es')['ElCol']
     ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
     ElDialog: typeof import('element-plus/es')['ElDialog']
+    ElDropdown: typeof import('element-plus/es')['ElDropdown']
+    ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
+    ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
     ElForm: typeof import('element-plus/es')['ElForm']
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
     ElIcon: typeof import('element-plus/es')['ElIcon']
diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 0dcdcc1..783303a 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -76,217 +76,3 @@ html{
   color: inherit;
   background: inherit;
 }
-
-/* 页面头部 */
-.header {
-  height: 70px;
-}
-/* 固定定位*/
-.header-list {
-  width: 100%;
-  height: 70px;
-  background-color: #fff;
-  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
-  z-index: 1000;
-}
-.header-list .el-row{
-  width: 100%;
-  max-width: 1440px;
-  margin: auto;
-}
-.header-top {
-  max-width: 1440px;
-  width: 100%;
-  height: 70px;
-  margin: auto;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-/* logo */
-.logo {
-  width: 60px;
-  padding-left: 20px;
-}
-.logo a {
-  background: url("../../assets/image/logo.jpg") no-repeat;
-  width: 48px;
-  height: 48px;
-  border-radius: 5px;
-  display: inline-block;
-  background-size: contain;
-  outline: none;
-}
-
-/*头部导航*/
-.header-top ul {
-  flex: 1;
-  display: flex;
-  line-height: 60px;
-}
-.header-menu {
-  display: flex;
-}
-.header-menu li {
-  margin: 0 30px;
-  list-style: none;
-  position: relative;
-  color: #333;
-}
-
-.header-menu a {
-  text-decoration: none;
-  color: inherit;
-}
-.header-menu li span {
-  font-size: 16px;
-}
-/* 伪元素添加下滑选中线 */
-.header-menu li:hover span,
-.header-menu .router-link-active span
-{
-  color: var(--bgcolor);
-}
-/*TODO 记得搞一个导航active的*/
-.header-menu li::before
- {
-  content: "";
-  position: absolute;
-  bottom: 0px;
-  left: 50%;
-  width: 0;
-  height: 100%;
-  border-bottom: 3px solid var(--bgcolor);
-  transition: all 0.2s;
-}
-
-.header-menu li:hover::before,
-.header-menu .router-link-active li::before
- {
-  content: "";
-  left: 0;
-  width: 100%;
-}
-
-.header-right {
-  display: flex;
-  justify-content: flex-end;
-}
-
-.header-right .start {
-  margin-right: 20px;
-}
-.header-right .start .start-button {
-  background-color: black;
-  border-radius: 20px;
-}
-.header-right .login{
-  margin-right: 20px;
-}
-.header-right .login .login-button {
-}
-.header-right .logout {
-  margin-right: 20px;
-}
-.header-right .logout .logout-button {
-  border: none;
-}
-
-/*公司*/
-.company-detail {
-  display: flex;
-}
-.company-detail img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  padding-right:20px;
-}
-.company-introduce {
-  padding: 20px;
-  letter-spacing: 2px;
-  line-height: 34px;
-  padding-bottom: 0;
-}
-
-/*轮播图*/
-.banner-list {
-  width: 100%;
-  max-width: 1200px;
-  margin: auto;
-  position: relative;
-}
-.banner-list .el-carousel__container {
-  width: 100%;
-  padding-bottom: 50%; /* 高度自适应宽度的一半 */
-  position: relative;
-}
-.banner-list .el-carousel__item {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-.banner-list .el-carousel__item img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-/*服务*/
-.container-bg {
-  padding: 50px 0;
-}
-
-.service-contain {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  padding-top: 30px;
-}
-.service-list {
-  width: 100%;
-}
-.service-list ul {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 20px;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-}
-.service-list ul li {
-  list-style: none;
-  width: 30%;
-  height: 211.6px;
-  padding: 30px 20px;
-  text-align: center;
-  box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.1);
-  border-radius: 10px;
-}
-.service-list ul li i::before {
-  font-size: 70px;
-  color: #353535;
-  transition: 0.3s;
-}
-.service-list ul li h4 {
-  font-size: 26px;
-  font-weight: 500;
-  margin-top: 10px;
-  transition: 0.3s;
-}
-.service-list ul li:hover {
-  background: linear-gradient(90.54deg, #ec4b2b 0.42%, #f85535 102.71%);
-}
-.service-list ul li:hover i::before {
-  color: #fff;
-}
-.service-list ul li:hover h4 {
-  color: #fff;
-}
-.service-list ul li:hover i::before p {
-  color: #fff;
-}
diff --git a/src/components/register.vue b/src/components/register.vue
index 68b3750..6a4a3cf 100644
--- a/src/components/register.vue
+++ b/src/components/register.vue
@@ -158,7 +158,7 @@ const register = async () => {
       if (approvalRes.data.code === 0 && approvalRes.data.status === 200) {
         const approvalStatus = approvalRes.data.approval_status;
         localStorage.setItem("approval_status", approvalStatus);
-        if (approvalStatus == "4") {
+        if (approvalStatus == "4" || approvalRes.data==null) {
           router.push({ name: "start" });
         } else {
           router.push({ name: "check" });
diff --git a/src/views/HeadMenu.vue b/src/views/HeadMenu.vue
index c233217..318951f 100644
--- a/src/views/HeadMenu.vue
+++ b/src/views/HeadMenu.vue
@@ -1,131 +1,161 @@
 <template>
   <div class="header">
-    <div class="header-list">
-      <el-row>
-        <div class="header-top">
-          <el-col :span="4">
-            <div class="logo">
-              <img src="@/assets/image/logo.png">
-            </div>
-          </el-col>
-          <el-col :span="12">
-            <ul class="header-menu">
-              <router-link v-for="(item, index) in headlist" :key="index" :to="item.path">
-                <li><span>{{ item.title }}</span></li>
-              </router-link>
-            </ul>
-          </el-col>
-          <el-col :span="8">
-            <div class="header-right">
-              <div class="start">
-                <el-button color="#ea4322" @click="handleOpenStartPage">
-                  立即入驻
-                </el-button>
-              </div>
-              <!-- <div class="login">
+    <div class="logo">
+      <img src="@/assets/image/logo.png" />
+    </div>
+
+    <ul class="header-menu">
+      <router-link
+        v-for="(item, index) in headlist"
+        :key="index"
+        :to="item.path"
+      >
+        <li>
+          <span>{{ item.title }}</span>
+        </li>
+      </router-link>
+    </ul>
+
+    <div class="header-right">
+      <div class="start">
+        <el-button  plain type="danger" @click="handleOpenStartPage">
+          {{
+            approval_status == 4 || !isLoggedIn ? "立即入驻" : "查看审核状态"
+          }}
+        </el-button>
+      </div>
+
+      <!-- <div v-if="!isLoggedIn" class="login">
                 <el-button plain color="#f85535"  @click="openLoginForm" class="login-button">
                   商家登录
                 </el-button>
               </div> -->
-              <div v-if="isLoggedIn" class="logout">
-                <el-button type="danger" plain   @click="logout" class="logout-button">
-                  退出
-                </el-button>
-              </div>
-            </div>
-          </el-col>
+
+      <div class="avatar">
+        <div class="icon_avatar">
+          <el-icon size="20"><Avatar /></el-icon>
         </div>
-      </el-row>
-    </div>
+        <el-button
+          link
+          @click="handleUserInfoClick"
+          :title="approval_status == 4 ? '点击立即入驻' : '点击查看审核详情'"
+        >
+          {{ mobile }}
+        </el-button>
+      </div>
 
-    <div class="login-register-module">
-      <span @click="handleOpenStartPage">立即入驻</span>
-      <span>|</span>
-      <span @click="openLoginForm">商家登录</span>
-      <span v-if="isLoggedIn" @click="logout">退出</span>
-    </div>
+      <div v-if="isLoggedIn" class="logout">
+        <el-button type="info" plain @click="logout" class="logout-button">
+          退出
+        </el-button>
+      </div>
 
-    <!-- 汉堡菜单 -->
-    <div class="hamburger-menu" @click="toggleMenu">
-      <span :class="{ 'hamburger-icon': true, 'rotate-top': isMenuOpen, }"></span>
-      <span :class="{ 'hamburger-icon': true, 'hide-middle': isMenuOpen }"></span>
-      <span :class="{ 'hamburger-icon': true, 'rotate-bottom': isMenuOpen }"></span>
-    </div>
-    <div :class="{ 'mobile-menu': true, 'open': isMenuOpen }">
-      <ul class="mobile-menu-list">
-        <li v-for="(item, index) in headlist" :key="index">
-          <router-link :to="item.path" @click="toggleMenu">
-            <span>{{ item.title }}</span>
-          </router-link>
-        </li>
-      </ul>
+      <div class="sub_menu">
+        <el-dropdown placement="bottom-end">
+          <el-icon size="24"><Menu /></el-icon>
+          <template #dropdown>
+            <el-dropdown-menu>
+              <el-dropdown-item
+                v-for="(item, index) in headlist"
+                @click="toRouter(item.path)"
+                :key="index"
+                >{{ item.title }}</el-dropdown-item
+              >
+            </el-dropdown-menu>
+          </template>
+        </el-dropdown>
+      </div>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, watch, onUnmounted } from 'vue';
-import { useRouter } from 'vue-router';
-import { useUserStore } from '@/stores/userStore';
-import { getApproval_status } from '@/api/login';
+import { ref, onMounted, watch, onUnmounted } from "vue";
+import { useRouter } from "vue-router";
+import { useUserStore } from "@/stores/userStore";
+import { Menu,Avatar } from "@element-plus/icons-vue";
+import { getApproval_status } from "@/api/login";
 
-const emits = defineEmits(['open-login-form', 'open-register-form']);
+const emits = defineEmits(["open-login-form", "open-register-form"]);
 
 const openLoginForm = () => {
-  emits('open-login-form');
+  emits("open-login-form");
 };
 
 const openRegisterForm = () => {
-  emits('open-register-form');
+  emits("open-register-form");
 };
 
 // 导航栏数据
 const headlist = ref([
-  { title: '首页', path: '/index' },
-  { title: '使用教程', path: '/help' },
-  { title: '关于我们', path: '/about' },
+  { title: "首页", path: "/index" },
+  { title: "使用教程", path: "/help" },
+  { title: "关于我们", path: "/about" },
 ]);
-const toRouter=(pathString:string)=>{
-  router.push({path:pathString})
-}
+const toRouter = (pathString: string) => {
+  router.push({ path: pathString });
+};
 const router = useRouter();
 const userStore = useUserStore();
 
 // 从 userStore 中获取登录状态
 const isLoggedIn = ref(userStore.isLoggedIn);
+const mobile = ref("");
+const approval_status = ref("");
 
 // 每次页面加载时检查 token
 onMounted(() => {
-  const storedToken = localStorage.getItem('token');
+  const storedToken = localStorage.getItem("token");
+  const mobilePhone = localStorage.getItem("mobilePhone");
+
+  console.log(mobilePhone);
+
+  if (mobilePhone) {
+    mobile.value = mobilePhone.replace(/(^\d{3})(\d+)(\d{4})/g, "$1****$2");
+  }
+
   if (storedToken) {
     userStore.setToken(storedToken); // 如果有 token，设置 token 并更新登录状态
   }
+
   isLoggedIn.value = userStore.isLoggedIn; // 更新登录状态
+
+  getApproval_status().then((res) => {
+    if (res.code === 0 && res.status === 200) {
+      approval_status.value = res.data.approval_status;
+      console.log("res.data.approval_status", res.data.approval_status);
+    }
+  });
 });
 
 // 监听 userStore.isLoggedIn 的变化
-watch(() => userStore.isLoggedIn, (newVal) => {
-  isLoggedIn.value = newVal; // 确保 isLoggedIn 始终与 userStore.isLoggedIn 保持一致
-  if (isLoggedIn.value === null) console.log("登陆过期");
-  // getApproval_status().then((res) => {
-  //   if (res.code === 0 && res.status === 200) {
-  //     localStorage.setItem('approval_status', res.data.approval_status);
-  //   } else {
-
-  //   }
-  // });
-});
+watch(
+  () => userStore.isLoggedIn,
+  (newVal) => {
+    isLoggedIn.value = newVal; // 确保 isLoggedIn 始终与 userStore.isLoggedIn 保持一致
+    if (isLoggedIn.value === null) console.log("登陆过期");
+  }
+);
 
 // 处理免费开店按钮点击事件
 const handleOpenStartPage = () => {
-  if (isLoggedIn.value) {
-    if (localStorage.getItem('approval_status') != null && localStorage.getItem('approval_status') === '4') {
-      router.push({ name: 'start' });
-    } else {
-      router.push({ name: 'check' }); // 已登录跳转到 check 页面
-    }
-  } else {
+  if (!isLoggedIn.value) {
     openRegisterForm(); // 未登录弹出注册组件
+    return;
+  }
+
+  if (approval_status == 4) {
+    router.push({ name: "start" });
+  } else {
+    router.push({ name: "check" }); // 已登录跳转到 check 页面
+  }
+};
+
+const handleUserInfoClick = () => {
+  if (approval_status == 4) {
+    router.push({ name: "start" });
+  } else {
+    router.push({ name: "check" });
   }
 };
 
@@ -135,7 +165,7 @@ const logout = () => {
   userStore.removeMobilePhone();
   userStore.removeIdentity();
   isLoggedIn.value = false; // 更新登录状态为未登录
-  router.push('/'); // 可以根据需求跳转到其他页面
+  router.push("/"); // 可以根据需求跳转到其他页面
 };
 
 // 汉堡菜单相关逻辑
@@ -155,123 +185,137 @@ onMounted(() => {
       isMenuOpen.value = false;
     }
   };
-  window.addEventListener('resize', resizeHandler);
+  window.addEventListener("resize", resizeHandler);
 });
 
 onUnmounted(() => {
-  window.removeEventListener('resize', resizeHandler);
+  window.removeEventListener("resize", resizeHandler);
 });
 </script>
 
-<style scoped>
-
-.hamburger-menu {
-  position: fixed; /* 修改为固定定位 */
-  top: 20px; /* 调整顶部位置 */
-  right: 20px; /* 调整右侧位置 */
-  width: 25px;
-  height: 25px;
-  cursor: pointer;
-  z-index: 10011; /* 设置比 header-list 更高的 z-index */
-  display: none;
-}
-
-.hamburger-icon {
-  display: block;
+<style lang="scss" scoped>
+.header {
+  height: 70px;
   width: 100%;
-  height: 3px;
-  background-color: #303133;
-  margin: 5px 0;
-  transition: all 0.3s ease-in-out;
-  transform-origin: center;
-}
-
-.rotate-top {
-  transform: translateY(8px) rotate(45deg);
-}
-
-.hide-middle {
-  opacity: 0;
-}
-
-.rotate-bottom {
-  transform: translateY(-8px) rotate(-45deg); 
-}
-
-.mobile-menu {
-  position: fixed;
-  top: 70px; /* 移动到 header-top 下方 */
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: #fff; /* 修改背景颜色为白色 */
-  z-index: 10010;
+  padding: 15px 20px;
   display: flex;
-  flex-direction: column;
   align-items: center;
-  transition: all 0.3s ease-in-out;
-  opacity: 0; /* 初始设置为透明 */
-  visibility: hidden; /* 初始隐藏 */
+  justify-content: space-between;
+  background-color: #fff;
+  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
-.mobile-menu.open {
-  opacity: 1; /* 显示时不透明 */
-  visibility: visible; /* 显示 */
-}
-
-.mobile-menu-list {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  width: 90%;
-  max-width: 300px;
-  border-radius: 10px;
-  overflow: hidden;
-  z-index: 10010;
-}
-
-.mobile-menu-list li {
-  padding: 10px;
-  line-height: 30PX;
-  border-bottom: 1px solid 	#DCDCDC;
-}
-.mobile-menu-list li a {
-  text-decoration: none;
-}
-.mobile-menu-list li:last-child {
-  border-bottom: none;
-}
-
-.login-register-module {
-  position: fixed;
-  top: 20px;
-  right: 60px;
-  z-index: 10010; 
+.header-menu {
+  flex: 1;
   display: flex;
-  justify-content: center;
-  align-items: center;
-  display: none;
-}
 
-.login-register-module span {
-  margin-right: 10px;
-  line-height: 35px;
-  cursor: pointer;
-}
-.login-register-module span:hover {
-  color: blue;
+  li {
+    margin: 0 20px;
+    list-style: none;
+    position: relative;
+    color: #333;
+
+    span {
+      font-size: 16px;
+    }
+
+    &:hover span {
+      color: var(--bgcolor);
+    }
+
+    &::before {
+      content: "";
+      position: absolute;
+      bottom: 0px;
+      left: 50%;
+      width: 0;
+      height: 100%;
+      border-bottom: 3px solid var(--bgcolor);
+      transition: all 0.2s;
+    }
+
+    &:hover::before {
+      content: "";
+      left: 0;
+      width: 100%;
+    }
+  }
+
+  .router-link-active li::before {
+    content: "";
+    left: 0;
+    width: 100%;
+  }
+
+  .router-link-active span {
+    color: var(--bgcolor);
+  }
+
+  a {
+    text-decoration: none;
+    color: inherit;
+  }
 }
 
 .logo {
-  display: inline-block;
-  img{
-    height: 48px;
+  margin-right: 20px;
+  img {
+    height: 40px;
   }
 }
 
+.icon_avatar{
+    width: 32px;
+    height: 32px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: #eee;
+    border-radius: 100%;
+  }
+
+.start {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  margin-right: 5px;
+}
+
+.avatar {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+
+.header-right {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 20px;
+}
+
+.sub_menu {
+  display: none;
+  cursor: pointer;
+}
+
 @media (max-width: 768px) {
+  .header {
+    padding: 0 10px;
+  }
   .header-menu {
     display: none;
   }
+
+  .hamburger-menu {
+    display: block;
+  }
+
+  .logo {
+    img {
+      height: 28px;
+    }
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/index/banner.vue b/src/views/index/banner.vue
index 4181041..99e1719 100644
--- a/src/views/index/banner.vue
+++ b/src/views/index/banner.vue
@@ -32,11 +32,33 @@
     ]
   </script>
   <style lang="scss">
+.banner-list {
+  width: 100%;
+  max-width: 1200px;
+  margin: auto;
+  position: relative;
+  margin-top: 15px;
+}
+.banner-list .el-carousel__container {
+  width: 100%;
+  padding-bottom: 50%; /* 高度自适应宽度的一半 */
+  position: relative;
+}
+.banner-list .el-carousel__item {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.banner-list .el-carousel__item img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
 .banner{
     padding-top: 20px;
-}
-.banner-list{
-    margin-top: 15px;
 }
   </style>
   
\ No newline at end of file
diff --git a/src/views/index/company.vue b/src/views/index/company.vue
index 890cf8c..6b3012f 100644
--- a/src/views/index/company.vue
+++ b/src/views/index/company.vue
@@ -59,26 +59,37 @@
   text-indent: 2em;
 }
 
-
 .index-title {
   width: 1200px;
   text-align: center;
   margin: auto;
 
   h3 {
-  font-size: 40px;
-}
+    font-size: 40px;
+  }
 
-p{
+  p {
     font-size: 20px;
-}
-
+  }
 }
 
 .company-detail {
+  display: flex;
   width: 1200px;
   margin: 15px auto 0;
 }
+.company-detail img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  padding-right: 20px;
+}
+.company-introduce {
+  padding: 20px;
+  letter-spacing: 2px;
+  line-height: 34px;
+  padding-bottom: 0;
+}
 
 @media (max-width: 768px) {
   .index-title {
diff --git a/src/views/index/service.vue b/src/views/index/service.vue
index db438da..a257d25 100644
--- a/src/views/index/service.vue
+++ b/src/views/index/service.vue
@@ -1,47 +1,96 @@
 <script setup lang="ts">
-
-    let serviceList=[
-        {id:1,title:"同城零售",icon:"iconfont icon-icon-test"},
-        {id:2,title:"企业招聘",icon:"iconfont icon-qiyezhaopin"},
-        {id:3,title:"租赁服务",icon:"iconfont icon-zulinfuwuicon"},
-        {id:4,title:"二手交易",icon:"iconfont icon-ershoujiaoyi"},
-        {id:5,title:"安装维修",icon:"iconfont icon-anzhuangweixiu"},
-        {id:6,title:"家政保洁",icon:"iconfont icon-jiazhengbaojieanbao"}
-    ]
-  
+let serviceList = [
+  { id: 1, title: "同城零售", icon: "iconfont icon-icon-test" },
+  { id: 2, title: "企业招聘", icon: "iconfont icon-qiyezhaopin" },
+  { id: 3, title: "租赁服务", icon: "iconfont icon-zulinfuwuicon" },
+  { id: 4, title: "二手交易", icon: "iconfont icon-ershoujiaoyi" },
+  { id: 5, title: "安装维修", icon: "iconfont icon-anzhuangweixiu" },
+  { id: 6, title: "家政保洁", icon: "iconfont icon-jiazhengbaojieanbao" },
+];
 </script>
 
 <template>
-        <div class="service-contain">
-            <div class="index-title">
-                <h3>我们的服务</h3>
-                <p>我们拥有专业的团队和丰富的经验，为您解决生活中的各种问题，为您提供便捷、高效、优质的服务。</p>
-            </div>
-            <div class="service-list">
-                <ul>
-                    <li v-for="s in serviceList" :key="s.id">
-                        <i :class="`${s.icon}`"></i>
-                        <h4>{{ s.title }}</h4>
-                    </li>
-                </ul>
-            </div>
-        </div>
-        
-        <div>
+  <div class="service-contain">
+    <div class="index-title">
+      <h3>我们的服务</h3>
+      <p>
+        我们拥有专业的团队和丰富的经验，为您解决生活中的各种问题，为您提供便捷、高效、优质的服务。
+      </p>
+    </div>
+    <div class="service-list">
+      <ul>
+        <li v-for="s in serviceList" :key="s.id">
+          <i :class="`${s.icon}`"></i>
+          <h4>{{ s.title }}</h4>
+        </li>
+      </ul>
+    </div>
+  </div>
 
-        </div>
+  <div></div>
 </template>
 
 <style lang="scss">
-  .service-list{
-    width: 1200px;
-    margin: 15px 0;
-  }
-  @media (max-width: 768px) {
-    .service-list{
+.service-contain {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  padding-top: 30px;
+}
+.service-list {
+  width: 100%;
+}
+.service-list ul {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+}
+.service-list ul li {
+  list-style: none;
+  width: 30%;
+  height: 211.6px;
+  padding: 30px 20px;
+  text-align: center;
+  box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.1);
+  border-radius: 10px;
+}
+.service-list ul li i::before {
+  font-size: 70px;
+  color: #353535;
+  transition: 0.3s;
+}
+.service-list ul li h4 {
+  font-size: 26px;
+  font-weight: 500;
+  margin-top: 10px;
+  transition: 0.3s;
+}
+.service-list ul li:hover {
+  background: linear-gradient(90.54deg, #ec4b2b 0.42%, #f85535 102.71%);
+}
+.service-list ul li:hover i::before {
+  color: #fff;
+}
+.service-list ul li:hover h4 {
+  color: #fff;
+}
+.service-list ul li:hover i::before p {
+  color: #fff;
+}
+
+.service-list {
+  width: 1200px;
+  margin: 15px 0;
+}
+
+@media (max-width: 768px) {
+  .service-list {
     width: auto;
   }
-  
 }
 </style>
-  
\ No newline at end of file
diff --git a/src/views/index/slider.vue b/src/views/index/slider.vue
index 03d5f9d..d83dfc2 100644
--- a/src/views/index/slider.vue
+++ b/src/views/index/slider.vue
@@ -164,8 +164,8 @@ const formatter2 = (value: number) => {
 
     .sub {
       position: absolute;
-      top: 65%;
-      transform: translateY(65%);
+      top: 58%;
+      transform: translateY(58%);
       left: 150px;
     }
   }
diff --git a/src/views/start/check.vue b/src/views/start/check.vue
index c78ce07..69b3769 100644
--- a/src/views/start/check.vue
+++ b/src/views/start/check.vue
@@ -174,6 +174,7 @@
 
 <script lang="ts" setup>
 import { ref, reactive, onMounted, watch } from "vue";
+import { useRouter } from "vue-router";
 import { ElMessage } from "element-plus";
 import { Plus,Search } from "@element-plus/icons-vue";
 
@@ -218,6 +219,7 @@ const orcImgTypeConf = {
 };
 
 const userStore = useUserStore();
+const router = useRouter();
 
 const processData = () => {
   const { provinceData, cityData: cityList, areaData } = cityData;
@@ -323,6 +325,7 @@ const applyFormData = reactive({
   bank_image: "",
   email: "",
 });
+const isLoggedIn = ref(userStore.isLoggedIn);
 const license_type = ref('1')
 const optionsPermitType = [
   {
@@ -422,6 +425,11 @@ const handleGetAuditInfo = async () => {
     mobile: localStorage.getItem("mobilePhone"),
   })) as any;
 
+  if(res.data==null||res.data.approval_status==4){
+    router.push({ name: "start" });
+    return
+  }
+
   let arr = JSON.parse(res.data.approval_invalid_col);
   let legal_person_card = ['legal_person_id_addr','legal_person_id_period_begin','legal_person_id_period_end']
   let individual_id_card = ['individual_id_addr','individual_id_period_begin','individual_id_period_end']
@@ -984,6 +992,11 @@ const clearOtherFields = () => {
 onMounted(() => {
   // bankListRemoteMethod();
 
+  if(!isLoggedIn.value){
+    router.push({ name: "index" });
+    return
+  }
+
   handleGetAuditInfo();
 
   GetStoreCategories()