招聘会

src/router/modules/recruit.js

@@ -174,16 +174,13 @@ const recruit = [
         path: '/recruit/personal/jobFair',
         component: () => import('@/views/recruit/personal/jobFair/index.vue')
       },
-      {
-        path: '/recruit/personal/jobFair/details/:id',
-        component: () => import('@/views/recruit/personal/jobFair/details/index.vue'),
-        name: 'jobFairEntDetails',
-        meta: {
-          title: '招聘会详情'
-        }
-      }
     ]
   },
+  {
+    path: '/recruit/personal/jobFair/:id',
+    component: () => import('@/views/recruit/personal/jobFair/details/index.vue'),
+    name: 'jobFairDetails'
+  },
   {
     path: '/recruit/personal/company/details/:id',
     component: Layout,

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

@@ -1,6 +1,6 @@
 <template>
 	<v-hover v-slot="{ isHovering, props }" v-for="(val, index) in list" :key="val.id">
-		<v-card v-bind="props" :elevation="isHovering ? 7 : 3" class="cursor-pointer mb-3" :class="{'active': chosenIndex === index}" width="500" @click="handleClickEnterprise(val, index)">
+		<v-card v-bind="props" :elevation="isHovering ? 10 : 5" class="cursor-pointer mb-3" :class="{'active': chosenIndex === index}" width="500" @click="handleClickEnterprise(val, index)">
 			<div class="d-flex pa-4 pb-2">
 				<img :src="val.logoUrl || 'https://minio.citupro.com/dev/menduner/company-avatar.png'" style="width: 80px; height: 80px; border-radius: 4px;" />
 				<div style="max-width: 390px;">

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

@@ -1,11 +1,11 @@
 <template>
-	<div class="resume-header mb-4 mt-1">
+	<!-- <div class="resume-header mb-4 mt-1">
     <div class="resume-title" v-ellipse-tooltip style="max-width: 400px;">{{ enterpriseName }}</div>
 		<TextInput :item="textItem" @enter="handleSearch" @appendInnerClick="handleSearch" />
-  </div>
+  </div> -->
 	<div v-if="items.length > 0" v-loading="loading">
 		<v-hover v-slot="{ isHovering, props }" v-for="val in items" :key="val.id">
-			<v-card  class="cursor-pointer mb-3 pa-3" v-bind="props" :elevation="isHovering ? 7 : 3" @click="handleClick(val.id)">
+			<v-card  class="cursor-pointer mb-3 pa-3" v-bind="props" :elevation="isHovering ? 10 : 5" @click="handleClick(val.id)">
 				<div class="d-flex justify-space-between">
 					<div class="d-flex align-center">
 						<svg-icon name="jobFair" size="20" class="mr-1"></svg-icon>

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

@@ -1,28 +1,51 @@
 <template>
-  <div class="default-width">
-    <div style="background-color: #fff; position: sticky;" class="pb-4">
-      <buttons :current="3"></buttons>
-			<v-breadcrumbs v-if="breadcrumbs?.length" :items="breadcrumbs">
+  <div>
+    <!-- <div style="background-color: #fff; position: sticky;"> -->
+      <!-- <buttons :current="3" class="mb-3"></buttons> -->
+			<!-- <v-breadcrumbs v-if="breadcrumbs?.length" :items="breadcrumbs">
 				<template v-slot:item="{ item }">
 					<span class="breadcrumbsText" :class="{ active: !item.disabled }" @click="handleClick(item)">{{ item.text }}</span>
 				</template>
-			</v-breadcrumbs>
-			<headSearch v-model="query.keyword" :class="{'mt-3': !breadcrumbs?.length}" placeholder="搜索公司关键字" @handleSearch="handleSearch"></headSearch>
-    </div>
-    <Empty v-if="!items.length" :message="loadingType === 1 ? loadingText[loadingType] : '该招聘会暂无企业参与，前往其他招聘会看看吧~'" class="mt-3 py-15"></Empty>
-    <template v-else>
-      <div class="d-flex">
-        <div class="mt-3">
-          <EntCard :list="items" @selectChange="selectChange" />
-          <div :class="['loading', {'defaultLink-i': !loadingType}]" @click="handleChangePage">{{ loadingText[loadingType] }}</div>
-        </div>
-        <div class="position-details ml-3" style="flex: 1; overflow: hidden;">
-          <div class="position-content pa-3">
-						<JobCard :enterpriseId="enterpriseId" :enterpriseName="enterpriseName" :jobFairId="route.params.id" />
+			</v-breadcrumbs> -->
+
+			<!-- <headSearch v-model="query.keyword" :class="{'mt-3': !breadcrumbs?.length}" placeholder="搜索公司关键字" @handleSearch="handleSearch"></headSearch> -->
+    <!-- </div> -->
+
+    <!-- <v-carousel :show-arrows="cursor.length > 1 ? 'hover' : false" :hide-delimiters="true" cycle style="height: 300px;">
+      <v-carousel-item v-for="(k, i) in cursor" :key="i">
+				<v-img :src="k" :lazy-src="k" width="1184" height="300" cover>
+					<template v-slot:placeholder>
+						<v-row align="center" class="fill-height ma-0" justify="center">
+							<v-progress-circular color="grey-lighten-5" indeterminate></v-progress-circular>
+						</v-row>
+					</template>
+				</v-img>
+			</v-carousel-item>
+    </v-carousel> -->
+    <v-carousel :show-arrows="cursor.length > 1 ? 'hover' : false" cycle :hide-delimiters="true" style="height: 500px;">
+			<v-carousel-item v-for="(k, i) in cursor" :key="i">
+				<img :src="k" :lazy-src="k" style="width: 100%; height:100%;">
+			</v-carousel-item>
+		</v-carousel>
+    <div style="background-color: #7ec04c">
+      <div class="default-width">
+        <Empty v-if="!items.length && !query.keyword" :message="loadingType === 1 ? loadingText[loadingType] : '该招聘会暂无企业参与，前往其他招聘会看看吧~'" class="mt-3 py-15"></Empty>
+        <template v-else>
+          <div class="d-flex">
+            <div class="mt-3">
+              <EntCard :list="items" @selectChange="selectChange" />
+              <div :class="['loading', {'defaultLink-i': !loadingType}]" @click="handleChangePage">{{ loadingText[loadingType] }}</div>
+            </div>
+            <div class="position-details ml-3" style="flex: 1; overflow: hidden;">
+              <div class="position-content px-3">
+                <JobCard :enterpriseId="enterpriseId" :enterpriseName="enterpriseName" :jobFairId="route.params.id" />
+              </div>
+            </div>
           </div>
-        </div>
+        </template>
       </div>
-    </template>
+    </div>
+
   </div>
 
 </template>
@@ -38,6 +61,10 @@ import { useRoute, useRouter } from 'vue-router'; const route = useRoute(); cons
 import { formatName } from '@/utils/getText'
 import { dealDictArrayData } from '@/utils/position'
 
+const cursor = ref([
+  // "https://menduner.citupro.com:3443/dev/9de969f4723dd8819794fcd2d91b47a2f2b6f16993908712a53ee6a21f6735f1.jpg",
+  "https://menduner.citupro.com:3443/dev/b263663417d6f0d8a5822ca4c1f607503d661c7e17269e7f60cf32f9eed91d77.jpg"
+])
 const breadcrumbs = ref([
   { text: '招聘会', path: '/recruit/personal/jobFair' },
   { text: '', path: '', disabled: true }
@@ -50,7 +77,8 @@ const handleClick = (item) => {
 const getJobFairDetail = async () => {
   const data = await getJobFair(route?.params?.id)
   if (!data) return
-  breadcrumbs.value[breadcrumbs.value.length - 1].text = data.title.replace(/<\/?p[^>]*>/gi, '')
+  // breadcrumbs.value[breadcrumbs.value.length - 1].text = data.title.replace(/<\/?p[^>]*>/gi, '')
+  document.title = data.title.replace(/<\/?p[^>]*>/gi, '')
 }
 getJobFairDetail()
 
@@ -111,7 +139,7 @@ const handleChangePage = () => {
   position: sticky;
   top: 62px;
   border-radius: 12px;
-  background-color: #fff;
+  // background-color: #fff;
   margin-top: 12px;
   height: calc(100vh - 127px);
   widows: 100%;
@@ -138,8 +166,8 @@ const handleChangePage = () => {
   }
 }
 ::-webkit-scrollbar {
-  width: 4px;
-  height: 10px;
+  width: 0;
+  height: 0;
 }
 ::-webkit-scrollbar-thumb, .temporaryAdd ::-webkit-scrollbar-thumb, .details_edit ::-webkit-scrollbar-thumb {
   // 滚动条-颜色

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

@@ -37,8 +37,7 @@ getList()
 
 const handleJoin = (val) => {
 	if (!val?.id) return
-	const path = '/recruit/personal/jobFair/details/' + val.id
-	router.push(path)
+	window.open('/recruit/personal/jobFair/' + val.id)
 
 	// 面包屑储存
 	// let text = val.title ? val.title.replace(/<[^>]+>/g, ' ') : '' // 去掉所有 HTML 标签