@@ -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> | |||