From e5a3acc3308208773552d7dba382a81bb8a5ef2e Mon Sep 17 00:00:00 2001
From: jscyl13849007907 <13849007907@163.com>
Date: Tue, 21 Jan 2025 14:21:08 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/FirstJob/joblist.vue | 57 ++++++++++++++++++++++++++++++++++---
 1 file changed, 53 insertions(+), 4 deletions(-)

diff --git a/src/components/FirstJob/joblist.vue b/src/components/FirstJob/joblist.vue
index 8895075..3c3af54 100644
--- a/src/components/FirstJob/joblist.vue
+++ b/src/components/FirstJob/joblist.vue
@@ -26,7 +26,7 @@
 		<div class="main-page-obj">
 			<!-- 筛选导航 -->
 			<div class="navigation">
-				<div class="w" id="navigation">
+				<div class="w" id="navigation" style="position: relative;">
 					<span class="dn">
 						<!-- <i class="iconfont icon-yigezhuanmenfuwudailidepingtai"></i> -->
 						<router-link to="/main">
@@ -329,6 +329,34 @@
 							{{ item.name }}
 						</li>
 					</ul>
+					<div class="model-obj-copy">
+									<div class="filter" :class="[filterStatus == 0 ? '' : 'nobd']" style="border-radius: 6px;overflow: hidden;">
+										<div class="filter-title" :style="{ top: filterStatus == 0 ? '-32px' : '-21px' }">
+											<span>
+												<span class="filter-show">
+													<span @click="delFilter($event, 'price')" v-show="filterObj.price">
+														{{ filterObj.price }}
+														<i class="iconfont icon-guanbi2" v-show="filterObj.price"></i>
+													</span>
+													<span @click="delFilter($event, 'gender')" v-show="filterObj.gender">
+														{{ filterObj.gender }}
+														<i class="iconfont icon-guanbi2" v-show="filterObj.gender"></i>
+													</span>
+													<span @click="delFilter($event, 'age')" v-show="filterObj.age">
+														{{ filterObj.age }}
+														<i class="iconfont icon-guanbi2" v-show="filterObj.age"></i>
+													</span>
+													<span @click="delFilter($event, 'special', item)" v-for="(item, index) in filterObj.specialactive" :key="index">
+														{{ item.name }}
+														<i class="iconfont icon-guanbi2"></i>
+													</span>
+													<i v-show="showDotted" style="line-height: 24px">...</i>
+												</span>
+											</span>
+										</div>
+										
+									</div>
+								</div>
 				</div>
 			</div>
 			<!-- 面包屑 -->
@@ -353,7 +381,7 @@
 						<!-- v-if="loginValue.agencyName == '郑州一才工作' || loginValue.agencyName == '一才工作'" -->
 						<!-- <div class="tabSubset" :class="{ active: signType == 2 }" data-type="2">三方</div> -->
 					</div>
-					<div class="filter"  :class="[filterStatus == 0 ? '' : 'nobd']" style>
+					<div class="filter"  :class="[filterStatus == 0 ? '' : 'nobd']" style v-if="false">
 						<div class="filter-title g_flex_row_between" style="margin-bottom: 12px;" :style="{ top: filterStatus == 0 ? '-32px' : '-21px' }">
 							<span class="g_flex_column_center">
 								<div class="g_flex_row_start">
@@ -3345,11 +3373,11 @@ export default {
 p {
 	margin-bottom: 0;
 }
-.model-obj{
+.model-obj,.model-obj-copy{
 	background-color: #ffffff;
 	position: absolute;
 	left: -592px;
-	top: 14px;
+	top: 44px;
 	width: 640px;
 	border-radius: 6px;
 			.filter {
@@ -3685,4 +3713,25 @@ p {
 					}
 				}
 		}
+
+		.model-obj-copy{
+			left: 50%;
+			top: 52px;
+			transform: translateX(-50%);
+			background-color: transparent;
+			.filter{
+				padding: 0;
+				.filter-title{
+					top: 0 !important;
+					position: relative;
+					padding-left: 0;
+					.filter-show{
+						>span{
+							background-color: #fff;
+						}
+					}
+				}
+			}
+
+		}
 </style>