From 946a1536757e963f4c83580144d39dc7199eaded Mon Sep 17 00:00:00 2001
From: jiazhipeng <jiazhipeng@xmainc.com>
Date: Fri, 25 Jul 2025 17:38:44 +0800
Subject: [PATCH] =?UTF-8?q?=E6=90=9C=E7=B4=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                        |  12 ++
 pages/index/index.vue             |  38 +++-
 static/js/CommonFunction.js       |  18 +-
 subPackages/search/search.vue     | 221 ++++++++++++++++++++++
 subPackages/search/searchList.vue | 295 ++++++++++++++++++++++++++++++
 5 files changed, 577 insertions(+), 7 deletions(-)
 create mode 100644 subPackages/search/search.vue
 create mode 100644 subPackages/search/searchList.vue

diff --git a/pages.json b/pages.json
index 244b9bc..8a015ad 100644
--- a/pages.json
+++ b/pages.json
@@ -252,6 +252,18 @@
 				    "style" : {
 				        "navigationBarTitleText" : "详情"
 				    }
+				},
+				{
+				    "path" : "search/search",
+				    "style" : {
+				        "navigationBarTitleText" : "智游常熟"
+				    }
+				},
+				{
+				    "path" : "search/searchList",
+				    "style" : {
+				        "navigationBarTitleText" : "智游常熟"
+				    }
 				}
             ]
         }
diff --git a/pages/index/index.vue b/pages/index/index.vue
index af2a227..9795c83 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,5 +1,12 @@
 <template>
 	<view class="content" v-if="isShow">
+		<view style="height: 20rpx;"></view>
+		<view class="back_search" @tap="goPath({path:'/subPackages/search/search'})" >
+			<image class="search_image"
+				:src="showImg('/uploads/20250721/b1435669ed4396a078a507c03de883e5.png')"></image>
+			<span class="search_text">请输入搜索关键字</span>
+		</view>
+		
 		<!-- 头部banner -->
 		<view class="top-box">
 			<swiper class="top-banner" :circular="true" :interval="6000"
@@ -304,8 +311,8 @@
 			this.Post({
 				id: 4
 			},'/api/article/getArticleById').then(res => {
-				this.isShow = res.data.subtitle == 1 ? true : false
-				// this.isShow = res.data.address == 1 ? true : false
+				// this.isShow = res.data.subtitle == 1 ? true : false
+				this.isShow = res.data.address == 1 ? true : false
 			})
 		},
 		onReady() {
@@ -612,6 +619,33 @@
 		padding: 0 26.67rpx 66rpx;
 	}
 	
