|
|
@@ -1,4 +1,77 @@
|
|
|
-
|
|
|
+<template>
|
|
|
+ <view class="login-main">
|
|
|
+ <view style="width: 100%">
|
|
|
+ <view style="width: 100%;height: 270rpx;">
|
|
|
+ <image class="img" src="../../static/images/payBack.png" style="width: 100%;height: 100%;"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="main">
|
|
|
+ <view class="login-main-content">
|
|
|
+ <image class="img" :src="shopInfo.store_logo_url
|
|
|
+ ? shopInfo.store_logo_url
|
|
|
+ : '/static/images/error.jpeg'
|
|
|
+ " mode=""></image>
|
|
|
+ <h4 class="shopName">
|
|
|
+ 陕西天枢云 {{ shopInfo ? shopInfo.store_name : "" }}
|
|
|
+ </h4>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="login-contont">
|
|
|
+ <view class="uInput">
|
|
|
+ <u-input placeholder="请输入金额" border="bottom" :fontSize="40" type="digit"
|
|
|
+ @change="validateInput($event, 1)" v-model="price" :customStyle="inpustyle">
|
|
|
+ <span slot="prefix" style="font-size: 30px">¥</span>
|
|
|
+ </u-input>
|
|
|
+ </view>
|
|
|
+ <view class="login-contont-button">
|
|
|
+ <button class="btn" @click="Pay">立即支付</button>
|
|
|
+ <view style="padding: 0px 30rpx;">
|
|
|
+ <view style="margin-top: 66rpx;background: #FFF7F6;">
|
|
|
+ <u-cell-group :border="false">
|
|
|
+ <u-cell title="代金券折扣" value="可使用4个" :border="false"></u-cell>
|
|
|
+ </u-cell-group>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view style="margin-top: 20rpx; font-size: 26rpx">
|
|
|
+ 支付成功后,次日将有随机奖励红包以及店铺代金券,可抵现金花,AI天枢云小程序领取
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <u-popup :zIndex="200" :overlayStyle="{ zIndex: 200 }" :show="showPhone" @close="close" @open="open"
|
|
|
+ :safeAreaInsetTop="true" round="20">
|
|
|
+ <view class="popup">
|
|
|
+ <view class="header">
|
|
|
+ <h4>绑定手机号</h4>
|
|
|
+ <p class="tip">注意:首次登录,需绑定手机号才可成功领取农商网红包</p>
|
|
|
+ </view>
|
|
|
+ <view class="main">
|
|
|
+ <view style="height: 70rpx">
|
|
|
+ <u--input placeholder="请输入手机号" type="number" border="surround" v-model="phone"
|
|
|
+ style="background: #f4f4f4; height: 100%" />
|
|
|
+ </view>
|
|
|
+ <view style="margin-top: 20px; height: 70rpx">
|
|
|
+ <u--input placeholder="验证码" border="surround" v-model="yzm"
|
|
|
+ style="background: #f4f4f4; height: 100%">
|
|
|
+ <template slot="suffix">
|
|
|
+ <u-code ref="uCode" @change="codeChange" seconds="60" changeText="X秒重新获取"></u-code>
|
|
|
+ <!-- <u-button @tap="getCode" :text="tips" type="success" size="mini"></u-button> -->
|
|
|
+ <text class="yzm" @tap="getCode">{{
|
|
|
+ tips ? tips : "发送验证码"
|
|
|
+ }}</text>
|
|
|
+ </template>
|
|
|
+ </u--input>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="footer">
|
|
|
+ <u-button type="primary" class="btn" text="确定" @click="submitOk"></u-button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-popup>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
|
|
|
<script>
|
|
|
import { requestConfig } from "@/app.config.js";
|
|
|
@@ -27,18 +100,16 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
onLoad(options) {
|
|
|
- // this.shopId = options.shopId
|
|
|
- // this.uid = options.uid || ''
|
|
|
- // console.log(this.uid);
|
|
|
- // let info = localStorage.getItem('weChatUserInfo');
|
|
|
- // console.log(info);
|
|
|
- // this.localUserInfo = JSON.parse(info)
|
|
|
- // if (this.localUserInfo) {
|
|
|
- // this.vidTokenExist()
|
|
|
- // } else {
|
|
|
- // this.getShopInfo();
|
|
|
- // this.getInfo();
|
|
|
- // }
|
|
|
+ this.shopId = options.shopId
|
|
|
+ this.uid = options.uid || ''
|
|
|
+ let info = localStorage.getItem('weChatUserInfo');
|
|
|
+ this.localUserInfo = JSON.parse(info)
|
|
|
+ if (this.localUserInfo) {
|
|
|
+ this.vidTokenExist()
|
|
|
+ } else {
|
|
|
+ this.getShopInfo();
|
|
|
+ this.getInfo();
|
|
|
+ }
|
|
|
},
|
|
|
methods: {
|
|
|
async vidTokenExist() {
|