1

pages/admin/Jiazheng/index.vue

@@ -27,6 +27,11 @@
 					<text>录入时间</text>
 					<icon :class="luruJtClass" />
 				</view>
+				<view @click="juliClick" :class="shaixuanStylejuli">
+					<!-- class切换  saixuan-jt-default  saixuan-jt-click-->
+					<text>距离排序</text>
+					<icon :class="juliJtClass" />
+				</view>
 			</view>
 		</view>
 		<view class="all-type-box" v-show="isOpen" @click="clickAlltype">
@@ -52,11 +57,12 @@
 								</view>
 								<view class="body-content-row">
 									<view class="content-text-row">
-										<view> {{item.age}}岁<text v-if="item.jingyan"> ｜ {{item.jingyan}}年经验</text>
+										<view> {{item.age}}岁<text v-if="item.jingyan"> ｜ {{item.jingyan}}经验</text>
 										</view>
 										<view class="text-status">{{item.zhuangtai}}</view>
 									</view>
-									<view class="content-text-row">{{item.jiguan}}</view>
+									<view class="content-text-row">{{item.jiguan}}</view>	
+									<!-- <view class="content-text-row">{{item.jiguan}}</view> -->
 								</view>
 							</view>
 						</template>
@@ -113,12 +119,15 @@
 	const allJtClass = 'select-jt-default';
 	let updataJtClass = ref('');
 	let luruJtClass = ref('');
+	let juliJtClass = ref('');
 	let shaixuanStyleUpdate = ref('saixuan-item-box');
 	let shaixuanStyleluru = ref('saixuan-item-box');
+	let shaixuanStylejuli = ref('saixuan-item-box');
 	const isOpenSelect = ref(false);
 	const selectedOption = ref('');
 	let isFirstClickUpdate = ref('true')
 	let isFirstClickluru = ref('true')
+	let isFirstClickjuli = ref('true')
 
 	function updateTimeClick() {
 		data.sortType = 1
@@ -167,6 +176,30 @@
 		data.page = 0;
 		refreshData()
 	}
+	
+	function juliClick() {
+		data.sortType = 3
+		const isFirst = isFirstClickjuli.value == 'true';
+		const isSecond = isFirstClickjuli.value == 'false';
+		if (isFirst) {
+			shaixuanStylejuli.value = 'saixuan-item-box saixuan-active';
+			juliJtClass.value = 'saixuan-jt-default';
+			isFirstClickjuli.value = 'false';
+			data.sortRule = 1
+		} else if (isSecond) {
+			shaixuanStylejuli.value = 'saixuan-item-box saixuan-active';
+			juliJtClass.value = 'saixuan-jt-click';
+			isFirstClickjuli.value = 'empty';
+			data.sortRule = 2
+		} else {
+			shaixuanStylejuli.value = 'saixuan-item-box';
+			juliJtClass.value = '';
+			isFirstClickjuli.value = 'true';
+			data.sortRule = 0
+		}
+		data.page = 0;
+		refreshData()
+	}
 
 	function dialogSearchBtn(name, searchData) {
 		switch (name) {