活动列表奖品跳转详情页

src/packageOperate/activity/index.vue

@@ -13,9 +13,12 @@
 		</view>
 
 		<view class="wrap">
+			<!-- 参与人 -->
 			<view class="wrap-fakeNum">
 				<view class="fakeNum">{{info.fakeNum}}人已参与</view>
 			</view>
+			
+			<!-- 距离开奖时间 -->
 			<view v-if="info.status && JSON.parse(info.status).value == 3" class="wrap-date">
 				<view class="wrap-date-on">
 					<view class="wrap-date-on-line" style="right: 30rpx;"></view>距离开奖
@@ -30,6 +33,8 @@
 					</view>
 				</u-count-down>
 			</view>
+			
+			<!-- 距离开始时间 -->
 			<view v-if="info.status && JSON.parse(info.status).value == 2" class="wrap-date">
 				<view class="wrap-date-on">
 					<view class="wrap-date-on-line" style="right: 30rpx;"></view>距离开始
@@ -44,38 +49,43 @@
 					</view>
 				</u-count-down>
 			</view>
+			
+			<!-- 一等奖 -->
 			<view v-for="(item,index) in awardsList" :key="index">
 				<view class="wrap-fixed" v-for="(itemTwo,index) in item.prizeList" :key="index"
 					v-if="item.name == '一等奖'">
 					<view class="wrap-fixed-effectstwo">
 						<view class="effectsthree">
-							<view class="effectsthree-width">
-								<image src="../static/activity/effectsthree.png"></image>
-								<view class="effectsthree-width-name">
-									{{item.name}}
-								</view>
-							</view>
-							<view class="effectsthree-position">{{item.quantity}}个名额 </view>
-							<view class="effectsthree-positionTwo">
-								<view>
-									<image :src="itemTwo.picUrl" mode="aspectFit"></image>
+							<navigator :url="JSON.parse(itemTwo.prizeType).value == 'goods' ? `/packagePrize/goods/detail?id=${ itemTwo.refId }`:JSON.parse(itemTwo.prizeType).value == 'coin' ?`/packagePrize/goods/detail?id=424`:`/packagePrize/goods/detail?id=425`"  hover-class="none">
+								<view class="effectsthree-width">
+									<image src="../static/activity/effectsthree.png"></image>
+									<view class="effectsthree-width-name">
+										{{item.name}}
+									</view>
 								</view>
-								<view class="textone ells-one"
-									v-if="itemTwo.prizeType && JSON.parse(itemTwo.prizeType).value == 'coin'">
-									{{itemTwo.title}}x{{itemTwo.value}}
+								<view class="effectsthree-position">{{item.quantity}}个名额 </view>
+								<view class="effectsthree-positionTwo">
+									<view>
+										<image :src="itemTwo.picUrl" mode="aspectFit"></image>
+									</view>
+									<view class="textone ells-one"
+										v-if="itemTwo.prizeType && JSON.parse(itemTwo.prizeType).value == 'coin'">
+										{{itemTwo.title}}x{{itemTwo.value}}
+									</view>
+									<view class="textone ells-one" v-else> {{itemTwo.title}} </view>
+									<view class="texttwo ells-one"
+										v-if="itemTwo.prizeType && JSON.parse(itemTwo.prizeType).value != 'coin'">
+										￥{{$numberFormat(itemTwo.value)}} </view>
 								</view>
-								<view class="textone ells-one" v-else> {{itemTwo.title}} </view>
-								<view class="texttwo ells-one"
-									v-if="itemTwo.prizeType && JSON.parse(itemTwo.prizeType).value != 'coin'">
-									￥{{$numberFormat(itemTwo.value)}} </view>
-							</view>
+							</navigator>
 						</view>
 						<view class="effectstwo"></view>
 					</view>
 				</view>
 			</view>
-			<view>
-				<view v-for="(item,index) in awardsList" :key="index">
+			
+			<!-- 非一等奖 -->
+			<view v-for="(item,index) in awardsList" :key="index">
 					<view v-if="item.name != '一等奖'">
 						<view class="wrap-award">
 							<view class="effectsthree">
@@ -87,31 +97,35 @@
 								</view>
 								<view class="effectsthree-position">{{item.quantity}}个名额 </view>
 								<view style="padding-top: 120rpx;"></view>
-								<view class="effectsthree-positionTwo flex" v-for="(itemTwo,index) in item.prizeList"
+								<view class="effectsthree-positionTwo" v-for="(itemTwo,index) in item.prizeList" 
 									:key="index">
-									<view>
-										<image :src="itemTwo.picUrl" mode="aspectFit" class="imatwo"></image>
-									</view>
-									<view>
-										<view class="textone ells-one"
-											v-if="itemTwo.prizeType && JSON.parse(itemTwo.prizeType).value == 'coin'">
-											{{itemTwo.title}}x{{itemTwo.value}}
+									<navigator :url="JSON.parse(itemTwo.prizeType).value == 'goods' ? `/packagePrize/goods/detail?id=${ itemTwo.refId }`:JSON.parse(itemTwo.prizeType).value == 'coin' ?`/packagePrize/goods/detail?id=424`:`/packagePrize/goods/detail?id=425`" hover-class="none">
+										<view class="flex" >
+											<view >
+												<image :src="itemTwo.picUrl" mode="aspectFit" class="imatwo"></image>
+											</view>
+											<view>
+												<view class="textone ells-one"
+													v-if="itemTwo.prizeType && JSON.parse(itemTwo.prizeType).value == 'coin'">
+													{{itemTwo.title}}x{{itemTwo.value}}
+												</view>
+												<view class="textone ells-one" v-else> {{itemTwo.title}}</view>
+												<view class="texttwo ells-one"
+													v-if="itemTwo.prizeType && JSON.parse(itemTwo.prizeType).value != 'coin'">
+													￥{{$numberFormat(itemTwo.value)}} </view>
+											</view>
 										</view>
-										<view class="textone ells-one" v-else> {{itemTwo.title}}</view>
-										<view class="texttwo ells-one"
-											v-if="itemTwo.prizeType && JSON.parse(itemTwo.prizeType).value != 'coin'">
-											￥{{$numberFormat(itemTwo.value)}} </view>
-									</view>
-
+									</navigator>
 								</view>
 							</view>
 							<view v-if="item.prizeList.length > 1 " class="wrap-award-explain">以上奖品随机获得一件</view>
 						</view>
 					</view>
 				</view>
-			</view>
 
 			<!-- 我的抽奖码 -->
+			
+			<!-- 抽奖码 -->
 			<view class="wrap-description">
 				<view class="wrap-description-code"> 我的抽奖码</view>
 				<view v-if="info.codeList.length > 0" class="wrap-description-codetwo">