TmOct5/BlockChainH5
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

修改文字

Browse Source
This commit is contained in:
zhangmanman
2021-09-27 14:59:47 +08:00
parent 1061a588c6
commit 5d83183a89
7 changed files with 193 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
pages/vip/examine.vue Normal file
View File

@@ -0,0 +1,44 @@
<template>
<view>
<view class="examine">
<image class="examine-img" src="@/static/user/vipExamine.png" mode="widthFix"></image>
<view class="examine-name">
提交成功,请耐心等待~
</view>
<view class="examine-cont" @click="$Router.push({name: 'User'})">
我知道了
</view>
</view>
</view>
</template>
<script>
</script>
<style>
page {
background-color: #FFFFFF;
}
</style>
<style lang="scss" scoped>
.examine {
text-align: center;
padding: 340rpx 0 0;
.examine-img {
width: 50%;
}
.examine-name {
margin: 0 0 40rpx;
}
.examine-cont {
background: $mian-color;
border-radius: 6rpx;
height: 82rpx;
line-height: 82rpx;
font-size: $title-size-lg;
color: white;
display: inline-block;
padding: 0 100rpx;
}
}
</style>

141
pages/vip/vip.vue
View File

@@ -1,5 +1,14 @@
<template>
<view class="content" v-if="!loding">
<!-- 上传凭证弹出 -->
<view class="canBack" v-if="canForm"></view>
<view class="canPop" v-if="canForm">
<image class="canPop-tips" @click="canClick" src="/static/user/order-cancelPay.png" mode="widthFix"></image>
<view class="canPop-cont">上传打款凭证</view>
<image class="canPop-cover" :src="canFromImg.showpath || require('@/static/icons/add-icon.png')" @click="updImg()" mode="aspectFill"></image>
<view class="canPop-btn" @click="canSubmit">提交</view>
</view>
<swiper class="vip-container" previous-margin="55rpx" next-margin="55rpx" circular @change="swiperChange">
<swiper-item class="swiper-item" v-for="(item, index) in identitie" :key="index">
<view class="vip-item" :class="tabsIndex == index ? 'color-item-img' : ''">
@@ -84,12 +93,7 @@
<!-- 开通按钮 -->
<view class="footer">
<block v-if="identitie[tabsIndex].identity_id == 2">
<image class="footer-btn" :src="identitie[tabsIndex].button_cover" mode="widthFix" @click="openUrl"></image>
</block>
<block v-else>
<image class="footer-btn" :src="identitie[tabsIndex].button_cover" mode="widthFix" @click="openOrder"></image>
<view class="footer">
<image class="footer-btn" :src="identitie[tabsIndex].button_cover" mode="widthFix" @click="openOrder"></image>
<!-- <button class="footer-btn" type="default" >
<view class="footer-btn-num">
@@ -103,7 +107,8 @@
</view>
</template>
<script>
<script>
import { identities, vipOrder, vipWechatPay, vipCont, vipVoucher } from '@/apis/interfaces/vip'
import { uploads } from '@/apis/interfaces/uploading'
export default {
data() {
@@ -117,6 +122,12 @@
identityTime: '', // 到期时间
sumNumber : 1, // 开通年限
total : '', // 开通年限总资金额
selected : false, // 用户协议
canBtn : '', // 按钮操作
canForm : false, // 凭证弹出
canFromImg : {
showpath: '',
path : ''
},
}
},
@@ -131,6 +142,7 @@
this.loding = false
this.identitie = res.identities
this.rights = res.identities[this.tabsIndex].rights
this.total = res.identities[this.tabsIndex].price
this.canBtn = res.identities[this.tabsIndex].can
}).catch(err =>{
uni.showToast({
@@ -141,7 +153,6 @@
},
// 切换开通身份
swiperChange(e) {
swiperChange(e) {
this.tabsIndex = e.detail.current
// 获取当前用户信息
@@ -149,6 +160,7 @@
},
// 开通会员
openOrder(){
let can = this.canBtn
if(this.selected == false) {
uni.showToast({
@@ -156,6 +168,20 @@
icon : 'none'
})
return
}
if(can.on_line) {
console.log('微信支付')
} else {
if(can.buy) {
// 提交表单-图片
this.canClick();
} else {
uni.showToast({
title: can.message,
icon : 'none'
})
}
}
return
let identitiesId = this.identitie[this.tabsIndex].identity_id
vipOrder(identitiesId,{
@@ -230,15 +256,112 @@
title : title,
content : val,
showCancel : false
})
},
// 上传打款凭证图片
updImg(){
uni.chooseImage({
count : 1,
success : path => {
uploads([{
uri : path.tempFilePaths[0]
}]).then(res => {
this.canFromImg = {
showpath: res.url[0],
path: res.path[0]
}
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
})
})
}
})
},
// 打款凭证弹出状态
canClick() {
this.canForm = !this.canForm
},
// 打款凭证提交
canSubmit() {
let newCover = this.canFromImg.path,
newId = this.identitie[this.tabsIndex].identity_id
vipVoucher({
cover: newCover,
identity_id: newId
}).then(res => {
this.$Router.push({name: "Examine"})
}).catch(err =>{
uni.showToast({
title: err.message,
icon : 'none'
})
})
}
}
}
</script>
<style>
page {
background-color: #FFFFFF;
}
</style>
<style lang="scss" scoped>
.canBack {
position: fixed;
width: 100vw;
height: 100vh;
background-color: rgba(0,0,0,.5);
left: 0;
top: 0;
z-index: 99;
}
.canPop {
position: absolute;
background-color: #FFFFFF;
left: 100rpx;
right: 100rpx;
top: 30%;
z-index: 101;
padding: 30rpx;
box-sizing: border-box;
border-radius: 10rpx;
text-align: center;
.canPop-tips {
position: absolute;
right: 20rpx;
top: 32rpx;
width: 32rpx;
height: 32rpx;
z-index: 1002;
}
.canPop-cont {
font-size: 32rpx;
font-weight: 600;
}
.canPop-cover {
margin: 60rpx auto 40rpx;
width: 240rpx;
height: 240rpx;
border: 2rpx solid #f3f3f3;
}
.canPop-btn {
text-align: center;
background: $mian-color;
border-radius: 0;
height: 90rpx;
line-height: 90rpx;
font-size: $title-size;
color: white;
&::after{
border: none;
}
}
}
.vip-container {