Skip to content

G
gxpt_wechat
Commit 6405d2c3 by zhangzhen
Options

细节优化

parent 4924ef47
Showing with 288 additions and 43 deletions
App.vue
......@@ -31,6 +31,7 @@
success: (res) => {
login(res.code).then(res => {
if (res.data.code == 200) {
uni.setStorageSync('loginStatus', res.data.data.type)
if (res.data.data.type === "login") {
uni.setStorageSync('tokenHeaders', "Authori-zation")
uni.setStorage({
......
config/index.config.js
......@@ -7,7 +7,7 @@ const CONFIG = {
// baseUrl: 'https://www.coujio.com/front-api', // 后台接口请求地址
// baseUrl: 'https://coujiao.pseer.com/front-api', // 后台接口请求地址
baseUrl: 'http://129.211.46.84:8883/front-api',
hostUrl: 'http://129.211.46.84:8882/prod-api', // H5地址(前端运行地址)
hostUrl: 'http://129.211.46.84:8888/prod-api', // H5地址(前端运行地址)
// hostUrl: 'https://coujiao.pseer.com/prod-api', // H5地址(前端运行地址)
websocketUrl: '', // websocket服务端地址
weixinAppId: '' ,// 微信公众号appid
......@@ -20,7 +20,7 @@ const CONFIG = {
// assetsPath: 'https://www.coujio.com/wechat_static', // 静态资源路径
baseUrl: 'http://129.211.46.84:8883/front-api', // 后台接口请求地址
// baseUrl: 'https://www.coujio.com/front-api', // 后台接口请求地址
hostUrl: 'http://129.211.46.84:8882/prod-api', // H5地址(前端运行地址)
hostUrl: 'http://129.211.46.84:8888/prod-api', // H5地址(前端运行地址)
// hostUrl: 'https://www.coujio.com/prod-api', // H5地址(前端运行地址)
websocketUrl: '', // websocket服务端地址
weixinAppId: '', // 微信公众号appid
......
pages/index/index.vue
......@@ -48,7 +48,7 @@
</view>
</view>
<view class="banner2">
<image :src="assetsPath +'/banner3.png'" mode="widthFix"></image>
<image :src="assetsPath +'/banner4.png'" mode="widthFix"></image>
</view>
<view class="flex-col list-box">
<!-- <view class="title titleStyle">
......@@ -944,8 +944,7 @@
.banner2 {
width: 674upx;
margin: 0 auto;
margin: 10upx auto 20upx;
image {
display: block;
width: 100%;
......
pages/vipCreate/vipCreate.vue
......@@ -46,7 +46,7 @@
</view>
<view class="flex-col item-content" :class="rechargeIndex === k?'active':''">
<view v-if="item.giveType.includes('1')" class="preferential">
<text>送{{item.giveAmount}}小时</text>
<text>送 ￥{{item.giveAmount}}</text>
</view>
<view v-else-if="item.giveType.includes('2')" class="preferential">
<text>送{{item.giveDuration}}小时</text>
......@@ -88,8 +88,8 @@
<view class="flex-3">
<view class="flex-row">
<text class="text-1">￥</text>
<text class="text-2">{{equityAmountList[0]}}.</text>
<text class="text-3">{{equityAmountList[1]}}</text>
<text class="text-2">{{equityAmountList.length? equityAmountList[0]:'99'}}.</text>
<text class="text-3">{{equityAmountList.length? equityAmountList[1]:'00'}}</text>
</view>
<view class="cu-btn-box" @tap="onSubmit">
<button class="cu-btn"
......@@ -167,6 +167,86 @@
<view class="rule-btn" @tap="onNavToRule">
<text>规则</text>
</view>
<uni-popup ref="popup" type="center">
<view class="popup-box">
<view class="title-header">
<text class="text-title text-black text-lg text-bold">提示</text>
</view>
<view class="popup-content">
<text>购买或充值前请先授权登录，请确认是否授权登录？</text>
</view>
<view class="btn-list-box">
<view class="btn-box">
<button class="cu-btn bg-gray" @tap="onClose">取 消</button>
</view>
<view class="btn-box">
<button class="cu-btn bg-pink" open-type="getPhoneNumber" @getphonenumber="onGetPhoneNumber">授 权</button>
</view>
</view>
</view>
</uni-popup>
<uni-popup ref="popupPay" type="bottom">
<view class="popup-box popup-box-2">
<view class="title-header">
<text class="text-title text-black text-lg text-bold">购买详情</text>
<text class="cuIcon-roundclose text-xl text-icon" @tap="onClose"></text>
</view>
<view v-if="rechargeConfList.length" class="flex-col popup-content">
<view v-if="tabIndex ==1" class="recharge-content">
<text class="text-1">余额充值，多充多送，待支付：</text>
<view class="payfee-text">
<text>￥{{rechargeConfList[rechargeIndex].rechargeAmount}}</text>
</view>
<view class="flex-row">
<text class="text-3">赠送：</text>
<view class="flex-col">
<view class="flex-row-center" v-if="rechargeConfList[rechargeIndex].giveType.includes('1')">
<text class="text-11">￥</text>
<text class="text-12">{{rechargeConfList[rechargeIndex].giveAmount}}</text>
<text class="text-13">钱包余额，下单可抵扣</text>
</view>
<view class="flex-row-center" v-if="rechargeConfList[rechargeIndex].giveType.includes('2')">
<text class="text-12">{{rechargeConfList[rechargeIndex].giveDuration}}小时</text>
<text class="text-13">时长,下单可抵扣</text>
</view>
<view class="flex-row-center" v-if="rechargeConfList[rechargeIndex].giveType.includes('3')">
<text class="text-14">优惠券</text>
<text class="text-13">1张，下单可抵扣</text>
</view>
</view>
</view>
</view>
<view v-else-if="tabIndex ==2" class="recharge-content">
<text class="text-1">购买权益，优惠享不停，待支付：</text>
<view class="payfee-text">
<text>￥{{equityAmountList[0].requiredAmount}}</text>
</view>
<view class="flex-row">
<text class="text-3">可享权益：</text>
<view class="flex-col">
<view class="flex-row-center" v-if="rechargeConfList[rechargeIndex].giveType.includes('1')">
<text class="text-13">房间预定，下单即可享98折起</text>
</view>
<view class="flex-row-center" v-if="rechargeConfList[rechargeIndex].giveType.includes('2')">
<text class="text-13">房间预定，下单即可享会员积分赠送</text>
</view>
<view class="flex-row-center" v-if="rechargeConfList[rechargeIndex].giveType.includes('3')">
<text class="text-13">更多权益请查看多动规则</text>
</view>
</view>
</view>
</view>
</view>
<view class="btn-list-box">
<view class="btn-box">
<button class="cu-btn bg-pink" @tap="onConfirmPay">确认支付</button>
</view>
</view>
</view>
</uni-popup>
<f-tabbar></f-tabbar>
</view>
</template>
......@@ -180,7 +260,8 @@
} from "@/api/uerInfo.js";
import {
getUserInfo,
register,
getUserInfo
} from "@/api/index.js"
import {
......@@ -202,6 +283,7 @@
tabIndex: 1,
rechargeIndex: 0,
index: 0,
phoneCode:'',
consumerMemberStatus: false,
equityAmountList:[],
preferList: [{
......@@ -263,6 +345,54 @@
this.onLoading();
},
methods: {
onConfirmPay(){
if(this.tabIndex ==1){
this.onCreateRecharge()
}else if(this.tabIndex ==2){
this.onCreateEquityMembers()
}
},
onClose(){
this.$refs.popup.close()
this.$refs.popupPay.close()
},
onGetPhoneNumber(e){
if(e.detail.errMsg !== "getPhoneNumber:ok") return;
this.onClose();
let that = this;
this.phoneCode = e.detail.code;
wx.login({
success: (res) => {
uni.showLoading({
title: "授权中"
})
register({
loginCode:res.code,
phoneCode: this.phoneCode,
type: "routine",
}).then(res => {
uni.hideLoading();
console.log(JSON.stringify(res),"注册后的数据结构")
if (res.data.code == 200) {
uni.setStorageSync('loginStatus', res.data.data.type || 'login')
uni.setStorageSync('tokenHeaders', "Authori-zation")
uni.setStorage({
key: uni.getStorageSync('tokenHeaders'),
data: res.data.data.token,
success: (res) => {
if(that.tabIndex ==1 ){
that.onNavToRecharge();
}else{
that.onSubmit();
}
}
})
}
})
}
})
},
onGetUserInfo() {
getUserInfo().then(res => {
if (res.data.code == 200) {
......@@ -315,6 +445,23 @@
this.tabIndex = val;
this.checked = false;
},
onNavToRule() {
uni.navigateTo({
url: "/setting/rule/rule?keyData=vip_user_rule"
})
},
onNavToRule2() {
uni.navigateTo({
url: "/setting/rule/rule?keyData=user_pay_protocol"
})
},
onNavToRule3(){
uni.navigateTo({
url: "/setting/rule/rule?keyData=user_equity_details"
})
},
onSubmit() {
if(this.consumerMemberStatus) return;
if (!this.checked) {
......@@ -324,13 +471,33 @@
})
return;
}
let that = this;
if(uni.getStorageSync('loginStatus') != 'login'){
this.$refs.popup.open();
return
}
this.$refs.popupPay.open();
},
onNavToRecharge() {
if (!this.checked) {
uni.showToast({
icon: "none",
title: "请先阅读充值协议并同意"
})
return;
}
if(uni.getStorageSync('loginStatus') != 'login'){
this.$refs.popup.open();
return
}
this.$refs.popupPay.open();
},
onCreateRecharge(){
uni.showLoading({
title: "提交中..."
})
createEquityMembers({
createRecharge({
payType: 1,
equityMembersConfigId: this.list[this.index].id
rechargeConfId: this.rechargeConfList[this.rechargeIndex].id
}).then(res => {
uni.hideLoading();
if (res.data.data.jsConfig) {
......@@ -346,9 +513,7 @@
icon: "success",
title: "下单成功",
success: () => {
setTimeout(() => {
that.onGetUserInfo();
}, 1000)
}
})
},
......@@ -363,38 +528,17 @@
}
});
}
})
},
onNavToRule() {
uni.navigateTo({
url: "/setting/rule/rule?keyData=vip_user_rule"
})
},
onNavToRule2() {
uni.navigateTo({
url: "/setting/rule/rule?keyData=user_pay_protocol"
})
},
onNavToRule3(){
uni.navigateTo({
url: "/setting/rule/rule?keyData=user_equity_details"
})
},
onNavToRecharge() {
if (!this.checked) {
uni.showToast({
icon: "none",
title: "请先阅读充值协议并同意"
})
return;
}
onCreateEquityMembers(){
let that = this;
uni.showLoading({
title: "提交中..."
})
createRecharge({
createEquityMembers({
payType: 1,
rechargeConfId: this.rechargeConfList[this.rechargeIndex].id
equityMembersConfigId: this.list[this.index].id
}).then(res => {
uni.hideLoading();
if (res.data.data.jsConfig) {
......@@ -410,7 +554,9 @@
icon: "success",
title: "下单成功",
success: () => {
setTimeout(() => {
that.onGetUserInfo();
}, 1000)
}
})
},
......@@ -425,7 +571,6 @@
}
});
}
})
}
}
......@@ -998,4 +1143,103 @@
text-align: center;
}
}
.popup-box{
display: flex;
flex-direction: column;
background: linear-gradient(-45deg,rgba(255, 170, 0, 0.98), rgba(255,255,255,0.98));
border-radius: 12upx;
width: 80%;
margin: 0 auto;
.title-header{
display: flex;
justify-content: center;
align-items: center;
padding: 24upx 0;
border-bottom: 1px dashed #fce051;
}
.popup-content{
display: flex;
align-items: center;
padding: 30upx 24upx;
min-height: 180upx;
}
.btn-list-box{
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
border-top: 1px solid #fce051;
.btn-box{
display: flex;
flex: 1;
justify-content: center;
align-items: center;
padding: 24upx 0;
.cu-btn{
width: 80%;
}
.bg-gray{
// color: #ffffff;
}
.bg-pink{
background-color: rgba(224, 57, 151, 0.74);
}
}
}
}
.popup-box-2{
width: 100%;
border-radius: 20upx 20upx 0 0;
.title-header{
display: flex;
justify-content: space-between;
padding: 30upx 24upx;
.text-icon{
font-size: 50upx;
color: #ffffff;
}
}
.popup-content{
min-height: 240upx;
.recharge-content{
display: flex;
flex-direction: column;
width: 100%;
.text-1{
font-size: 26upx;
}
.payfee-text{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
font-size: 52upx;
color: rgba(224, 57, 151, 1);
font-weight: bolder;
margin: 24upx 0;
}
.flex-row{
.text-3{
color: #999999;
}
.flex-col{
.text-11{
color: rgba(224, 57, 151, 0.9);
}
.text-12{
color: rgba(224, 57, 151, 0.9);
font-size: 36upx;
}
.text-13{
color: #333333;
margin-left: 4upx;
}
.text-14{
color: rgba(224, 57, 151, 0.9);
}
}
}
}
}
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment