修改文字

2021-09-27 14:59:47 +08:00
parent 1061a588c6
commit 5d83183a89
7 changed files with 193 additions and 12 deletions
--- a/apis/interfaces/vip.js
+++ b/apis/interfaces/vip.js
@@ -46,10 +46,20 @@ const userAgree = () =>{
 	})
 }

+// 上传打款凭证
+const vipVoucher = (data) =>{
+	return request({
+		url		: 'user/voucher/store',
+		method	: 'POST',
+        data    : data
+	})
+}
+
 export {
 	identities,
 	vipOrder,
 	vipWechatPay,
    vipCont,
-    userAgree
+    userAgree,
+    vipVoucher
 }
--- a/pages.json
+++ b/pages.json
@@ -67,6 +67,12 @@
 		"style": {
 			"navigationBarTitleText": "服务条款"
 		}
+	}, {
+		"path": "pages/vip/examine",
+		"name": "Examine",
+		"style": {
+			"navigationBarTitleText": "提交成功"
+		}
 	}, {
 		"path": "pages/setting/setting",
 		"name": "setting",
--- a/pages/user/help.vue
+++ b/pages/user/help.vue
@@ -32,7 +32,6 @@
            // 帮助中心
            helpInfo(){
                userHelp().then(res => {
-                    console.log(res)
                    res.forEach((value, index) => {
                        res[index].spread = false
                        res[0].spread = true
--- a/pages/user/index.vue
+++ b/pages/user/index.vue
@@ -294,7 +294,6 @@
            userInfo() {
                // 读取配置信息
                userIndex().then(res=>{
-                    console.log(res.identityShow)
                    this.userData     = res
                    this.helpDoc      = res.help_doc
                    this.userIdentity = res.identityShow
--- a/pages/vip/examine.vue
+++ b/pages/vip/examine.vue
@@ -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>
--- a/pages/vip/vip.vue
+++ b/pages/vip/vip.vue
@@ -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>
        <view class="footer">
-                <image class="footer-btn" :src="identitie[tabsIndex].button_cover" mode="widthFix" @click="openOrder"></image>
            <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 {
--- a/static/user/vipExamine.png
+++ b/static/user/vipExamine.png