招聘会-面包屑

components.d.ts

@@ -33,8 +33,6 @@ declare module 'vue' {
     Echarts: typeof import('./src/components/Echarts/index.vue')['default']
     ElCascader: typeof import('element-plus/es')['ElCascader']
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
-    Ellipsis: typeof import('./src/components/Ellipsis/index.vue')['default']
-    ElTree: typeof import('element-plus/es')['ElTree']
     Empty: typeof import('./src/components/Empty/index.vue')['default']
     File: typeof import('./src/components/Upload/file.vue')['default']
     HeadSearch: typeof import('./src/components/headSearch/index.vue')['default']
@@ -72,8 +70,6 @@ declare module 'vue' {
     TextInput: typeof import('./src/components/FormUI/TextInput/index.vue')['default']
     TipDialog: typeof import('./src/components/CtDialog/tipDialog.vue')['default']
     ToolBar: typeof import('./src/components/PreviewImg/toolBar.vue')['default']
-    Tooltip: typeof import('./src/components/Tooltip/index.vue')['default']
-    ToolTip: typeof import('./src/components/CtTooltip/ToolTip.vue')['default']
     VerificationCode: typeof import('./src/components/VerificationCode/index.vue')['default']
     Verifition: typeof import('./src/components/Verifition/index.vue')['default']
     VerifyPoints: typeof import('./src/components/Verifition/Verify/VerifyPoints.vue')['default']

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

@@ -3,12 +3,12 @@
 		<buttons :current="3" style="position: sticky;" class="mx-4"></buttons>
 		<div class="px-4">
 			<!-- 搜索框 -->
-			<div class="white-bgc py-5">
-				<v-breadcrumbs :items="breadcrumbs" elevation="3">
-          <template v-slot:item="{ item }">
-            <span class="text" :class="{ active: !item.disabled }" >{{ item.text }}</span>
+			<div class="white-bgc py-5 pt-0">
+				<v-breadcrumbs :items="breadcrumbs">
+					<template v-slot:item="{ item }">
+            <span class="text" :class="{active: !item.disabled}" @click="toPath(item)">{{ item.title }}</span>
           </template>
-        </v-breadcrumbs>
+				</v-breadcrumbs>
 				<headSearch v-model="content" placeholder="搜索公司关键字" @handleSearch="handleSearch"></headSearch>
 			</div>
 
@@ -42,10 +42,16 @@ defineOptions({ name: 'jobFairDetails' })
 import { ref } from 'vue'
 import { formatName } from '@/utils/getText'
 import buttons from '@/views/recruit/personal/components/buttons.vue'
+import { useRoute, useRouter } from 'vue-router'
+import { getJobFair } from '@/api/recruit/enterprise/jobFair'
+
+const route = useRoute()
+const router = useRouter()
 
 const content = ref('')
 const breadcrumbs = ref([
-	{ text: '招聘会', href: '' }
+	{ title: '招聘会', href: '/recruit/personal/jobFair', disabled: false },
+	{ title: '江苏第二师范学院地理科学学院 2025届酒店管理本科毕业生 “实习”与“就业”双选会', href: '', disabled: true }
 ])
 const list = ref([
 	{
@@ -86,9 +92,21 @@ const list = ref([
 	},
 ])
 
+// 招聘会名称设置到面包屑中
+const getMsg = async () => {
+  // const res = await getJobFair(route.params.id)
+  // breadcrumbs.value[breadcrumbs.value.length - 1].title = res.title.replace(/<\/?p[^>]*>/gi, '')
+}
+getMsg()
+
 const handleSearch = (val) => {
 	console.log(val, 'handleSearch')
 }
+
+const toPath = ({ href }) => {
+	if (!href) return
+	router.push(href)
+}
 </script>
 
 <style scoped lang="scss">
@@ -113,4 +131,12 @@ const handleSearch = (val) => {
 .enterprise-name:hover {
 	color: var(--v-primary-base);
 }
+.text {
+  color: var(--color-999);
+  font-size: 15px;
+  &.active {
+    color: var(--v-primary-base);
+    cursor: pointer;
+  }
+}
 </style>

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

@@ -19,8 +19,10 @@
 defineOptions({ name: 'jobFair' })
 import { ref } from 'vue'
 import { timesTampChange } from '@/utils/date'
+import { useRouter } from 'vue-router'
 import buttons from '@/views/recruit/personal/components/buttons.vue'
 
+const router = useRouter()
 const list = ref([
 	{
 		"id": "1866335631039340546",
@@ -67,8 +69,7 @@ const list = ref([
 ])
 
 const handleJoin = (id) => {
-  console.log(id)
-	window.open('/recruit/personal/jobFair/details/' + id)
+	router.push('/recruit/personal/jobFair/details/' + id)
 }
 </script>