| @@ -4,7 +4,7 @@ | |||
| <view class='banner'> | |||
| <image src='{{data.coverImg}}'></image> | |||
| </view> | |||
| <image class="orbg" src='./../../assets/img/orbg.png' mode="widthFix"></image> | |||
| <!-- <image class="orbg" src='./../../assets/img/orbg.png' mode="widthFix"></image> --> | |||
| <view class='act' bindtap='gotoactdetail'> | |||
| <text class='txt001'>{{data.title}}</text> | |||
| <text class='txt002'>{{data.subTitle}}</text> | |||
| @@ -1,7 +1,7 @@ | |||
| @import "../../app.wxss"; | |||
| page { | |||
| background: #fe5252; | |||
| background: #eee; | |||
| } | |||
| .coupons { | |||
| @@ -31,9 +31,9 @@ page { | |||
| z-index: 1000000000; | |||
| background: #fff; | |||
| border-radius: 12rpx; | |||
| width: 702rpx; | |||
| width: 705rpx; | |||
| height: 212rpx; | |||
| margin: -46rpx auto 0; | |||
| margin: 24rpx auto 0; | |||
| } | |||
| .act text { | |||
| @@ -16,14 +16,24 @@ Page({ | |||
| onUnload: function() { | |||
| let that = this; | |||
| clearInterval(that.data.setInter); | |||
| wx.setScreenBrightness({ | |||
| value: that.data.sight, | |||
| }) | |||
| }, | |||
| onLoad: function(options) { | |||
| console.log(options); | |||
| let that = this; | |||
| that.setData({ | |||
| code: options.quancode, | |||
| couponorderstatus: options.couponorderstatus | |||
| }); | |||
| console.log(options.sight); | |||
| setTimeout(function() { | |||
| wx.setScreenBrightness({ | |||
| value: 0.7, | |||
| }) | |||
| }, 200), | |||
| that.setData({ | |||
| sight: options.sight, | |||
| code: options.quancode, | |||
| couponorderstatus: options.couponorderstatus | |||
| }); | |||
| //获得优惠券的详情 | |||
| that.data.setInter = setInterval(function() { | |||
| @@ -33,13 +33,21 @@ Page({ | |||
| this.getList(0, 1); | |||
| }, | |||
| onShow: function () { | |||
| let that = this; | |||
| wx.setStorage({ | |||
| key: 'couponNum', | |||
| data: "couponNum1", | |||
| }) | |||
| wx.hideTabBarRedDot({ | |||
| index:2 | |||
| }) | |||
| }), | |||
| wx.getScreenBrightness({ | |||
| success:function(res){ | |||
| that.setData({ | |||
| sight:res.value | |||
| }) | |||
| } | |||
| }); | |||
| }, | |||
| //点击跳转到券详情页面 | |||
| gotouse: function (e) { | |||
| @@ -51,7 +59,7 @@ Page({ | |||
| } | |||
| wx.navigateTo({ | |||
| url: `/pages/couponorder/detail/index?quancode=${ | |||
| e.currentTarget.dataset.quancode}&couponorderstatus=${mystatus}` | |||
| e.currentTarget.dataset.quancode}&couponorderstatus=${mystatus}&sight=${this.data.sight}` | |||
| }); | |||
| }, | |||
| getList(key, pageNum) { | |||
| @@ -33,7 +33,7 @@ Page({ | |||
| e.currentTarget.dataset.subtitle | |||
| }&remark=${e.currentTarget.dataset.remark}&couponorderstatus=${ | |||
| e.currentTarget.dataset.couponorderstatus | |||
| }` | |||
| }&sight=${that.data.sight}` | |||
| }); | |||
| console.log(e.currentTarget.dataset.couponorderstatus); | |||
| } else { | |||
| @@ -44,7 +44,7 @@ Page({ | |||
| e.currentTarget.dataset.subtitle | |||
| }&remark=${e.currentTarget.dataset.remark}&couponorderstatus=${ | |||
| that.data.mystatus | |||
| }` | |||
| }&sight=${that.data.sight}` | |||
| }); | |||
| } | |||
| }, | |||
| @@ -209,7 +209,16 @@ Page({ | |||
| /** | |||
| * 生命周期函数--监听页面初次渲染完成 | |||
| */ | |||
| onShow: function () {}, | |||
| onShow: function () { | |||
| let that = this; | |||
| wx.getScreenBrightness({ | |||
| success: function (res) { | |||
| that.setData({ | |||
| sight: res.value | |||
| }) | |||
| } | |||
| }); | |||
| }, | |||
| /** | |||
| * 生命周期函数--监听页面隐藏 | |||
| @@ -9,11 +9,15 @@ Page({ | |||
| }, | |||
| onLoad: function(options) { | |||
| let that = this; | |||
| setTimeout(function () { | |||
| wx.setScreenBrightness({ | |||
| value: 0.7, | |||
| }) | |||
| }, 200), | |||
| util.barcode("barcode", options.quancode, 500, 100); | |||
| util.qrcode("qrcode", options.quancode, 350, 350); | |||
| console.log("zhuangtai"); | |||
| that.setData({ | |||
| sight: options.sight, | |||
| code: options.quancode, | |||
| title: options.title, | |||
| subtitle: options.subtitle, | |||
| @@ -80,5 +84,8 @@ Page({ | |||
| onUnload: function() { | |||
| let that = this; | |||
| clearInterval(that.data.setInter); | |||
| wx.setScreenBrightness({ | |||
| value: that.data.sight, | |||
| }) | |||
| } | |||
| }); | |||
| @@ -24,34 +24,6 @@ Page({ | |||
| code: options.quancode | |||
| }); | |||
| //获得优惠券的详情 | |||
| that.data.setInter = setInterval(function () { | |||
| if ( | |||
| options.quancode != null && | |||
| options.quancode != "" && | |||
| options.quancode != undefined && | |||
| options.couponorderstatus == 0 | |||
| ) { | |||
| Http.get({ | |||
| url: config.api.couponOrderDetail, | |||
| data: { | |||
| couponOrderId: options.quancode | |||
| } | |||
| }).then(res => { | |||
| console.log(res); | |||
| that.setData({ | |||
| data: res.data | |||
| }); | |||
| that.setData({ | |||
| expiredTime: util.fmtDate(that.data.data.expiredTime), | |||
| updateDate: util.fmtDate(that.data.data.updateDate), | |||
| createDate: util.fmtDate(that.data.data.createDate) | |||
| }); | |||
| }); | |||
| } | |||
| }, 2000); | |||
| // if (options.couponorderstatus != "0") { | |||
| Http.get({ | |||
| url: config.api.couponOrderDetail, | |||
| data: { | |||
| @@ -64,13 +36,12 @@ Page({ | |||
| }); | |||
| that.setData({ | |||
| expiredTime: util.fmtDate(that.data.data.expiredTime), | |||
| updateDate: util.fmtDate(that.data.data.updateDate), | |||
| createDate: util.fmtDate(that.data.data.createDate) | |||
| updateDate: util.formatTime(that.data.data.updateDate, "yyyy-MM-dddd hh:mm:ss"), | |||
| createDate: util.formatTime(that.data.data.createDate, "yyyy-MM-dddd hh:mm:ss") | |||
| }); | |||
| util.barcode("barcode", options.quancode, 510, 100); | |||
| util.qrcode("qrcode", options.quancode, 350, 350); | |||
| }); | |||
| // } | |||
| }, | |||
| phone: function () { | |||
| let that = this; | |||
| @@ -1,10 +1,11 @@ | |||
| <view class="container page"> | |||
| <view class="coupon_detail clearfix"> | |||
| <view class="fl wmfl"> | |||
| <image src="{{data.coverImg}}" /> | |||
| <image src="{{data.coverImg}}"/> | |||
| </view> | |||
| <view class="fr"> | |||
| <text class="title">{{data.title}}</text> | |||
| <view class="fl right"> | |||
| <!-- <text class="title">{{data.title}}</text> --> | |||
| <text class="title">优免2小时券优免2小时券优免2小时券优免2小时券优免2小时券优免2小时券优免2小时券优免2小时券优免2小时券优免2小时券</text> | |||
| <view class="time">{{data.subTitle}}</view> | |||
| <view class="money"> | |||
| <text>¥{{data.salePrice/100}}</text> | |||
| @@ -14,35 +15,15 @@ | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <view class="timevalidity"> | |||
| <text>有效期至:</text> | |||
| <text>{{expiredTime}}</text> | |||
| </view> | |||
| <view class="posi"> | |||
| <view class="tit"> | |||
| 适用门店 | |||
| </view> | |||
| <view class='posi_logo'> | |||
| <view> | |||
| <image src='{{data.merChantImgUrl}}'></image> | |||
| </view> | |||
| <view> | |||
| <text>{{data.merchantName}}</text> | |||
| <text>{{data.addr}}{{data.buildingName}}{{data.floorName}}</text> | |||
| </view> | |||
| <image bindtap='phone' class="tel" src="./../../../assets/img/tel.jpg" mode="widthFix" /> | |||
| </view> | |||
| </view> | |||
| <view class='note'> | |||
| <view wx:if="{{data.couponOrderStatus==0}}"><text>下单时间</text><text>{{createDate}}</text></view> | |||
| <view wx:if="{{data.couponOrderStatus==1}}"><text>核销时间</text><text>{{updateDate}}</text></view> | |||
| <view wx:if="{{data.couponOrderStatus==2}}"><text>过期时间</text><text>{{updateDate}}</text></view> | |||
| <view wx:if="{{data.couponOrderStatus==3}}"><text>退款时间</text><text>{{updateDate}}</text></view> | |||
| <view><text>有效期至:</text><text>{{expiredTime}}</text></view> | |||
| <view><text>订单编号</text><text>{{data.orderId}}</text></view> | |||
| <!-- <view><text>手机号</text><text>2018.05.25</text></view> --> | |||
| <view><text>实付金额</text><text>{{data.couponPrice/100}}元</text></view> | |||
| <view><text>实付金额</text><text style='color:#ff4949;font-size:32rpx;'>{{data.couponPrice/100}}元</text></view> | |||
| </view> | |||
| <view class='notes' style="border-bottom:0"> | |||
| <view> | |||
| @@ -2,22 +2,24 @@ | |||
| padding-bottom: 10rpx; | |||
| } | |||
| .panel,.zhuangtai image{ | |||
| .panel, .zhuangtai image { | |||
| position: relative; | |||
| width: 510rpx; | |||
| height: 581rpx; | |||
| display: block; | |||
| display: block; | |||
| border-radius: 10rpx; | |||
| background-color: #fff; | |||
| margin: 22rpx auto 0; | |||
| padding: 30rpx 0 0; | |||
| z-index: 10000000000; | |||
| } | |||
| .pane2{ | |||
| .pane2 { | |||
| background: #fff; | |||
| opacity: .6; | |||
| opacity: 0.6; | |||
| } | |||
| .pane2 image{ | |||
| .pane2 image { | |||
| width: 500rpx; | |||
| display: block; | |||
| margin: 40rpx auto 0; | |||
| @@ -71,6 +73,7 @@ | |||
| width: 350rpx; | |||
| height: 350rpx; | |||
| } | |||
| .coupon_detail { | |||
| padding: 0 20rpx; | |||
| margin-top: 30rpx; | |||
| @@ -84,13 +87,14 @@ | |||
| float: right; | |||
| } | |||
| .coupon_detail .wmfl{ | |||
| .coupon_detail .wmfl { | |||
| display: block; | |||
| width: 255rpx; | |||
| height: 184rpx; | |||
| width: 200rpx; | |||
| height: 165rpx; | |||
| border-radius: 16rpx; | |||
| overflow: hidden; | |||
| } | |||
| .coupon_detail image { | |||
| display: block; | |||
| width: 100%; | |||
| @@ -101,22 +105,45 @@ | |||
| width: 400rpx; | |||
| } | |||
| .right { | |||
| margin-left: 20rpx; | |||
| width: 420rpx; | |||
| overflow: hidden; | |||
| } | |||
| .coupon_detail .title { | |||
| font-size: 36rpx; | |||
| font-size: 32rpx; | |||
| width: 420rpx; | |||
| height: 40rpx; | |||
| white-space: nowrap; | |||
| text-overflow:ellipsis; | |||
| overflow: hidden; | |||
| } | |||
| .money{ | |||
| width: 420rpx; | |||
| height: 50rpx; | |||
| white-space: nowrap; | |||
| text-overflow:ellipsis; | |||
| overflow: hidden; | |||
| } | |||
| .time { | |||
| font-size: 26rpx; | |||
| color: #999; | |||
| width: 420rpx; | |||
| height: 32rpx; | |||
| white-space: nowrap; | |||
| text-overflow:ellipsis; | |||
| overflow: hidden; | |||
| } | |||
| .time text { | |||
| font-size: 26rpx; | |||
| color: red; | |||
| color: #ff4949; | |||
| } | |||
| .money text { | |||
| color: red; | |||
| color: #ff4949; | |||
| font-size: 36rpx; | |||
| } | |||
| @@ -142,11 +169,11 @@ | |||
| .timevalidity text:nth-of-type(1) { | |||
| color: #333; | |||
| font-size: 30rpx; | |||
| font-size: 28rpx; | |||
| } | |||
| .timevalidity text:nth-of-type(2) { | |||
| font-size: 30rpx; | |||
| font-size: 28rpx; | |||
| color: red; | |||
| } | |||
| @@ -192,7 +219,7 @@ | |||
| } | |||
| .posi_logo view:nth-child(2) text:nth-child(1) { | |||
| font-size: 30rpx; | |||
| font-size: 28rpx; | |||
| } | |||
| .posi_logo view:nth-child(2) text:nth-child(2) { | |||
| @@ -202,7 +229,7 @@ | |||
| } | |||
| .tit { | |||
| font-size: 30rpx; | |||
| font-size: 28rpx; | |||
| color: #000; | |||
| font-weight: bold; | |||
| padding: 24rpx 0 33rpx; | |||
| @@ -218,11 +245,11 @@ | |||
| margin: auto; | |||
| width: 50rpx; | |||
| height: 50rpx; | |||
| z-index:1000000; | |||
| z-index: 1000000; | |||
| } | |||
| .notes { | |||
| border-top: 20rpx solid #f5f5f5; | |||
| border-top: 12rpx solid #f5f5f5; | |||
| } | |||
| .notes view:nth-child(1) { | |||
| @@ -235,7 +262,7 @@ | |||
| } | |||
| .notes view:nth-child(1) text { | |||
| font-size: 30rpx; | |||
| font-size: 28rpx; | |||
| font-weight: bold; | |||
| } | |||
| @@ -255,8 +282,8 @@ | |||
| } | |||
| .note view { | |||
| height: 94rpx; | |||
| line-height: 94rpx; | |||
| height: 88rpx; | |||
| line-height: 88rpx; | |||
| border-bottom: 2rpx solid #f9f9f9; | |||
| } | |||
| @@ -268,7 +295,7 @@ | |||
| width: 30%; | |||
| text-indent: 30rpx; | |||
| text-align: left; | |||
| font-size: 30rpx; | |||
| font-size: 28rpx; | |||
| color: #000; | |||
| } | |||
| @@ -277,7 +304,7 @@ | |||
| padding-right: 3%; | |||
| text-align: right; | |||
| color: #bdbdbd; | |||
| font-size: 30rpx; | |||
| font-size: 28rpx; | |||
| } | |||
| .manjian { | |||
| @@ -43,7 +43,11 @@ Page({ | |||
| url: '/pages/managelicenseplate/managelicenseplate', | |||
| }) | |||
| }, | |||
| showquan:function(){ | |||
| wx.navigateTo({ | |||
| url: '/pages/passCar/couponList/couponList', | |||
| }) | |||
| }, | |||
| onShow: function (options) { | |||
| var that = this; | |||
| that.getList(); | |||
| @@ -1,18 +1,13 @@ | |||
| <view class='container'> | |||
| <view class='top'> | |||
| <view class='carmanage clearfix'> | |||
| <view class='fl'> | |||
| <text class='mycar'>{{park.addr}}</text> | |||
| </view> | |||
| </view> | |||
| <view class='price clearfix'> | |||
| <text style='color:#666;'>总车位:{{park.number}}个</text> | |||
| </view> | |||
| <view class='price clearfix'> | |||
| <view class='header'> | |||
| <image src='./../../assets/img/park.png' mode="widthFix"></image>{{park.addr}} | |||
| (<text style='color:#f86661;'>{{park.number}}</text>车位)</view> | |||
| </view> | |||
| <!-- <view class='price clearfix'> | |||
| <text class='fl'>停车费:</text> | |||
| <label class='locationNumber fr'>{{park.stopFee}}</label> | |||
| </view> | |||
| </view> | |||
| </view> --> | |||
| <view class='borderBox'> | |||
| <view class='passNumberBox'> | |||
| @@ -65,10 +60,10 @@ | |||
| </view> | |||
| <view class="buy-view" wx:if="{{stopFees.remainingFee}}"> | |||
| <navigator class='buyBox' target="miniProgram" open-type="navigate" app-id="wx192b7d2e8dcbefd0" extra-data='{{extraData}}' version="release"> | |||
| <view class="buy-view" wx:if="{{stopFees.remainingFee}}"> | |||
| <navigator class='buy' target="miniProgram" open-type="navigate" app-id="wx192b7d2e8dcbefd0" extra-data='{{extraData}}' version="release"> | |||
| 立即支付 | |||
| </navigator> | |||
| <button class='buy' hover-class='active'>立即支付</button> | |||
| </view> | |||
| </view> | |||
| @@ -81,15 +76,13 @@ | |||
| <text class='carNumber'>车辆入场后,才能绑车牌</text> | |||
| </view> | |||
| <view class='bottonBox'> | |||
| <navigator url="/pages/passCar/couponList/couponList"> | |||
| <view class='textStyle' bindtap='showquan'> | |||
| <image src='../../assets/img/quan.png'></image> | |||
| 我的停车券 | |||
| <view class='detail'> | |||
| <image src='../../assets/img/jian.png'></image> | |||
| </view> | |||
| <view class='textStyle' bindtap='showquan'> | |||
| <image src='../../assets/img/quan.png'></image> | |||
| 我的停车券 | |||
| <view class='detail'> | |||
| <image src='../../assets/img/jian.png'></image> | |||
| </view> | |||
| </navigator> | |||
| </view> | |||
| <view class='textStyle' bindtap='gotomange'> | |||
| <image src='../../assets/img/che.png'></image> | |||
| @@ -99,6 +92,14 @@ | |||
| </view> | |||
| </view> | |||
| <view class='textStyle' bindtap='gotodetail'> | |||
| <image src='../../assets/img/rule.png'></image> | |||
| 缴费规则 | |||
| <view class='detail'> | |||
| <image src='../../assets/img/jian.png'></image> | |||
| </view> | |||
| </view> | |||
| <view class='textStyle' bindtap='passc'> | |||
| <image src='../../assets/img/wenti.png'></image> | |||
| 常见问题 | |||
| @@ -6,8 +6,23 @@ page { | |||
| .container{ | |||
| padding-bottom: 60rpx; | |||
| } | |||
| .header{ | |||
| width: 690rpx; | |||
| height: 80rpx; | |||
| font-size: 32rpx; | |||
| margin: 0 auto; | |||
| border-radius:16rpx; | |||
| line-height: 80rpx; | |||
| letter-spacing: 3rpx; | |||
| } | |||
| .header image{ | |||
| width: 40rpx; | |||
| vertical-align: middle; | |||
| margin-top:-5rpx; | |||
| margin-right:6rpx; | |||
| } | |||
| .top{ | |||
| padding-bottom: 34rpx; | |||
| border-bottom:2rpx solid #f8f8f8; | |||
| } | |||
| .headBox { | |||
| width: 690rpx; | |||
| @@ -90,7 +105,7 @@ page { | |||
| .borderBox { | |||
| width: 750rpx; | |||
| margin-top: 26rpx; | |||
| margin-top:30rpx; | |||
| } | |||
| .borderUp { | |||
| @@ -154,17 +169,16 @@ page { | |||
| .bottonBox { | |||
| width: 750rpx; | |||
| margin-top: 32rpx; | |||
| margin-top: 34rpx; | |||
| margin-bottom: 80rpx; | |||
| border-top: 16rpx #f8f8f8 solid; | |||
| padding-top: 13rpx; | |||
| } | |||
| .textStyle { | |||
| background-color: white; | |||
| height: 88rpx; | |||
| line-height: 88rpx; | |||
| padding-left: 92rpx; | |||
| padding-left: 82rpx; | |||
| border-bottom: 1px #f8f8f8 solid; | |||
| position: relative; | |||
| font-size: 30rpx; | |||
| @@ -205,7 +219,7 @@ page { | |||
| height: 88rpx; | |||
| line-height: 88rpx; | |||
| margin: 0 auto; | |||
| background: #56bdf8; | |||
| background: #00c0ff; | |||
| border-radius: 60rpx; | |||
| position: relative; | |||
| margin-top: 30rpx; | |||
| @@ -216,7 +230,7 @@ page { | |||
| height: 180rpx; | |||
| line-height: 180rpx; | |||
| float: left; | |||
| background: #56bdf8; | |||
| background: #00c0ff; | |||
| border-radius: 12rpx; | |||
| border: 3px solid #fff; | |||
| text-align: center; | |||
| @@ -394,9 +408,9 @@ page { | |||
| } | |||
| .buy { | |||
| background: #56bdf8; | |||
| background: #00c0ff; | |||
| height: 88rpx; | |||
| width: 98%; | |||
| width: 73%; | |||
| margin: 0 auto; | |||
| color: #fff; | |||
| font-size: 36rpx; | |||
| @@ -404,13 +418,17 @@ page { | |||
| border-radius: 60rpx; | |||
| position: relative; | |||
| z-index: 100; | |||
| text-align: center; | |||
| } | |||
| .buyBox { | |||
| height: 88rpx; | |||
| line-height: 88rpx; | |||
| width: 98%; | |||
| position: absolute; | |||
| left: 0; | |||
| right: 0; | |||
| bottom: 0; | |||
| top: 0; | |||
| z-index: 100000000; | |||
| border-radius: 60rpx; | |||
| @@ -422,7 +440,6 @@ page { | |||
| .borderBox { | |||
| width: 750rpx; | |||
| border-top: 16rpx #f8f8f8 solid; | |||
| } | |||
| .carmanage { | |||
| @@ -485,7 +502,7 @@ page { | |||
| } | |||
| .orderBox { | |||
| padding: 0 20rpx; | |||
| padding: 0 45rpx; | |||
| position: relative; | |||
| } | |||
| @@ -586,13 +603,13 @@ button::after { | |||
| } | |||
| .orderBox .fl { | |||
| line-height: 67rpx; | |||
| line-height: 70rpx; | |||
| font-size: 28rpx; | |||
| color: #333; | |||
| } | |||
| .orderBox .fr { | |||
| line-height: 67rpx; | |||
| line-height: 70rpx; | |||
| font-size: 28rpx; | |||
| color: #ff4949; | |||
| } | |||
| @@ -67,7 +67,7 @@ | |||
| <view class="margin"></view> | |||
| <!-- <button bindtap="navigateTo" class="user-out-btn">退出登陆</button> --> | |||
| <view bindlongtap='showVersion' class='version'> | |||
| <view wx:if="{{flag=='show'}}">版本号:2.1.0</view> | |||
| <view wx:if="{{flag=='show'}}">版本号:2.1.2</view> | |||
| <view wx:if="{{flag=='hidden'}}"></view> | |||
| </view> | |||
| </view> | |||