| | |
| | | <view class="u-p-24 bg-fff u-m-32 u-br-10"> |
| | | <view class="u-flex u-row-between"> |
| | | <view class="u-font-28 color-666">金额</view> |
| | | <view @click="buyerNote='';showRemark=true;" class="remark">添加备注</view> |
| | | <view v-if="!onlineId" @click="buyerNote='';showRemark=true;" class="remark">添加备注</view> |
| | | </view> |
| | | <view v-if="smoney" class="u-p-v-20 u-flex u-col-bottom u-border-bottom u-relative money-box"> |
| | | <view class="money-icon color-333 lh-1">¥</view> |
| | | <view class="u-flex-1 u-flex u-col-bottom u-m-l-10" style="height: 80rpx;"> |
| | | <view class="money-num lh-1">{{ smoney }}</view> |
| | | </view> |
| | | </view> |
| | | <view v-else class="u-p-v-20 u-flex u-col-bottom u-border-bottom u-relative money-box"> |
| | | <view class="u-p-v-20 u-flex u-col-bottom u-border-bottom u-relative money-box"> |
| | | <view class="money-icon color-333 lh-1">¥</view> |
| | | <view class="u-flex-1 u-flex u-col-bottom u-m-l-10" style="height: 80rpx;"> |
| | | <view v-if="money" class="money-num lh-1">{{ money }}</view> |
| | |
| | | </wx-open-launch-weapp> |
| | | </view> |
| | | </view> |
| | | <block v-if="payWay==2&&shopInfo.userCouponFlag==1"> |
| | | <block v-if="useCoupon"> |
| | | <view class="bg-fff u-m-32 u-br-10"> |
| | | <view class="u-flex u-p-24 u-border-bottom"> |
| | | <!-- <u-icon name="coupon-fill" size="60rpx" color="#D31F28"></u-icon> --> |
| | |
| | | {{ $utils.accMul(couponInfo.discount, 10) }}折券 |
| | | </view> |
| | | </block> |
| | | |
| | | <view v-else class="u-font-28 lh-1 u-tips-color">请选择</view> |
| | | <u-icon class="u-m-l-10" name="arrow-right" color="#999" size="16"></u-icon> |
| | | </view> |
| | |
| | | } from 'common/config.js'; |
| | | import { |
| | | queryShopByCid, |
| | | queryShopByShopId, |
| | | queryShopByOnlineId, |
| | | queryShopByActQrId, |
| | | userLogin, |
| | | queryUseSweepPayCoupon, |
| | | getWechatConfigInfo, |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | smoney: '', |
| | | tips: '该商户暂未开通支付功能', |
| | | loading: false, |
| | | remark: '', |
| | | buyerNote: '', |
| | | showRemark: false, |
| | | UNIONID: null, |
| | | payWay: this.$utils.getPlat(), //2 维信 5支付宝 15云闪付 |
| | | payWay: this.$utils.getPlat(), //2 微信公众号 3微信小程序 5支付宝 15云闪付 |
| | | cid: '', //码牌id C扫B静态码时有 |
| | | activityQrcodeId: '', //动态收款码 C扫B动态码时有 |
| | | shopId: '', //商户id C扫B动态码时有 |
| | | bordShow: false, // 显示键盘 |
| | | orderId: '', |
| | | onlineId: '', //冀优邮线上订单id |
| | | orderId: '', // |
| | | shopInfo: { |
| | | cusid: '', |
| | | shopName: '', |
| | | logoImage: '', |
| | | checkLocation: false, |
| | | scanFlag: -1, |
| | | useScoreFlag: -1, //商铺是否可用积分 0否 1是 |
| | | userCouponFlag: -1, //商铺是否可用优惠券 0否 1是 |
| | |
| | | }; |
| | | }, |
| | | computed: { |
| | | useCoupon() { |
| | | if(this.onlineId){ |
| | | return this.couponInfo.id!='' |
| | | } |
| | | return this.payWay==2&&this.shopInfo.userCouponFlag==1 |
| | | }, |
| | | discount1() { |
| | | if(!(this.money || 0)||!this.checkCoupon.id){ |
| | | return 0 |
| | |
| | | } |
| | | }, |
| | | onLoad(opt) { |
| | | uni.setStorageSync('CID', opt.cid) |
| | | uni.setStorageSync('SHOPID', opt.shopId) |
| | | uni.setStorageSync('SMONEY', opt.smoney) |
| | | uni.setStorageSync('AQCI', opt.activityQrcodeId) |
| | | this.UNIONID = uni.getStorageSync('UNIONID') || null |
| | | this.isNew = uni.getStorageSync('IS_NEW') |
| | | if (opt.smoney) { |
| | | this.smoney = opt.smoney |
| | | this.money = opt.smoney |
| | | } else { |
| | | this.bordShow = true |
| | | } |
| | | if (opt.activityQrcodeId) { |
| | | this.activityQrcodeId = opt.activityQrcodeId |
| | | // this.getOrderInfo() |
| | | } |
| | | if (opt.shopId) { |
| | | this.shopId = opt.shopId |
| | | this.init() |
| | | } |
| | | |
| | | if (opt.cid) { |
| | | this.bordShow = true |
| | | this.cid = opt.cid |
| | | this.init() |
| | | } else if (opt.onlineId) { |
| | | this.onlineId = opt.onlineId |
| | | this.init() |
| | | } else if (opt.activityQrcodeId) { |
| | | this.activityQrcodeId = opt.activityQrcodeId |
| | | this.shopId = opt.shopId |
| | | this.init() |
| | | } else { |
| | | this.shopInfo.scanFlag = 0 |
| | | this.loading = false |
| | | this.tips = '请扫描冀驿付码牌!' |
| | | } |
| | | |
| | | if (opt.code || opt.auth_code || opt.userAuthCode) { |
| | | let params = { |
| | | code: opt.code |
| | |
| | | uni.setStorageSync(ACCESSTOKEN, res.token) |
| | | uni.setStorageSync('IS_NEW', res.isNew) |
| | | this.isNew = res.isNew |
| | | if (!res.isNew && !uni.$u.test.isEmpty(this.money)) { |
| | | if (!this.onlineId&&!res.isNew && !uni.$u.test.isEmpty(this.money)) { |
| | | this.queryUseSweepPayCoupon() |
| | | } |
| | | }, |
| | | /*授权unionid*/ |
| | | toRegister() { |
| | | if (this.payWay == 2) { |
| | | const redirect_uri = encodeURIComponent(`${config.webURL}/pay/scanpay?cid=${this.cid || ''}&shopId=${this.shopId || ''}&activityQrcodeId=${this.activityQrcodeId || ''}&smoney=${this.smoney || ''}`) |
| | | const redirect_uri = encodeURIComponent(`${config.webURL}/pay/scanpay?cid=${this.cid || ''}&activityQrcodeId=${this.activityQrcodeId || ''}&onlineId=${this.onlineId||''}`) |
| | | uni.clearStorageSync() |
| | | window.location.href = |
| | | `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${config.wx_appid}&redirect_uri=${redirect_uri}&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect` |
| | |
| | | }, |
| | | // 展示键盘 |
| | | showBord() { |
| | | if(this.onlineId||this.activityQrcodeId){ |
| | | this.bordShow = false; |
| | | return |
| | | } |
| | | this.bordShow = true; |
| | | }, |
| | | init() { |
| | |
| | | cid: this.cid |
| | | } |
| | | } |
| | | if (this.shopId) { |
| | | api = queryShopByShopId |
| | | if (this.activityQrcodeId) { |
| | | api = queryShopByActQrId |
| | | params = { |
| | | shopId: this.shopId |
| | | activityQrcodeId: this.activityQrcodeId |
| | | } |
| | | } |
| | | if (this.onlineId) { |
| | | api = queryShopByOnlineId |
| | | params = { |
| | | onlineId: this.onlineId |
| | | } |
| | | } |
| | | //获取商铺信息 |
| | |
| | | res.logoImage = config.baseURL + res.logoImage |
| | | } |
| | | this.shopInfo = res |
| | | if(res.total){ |
| | | this.money = this.$utils.fenToYuan(res.total) |
| | | } |
| | | if(this.onlineId){ |
| | | this.money = this.$utils.fenToYuan(res.totalPrice) |
| | | if(res.couponId){ |
| | | this.couponInfo = { |
| | | id: res.couponId, |
| | | thresholdValue: res.thresholdValue, |
| | | discount: res.discount, |
| | | discountType: res.discountType, |
| | | } |
| | | } |
| | | } |
| | | }).catch((err) => { |
| | | clearTimeout(timer) |
| | | this.shopInfo.scanFlag = 0 |
| | |
| | | }); |
| | | wx.ready( ()=> { |
| | | wx.hideAllNonBaseMenuItem(); |
| | | if(CHECK_LOCATION){ |
| | | this.wxGetLocation() |
| | | } |
| | | }) |
| | | }) |
| | | } |
| | | if(this.payWay == 5){ |
| | | ap.hideOptionButton(); |
| | | } |
| | | }, |
| | | apGetLocation(callback){ |
| | | ap.getLocation((res)=> { |
| | | console.log('apGetLocation',res) |
| | | if(res.latitude){ |
| | | this.lat = parseFloat(res.latitude).toFixed(6); // 纬度,浮点数,范围为90 ~ -90 |
| | | this.lng = parseFloat(res.longitude).toFixed(6); // 经度,浮点数,范围为180 ~ -180。 |
| | | if(callback) callback() |
| | | }else{ |
| | | uni.showModal({ |
| | | title: '提示', |
| | | content: "获取地理位置失败,无法进行支付!请打开手机定位权限并同意获取位置后重试!", |
| | | confirmText: '重新授权', |
| | | cancelText: '退出', |
| | | success: ret=>{ |
| | | if(ret.confirm){ |
| | | this.apGetLocation(callback) |
| | | }else{ |
| | | this.clickDone() |
| | | } |
| | | } |
| | | }) |
| | | } |
| | | }) |
| | | }, |
| | | wxGetLocation(callback){ |
| | | wx.getLocation({ |
| | |
| | | }else{ |
| | | uni.showModal({ |
| | | title: '提示', |
| | | content: "获取地理位置失败,无法进行支付!", |
| | | content: "获取地理位置失败,无法进行支付!请打开手机定位权限并同意获取位置后重试!", |
| | | confirmText: '重新授权', |
| | | cancelText: '退出', |
| | | success: ret=>{ |
| | | if(ret.confirm){ |
| | | this.wxGetLocation() |
| | | this.wxGetLocation(callback) |
| | | }else{ |
| | | this.clickDone() |
| | | } |
| | | } |
| | | }) |
| | | } |
| | | |
| | | } |
| | | }); |
| | | }, |
| | | // 获取会员相关信息 |
| | | showCoupon() { |
| | | if(this.onlineId){ |
| | | return |
| | | } |
| | | if (this.UNIONID||this.payWay==5) { |
| | | if (uni.$u.test.isEmpty(this.money)) { |
| | | uni.$u.toast('请输入金额!') |
| | |
| | | }, |
| | | //获取用户优惠券 |
| | | queryUseSweepPayCoupon() { |
| | | //2 微信 5支付宝 15云闪付 |
| | | const applyPayWayStr = { |
| | | 2: 1, |
| | | 5: 2, |
| | |
| | | return |
| | | } |
| | | if(!this.lat){ |
| | | this.wxGetLocation(this.pay) |
| | | if(this.payWay == 2){ |
| | | this.wxGetLocation(this.pay) |
| | | } |
| | | if(this.payWay == 5){ |
| | | this.apGetLocation(this.pay) |
| | | } |
| | | }else{ |
| | | this.pay() |
| | | } |
| | |
| | | } |
| | | this.bordShow = false |
| | | // 金额 this.money |
| | | uni.showLoading() |
| | | const params = { |
| | | uni.showLoading({ |
| | | title: '下单中', |
| | | mask: true |
| | | }) |
| | | let params = { |
| | | money: this.$utils.accMul(this.money,100), |
| | | shopId: this.shopInfo.id, |
| | | payWay: this.payWay, |
| | |
| | | } |
| | | if (this.cid) { |
| | | params.cid = this.cid |
| | | } |
| | | if (this.onlineId) { |
| | | params.onlineId = this.onlineId |
| | | } |
| | | //生成订单 |
| | | saveOrder(params).then(res => { |
| | |
| | | }); |
| | | }, |
| | | closeOrder() { |
| | | uni.showLoading({ |
| | | title: '取消支付中', |
| | | mask: true |
| | | }) |
| | | closeOrder({ |
| | | params: { |
| | | id: this.orderId, |
| | | } |
| | | }).then(res => { |
| | | uni.hideLoading() |
| | | }).catch(()=>{ |
| | | uni.hideLoading() |
| | | }) |
| | | } |
| | | } |