+	.back_search {
+		width: 100%;
+		height: 67rpx;
+		background: #ffffff;
+		opacity: 0.5;
+		border-radius: 33rpx;
+		.search_image {
+			width: 31rpx;
+			height: 31rpx;
+			margin: 18rpx 0 0 20rpx;
+		}
+		
+		.search_text {
+			height: 23rpx;
+			font-size: 24rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #999999;
+			line-height: 16rpx;
+			margin: 22rpx 0 0 18rpx;
+			position: absolute;
+		}
+	}
+	
+
+	
+	
 	.top-box {
 		margin-top: 26.67rpx;
 		
diff --git a/static/js/CommonFunction.js b/static/js/CommonFunction.js
index 4717cc8..ca24825 100644
--- a/static/js/CommonFunction.js
+++ b/static/js/CommonFunction.js
@@ -321,11 +321,6 @@ Vue.prototype.gotoDetailByTypeToJdsz = item => {
 	let httpUrl = 'https://m.cloud.sz-trip.com/'
 	let url = ''
 	
-	// 酒景套餐
-	if (item.is_package) {
-		url = httpUrl + 'MailMerchandiseDetail?id=' + item.id
-	}
-
 	switch (item.type) {
 		case 'ticket': // 是产品的 票务
 			url = httpUrl + 'ScenicDetail?id=' + item.scene_id || item.id
@@ -389,6 +384,19 @@ Vue.prototype.gotoDetailByTypeToJdsz = item => {
 			break;
 	}
 	
+	// 酒景套餐
+	if (item.is_package == 1) {
+		url = httpUrl + 'MailMerchandiseDetailKs?id=' + item.id
+	}
+	
+	// 一卡游详情
+	if(item.is_package == 2) {
+	    url = httpUrl + 'OneCardTourDetail?id=' + (item.scene_id || item.id)
+	}
+	if (!url) {
+		return
+	}
+	
 	Vue.prototype.checkIsLoginJdsz().then(res => {
 		if(res) {
 			uni.navigateTo({
diff --git a/subPackages/search/search.vue b/subPackages/search/search.vue
new file mode 100644
index 0000000..17391b1
--- /dev/null
+++ b/subPackages/search/search.vue
@@ -0,0 +1,221 @@
+<template>
+	<div class="bg">
+		<view style="width: 100%;height: 1px;"></view>
+		<div class="search-box">
+			<img src="https://static.ticket.sz-trip.com/taizhou/images/search.png" alt="">
+			<input type="text" class="input" placeholder="请输入关键字" v-model="keywords" @confirm="search" />
+			<div class="btn" @click="search()">搜索</div>
+		</div>
+		<div class="search-title com-flex-tao">
+			搜索历史
+			<img @click="delHis()" src="https://static.ticket.sz-trip.com/taizhou/images/delete.png" alt="">
+		</div>
+		<div class="search-list">
+			<div v-for="his,hisIndex in history.slice(0,10)" @click="gotoHot(his)" :key="hisIndex"
+				class="search-item textOver">{{his}}</div>
+		</div>
+		<div class="search-title">大家在搜</div>
+		<div class="search-list">
+			<div @click="gotoHot(hot.name)" class="search-item textOver" v-for="hot,hotIndex in hot" :key="hotIndex">
+				{{hot.name}}
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		name: "Search",
+		data() {
+			return {
+				list: [],
+				keywords: '',
+				history: [],
+				hot: [],
+				keywords_name: 'tz_trip_keyowrds',
+				options: {}
+			}
+		},
+		onLoad() {
+		},
+		onShow() {
+			this.history = uni.getStorageSync(this.keywords_name) ? JSON.parse(uni.getStorageSync(this.keywords_name)) :
+		[];
+			this.getHot()
+		},
+		methods: {
+			getHot() {
+				this.Post({
+					limit: 10,
+				}, '/api/search/hot').then(res => {
+					this.hot = res.data;
+				})
+			},
+			delHis() {
+				this.history = [];
+				uni.removeStorageSync(this.keywords_name)
+				uni.showToast({
+					title: '删除成功'
+				})
+			},
+			search(e) {
+				if (this.keywords) {
+					this.pushHis(this.keywords);
+					uni.navigateTo({
+						url: `./searchList?keywords=${this.keywords}`
+					})
+				}
+			},
+			gotoHot(name) {
+				uni.navigateTo({
+					url: `./searchList?keywords=${name}`
+				})
+				this.pushHis(name)
+			},
+			pushHis(keywords) {
+				let history = this.history;
+				let index = history.findIndex(item => item == keywords);
+				if (index >= 0) history.splice(index, 1);
+				history.unshift(keywords);
+				uni.setStorageSync(this.keywords_name, JSON.stringify(history))
+				this.history = history;
+			},
+		}
+	}
+</script>
+<style scoped>
+	.bg {
+		min-height: 100vh;
+		background: white;
+		padding: 0 30rpx;
+		position: relative;
+	}
+
+	.search-box {
+		width: 697rpx;
+		height: 68rpx;
+		margin: 34rpx auto;
+		border-radius: 60rpx;
+		padding: 6rpx 7rpx 6rpx 26rpx;
+		font-size: 26rpx;
+		display: flex;
+		align-items: center;
+		box-sizing: border-box;
+		background-color: #F2F2F2;
+	}
+
+	.search-box img {
+		width: 28rpx;
+		height: 30rpx;
+	}
+
+	.search-box .input {
+		flex: 1;
+		border: none;
+		outline: none;
+		background: none;
+		color: #666;
+		margin: 0 20rpx;
+	}
+
+	.search-box .btn {
+		background-color: #019B67;
+		border-radius: 27rpx;
+		font-size: 28rpx;
+		color: #FFFFFF;
+		padding: 10rpx 26rpx;
+	}
+
+	.search-title {
+		color: #000000;
+		font-size: 32rpx;
+		margin: 36rpx 0;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
+
+	.search-title img {
+		width: 30rpx;
+		height: 32rpx;
+	}
+
+	.search-list {
+		display: flex;
+		align-items: center;
+		flex-wrap: wrap;
+	}
+
+	.search-item {
+		padding: 0 25rpx;
+		font-size: 24rpx;
+		color: #333;
+		line-height: 42rpx;
+		border-radius: 20rpx;
+		background: #ECECEC;
+		margin-right: 22rpx;
+		margin-bottom: 23rpx;
+	}
+
+	.road-list {
+		display: flex;
+		margin: 20rpx 0;
+		justify-content: space-between;
+		flex-wrap: wrap;
+	}
+
+	.road-item {
+		width: 332rpx;
+		border-radius: 10rpx;
+		box-shadow: 0px 0px 10rpx 0px rgba(4, 0, 0, 0.16);
+		margin-bottom: 26rpx;
+		min-height: 156rpx;
+	}
+
+	.road-item image {
+		border-top-right-radius: 10rpx;
+		border-top-left-radius: 10rpx;
+		width: 332rpx;
+		height: 246rpx;
+		object-fit: cover;
+		display: block;
+	}
+
+	.road-info {
+		padding: 10rpx 15rpx;
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+	}
+
+	.road-title {
+		font-size: 32rpx;
+		line-height: 32rpx;
+		font-weight: 500;
+		margin-top: 6rpx;
+		margin-bottom: 20rpx;
+	}
+
+	.hotel-subtitle {
+		font-size: 24rpx;
+		color: #999;
+		line-height: 24rpx;
+		margin-bottom: 18rpx;
+		min-height: 48rpx;
+	}
+
+	.hotel-price {
+		text-align: right;
+		color: #FC524B;
+		font-size: 36rpx;
+		font-weight: 500;
+		line-height: 30rpx;
+	}
+
+	.hotel-price:after {
+		content: "起";
+		font-size: 20rpx;
+		color: #999;
+		margin-left: 5rpx;
+	}
+</style>
diff --git a/subPackages/search/searchList.vue b/subPackages/search/searchList.vue
new file mode 100644
index 0000000..709d113
--- /dev/null
+++ b/subPackages/search/searchList.vue
@@ -0,0 +1,295 @@
+<template>
+	<div class="bg">
+		<view style="width: 100%;height: 1px;"></view>
+		<div class="search-box">
+			<img src="https://static.ticket.sz-trip.com/taizhou/images/search.png" alt="">
+			<input type="text" class="input" placeholder="请输入关键字" v-model="keywords" @confirm="search" />
+			<div class="btn" @click="search()">搜索</div>
+		</div>
+		<div class="search-list">
+			<div @click="gotoDetail(item)" v-for="(item, key) in list" :key="item.id" class="search-item">
+				<image class="search-img" :src="item.ext.headimg" mode="aspectFill"></image>
+				<div class="search-content">
+					<div class="search-title text-overflowRows">{{item.ext.title}}</div>
+					<!-- 门票+美食+酒店+年卡+文创特产 -->
+					<template v-if="['ticket','food','room','scenic','post'].includes(item.ext.type)">
+						<div class="text-overflow" style="color: #019B67;padding-top: 10rpx;flex-shrink: 0;"
+							v-if="item.ext.display_tags">
+							{{item.ext.display_tags.split(",").slice(0,2).join(" | ")}}
+						</div>
+					</template>
+					<!-- 演出 -->
+					<template v-else-if="['show'].includes(item.ext.type)">
+						<div class="text-overflow" style="font-size: 27rpx;color: #606060;;padding-top: 10rpx;flex-shrink: 0;"
+							v-if="item.ext.subtitle">
+							{{item.ext.subtitle}}
+						</div>
+					</template>
+					<!-- 线路 -->
+					<template v-else-if="['line'].includes(item.ext.type)">
+						<div class="text-overflow" style="font-size:21rpx;padding-top: 10rpx;flex-shrink: 0;">
+							<text style="color: #019B67">{{item.ext.rate}}分</text>
+							<text style="padding: 0 5rpx;">|</text>
+							<text style="color: #606060;" v-if="item.ext.sales_number">销量{{item.ext.sales_number}}份</text>
+						</div>
+					</template>
+					
+					<div class="search-info">
+						<div style="flex: 1;width: 1rpx;padding-right: 20rpx;" v-if="['ticket','food','room','scenic'].includes(item.ext.type)">
+							<div style="align-items: center;display: flex;" class="text-overflow"
+								v-if="item.ext.address || item.ext.scene_address">
+								<image style="width: 24rpx;height: 24rpx;flex-shrink: 0;" src="https://kswtgl.com/uploads/20250716/b8e82f15960e56f476e75e35c39dad7c.png"></image>
+								<view class="text-overflow" style="color: #606060;padding-left: 10rpx;">{{item.ext.address || item.ext.scene_address}}</view>
+							</div>
+							<div class="text-overflow" style="color: #000000;padding-top: 10rpx;" v-if="item.ext.distance">距您直线距离{{(item.ext.distance/1).toFixed(1)}}km</div>
+						</div>
+						<div v-else style="flex: 1;width: 1rpx;padding-right: 20rpx;"></div>
+						<div class="price">{{item.ext.price/100}}</div>
+						
+						
+					</div>
+					
+				</div>
+				
+			</div>
+		</div>
+		<div class="list-common-empty" v-if="list.length==0">
+			<img src="https://static.ticket.sz-trip.com/taizhou/images/noData.png" />
+			<p class="list-common-empty-tip">暂无内容</p>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		name: "Search",
+		data() {
+			return {
+				list: [],
+				keywords: "",
+				ajaxFlag: true,
+				lat: "",
+				lon:"",
+				types: {
+					'scenic':'景点',
+					'ticket':'门票',
+					'room':'酒店',
+					'post':'特产',
+					'line':'线路',
+					'venue':'场馆',
+					'food':'美食',
+					'activity':'活动',
+					'travels':'游记',
+					'coupon':'卡券',
+					'show': '演出',
+					'calendar':'活动日历',
+					'movie':'电影',
+					'restaurant':'美食',
+					'tenscenic':'景点', //十景
+					'cinema':'影院',
+					'relic':'文物',
+					'units':'文化单位',
+					'red_map':'红色地图'
+				},
+			}
+		},
+		onLoad(options) {
+			let _this = this
+			this.options = options
+			this.keywords = options.keywords;
+			this.finished = false;
+			uni.getLocation({
+				success: data => {
+					_this.lat = data.latitude;
+					_this.lon = data.longitude;
+					_this.getList()
+				},
+				fail: res=> {
+					_this.getList()
+				}
+			})
+		},
+		methods: {
+			search() {
+				if (this.keywords.trim().length<=0) {
+					uni.showToast({
+						title: '请输入搜索关键字',
+						icon:"none",
+					})
+					return
+				}
+				
+				this.pushHis(this.keywords);
+				this.list = [];
+				this.finished = false;
+				this.getList();
+			},
+			pushHis(keywords) {
+				let history = JSON.parse(uni.getStorageSync('tz_trip_keyowrds')) || [];
+				let index = history.findIndex(item => item == keywords);
+				if (index >= 0) history.splice(index, 1);
+				history.unshift(keywords);
+				uni.setStorageSync('tz_trip_keyowrds',JSON.stringify(history))
+			},
+			gotoDetail(item) {
+				console.log(item)
+				
+				this.gotoDetailByTypeToJdsz(item.ext)
+			},
+			getList() {
+				uni.showLoading({})
+				uni.request({
+					method: 'POST',
+					url: 'https://api.cloud.sz-trip.com/api/search/kunshan',
+					// url: "https://test.api.cloud.sz-trip.com/api/search/kunshan",
+					header: {'content-type': 'application/json'},
+					data: {
+						name: this.keywords,
+						offset: this.list.length,
+						limit: 30,
+						lon: this.lon ||"",
+						lat: this.lat||"",
+						key: "changshu"
+					},
+					success: res => {
+						console.log(res)
+						if (res.data.code==1) {
+							let resData = res.data
+							this.list = [...this.list, ...resData.data.list];
+							if (resData.data.list.length<30) {
+								this.finished = true
+							}
+						}
+						
+					},
+					complete: () => {
+						uni.hideLoading()
+					}
+				})
+				
+				this.Post({name: this.keywords,limit:1},"/api/search/search")
+			}
+		},
+		onReachBottom() {
+			setTimeout(() => {
+				if (!this.finished) this.getList()
+			},1000)
+		}
+	}
+</script>
+<style lang="scss" scoped>
+	.bg {
+		min-height: 100vh;
+		background: white;
+		padding: 0 30rpx;
+	}
+.search-box {
+		width: 697rpx;
+		height: 68rpx;
+		margin: 34rpx auto;
+		margin-bottom: 0;
+		border-radius: 60rpx;
+		padding: 6rpx 7rpx 6rpx 26rpx;
+		font-size: 26rpx;
+		display: flex;
+		align-items: center;
+		box-sizing: border-box;
+		background-color: #F2F2F2;
+	}
+
+	.search-box img {
+		width: 28rpx;
+		height: 30rpx;
+	}
+
+	.search-box .input {
+		flex: 1;
+		border: none;
+		outline: none;
+		background: none;
+		color: #666;
+		margin: 0 20rpx;
+	}
+
+	.search-box .btn {
+		background-color: #019B67;
+		border-radius: 27rpx;
+		font-size: 28rpx;
+		color: #FFFFFF;
+		padding: 10rpx 26rpx;
+	}
+
+	.search-list {
+		
+	}
+
+	.search-item {
+		display: flex;
+		padding: 32rpx 0;
+		border-bottom: 1px solid #d9d9d9;
+		
+		.search-img{
+			width: 215rpx;
+			height: 185rpx;
+			border-radius: 13rpx 13rpx 13rpx 13rpx;
+			flex-shrink: 0;
+		}
+		
+		.search-content{
+			flex: 1;
+			width: 1rpx;
+			padding-left: 25rpx;
+			font-weight: 400;
+			font-size: 20rpx;
+			display: flex;
+			flex-direction: column;
+		}
+		.search-info{
+			padding-top: 10rpx;
+			height: 1rpx;
+			flex: 1;
+			display: flex;
+			justify-content: space-between;
+			align-items: flex-end;
+		}
+		.search-title {
+			font-weight: 500;
+			font-size: 28rpx;
+			color: #000000;
+			flex-shrink: 0;
+		}
+		.price{
+			font-size: 32rpx;
+			color: #D62829;
+			flex-shrink: 0;
+			&::before{
+				content: '￥';
+				font-size: 21rpx;
+			}
+			&::after{
+				content: '起';
+				font-size: 21rpx;
+				color: #606060;
+			}
+		}
+	}
+
+	
+
+	.search-tip {
+		flex-shrink: 0;
+		margin-left: 30rpx;
+		flex-shrink: 26rpx;
+		color: #656565;
+	}
+	.list-common-empty{
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		flex-direction: column;
+		
+	}
+	.list-common-empty-tip{
+		color:#999;
+	}
+</style>