From 44a27829366599ca9f1113f3fc22ba8fabb20741 Mon Sep 17 00:00:00 2001
From: XiaoMo <a1300399510@qq.com>
Date: Mon, 3 Apr 2023 14:40:12 +0800
Subject: [PATCH] =?UTF-8?q?a1300399510@qq.com=20=E6=8F=90=E4=BA=A4?=
 =?UTF-8?q?=E4=BA=8E=202023/04/03=20-14:40:01?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../search/searchResult/SearchResult.vue      | 46 +++++++++++++++----
 1 file changed, 36 insertions(+), 10 deletions(-)

diff --git a/src/views/search/searchResult/SearchResult.vue b/src/views/search/searchResult/SearchResult.vue
index 6d550af..859e23e 100755
--- a/src/views/search/searchResult/SearchResult.vue
+++ b/src/views/search/searchResult/SearchResult.vue
@@ -12,18 +12,18 @@
 		</div>
 
 		<!-- 结果数量 -->
-		<div class="numberResults flexacenter">大约找到 <div class="number">{{ 800 }}</div> 条结果</div>
+		<div class="numberResults flexacenter">大约找到 <div class="number">{{ total }}</div> 条结果</div>
 
 		<div class="result-box flexacenter">
-			<div class="result-item flexflex" v-for="item in 3" :key="item">
+			<div class="result-item flexflex" v-for="(item, index) in list" :key="index">
 				<div class="result-header one-line">
 					<div class="result-label">租房租房租房</div>
 					<div class="result-title">诚招室友一起合租香港大学附近房子 女生</div>
 				</div>
 
-				<div class="result-content two-lines flex1">
-					<template v-if="item == 1">
-						香港理工大学附近求租房，红磡何文田或黄埔附近最好
+				<div class="result-content two-lines">
+					<template v-if="index != 0">
+						{{ item.message }}
 					</template>
 
 					<div v-else class="reply-visible flexcenter">
@@ -32,19 +32,19 @@
 				</div>
 
 
-				<div class="result-info flexacenter">
+				<div class="result-info flexacenter flex1">
 					<div class="user-info flexacenter">
 						<svg-icon icon-class="test-head" class-name="icon-head"></svg-icon>
-						<div class="user-name">匿名用户</div>
+						<div class="user-name">{{ item.author }}</div>
 					</div>
 					<div class="item-data flexacenter">
 						<div class="item-data-item flexacenter">
 							<svg-icon icon-class="look" class-name="icon-look"></svg-icon>
-							<div>1552</div>
+							<div>{{ item.views }}</div>
 						</div>
 						<div class="item-data-item flexacenter">
 							<svg-icon icon-class="msg" class-name="icon-msg"></svg-icon>
-							<div>12</div>
+							<div>{{ item.replies }}</div>
 						</div>
 					</div>
 				</div>
@@ -73,7 +73,14 @@ export default {
 	name: "SearchResult",
 	data() {
 		return {
-			kw: ""
+			kw: "",
+			count: 0,
+			limit: 50,
+			nextpage: true,
+			page: 0,
+			total: 0,
+			list: []
+
 		}
 	},
 	components: {
@@ -82,6 +89,8 @@ export default {
 
 	mounted() {
 		this.kw = this.$route.query.kw
+
+		this.getSearchResult()
 	},
 
 
@@ -92,6 +101,21 @@ export default {
 			if (this.$route.params.page > 1) this.$router.go(-1)
 			else this.$router.push('/recommend')
 		},
+
+		// 获取搜索结果数据
+		getSearchResult() {
+			this.$http.post("/api/search", {
+				keyword: this.kw,
+				page: this.page
+			}).then(res => {
+				console.log(res, "res");
+				let data = res.data
+				this.list = data.data
+				this.total = data.total
+				this.nextpage = data.nextpage
+
+			})
+		},
 	},
 }
 </script>
@@ -197,6 +221,7 @@ export default {
 				line-height: .52rem;
 				font-size: .3rem;
 				color: #7f7f7f;
+				height: 1.04rem;
 			}
 
 			.reply-visible {
@@ -206,6 +231,7 @@ export default {
 			}
 
 			.result-info {
+				align-items: self-end;
 
 				justify-content: space-between;