From 41ae03e35de92c08823a7c748d43d916ca8e270b Mon Sep 17 00:00:00 2001
From: zxy <353513737@qq.com>
Date: Mon, 19 Feb 2024 09:08:07 +0800
Subject: [PATCH] =?UTF-8?q?=E7=95=8C=E9=9D=A2=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/mission.js                         |  51 +++++-
 components/companyList/companyList.vue |   4 +-
 components/companyList/workList.vue    | 211 +++++++++++++++++++++++++
 pages/index/index.vue                  |  12 +-
 pages/project/project.vue              |  31 +++-
 pages/projectInfo/projectInfo.vue      |  45 +++++-
 pages/seach/seach.vue                  | 146 +++++++++++++++--
 static/img/collect.png                 | Bin 0 -> 2075 bytes
 static/img/collect_yes.png             | Bin 0 -> 1682 bytes
 static/img/delete.png                  | Bin 0 -> 1163 bytes
 vue.config.js                          |   2 +-
 11 files changed, 469 insertions(+), 33 deletions(-)
 create mode 100644 components/companyList/workList.vue
 create mode 100644 static/img/collect.png
 create mode 100644 static/img/collect_yes.png
 create mode 100644 static/img/delete.png

diff --git a/api/mission.js b/api/mission.js
index 40b3963..2e688ed 100644
--- a/api/mission.js
+++ b/api/mission.js
@@ -40,7 +40,7 @@ export const recMission = () => {
 /*抢任务-附近任务*/
 export const nearMission = (current, size, lat, lon, distance) => {
 	return request({
-		url: '/api/jobslink-api/missions/user/mission/nearByList',
+		url: '/api/jobslink-api/user/userWork/getPushListByUserId',
 		method: 'get',
 		params: {
 			current,
@@ -118,3 +118,52 @@ export const missionDetail = (missionNo) => {
 		}
 	})
 }
+
+/*获取收藏状态*/
+export const getCollectState = (workId) => {
+	return request({
+		url: '/api/jobslink-api/works/jkworkscollect/getCollectStatus',
+		method: 'get',
+		params: {
+			workId
+		}
+	})
+}
+
+/*收藏和取消收藏接口*/
+export const updateCollectStatus = (workId, status) => {
+	return request({
+		url: '/api/jobslink-api/works/jkworkscollect/updateCollectStatus',
+		method: 'get',
+		params: {
+			workId,
+			status
+		}
+	})
+}
+
+
+/*获取查询关键字列表*/
+export const getSearchKeyWordsList = () => {
+	return request({
+		url: '/api/jobslink-api/user/userWork/getSearchAllKeyWords',
+		method: 'get',
+	})
+}
+/*清空搜索历史*/
+export const clearSearchKeyWords = () => {
+	return request({
+		url: '/api/jobslink-api/user/userWork/delSearchAllKeyWords',
+		method: 'get',
+	})
+}
+/*通过关键字获取面板搜索结果*/
+export const getListByKeyWords = (keywords) => {
+	return request({
+		url: '/api/jobslink-api/user/userWork/searchAll',
+		method: 'get',
+		params: {
+			keywords
+		}
+	})
+}
diff --git a/components/companyList/companyList.vue b/components/companyList/companyList.vue
index a982aef..9d6407a 100644
--- a/components/companyList/companyList.vue
+++ b/components/companyList/companyList.vue
@@ -19,8 +19,8 @@
 			{{ companyitem.companyName }}
 		</view>
 		<view class="timeAddress">
-			<view>
-				报名截止日期：{{ dateFormat(companyitem.etimePub) }}
+			<view v-if="companyitem.missionCompanyName">
+				{{ companyitem.missionCompanyName }}
 			</view>
 			<view v-if="near">
 				{{ companyitem.distanceStr }}km
diff --git a/components/companyList/workList.vue b/components/companyList/workList.vue
new file mode 100644
index 0000000..dbf007d
--- /dev/null
+++ b/components/companyList/workList.vue
@@ -0,0 +1,211 @@
+<template>
+	<view class="body" @click="goInfo(companyitem.id)">
+		<view class="heads">
+			<view class="head_left">
+				<rich-text :nodes="string">
+				</rich-text>
+			</view>
+
+			<view class="head_right">
+				{{ companyitem.wage }}{{ wageUnit[companyitem.wageUnitCategory] }}
+			</view>
+		</view>
+		<view class="ask">
+			<view class="askList" v-for="(item, index) in skillNames" :key="index">
+				{{ item }}
+			</view>
+		</view>
+		<view class="allName">
+			{{ companyitem.jobCompanyName }}
+		</view>
+		<view class="timeAddress">
+			<view v-if="companyitem.missionCompanyName">
+				{{ companyitem.missionCompanyName }}
+			</view>
+			<view v-if="near">
+				{{ companyitem.distanceStr }}km
+			</view>
+			<view v-else>
+				{{ getCity(companyitem.cityId) }}
+			</view>
+		</view>
+		<view class="comment" v-if='comment' @tap.stop="goComment(companyitem.missionNo)">
+			<view class="comment_content commentimg" v-if='companyitem.scoreAll > 0'>
+				<image class="commentimg_image" src="../../static/img/star.full.svg" v-for="index1 in companyitem.scoreAll"
+					mode="" :key="index1"></image>
+				<image class="commentimg_image" src="../../static/img/star.empty.svg"
+					v-for="index2 in (5 - companyitem.scoreAll)" mode="" :key="index2"></image>
+			</view>
+			<view class="comment_content allName gocomment" v-else>
+				评价
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import {
+	toDoller,
+	dateFormat
+} from "../../untils/format.js";
+import dictionary from '@/common/textdata.js';
+
+export default {
+	beforeCreate: function () { },
+	props: {
+		companyitem: {
+			type: Object,
+			default() { return [] }
+		},
+		comment: {
+			type: Boolean,
+			default: false
+		},
+		noApply: {
+			type: Boolean,
+			default: true
+		},
+		near: {
+			type: Boolean,
+			default: false
+		}
+	},
+	data() {
+		return {
+			...dictionary,
+			string: "<div style='overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + this.companyitem.jobName +
+				"</div>"
+		};
+	},
+	computed: {
+		skillNames() {
+			return this.companyitem.skillNames.split(',')
+		}
+	},
+	methods: {
+		goComment: function (no) {
+			uni.navigateTo({
+				url: `../../pageMy/mycomment/mycomment?missionNo=${encodeURIComponent(no)}`
+			})
+		},
+		goInfo: function (no) {
+			const isCan = this.noApply === false ? '0' : '1'
+			uni.navigateTo({
+				url: `/pages/projectInfo/projectInfo?missionNo=${encodeURIComponent(no)}&isCan=${isCan}`
+			})
+		},
+		getCity: function (val) {
+			if (val) {
+				let areas = this.$store.getters.getAreaParents(val)
+				if (areas.length === 3) {
+					return areas[0].label + '-' + areas[1].label + '-' + areas[2].label
+				}
+			}
+		},
+		toDoller,
+		dateFormat
+	}
+}
+</script>
+
+<style>
+.commentimg_image {
+	width: 40rpx;
+	height: 40rpx;
+}
+
+.commentimg {
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+}
+
+.gocomment {
+	font-size: 26rpx !important;
+	border-radius: 5rpx;
+	border: 1rpx solid #c3c3c3;
+	width: 160rpx;
+	text-align: center;
+	float: right;
+	height: 50rpx;
+	line-height: 50rpx;
+}
+
+.timeAddress {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	font-family: PingFangSC-Regular;
+	font-size: 24rpx;
+	color: #999999;
+	margin: 10rpx 0;
+}
+
+.allName {
+	font-family: PingFangSC-Regular;
+	font-size: 28rpx;
+	color: #666666;
+}
+
+.askList {
+	/* width: 14%; */
+	font-family: PingFangSC-Regular;
+	font-size: 24rpx;
+	color: #666666;
+	background-color: #f6f6f6;
+	padding: 5rpx 15rpx;
+	margin-right: 10rpx;
+	margin-bottom: 10rpx;
+}
+
+.ask {
+	overflow: hidden;
+	width: 100%;
+	display: flex;
+	align-items: center;
+	flex-wrap: wrap;
+	justify-content: flex-start;
+	margin: 20rpx 0;
+}
+
+.head_right {
+	ont-family: PingFangSC-Medium;
+	font-size: 28rpx;
+	color: #F46161;
+	font-weight: bold;
+}
+
+.head_left {
+	font-family: PingFangSC-Medium;
+	font-size: 32rpx;
+	font-weight: bold;
+	color: #333333;
+	width: 350rpx;
+	overflow: hidden;
+	white-space: nowrap;
+	/*不换行*/
+	text-overflow: ellipsis;
+	/*超出部分文字以...显示*/
+}
+
+.highlight {
+	color: #F46161;
+}
+
+.body {
+	width: 690rpx;
+	margin: 0rpx auto;
+	background-color: #fefefe;
+	overflow: hidden;
+	box-sizing: border-box;
+	padding: 20rpx;
+	border-radius: 20rpx;
+	margin-top: 20rpx;
+}
+
+.heads {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+</style>
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 31cdedc..ba53a61 100644
--- 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(){
diff --git a/pages/project/project.vue b/pages/project/project.vue
index 0716d9b..3150206 100644
--- 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();
 			}
 		},
 
diff --git a/pages/projectInfo/projectInfo.vue b/pages/projectInfo/projectInfo.vue
index 7e66c1d..f4814ac 100644
--- 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 => {
diff --git a/pages/seach/seach.vue b/pages/seach/seach.vue
index aa6fce9..a1322b2 100644
--- 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>
diff --git a/static/img/collect.png b/static/img/collect.png
new file mode 100644
index 0000000000000000000000000000000000000000..4b20631de9c79902efe163c0a31feb330e143a39
GIT binary patch
literal 2075
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
FV1fX@<!Jx_

literal 0
HcmV?d00001

diff --git a/static/img/collect_yes.png b/static/img/collect_yes.png
new file mode 100644
index 0000000000000000000000000000000000000000..2b3b1f1f382d6016013c1fe15bfeb25134e5772b
GIT binary patch
literal 1682
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

literal 0
HcmV?d00001

diff --git a/static/img/delete.png b/static/img/delete.png
new file mode 100644
index 0000000000000000000000000000000000000000..bcf4269be28462321a2019388967d6417ad94473
GIT binary patch
literal 1163
zcmV;61a$j}P)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px(MM*?KRCr$PTTO@@MHGIovKKeE41x!Rgg_Drt~o^TCkgSe!Gj52G8cbC#IDz)
zD_JqOkOXfrtR6C5)uNL41G1hpg5W_#f)Pbx4ACeEOOy}@dvwGsTQ7E;3_Z0oJ5{^g
zLx-)t%wfKIKVMhX`|3>%!U}(Ih35}LCm>DJQDe+T0N99#o0)kF09*xt^N9G{{QUf-
zMx*iPuwKki2~bMC2ml8G;GO{qegpu=i0E9|L=1%ht@SuFzX|~39tpLKF|Ut|j2w%i
zsO2%v3tBn>TI-jY`Ax5=y20mawb~=~di|ee*yua7R05jK<^w{A@B4V40f1i+@gg(d
z1pxO0z*rw_N<{LuB4B!Yde!Xg?3Vzr!wP(knGeKq+_V!?O6>%I!vK(d+Rr{BI$1Oc
zrOg1P)NufKB_A*%o{>^+ACyG1**qeI$cV^4*AQ`BN_l?Jc%SdfBw!W**5rb@QmfV0
z)$8@^E&*z-PcU=C!oEaACtSw6VoD((Ns_&YIBmWCC#000xCWNtk|g;Y5g*HqIY~tO
zd~6KDmO_A1>H`3HGUxpA+}zxTiHV7S2L+V>UMZC=p=>GLd=T-1l(OGO>0`QsEsFqq
z`oBv=`+XzST5o0MAM)dvd21ZUKl<A0hhIQ|QtG+(PQ11#Cl#@imEEIuCFvqyYHI3^
z(b3Us%)GiHK^GbZBL3ZKweFmpoa~6IE&|dt-DHgUwNS4WGbV(%H;ST5oqffQPbqa4
z03NJZ+(m`+9T7d$Rh@cS&h`Og%z{0@7AMA-qeVrw96K&?2_a^BDM_y?pp;@O&_{{r
z>*WN$+_7!>{8io#5jp4O49pw^0>TUkOCan4VH50TV9_d|lv>NoyAbhr-)fQV?##Ra
z5x*d!Ovd(nDqRJvsxe7KZ@82_rPKicn7V~stgKa*0Il_YW_~-D@LxnUs2zS2u9V7t
z7r474R}r6=Qohqiv}NtH>gj-9Z7o-UV(X1eaW)!_BY}V(3{-Xrgc;DIvm2Ix;~^#N
z0oIu#Y=WT*gfbX(KoCMf2?i+~&H~{u6b?fR83?Dr|L+xrhDhap84CS?&<|L6)on#J
zMA9_9&lvM_uCseuO1a0SEv~ixl$m$m!U`eAqA0p>Tj_vyd%MZZ*_FAALWo0A6rFJ)
zAWhS4#+cWbdGmi)>OUqT`@UeuOl8ZUOQJ<!0s&Rk0Y$uB7aL&)gc(p#DeN+Ri@*$f
z3499xoqKkO_?DD1Dk71k+R$33%=|)b{8=J;*wvozEwSuh9<gP7#u#(T)nSo1A;hx)
zVBcp<7Sj#3e_sL~2Y}N>CQ*W|-9+@6t6eVw+Um~!FMzABVc<R_qNjWuc@xkk;b{PP
z&&Saau+I?D`@VjbL_p>wNs=){+<}N&n0dXg<09~g_y;rp#LVBsaojn0`Pg1E0X|Nu
dj9u{r+yIxPi*AjuN)`YB002ovPDHLkV1n9r7=Zu)

literal 0
HcmV?d00001

diff --git a/vue.config.js b/vue.config.js
index 667d0bd..1af8282 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -3,7 +3,7 @@ module.exports = {
         port: 1887,
         proxy: {
             '/api': {
-                // target: 'http://127.0.0.1:8000', // 本地服务接口地址
+                // target: 'http://192.168.0.102:8000', // 本地服务接口地址
 				target: "http://39.98.184.58:8000",  // 阿里云后台地址
 				// target: "http://192.168.0.100:8000",  // 本地网关
                 ws: true,