界面调整

2024-02-19 09:08:07 +08:00
parent cf3f4597a1
commit 41ae03e35d
11 changed files with 469 additions and 33 deletions
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,9 +1,9 @@
 <template>
 	<view class="home-body">
-		<uni-nav-bar :shadow="false">
-			<view class="headd">
-				<image src="../../static/img/search.svg" style="width: 32rpx;height: 32rpx;" mode=""></image>
-				<input type="text" confirm-type="搜索" @confirm="goSeach" v-model="keywords" placeholder="请搜索任务名称或公司名称" />
+		<uni-nav-bar :shadow="false" >
+			<view class="headd" @click="goSeach">
+				<image  src="../../static/img/search.svg" style="width: 32rpx;height: 32rpx;" mode=""></image>
+				<input type="text" confirm-type="搜索"  v-model="keywords" placeholder="请搜索任务名称或公司名称" />
 			</view>
 		</uni-nav-bar>
 		<view class="homeHead">
@@ -380,12 +380,12 @@
 						}
 					});
 				} else {
-					if (this.keywords) {
+					// if (this.keywords) {
 						uni.navigateTo({
 							url: '../seach/seach?keywords=' + this.keywords
 						});
 						this.keywords = ''
-					}
+					// }
 				}
 			},
 			getSwiperList(){
--- a/pages/project/project.vue
+++ b/pages/project/project.vue
@@ -41,16 +41,16 @@

 			<block v-if="activeTab == 1">
 				<view>
-					<view class="location" @click="gomap">
+					<!-- <view class="location" @click="gomap">
 						<image src="../../static/img/location.svg" mode=""></image>
 						{{ currentAddress }}（切换位置）
 						<image src="../../static/img/right.svg" mode=""></image>
-					</view>
+					</view> -->
 				</view>

 				<view v-if="companyList.length > 0">
 					<block v-for="(item, index) in companyList" :key="item.id">
-						<companyList :companyitem="item" :near="activeTab === 0"></companyList>
+						<workList :companyitem="item" :near="activeTab === 0"></workList>
 					</block>
 				</view>
 				<view v-else>
@@ -62,7 +62,7 @@
 			</block>

 			<block v-if="activeTab == 2">
-				<view v-if="recommendList.length > 0">
+				<!-- <view v-if="recommendList.length > 0">
 					<block v-for="(item, index) in recommendList" :key="item.id">
 						<companyList :companyitem="item"></companyList>
 					</block>
@@ -76,6 +76,10 @@
 					<view class="btn" @click="goResume">
 						完善技能
 					</view>
+				</view> -->
+				<view v-for="(item, index) in policyContentList" :key="index" style="width: 90%;height: 100rpx;background-color: #fff;border-radius: 10rpx;margin:20rpx 5% 20rpx 5%;display: flex;align-items: center">
+					<image :src="item.headPic" style="width: 60rpx;height: 60rpx;margin: 0 20rpx;"></image>
+					<view style="font-size: 26rpx;">{{ item.articleTitle }}</view>
 				</view>
 			</block>

@@ -89,11 +93,13 @@
 import vTabs from '@/components/v-tabs/v-tabs.vue';
 import testData from '@/common/textdata.js';
 import companyList from '@/components/companyList/companyList.vue';
+import workList from '@/components/companyList/workList.vue'
 import {
 	newMissionAll,
 	recommendMission,
 	nearMission
 } from '@/api/mission.js';
+import {getPolicyContent} from '@/api/newIndex.js'
 import {
 	getcoder
 } from "@/api/map.js";
@@ -102,15 +108,19 @@ import verticalMenu from '@/components/vertical-menu/vertical-menu.vue';
 export default {
 	components: {
 		vTabs,
-		companyList, verticalMenu
+		companyList, 
+		verticalMenu,
+		workList
 	},

 	data() {
 		return {
+			policyContentList: [],
 			activeTab: 0,
 			companyList: [],
 			recommendList: [],
 			newList: [],
+			
 			nearPage: {
 				current: 1,
 				size: 10,
@@ -135,11 +145,12 @@ export default {
 			open: false,
 			showPopUp: false,

-			nonReactiveArray: ["任务", "岗位", "推荐"],
+			nonReactiveArray: ["推荐任务", "推荐岗位", "推荐政策"],
 		}
 	},
 	onLoad: function () {
 		this.getData()
+		this.getPolicy()
 	},
 	onShow: function () {
 		if (this.$store.state.user.token) {
@@ -235,12 +246,17 @@ export default {
 				url: '../mapSeach/mapSeach'
 			})
 		},
+		getPolicy(){
+			getPolicyContent(1).then(res=>{
+				this.policyContentList=res.data.data.records
+			})
+		},
 		changeTab: function (e) {
 			this.activeTab = e;
 		},
 		//附近任务；
 		getNearList: function (point) {
-			nearMission(this.nearPage.current, this.nearPage.size, point.latitude, point.longitude, 50).then(res => {
+			nearMission(this.nearPage.current, this.nearPage.size).then(res => {
 				if (this.nearPage.current === 1) {
 					this.companyList = [];
 				}
@@ -353,6 +369,7 @@ export default {
 				this.getLocation();
 				this.getRecommendList();
 				this.getNewList();
+				this.getNearList();
 			}
 		},

--- a/pages/projectInfo/projectInfo.vue
+++ b/pages/projectInfo/projectInfo.vue
@@ -4,9 +4,9 @@
 			<view class="proname">
 				{{info.missionTitle}}
 			</view>
-			<view class="prolist">
+			<!-- <view class="prolist">
 				任务编码：{{info.missionNo}}
-			</view>
+			</view> -->
 			<view class="prolist">
 				任务日期：{{dateFormat((info.stime))}}至{{dateFormat((info.etime))}}
 			</view>
@@ -86,8 +86,18 @@
 			<map class="map" :latitude="latitude" :longitude="longitude" :markers="covers"></map>
 		</view>
 		<view class="" style="height:200rpx;background-color: #f6f6f6;" v-if="isShow!=='0'"></view>
-		<view class="btn" @click="submit" v-if="isShow!=='0'&&status===0">
-			<view class="bottombtn flexbtn">
+		<view class="btn"  v-if="isShow!=='0'&&status===0">
+			<view @click="collect" style="display: flex;align-items: center;margin-right: 10rpx;flex-direction: column;">
+				<image v-if="collectStatus == 0" src="../../static/img/collect.png" style="width: 36rpx;height: 36rpx;" mode=""></image>
+				<image v-if="collectStatus == 1" src="../../static/img/collect_yes.png" style="width: 36rpx;height: 36rpx;" mode=""></image>
+				<view v-if="collectStatus == 0" style="font-size: 26rpx;color:#707070;margin-top:10rpx;">收藏</view>
+				<view v-if="collectStatus == 1" style="font-size: 20rpx;color:#707070;margin-top:10rpx;">已收藏</view>
+			</view>
+			
+			<view @click="callPhone" class="bottombtn flexbtn" style="margin-right: 10rpx;background-color: #FBAD17;border-radius: 45rpx;">
+				电话联系
+			</view>
+			<view @click="submit" class="bottombtn flexbtn" style="border-radius: 45rpx;">
 				抢任务
 			</view>
 		</view>
@@ -130,7 +140,7 @@

 <script>
 	import {mapGetters} from 'vuex'
-	import {missionDetail,submit} from '@/api/mission.js';
+	import {missionDetail,submit, getCollectState, updateCollectStatus} from '@/api/mission.js';
 	import {GoLogin} from '@/untils/AxiosUtils.js';
 	import {setRead} from '@/api/news.js';
 	import {checkPass} from '@/api/auth.js';
@@ -164,7 +174,8 @@
 				type: '',
 				id: '',
 				src: 'https://jlfiles.oss-cn-zhangjiakou.aliyuncs.com/jobslink-api/doc/%E7%94%B5%E5%AD%90%E5%90%88%E5%90%8C%E9%A2%84%E8%A7%88%E5%9B%BE%E7%89%87.png',
-				maxlength: 6
+				maxlength: 6,
+				collectStatus: 0, // 收藏状态
 			}
 		},
 		components: {uniMask,validCode},
@@ -186,6 +197,7 @@
 		onShow: function() {
 			this.showDetail = true
 			this.getData();
+			
 		},
 		onShareAppMessage(obj) {
 			return {
@@ -195,6 +207,26 @@
 		},
 		methods: {
 			dateFormat,
+			collect() {
+				// console.log('收藏，取消收藏')
+				const status = this.collectStatus == 0 ? 1 : 0;
+				updateCollectStatus(this.info.id, status).then(res => {
+					if(res.data.code == 200) {
+						this.getCollectStatus()
+					}
+				})
+			},
+			callPhone() {
+				console.log('电话联系')
+			},
+			// 获取收藏状态
+			getCollectStatus() {
+				getCollectState(this.info.id).then(res => {
+					// 0 未收藏，1 已收藏
+					// console.log(res)
+					this.collectStatus = res.data.data;
+				})
+			},
 			getData: function() {
 				const self = this;
 				missionDetail(self.missionNo).then(res => {
@@ -205,6 +237,7 @@
 					self.covers[0].latitude = self.info.lat;
 					self.covers[0].longitude = self.info.lon;
 					self.showDetail = true;
+					self.getCollectStatus();
 					if (self.type === 1) {
 						// 设置已读
 						setRead(self.id).then(res => {
--- a/pages/seach/seach.vue
+++ b/pages/seach/seach.vue
@@ -4,19 +4,44 @@
 			<view class="search-view">
 				<view class="search-item">
 					<image src="../../static/img/search.svg" style="width: 32rpx;height: 32rpx;" mode=""></image>
-					<input type="text" confirm-type="搜索" v-model="keywords" @confirm="getList('search')"
+					<input type="text" confirm-type="搜索" v-model="keywords" @confirm="getNewList('search')"
 						placeholder="请输入任务名称或公司名称" />
+					<view style="width: 80rpx;height: 50rpx;color:#fff;background-color: #0091ff;font-size:24rpx;text-align: center;line-height: 50rpx;border-radius: 25rpx;;">搜索</view>
 				</view>
-				<view class="close" @click="closeBack">
+				<!-- <view class="close" @click="closeBack">
 					取消
-				</view>
+				</view> -->
 			</view>
 		</view>
-		<v-tabs :tabs="['推荐任务', '推荐服务', '推荐政策']" height="45px" v-model="activeTab" color="#999" activeColor="#000"
+		<view v-show="searchResultShow" class="search-result">
+			<view class="title">搜索结果</view>
+			<view v-for="(item, index) in searchResultList" class="search-item" @click="toDetail(item)">
+				<image src="../../static/img/search.svg" style="width: 32rpx;height: 32rpx;margin-right: 10rpx;" mode=""></image>
+				<view  style="flex:1">{{ item.name }}</view>
+				<view class="type" v-if="item.type == 0">任务</view>
+				<view class="type" v-else-if="item.type == 1">岗位</view>
+				<view class="type" v-else-if="item.type == 2">政策</view>
+			</view>
+			<view v-if="searchResultList.length == 0" style="text-align: center;font-size: 26rpx;margin-top: 20rpx;">暂无数据</view>
+		</view>
+		<view v-show="!searchResultShow" class="search-history">
+			<view class="title">搜索记录</view>
+			<view class="clear" @click="clearKeyWords">
+				<image src="../../static/img/delete.png" style="width: 20rpx;height: 20rpx;" mode=""></image>
+				<view style="margin-left: 5rpx;">清空</view>
+			</view>
+			<view class="wrapper" v-if="searchHistoryList.length > 0">
+				<view class="item" v-for="(item, index) in searchHistoryList">
+					{{ item.keywords }}
+				</view>
+			</view>
+			<view v-else class="empty">暂无历史记录</view>
+		</view>
+		<v-tabs v-show="!searchResultShow" :tabs="['推荐任务', '推荐服务', '推荐政策']" height="45px" v-model="activeTab" color="#999" activeColor="#000"
 			fontSize="30rpx" activeFontSize="31rpx" @change='changeTab' />


-		<block v-if="activeTab == 0">
+		<block v-if="(activeTab == 0)&&!searchResultShow">
 			<view v-if="companyList.length > 0">
 				<block v-for="(item, index) in companyList" :key="item.id">
 					<companyList :companyitem="item"></companyList>
@@ -29,7 +54,7 @@
 				</view>
 			</view>
 		</block>
-		<block v-if="activeTab == 1">
+		<block v-if="(activeTab == 1)&&!searchResultShow">
 			<view v-if="newList.length > 0">
 				<block v-for="(item, index) in newList" :key="index">
 					<companyList :companyitem="item"></companyList>
@@ -43,7 +68,7 @@



-		<block v-if="activeTab == 2">
+		<block v-if="(activeTab == 2)&&!searchResultShow">
 			<view v-if="recommendList.length > 0">
 				<block v-for="(item, index) in recommendList" :key="item.id">
 					<companyList :companyitem="item"></companyList>
@@ -77,7 +102,7 @@
 </template>

 <script>
-import { newMissionAll } from '@/api/mission.js';
+import { newMissionAll, getSearchKeyWordsList, clearSearchKeyWords, getListByKeyWords } from '@/api/mission.js';
 import companyList from '@/components/companyList/companyList.vue';
 import vTabs from '@/components/v-tabs/v-tabs.vue';
 import testData from '@/common/textdata.js';
@@ -97,7 +122,10 @@ export default {
 				current: 1,
 				size: 10,
 				total: 0
-			}
+			},
+			searchHistoryList: [],
+			searchResultShow: false,
+			searchResultList: []
 		};
 	},
 	onLoad: function (option) {
@@ -105,12 +133,33 @@ export default {
 	},
 	onShow: function () {
 		this.getList('search');
+		
+		this.getKeyWordsList()
 	},
 	/*页面滚动到底部*/
 	onReachBottom: function () {
 		this.upLoad()
 	},
 	methods: {
+		// 新面板搜索
+		getNewList() {
+			getListByKeyWords(this.keywords).then(res => {
+				this.searchResultShow = true
+				this.searchResultList = res.data.data
+				// this.searchResultList.forEach((item, index) => {
+				// 	item.name = this.getInf(item.name, this.keywords);
+				// })
+			})
+		},
+		// 获取搜索历史记录
+		getKeyWordsList() {
+			getSearchKeyWordsList().then(res => {
+				let response = res.data
+				if(response.code == 200) {
+					this.searchHistoryList = response.data
+				}
+			})
+		},
 		//最新任务；
 		getList: function (type) {
 			//改变搜索条件，页码值变为1
@@ -168,10 +217,25 @@ export default {
 				return str.replace(replaceReg, replaceString);
 			}
 		},
+		
+		toDetail(item) {
+			const no = item.id
+			uni.navigateTo({
+				url: `/pages/projectInfo/projectInfo?missionNo=${encodeURIComponent(no)}&isCan=1`
+			})
+		},

 		changeTab: function (e) {
 			this.activeTab = e;
 		},
+		// 清空搜索历史
+		clearKeyWords() {
+			clearSearchKeyWords().then(res => {
+				if(res.data.code == 200) {
+					this.getKeyWordsList()
+				}
+			})
+		}
 	}
 };
 </script>
@@ -206,7 +270,7 @@ export default {

 .headSearch .search-item {
 	display: flex;
-	width: 80%;
+	width: 90%;
 	padding: 0 24rpx;
 	height: 60rpx;
 	line-height: 60rpx;
@@ -251,4 +315,66 @@ export default {
 	margin-top: 30rpx;
 	text-align: center;
 }
+.search-history {
+	background-color: #fff;
+	padding: 10rpx 20rpx;
+	position: relative;
+}
+.search-history .title {
+	font-size: 28rpx;
+	font-weight: bold;
+}
+.search-history .clear {
+	position: absolute;
+	right: 20rpx;
+	top: 10rpx;
+	font-size: 20rpx;
+	display: flex;
+	align-items: center;
+	color: #707070;
+}
+.search-history .empty {
+	font-size: 24rpx;
+	text-align: center;
+	color: #707070;
+}
+.search-history .wrapper {
+	display: flex;
+	flex-wrap: wrap;
+}
+.search-history .wrapper .item {
+	font-size: 20rpx;
+	background-color: #f6f6f6;
+	padding: 10rpx;
+	border-radius: 20rpx;
+	margin-right: 10rpx;
+}
+.search-result {
+	padding: 20rpx 30rpx;
+}
+.search-result .title {
+	font-size: 26rpx;
+	font-weight: bold;
+	border-bottom: 1rpx solid #ddd;
+	height: 60rpx;
+	line-height: 60rpx;
+}
+.search-result .search-item {
+	display: flex;
+	align-items: center;
+	font-size: 26rpx;
+	border-bottom: 1rpx solid #ddd;
+	height: 80rpx;
+	line-height: 80rpx;
+	
+}
+.search-result .search-item .type {
+	font-size: 20rpx;
+	color: #707070;
+	background-color: #dddddd;
+	border-radius: 15rpx;
+	height: 30rpx;
+	line-height: 30rpx;
+	padding: 0 20rpx;
+}
 </style>