modify: 券码详情页

src/pages/couponDetail/couponDetail.js

@@ -9,23 +9,38 @@ wxService.page({
    * 页面的初始数据
    */
   data: {
-
+    couponDetailTitle: '',
   },
-
  
   /**
    * 生命周期函数--监听页面显示
    */
   onShow: function () {
-
+    const {title,cardno} = this.options
+    this.setData({
+      couponDetailTitle: title
+    })
+    this.getCouponDetail(cardno)
   },
 
   //  查询单个优惠券
-  getCouponDetail(){
-    wxService.post(`/coupon/coupon/setting/get/${id}`).then(res => {
-      this.setData({
-        couponDetail: res.data.data.content
-      })
+  getCouponDetail(cardno){
+    wx.showLoading({
+      title: '加载中'
+    })
+
+    wxService.post(`/coupon/coupon/get?cardNo=${cardno}`).then(res => {
+      const {result,data} = res.data
+      if(result == 0){
+         wx.hideLoading()
+        console.log('dddd',data)
+      } else {
+        wx.hideLoading()
+        wx.showToast({
+          title: `${res.desc}`,
+          icon: 'none'
+        })
+      }
     }).finally(() => {
 
     })

src/pages/couponDetail/couponDetail.wxml

@@ -5,7 +5,7 @@
       <view class='avatar-img'>
         <image src='/assets/imgs/avatar.png'></image>
       </view>
-      <view class='title fs-36'>阳光柠檬茶1.5元购</view>
+      <view class='title fs-36'>{{couponDetailTitle}}</view>
     </view>
     <view class='line'>
       <image src='/assets/imgs/line.png'></image>

src/pages/coupons/coupons.js

@@ -76,6 +76,11 @@ wxService.page({
   //   this.getCouponList(this.data.pageNo,this.data.pageSize)
   // },
 
+  handelPresentCouponCode(e) {
+    let data = e.currentTarget.dataset
+    wxService.router(`/pages/couponDetail/couponDetail`).search(data)
+  },
+
   //获取优惠券列表
   getCouponList(pageNo,pageSize){
     wx.showLoading({

src/pages/coupons/coupons.wxml

@@ -19,27 +19,26 @@
 					 wx:for-index="k"
 					 wx:key="{{k}}"
 					>
-						<navigator hover-class='none' url='/pages/couponDetail/couponDetail'>
+						<view data-title="{{item.title}}" data-cardNo="{{item.cardNo}}" bindtap="handelPresentCouponCode">
 							<view wx:if="{{invalidCouponList.length}}">
-								<view class='invalid-coupon' />
-								<image src='/assets/imgs/invalid.png' class='invalid-img' />
-							</view>
-							<image class='coupon-bg' src='/assets/imgs/coupon-bg.png' />
-							<view class='coupon-img'>
-								<image src='/assets/imgs/qr-code.png' />
-							</view>
-							<view class='coupon-info'>
-								<view class='coupon-name fs-28'>{{item.title}}</view>
-								<view class='coupon-time fs-24'>{{item.startTime}} 至 {{item.endTime}}</view>
-								<view class='coupon-desc fs-24'>{{item.notice}}</view>
-							</view>
-							<view class='coupon-code fs-24'>出示劵码</view>
-						</navigator>
+							<view class='invalid-coupon' />
+							<image src='/assets/imgs/invalid.png' class='invalid-img' />
+						</view>
+						<image class='coupon-bg' src='/assets/imgs/coupon-bg.png' />
+						<view class='coupon-img'>
+							<image src='/assets/imgs/qr-code.png' />
+						</view>
+						<view class='coupon-info'>
+							<view class='coupon-name fs-28'>{{item.title}}</view>
+							<view class='coupon-time fs-24'>{{item.startTime}} 至 {{item.endTime}}</view>
+							<view class='coupon-desc fs-24'>{{item.notice}}</view>
+						</view>
+						<view class='coupon-code fs-24'>出示劵码</view>
+						</view>
 					</view>
 				</view>
         <no-more wx:if="{{noMoreCoupon}}" />
 			</scroll-view>
-      
 		
 			<view class='empty-wrap' wx:if="{{!couponList.length}}">
 				<view class='empty-info'>