From 1991e50678db5e80dd2b458960af3d6c0f3c91be Mon Sep 17 00:00:00 2001
From: jiazhipeng <jiazhipeng@xmainc.com>
Date: Wed, 24 Sep 2025 14:54:32 +0800
Subject: [PATCH] 1

---
 pages.json                        |   6 +
 subPackages/activity/dazhaxie.vue | 422 ++++++++++++++++++++++++++++++
 2 files changed, 428 insertions(+)
 create mode 100644 subPackages/activity/dazhaxie.vue

diff --git a/pages.json b/pages.json
index 747f1e4..5cf9f3d 100644
--- a/pages.json
+++ b/pages.json
@@ -356,6 +356,12 @@
 					"navigationBarTitleText" : "苏式月饼"
 				}
 			},
+			{
+				"path": "activity/dazhaxie",
+				"style": {
+					"navigationBarTitleText" : "阳澄湖大闸蟹"
+				}
+			},
 			{
 				"path": "activity/greenOrganic",
 				"style": {
diff --git a/subPackages/activity/dazhaxie.vue b/subPackages/activity/dazhaxie.vue
new file mode 100644
index 0000000..e865079
--- /dev/null
+++ b/subPackages/activity/dazhaxie.vue
@@ -0,0 +1,422 @@
+<template>
+	<view class="bg" v-if="headImg">
+		<image v-if="headImg" :src="showImg(headImg)" class="topImg" mode="widthFix"></image>
+		
+		<view class="main-container">
+			<view class="coupon-box">
+				<view class="rule" @click="goRule(6)"></view>
+				<view class="coupon-box-between">
+					<image :class="['coupon-img']" v-for="(item,i) in couponList" :key="i"
+					src="https://static.ticket.sz-trip.com/uploads/20250923/c8c424bcc49f084ba754c69e4934349b.png" 
+					@click="getCoupon(item)" mode="aspectFill"></image>
+				</view>
+			</view>
+
+			<view class="type-container">
+				<view class="type-item" @click="typeIndex=i" v-for="(item,i) in typeList" :key="i">
+					<image :class="['type-item',typeIndex==i?'active':'']" v-show="typeIndex==i" :src="item.imgs" mode="widthFix"></image>
+					<image :class="['type-item',typeIndex==i?'active':'']" v-show="typeIndex!=i" :src="item.img" mode="widthFix"></image>
+				</view>
+			</view>
+			
+			<view class="prod-container">
+				<view class="prod-top" :style="{'background-image':`url(${typeList[typeIndex].bgImg})`}"></view>
+				<view class="prod-box flex-between" v-if="typeIndex!=2">
+					<view class="column-product"  @click="gotoDetailByType(item)" :key="index"
+						v-for="(item,index) in typeList[typeIndex].list.slice(0,typeList[typeIndex].viewNum)">
+						<image class="img" :src="showImg(item.headimg)" mode="aspectFill"></image>
+						<view class="content flex-column">
+							<view class="title text-overflowRows">{{item.title}}</view>
+							<!-- <view class="tags"  v-if="item.display_tags">
+								<view class="tag" v-for="(tag,tagI) in item.display_tags.split(',')" :key="tagI">{{tag}}</view>
+							</view> -->
+							<view class="flex-between">
+								<view class="price">{{item.price/100}}</view>
+								<view class="btn">立即抢购</view>
+							</view>
+						</view>
+						
+					</view>
+					<image class="view-more" src="https://static.ticket.sz-trip.com/uploads/20250923/e121513a65fda74f822c660cda703e9a.png"
+					v-if="typeList[typeIndex].list.length>0&&typeList[typeIndex].viewNum<=6"  mode="heightFix"
+					@click="typeList[typeIndex].viewNum=999"></image>
+				</view>
+				<view class="prod-box flex-between" v-else>
+					<view class="row-product"  @click="gotoDetailByType(item)" :key="index"
+						v-for="(item,index) in typeList[typeIndex].list.slice(0,typeList[typeIndex].viewNum)">
+						<image class="img" :src="showImg(item.headimg)" mode="aspectFill"></image>
+						<view class="content flex-column">
+							<view class="title text-overflowRows">{{item.title}}</view>
+							<!-- <view class="tags"  v-if="item.display_tags">
+								<view class="tag" v-for="(tag,tagI) in item.display_tags.split(',')" :key="tagI">{{tag}}</view>
+							</view> -->
+							<view class="flex-between">
+								<view class="btn">查看详情</view>
+							</view>
+						</view>
+						
+					</view>
+					<image class="view-more" src="https://static.ticket.sz-trip.com/uploads/20250923/e121513a65fda74f822c660cda703e9a.png"
+					v-if="typeList[typeIndex].list.length>0&&typeList[typeIndex].viewNum<=6"  mode="heightFix"
+					@click="typeList[typeIndex].viewNum=999"></image>
+				</view>
+				<view class="prod-bottom"></view>
+			</view>
+			
+			<image class="bottom-img" src="https://static.ticket.sz-trip.com/uploads/20250815/877b45bf01e0181fd489f0e1086c62fd.png"></image>
+			<image @click="returnTop" v-show="showGoTop" class="back-img" src="https://static.ticket.sz-trip.com/uploads/20250923/aa531e802bfde6499454f598f59c46e7.png"></image>
+			
+		</view>
+	
+		<image class="bottom-bg" mode="widthFix" src="https://static.ticket.sz-trip.com/uploads/20250923/8f51b25f72dc0472ba2a3ea2f22208f7.png"></image>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				headImg: '',
+				couponList: [
+					{id: null,},
+					{id: null,},
+				],
+				isReceive: true,
+				typeIndex: 0,
+				typeList: [
+					{
+						id: 109,title: "品蟹鲜",viewNum:6, list: [],
+						img:"https://static.ticket.sz-trip.com/uploads/20250923/ef4b6d89375e1039eda49c249a839660.png",
+						imgs:"https://static.ticket.sz-trip.com/uploads/20250923/ed2c1171860c03d458b2ef031880b55b.png",
+						bgImg:"https://static.ticket.sz-trip.com/uploads/20250923/d4d12e09fc1d1dbfcde2b3737627299c.png",
+					},
+					{
+						id: 110,title: "享丰收",viewNum:6, list: [],
+						img:"https://static.ticket.sz-trip.com/uploads/20250923/3207f4860f5b82bc1214b4013851c421.png",
+						imgs:"https://static.ticket.sz-trip.com/uploads/20250923/ca0912684689f3d35ada61909ad00a46.png",
+						bgImg:"https://static.ticket.sz-trip.com/uploads/20250923/3abb6f842c7dc47f0792cbb6bc7a0dda.png",
+					},
+					{
+						id: 111,title: "玩蟹路",viewNum:6, list: [],
+						img:"https://static.ticket.sz-trip.com/uploads/20250923/84ec930200a2a7421785fc146ea6d29a.png",
+						imgs:"https://static.ticket.sz-trip.com/uploads/20250923/963148360925eaaf4c5dc9f5a3a9a641.png",
+						bgImg:"https://static.ticket.sz-trip.com/uploads/20250923/7dd6ead7144b2d4d1630a4fc3b4ca673.png",
+					},
+					{
+						id: 112,title: "趣农创",viewNum:6, list: [],
+						img:"https://static.ticket.sz-trip.com/uploads/20250923/83579afbd0abc81923e99b6baf096171.png",
+						imgs:"https://static.ticket.sz-trip.com/uploads/20250923/db9bfba5a3bae232f0ce7377aa594893.png",
+						bgImg:"https://static.ticket.sz-trip.com/uploads/20250923/cff87d3ae281a5f022e97ac63d43cbbc.png",
+					},
+				],
+				showGoTop: false,
+			}
+		},
+		onLoad(option) {
+			
+		},
+		onReady() {
+			this.getHeadImg(2398)
+			this.getGoods()
+		},
+		methods: {
+			getHeadImg (id) {
+				this.Post({id},'/api/multimedia/detail').then(res => {
+					this.headImg = res.data.head_img
+					uni.setNavigationBarTitle({
+						title:res.data.title
+					})
+					if (res.data.company_name) {
+						res.data.company_name.split(',').forEach((item, index) => {
+							this.couponList[index].id = item
+						})
+					}
+				});	
+			},
+			goRule (id) {
+				uni.navigateTo({
+					url:"/subPackages/activity/commonRule?id="+id
+				})
+			},
+			
+			// 产品列表
+			getGoods() {
+			
+				for(let p of this.typeList) {
+					this.Post({
+						tag_id: p.id,
+						offset: 0,
+					    limit: 999,
+					},'/api/product/get_product_by_tag_subject').then(res => {
+						if (res.data.list.length < p.viewNum) {
+							p.viewNum = 999
+						}
+						p.list = res.data.list
+						console.log(p)
+					})
+				}
+			
+			},
+			getCoupon(item) {
+				if (!this.isReceive) {
+					uni.showToast({
+						title: "短时间内请勿重复点击！",
+						icon: 'none'
+					})
+					return;
+				}
+				this.isReceive = false
+				setTimeout(() => {this.isReceive = true}, 3000)
+				this.Post({
+					ids: item.id,
+					is_all: 1,
+				},"/api/coupon/getNewCouponsByActivitiesIds").then(res => {
+					if (res) {
+						uni.showToast({
+							title: res.data,
+							icon: 'none'
+						})
+					}
+				})
+			},
+			
+
+			viewDetail(item) {
+				this.gotoDetailByType(item)
+			},
+			returnTop(){
+				uni.pageScrollTo({
+					scrollTop: 0,
+					duration: 200,
+				})
+			},
+		},
+		onPageScroll(res) {
+			this.showGoTop = res.scrollTop > 200 ? true : false;
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.bg {
+		width: 750rpx;
+		min-height: 100vh;
+		padding-bottom: 30rpx;
+		position: relative;
+	}
+	
+	.topImg {
+		width: 100%;
+	}
+	.main-container{
+		width: 100%;
+		margin-top: -820rpx;
+		padding: 0;
+		position: relative;
+	}
+	.coupon-box{
+		width: 695rpx;
+		height: 250rpx;
+		background-image: url("https://static.ticket.sz-trip.com/uploads/20250923/c90baa723c8d353380464846a5fb49eb.png");
+		background-size: 100% 100%;
+		position: relative;
+		margin: 0 auto;
+		
+		
+		.coupon-box-between{
+			width: 100%;
+			height: 100%;
+			padding: 0 103rpx 40rpx 149rpx;
+			display: flex;
+			align-items: flex-end;
+			justify-content: space-between;
+		}
+		.rule{
+			position: absolute;
+			top: 0;
+			right: 0;
+			width: 0;
+			height: 0;
+			width: 40px;
+			height: 40px;
+		}
+		.coupon-img{
+			width: 137.33rpx;
+			height: 49.33rpx;
+		}
+	}
+	
+	.title{
+		font-weight: bold;
+		font-size: 29rpx;
+		color: #000000;
+	}
+	.tags{
+		width: 100%;
+		display: flex;
+		overflow: hidden;
+		.tag{
+			font-weight: 500;
+			font-size: 24rpx;
+			height: 38rpx;
+			line-height: 38rpx;
+			color: #4C9BB4;
+			padding: 0rpx 6rpx;
+			border-radius: 5rpx;
+			border: 1px solid #4C9BB4;
+			margin-right: 13rpx;
+		}
+	}
+	.view-more{
+		height: 23rpx;
+		margin: 24rpx auto 0;
+		position: relative;
+		z-index: 2;
+	}
+
+	.type-container{
+		display: flex;
+		justify-content: space-between;
+		height: 88rpx;
+		overflow: visible;
+		position: relative;
+		z-index: 1;
+		.type-item{
+			width: 177.5rpx;
+			image{
+				width: 177.5rpx;
+				height: 84rpx;
+			}
+			image.active{
+				height: 160rpx;
+			}
+		}
+	}
+
+	.column-product{
+		width: 314rpx;
+		height: 477.33rpx;
+		background: #FFFCF7;
+		border-radius: 13rpx 13rpx 13rpx 13rpx;
+		border: 2rpx solid #FFF3E2;
+		overflow: hidden;
+		margin-bottom: 16rpx;
+		.img{
+			width: 314rpx;
+			height: 314rpx;
+			border-radius: 13rpx 13rpx 0rpx 0rpx;
+		}
+		.content{
+			width: 100%;
+			flex: 1;
+			height: 150rpx;
+			justify-content: space-between;
+			padding: 4rpx 10rpx 10rpx;
+		}
+		.price{
+			font-weight: bold;
+			font-size: 28rpx;
+			color: #FF0014;
+			&::before{
+				content: "￥";
+				font-size: 24rpx;
+			}
+		}
+		.btn{
+			width: 140rpx;
+			height: 50rpx;
+			background: #FF7122;
+			border-radius: 30rpx;
+			font-weight: bold;
+			font-size: 27rpx;
+			color: #FFFFFF;
+			line-height: 50rpx;
+			text-align: center;
+		}
+	}
+	.prod-container{
+		width: 710rpx;
+		margin: 0 auto;
+	}
+	
+	.prod-box{
+		width: 100%;
+		flex-wrap: wrap;
+		padding: 10rpx 26rpx 0;
+		background-image: url("https://static.ticket.sz-trip.com/uploads/20250923/2026d2f66d529c16ff28025041223720.png");
+		background-size: 100% auto;
+		background-repeat: repeat-y;
+		position: relative;
+	}
+	.prod-top{
+		background-size: 100% 100%;
+		height: 125rpx;
+		width: 100%;
+	}
+	.prod-bottom{
+		background-size: 100% 100%;
+		height: 78.5rpx;
+		width: 100%;
+		background-image: url("https://static.ticket.sz-trip.com/uploads/20250923/5247b16c052c625b1a44fd6faa57c509.png");
+	}
+	
+	.bottom-img{
+		width: 145.33rpx;
+		height: 63.33rpx;
+		margin: 40rpx auto 0;
+		display: block;
+		position: relative;
+		z-index: 3;
+	}
+	.back-img{
+		position: fixed;
+		width: 94rpx;
+		height: 94rpx;
+		bottom: 66rpx;
+		right: 26rpx;
+		z-index: 5;
+	}
+	
+	.row-product{
+		width: 100%;
+		height: 202.67rpx;
+		background: #FFFCF7;
+		border-radius: 13rpx 13rpx 13rpx 13rpx;
+		border: 2rpx solid #FFF3E2;
+		
+		padding: 20rpx;
+		display: flex;
+		margin-bottom: 20rpx;
+		.img{
+			width: 161rpx;
+			height: 161rpx;
+			border-radius: 10rpx 10rpx 10rpx 10rpx;
+			flex-shrink: 0;
+		}
+		.content{
+			width: 100rpx;
+			flex: 1;
+			justify-content: space-between;
+			padding-left: 30rpx;
+		}
+
+		.btn{
+			width: 140rpx;
+			height: 50rpx;
+			background: #FF7325;
+			border-radius: 25rpx;
+			font-weight: bold;
+			font-size: 27rpx;
+			color: #FFFFFF;
+			line-height: 50rpx;
+			text-align: center;
+		}
+	}
+	.bottom-bg{
+		position: absolute;
+		bottom: 0;
+		left: 0;
+		width: 100%;
+		z-index: 1;
+	}
+</style>
\ No newline at end of file