From 78c32d6a19afc2697ae08d15280cbbc3e77d220e Mon Sep 17 00:00:00 2001 From: java110 <928255095@qq.com> Date: Mon, 17 Oct 2022 15:18:38 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BB=A3=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- api/fee/feeApi.js | 22 +++ components/coupon/qrcode-receive.vue | 46 ++++++ constant/url.js | 3 + pages.json | 11 +- pages/coupon/getParkingCoupon.css | 223 +++++++++++++++++++++++++++ pages/coupon/getParkingCoupon.vue | 204 ++++++++++++++++++++++++ 6 files changed, 508 insertions(+), 1 deletion(-) create mode 100644 components/coupon/qrcode-receive.vue create mode 100644 pages/coupon/getParkingCoupon.css create mode 100644 pages/coupon/getParkingCoupon.vue diff --git a/api/fee/feeApi.js b/api/fee/feeApi.js index 0cb483f..4325eef 100755 --- a/api/fee/feeApi.js +++ b/api/fee/feeApi.js @@ -208,6 +208,28 @@ export function toPayTempCarFee(_objData){ }) } +export function receiveParkingCoupon(_objData){ + return new Promise((resolve, reject) => { + requestNoAuth({ + url: url.saveParkingCouponCar, + method: "POST", + data: JSON.stringify(_objData), //动态数据 + success: function(res) { + if (res.statusCode == 200) { + //成功情况下跳转 + resolve(res.data); + return; + } + reject(); + }, + fail: function(e) { + reject(); + } + }); + }) +} + + export function toAliPayTempCarFee(_objData){ return new Promise((resolve, reject) => { diff --git a/components/coupon/qrcode-receive.vue b/components/coupon/qrcode-receive.vue new file mode 100644 index 0000000..a1c8c9d --- /dev/null +++ b/components/coupon/qrcode-receive.vue @@ -0,0 +1,46 @@ + + + + + \ No newline at end of file diff --git a/constant/url.js b/constant/url.js index 299de35..a712ec4 100755 --- a/constant/url.js +++ b/constant/url.js @@ -152,6 +152,9 @@ export default { getOpenIdFromAliPay:baseUrl+"app/alipay.getOpenIdFromAliPay", uploadImageFormData: baseUrl + "callComponent/upload/uploadFile/uploadImage", uploadImage: baseUrl + "callComponent/uploadFile/uploadPhotoImage", + saveParkingCouponCar:baseUrl+"app/parkingCoupon.saveParkingCouponCar", + + NEED_NOT_LOGIN_PAGE: [ diff --git a/pages.json b/pages.json index 0a5faac..24236ba 100755 --- a/pages.json +++ b/pages.json @@ -573,7 +573,16 @@ "enablePullDownRefresh": false } } - ], + ,{ + "path" : "pages/coupon/getParkingCoupon", + "style" : + { + "navigationBarTitleText": "领取优惠券", + "enablePullDownRefresh": false + } + + } + ], "tabBar": { "color": "#272636", "selectedColor": "#00AA00", diff --git a/pages/coupon/getParkingCoupon.css b/pages/coupon/getParkingCoupon.css new file mode 100644 index 0000000..633be6b --- /dev/null +++ b/pages/coupon/getParkingCoupon.css @@ -0,0 +1,223 @@ + .pages { + padding: 20rpx 20rpx; + } + + .pages .plate-context { + background-color: #fff; + padding: 40rpx 20rpx 80rpx 20rpx; + } + + .ak_row_title { + padding-left: 20rpx; + font-size: 32rpx; + font-weight: 700; + + } + + .pages_header { + width: 100%; + display: flex; + flex-direction: column; + align-items: center; + } + + .pages_header_top { + width: 33.3%; + height: 60rpx; + border-left: 5px solid #00AA00; + border-right: 5px solid #00AA00; + } + + .pages_header_btm { + width: 70%; + background: #00AA00; + height: 120rpx; + line-height: 120rpx; + text-align: center; + color: white; + border-radius: 10rpx; + font-weight: normal; + font-size: 16pt; + } + + .tips_block { + height: 60rpx; + } + + .tips { + text-align: center; + margin: 60rpx 0; + font-size: 12pt; + color: #888888; + } + + .plate-input-flag { + margin: 30rpx 10rpx 30rpx 0; + color: #00AA00; + float: right; + } + + .plate-input-body { + /*border: 1px solid red;*/ + height: 100rpx; + margin: 0 10rpx; + } + + .plate-input-content { + display: flex; + flex-direction: row; + height: 100rpx; + } + + .plate-nums-foc { + flex: 1; + border: 2rpx solid #00bf70; + margin-right: 10rpx; + align-items: center; + justify-content: center; + text-align: center; + height: 100%; + box-sizing: border-box; + border-radius: 4rpx; + } + + .plate-nums-first { + flex: 1; + border: 2rpx solid #ccc; + margin-right: 10rpx; + align-items: center; + justify-content: center; + text-align: center; + height: 100%; + box-sizing: border-box; + border-radius: 4rpx; + } + + .green-border{ + border: 2rpx solid #39b54a; + } + + .plate-num-text { + flex: 1; + line-height: 100rpx; + height: 100%; + box-sizing: border-box; + border-radius: 4rpx; + font-size: 40rpx; + font-weight: normal; + } + + .new-plate-input-content { + display: flex; + flex-direction: row; + height: 100rpx; + } + + .plat-btn-black { + height: 100rpx; + } + + .plat-btn { + padding-top: 80rpx; + width: 96%; + margin: 0 auto; + } + + + .kb_top { + align-content: relative; + width: 100%; + height: 74rpx; + background: #fff; + border-top: solid #ebebeb 2rpx; + border-bottom: 15rpx solid #d7d8dc; + } + + .keyboard { + z-index: 9999; + position: fixed; + bottom: 0; + left: 0; + width: 100%; + height: auto; + background: #d7d8dc; + display: flex; + flex-wrap: wrap; + border-bottom: 15rpx solid #d7d8dc; + } + + .td { + font-family: "微软雅黑"; + flex-grow: 1; + text-align: center; + font-size: 34rpx; + height: 86rpx; + line-height: 80rpx; + background: #fff; + margin: 10rpx 5rpx; + color: #333; + border-radius: 10rpx 10rpx 10rpx 10rpx; + box-shadow: 0rpx 2rpx 0rpx #a9a9a9; + } + + .td_nor { + flex: 1 1 6%; + } + + .td_num { + flex: 1 1 8%; + } + + .td_spec { + flex: 1 1 12%; + } + + .board_bg { + box-shadow: 0 0 0 #e5e5e5; + background: #e5e5e5; + } + + .del-first { + position: absolute; + bottom: 10rpx; + right: 10rpx; + width: 137rpx; + height: 86rpx; + background-color: #fff; + box-shadow: 0rpx 2rpx 0rpx #a9a9a9; + display: flex; + align-items: center; + justify-content: center; + border-radius: 10rpx; + } + + .del-hover { + position: absolute; + bottom: 10rpx; + right: 10rpx; + width: 137rpx; + height: 86rpx; + background-color: #e5e5e5; + display: flex; + align-items: center; + justify-content: center; + border-radius: 10rpx; + box-shadow: 0 0 0 #e5e5e5; + } + + .del-img { + display: block; + width: 46rpx; + height: 38rpx; + } + + .temp-history{ + font-size: 38upx; + color: #888888; + } + + .temp-remark{ + margin-top: 300upx; + padding:10upx; + color: #888888; + } \ No newline at end of file diff --git a/pages/coupon/getParkingCoupon.vue b/pages/coupon/getParkingCoupon.vue new file mode 100644 index 0000000..dd9446f --- /dev/null +++ b/pages/coupon/getParkingCoupon.vue @@ -0,0 +1,204 @@ + + + + +