招聘会

src/utils/index.js

@@ -149,15 +149,15 @@ export const getJobFairBreadcrumbs = () => {
 }
 
 // 招聘会面包屑点击
-export const breadcrumbsClickDeal = (item, index) => {
-  const { disabled, path } = item
+export const breadcrumbsClickDeal = ({ e, index }) => {
+  const { disabled, path } = e
   if (disabled) {
     // event.preventDefault()
     return
   }
   const breadcrumbs = getJobFairBreadcrumbs()
 	if (index === breadcrumbs?.length-1) return // 当前页面不可点击
-  // 
-  // if (breadcrumbs)
+  if (breadcrumbs) breadcrumbs.splice(index+1) // 删除后面数据
+  // 跳转
   if (path) router.push(path)
 }

src/views/recruit/personal/jobFair/details.vue

@@ -6,7 +6,7 @@
 			<div class="white-bgc py-5">
 				<v-breadcrumbs v-if="breadcrumbs?.length" :items="breadcrumbs" elevation="3">
           <template v-slot:item="{ item, index }">
-            <span class="breadcrumbsText" :class="{ active: !item.disabled && index !== breadcrumbs.length-1 }" @click="breadcrumbsClickDeal({ item, index })">{{ item.text }}</span>
+            <span class="breadcrumbsText" :class="{ active: !item.disabled && index !== breadcrumbs.length-1 }" @click="breadcrumbsClickDeal({ e: item, index })">{{ item.text }}</span>
           </template>
         </v-breadcrumbs>
 				<headSearch v-model="content" placeholder="搜索公司关键字" @handleSearch="handleSearch"></headSearch>
@@ -41,12 +41,12 @@
 defineOptions({ name: 'jobFairDetails' })
 import { ref } from 'vue'
 import { formatName } from '@/utils/getText'
-import { breadcrumbsClickDeal } from '@/utils/index'
 import buttons from '@/views/recruit/personal/components/buttons.vue'
 import { useRouter } from 'vue-router'; const router = useRouter()
+import { breadcrumbsClickDeal, getJobFairBreadcrumbs } from '@/utils/index'
 
 const content = ref('')
-const breadcrumbs = ref(localStorage.getItem('jobFairBreadcrumbs') && JSON.parse(localStorage.getItem('jobFairBreadcrumbs')) || [])
+const breadcrumbs = ref(getJobFairBreadcrumbs())
 
 const list = ref([
 	{

src/views/recruit/personal/jobFair/enterprise/index.vue

@@ -4,7 +4,7 @@
     <div class="py-5">
       <v-breadcrumbs v-if="breadcrumbs?.length" :items="breadcrumbs" elevation="3">
         <template v-slot:item="{ item, index }">
-          <span class="breadcrumbsText" :class="{ active: !item.disabled && index !== breadcrumbs.length-1 }" @click="breadcrumbsClickDeal({ item, index })">{{ item.text }}</span>
+          <span class="breadcrumbsText" :class="{ active: !item.disabled && index !== breadcrumbs.length-1 }" @click="breadcrumbsClickDeal({ e: item, index })">{{ item.text }}</span>
         </template>
       </v-breadcrumbs>
     </div>
@@ -86,7 +86,7 @@ import { getToken } from '@/utils/auth'
 import Snackbar from '@/plugins/snackbar'
 import loginPage from '@/views/common/loginDialog.vue'
 import { formatName } from '@/utils/getText'
-import { breadcrumbsClickDeal } from '@/utils/index'
+import { breadcrumbsClickDeal, getJobFairBreadcrumbs } from '@/utils/index'
 
 const route = useRoute()
 const router = useRouter()
@@ -99,6 +99,8 @@ const handleTabClick = () => {
   router.push(`${route.path}?key=${tab.value === 1 ? 'briefIntroduction' : 'recruitmentPositions'}`)
 }
 
+const breadcrumbs = ref(getJobFairBreadcrumbs())
+
 // 返回上一页
 const handleReturn = () => {
   if (window.history.state.back) {
@@ -173,8 +175,6 @@ const loginClose = () => {
   Snackbar.warning(loginCloseWarningWord)
 }
 
-const breadcrumbs = ref(localStorage.getItem('jobFairBreadcrumbs') && JSON.parse(localStorage.getItem('jobFairBreadcrumbs')) || [])
-
 </script>
 
 <style scoped lang="scss">
@@ -277,4 +277,13 @@ const breadcrumbs = ref(localStorage.getItem('jobFairBreadcrumbs') && JSON.parse
   font-size: 14px;
   font-weight: 600;
 }
+
+.breadcrumbsText {
+  color: var(--color-999);
+  font-size: 14px;
+  &.active {
+    color: var(--v-primary-base);
+    cursor: pointer;
+  }
+}
 </style>