From a9e9233ff88495e022738179fefaea739e145abb Mon Sep 17 00:00:00 2001
From: lin <1005713861@163.com>
Date: Thu, 25 Jun 2026 10:43:57 +0800
Subject: [PATCH] UI：澜品优选 我的页面会员权益跳转逻辑调整
---
pages/my/my.vue | 316 +++++++++++++++++++++++++++++++++++++---------------
1 files changed, 225 insertions(+), 91 deletions(-)
diff --git a/pages/my/my.vue b/pages/my/my.vue
index 68d6f01..6147f84 100644
--- a/pages/my/my.vue
+++ b/pages/my/my.vue
@@ -1,17 +1,19 @@
<template>
- <view class="my">
+ <view class="myView">
+ <image class="myView-bg" src="@/static/imgs/my-bg.png" mode="scaleToFill"></image>
<yk-authpup ref="authpup" type="top" @changeAuth="changeAuth" noticeTitle="便于您使用该功能上传您的照片用于核实身份场景中读取相册内容" permissionID="WRITE_EXTERNAL_STORAGE"></yk-authpup>
<yk-authpup ref="camears" type="top" @changeAuth="changeAuth2" noticeTitle="便于您使用该功能便于您拍摄上传用于核实身份场景" permissionID="CAMERA"></yk-authpup>
- <view class="startBar" style="background-color: #e3b400;"></view>
- <view class="myTop">
- <view class="headimg">
- <image :src="userInfo != null ? userInfo.avatar : '/static/imgs/headimg.png'" class="" mode="" @tap="setImg"></image>
- <view class="">
+ <view class="startBar"></view>
+ <view class="myContent">
+ <view class="myHeader">
+ <image :src="userInfo != null ? userInfo.avatar : '/static/imgs/headimg.png'" class="avatar" mode=""></image>
+ <!-- <image :src="userInfo != null ? userInfo.avatar : '/static/imgs/headimg.png'" class="avatar" mode="" @tap="setImg"></image> -->
+ <view class="myNick">
<template>
<view v-if="userInfo == null" @tap="$util.goPages('/pages/login/login')">未登录</view>
<view v-else>{{userInfo.phone}}</view>
</template>
- <template v-if="userInfo != null && Config">
+ <!-- <template v-if="userInfo != null && Config">
<template v-if="userInfo.status == 1">
<view class="edu" v-if="userInfo != null && userInfo.edu_auth == 0 && Config.put_open == 2 && userInfo.over_auth == 0">额度：未认证</view>
<view class="edu" v-else-if="userInfo != null && userInfo.edu_auth == 0 && Config.put_open == 2 && userInfo.over_auth == 1">额度：授信中</view>
@@ -22,90 +24,112 @@
</template>
</template>
<template v-if="userInfo != null && userInfo.face_auth == 0">
- <view class="edu" @tap="$util.checkGoPages('/pages/my/my')">未认证(去认证)</view>
- </template>
+ <view class="edu" @tap="$util.checkGoPages('/pages/my/my')">未认证</view>
+ </template> -->
</view>
</view>
- </view>
- <view class="myNavs">
- <view class="myNavs-tips" @tap="$util.checkLogin('/pages/order/order')">
- <text class="myNavs-tips-text">我的订单</text>
- <view class="myNavs-tips-rgt">
- <text>查看全部</text>
- <image src="/static/imgs/right.png" mode=""></image>
+ <!-- <view class="auth" v-if="userInfo && userInfo.over_auth != 1" @tap="$util.checkGoPages('/pages/my/my')">
+ <image src="@/static/imgs/notice.png" mode=""></image>
+ <text>您还未进行实名认证，点击前往实名认证</text>
+ <view class="">去认证</view>
+ </view> -->
+
+ <!-- <view class="num-wrapper tui-skeleton-rect">
+ <view class="num-item" style="display: flex;background: white;border-radius: 24rpx;padding: 22rpx;width: 48%;" @tap="$util.checkLogin('/pages/collect/collect')">
+ <view style="padding-right: 32rpx;">
+ <image style="width: 48rpx;height: 48rpx;margin-top: 30rpx;" src="/static/imgs/Star.png"></image>
+ </view>
+ <view style="flex: 1">
+ <view class="txt" style="color: #666;text-align:left">我的收藏</view>
+ <view class="num" style="color: #333;text-align:left;margin-top: 8rpx;">0</view>
+
+ </view>
+ </view>
+ <view style="display: flex;background: white;border-radius: 24rpx;padding: 22rpx;width: 48%;" class="num-item" @tap="$util.checkLogin('/pages/address/address')">
+ <view style="padding-right: 32rpx;">
+ <image style="width: 48rpx;height: 48rpx;margin-top: 30rpx;" src="/static/imgs/History.png"></image>
+ </view>
+ <view style="flex: 1">
+ <view class="txt" style="color: #666;text-align:left">我的地址</view>
+ <view class="num" style="color: #333;text-align:left;margin-top: 5rpx;">0</view>
+
+ </view>
+
+ </view>
+ </view> -->
+
+ <view class="navs">
+ <view class="title" @tap="$util.checkLogin('/pages/order/order')">
+ <text>我的订单</text>
+ <view class="navs-rgt">
+ <text>查看全部</text>
+ <image src="/static/imgs/right.png" mode=""></image>
+ </view>
+ </view>
+ <view class="navCon">
+ <view class="navCon-v" v-for="(item, index) in navData" @tap="$util.checkLogin(item.url)">
+ <image :src="'../../static/imgs/nv' + item.index + '.png'" mode=""></image>
+ <view>{{item.text}}</view>
+ </view>
</view>
</view>
- <view class="myNavs-view">
- <view class="myNavs-item" @tap="$util.checkLogin('/pages/order/order?status=1')">
- <image class="myNavs-item-icon" src="/static/imgs/my-n-1.png" mode=""></image>
- <text class="myNavs-item-text">待支付</text>
- </view>
- <view class="myNavs-item" @tap="$util.checkLogin('/pages/order/order?status=3')">
- <image class="myNavs-item-icon" src="/static/imgs/my-n-5.png" mode=""></image>
- <text class="myNavs-item-text">待签约</text>
- </view>
- <view class="myNavs-item" @tap="$util.checkLogin('/pages/order/order?status=4')">
- <image class="myNavs-item-icon" src="/static/imgs/my-n-2.png" mode=""></image>
- <text class="myNavs-item-text">待发货</text>
- </view>
- <view class="myNavs-item" @tap="$util.checkLogin('/pages/order/order?status=5')">
- <image class="myNavs-item-icon" src="/static/imgs/my-n-3.png" mode=""></image>
- <text class="myNavs-item-text">待收货</text>
- </view>
- <view class="myNavs-item" @tap="$util.checkLogin('/pages/order/order?status=8')">
- <image class="myNavs-item-icon" src="/static/imgs/my-n-4.png" mode=""></image>
- <text class="myNavs-item-text">已完成</text>
+
+ <view class="mySer">
+ <view class="title">我的服务</view>
+ <view class="mySerCon">
+ <template v-for="(item, index) in mySerData">
+ <view class="mySerCon-v" @tap="$util.checkLogin(item.url)" v-if="item.index != 6">
+ <image :src="'../../static/imgs/mf' + item.index + '.png'" mode=""></image>
+ <view>{{item.text}}</view>
+ </view>
+ <view class="mySerCon-v" @tap="goKefu" v-else>
+ <image :src="'../../static/imgs/mf' + item.index + '.png'" mode=""></image>
+ <view>{{item.text}}</view>
+ </view>
+ </template>
+ <view v-if="isShop" class="mySerCon-v" @tap="toHuishou" >
+ <template>
+ <image src="/static/imgs/quanshou.png" mode="widthFix"></image>
+ <text>会员权益</text></template>
+ </view>
+ <view class="mySerCon-v" @tap="goAbout">
+ <image :src="'../../static/imgs/mf1.png'" mode=""></image>
+ <view>关于澜品优选</view>
+ </view>
</view>
</view>
+ <!-- <view style="text-align: center;font-size: 24rpx;color: #666666;margin: 80rpx 0;">
+ 客服电话:400-6229-771(8:00-20:00)
+ </view> -->
+ <view class="myBeiAn">
+ <view class="">
+ <text @tap="agreeDialog1">《用户协议》</text>
+ <text>|</text>
+ <text @tap="agreeDialog2">《隐私政策》</text>
+ </view>
+ <view @tap="goWebUrl('http://beian.miit.gov.cn')">APP备案号: {{Config.icp}}</view>
+ <view @tap="goWebUrl('http://beian.miit.gov.cn')">Copyright © 2025 数澜科技 All Rights Reserved.</view>
+ <!-- <view @tap="goWebUrl('http://beian.miit.gov.cn')">Copyright © 2025 {{Config.url}} All Rights Reserved.</view> -->
+
+ </view>
+ <agreePup ref="agreePup1" :gp="1" title="注册协议"></agreePup>
+ <agreePup ref="agreePup2" :gp="2" title="隐私政策"></agreePup>
+ <uni-popup type="center" ref="comment" >
+ <!-- <view style="background-image: url('/static/imgs/BOXSDF.png');background-repeat: no-repeat;background-size: 100% 100%"> -->
+ <view style="background: linear-gradient( 180deg, #269AFF 0%, #52F6FF 30%, #FFFBFC 50%, #ffffff 100%), linear-gradient( 180deg, #52F6FF 0%, #FFFBFC 50%, #ffffff 100%);border-radius: 40rpx 40rpx 40rpx 40rpx;">
+ <view style="border-radius: 48rpx;padding: 28rpx 20rpx">
+ <view style="text-align: center;padding-top: 30rpx;" >
+ <image src="/static/img/qsLifeIcon.png" style="width: 560rpx;height: 252rpx;"></image>
+ </view>
+ <view style="font-size: 32rpx;font-weight: 600;color: #333333;text-align: center;margin-top: 34rpx;margin-bottom: 80rpx;padding: 0 28rpx;">{{errState}}</view>
+ <view @click="$refs.comment.close()" style="font-weight: 500;font-size: 32rpx;color: #fff;text-align: center;padding: 24rpx 28rpx;border-top: 2rpx solid #EEEEEE;background: #4766FE;;border-radius: 40rpx ;">好的</view>
+ </view>
+ </view>
+
+ </uni-popup>
+
</view>
-
- <view class="myServe">
- <view class="myNavs-tips">
- <text class="myNavs-tips-text">我的服务</text>
- </view>
- <view class="myServe-view">
- <view class="myServe-item" @tap="$util.checkLogin('/pages/profile/profile')">
- <image src="/static/imgs/my-s-1.png" mode=""></image>
- <text>个人信息</text>
- </view>
- <view class="myServe-item" @tap="$util.checkLogin('/pages/logs/logs')" v-if="Config && Config.put_open == 2">
- <image src="/static/imgs/my-s-2.png" mode=""></image>
- <text>账单信息</text>
- </view>
- <view class="myServe-item" @tap="$util.checkLogin('/pages/bank/bank')">
- <image src="/static/imgs/my-s-3.png" mode=""></image>
- <text>银行卡</text>
- </view>
- <view class="myServe-item" @tap="$util.checkLogin('/pages/address/address')">
- <image src="/static/imgs/my-s-4.png" mode=""></image>
- <text>我的地址</text>
- </view>
- <view class="myServe-item" @tap="$util.checkLogin('/pages/collect/collect')">
- <image src="/static/imgs/my-s-5.png" mode=""></image>
- <text>我的收藏</text>
- </view>
- <view class="myServe-item" @tap="goKefu">
- <image src="/static/imgs/my-s-6.png" mode=""></image>
- <text>联系客服</text>
- </view>
- <view class="myServe-item" v-if="Config.put_open == 1">
-
- </view>
- </view>
- </view>
- <view class="myBeiAn">
- <view class="">
- <text @tap="agreeDialog1">《用户协议》</text>
- <text>|</text>
- <text @tap="agreeDialog2">《隐私政策》</text>
- </view>
- <view @tap="goWebUrl('http://beian.miit.gov.cn')">APP备案号: {{Config.icp}}</view>
- <view @tap="goWebUrl('http://beian.miit.gov.cn')">Copyright © 2025 {{Config.url}} All Rights Reserved.</view>
-
- </view>
- <agreePup ref="agreePup1" :gp="1" title="注册协议"></agreePup>
- <agreePup ref="agreePup2" :gp="2" title="隐私政策"></agreePup>
</view>
</template>
@@ -120,6 +144,25 @@
return {
userInfo: this.$util.getUserInfo(),
Config: {put_open: 1},
+ navData: [
+ {index: 1, text: '待支付', url: '/pages/order/order?status=1'},
+ {index: 3, text: '待发货', url: '/pages/order/order?status=4'},
+ {index: 4, text: '待收货', url: '/pages/order/order?status=5'},
+ // {index: 2, text: '待签约', url: '/pages/order/order?status=3'},
+ {index: 5, text: '已完成', url: '/pages/order/order?status=8'}
+ ],
+ mySerData: [
+ {index: 1, text: '个人信息', url: '/pages/profile/profile'},
+ // {index: 2, text: '账单信息', url: '/pages/logs/logs'},
+ // {index: 3, text: '银行卡', url: '/pages/bank/bank'},
+ {index: 2, text: '我的地址', url: '/pages/address/address'},
+ {index: 3, text: '我的收藏', url: '/pages/collect/collect'},
+ // {index: 4, text: '会员权收', url: '/pages/quanshou/index'},
+ {index: 6, text: '联系客服'},
+ ],
+ errState: '',
+ isShop: false,
+ boughtEquity: 0,
}
},
onLoad() {
@@ -127,8 +170,71 @@
onShow() {
this.getConfig()
this.getUserInfo()
+ const _this = this;
+ if(_this.$util.getUserInfo()?.phone){
+ uni.request({
+ url: _this.$webHost+'/api/v2/auth/iosShopUnionLogin?phone='+_this.$util.getUserInfo().phone + '&configureToDomain=10',
+ data:{
+ customerId: uni.getStorageSync('ygxLogin').customerId,
+ appId: uni.getStorageSync('ygxLogin').appId
+ },
+ success: function (res) {
+ _this.isShop = res?.data?.data?.isShop;
+ _this.boughtEquity = res?.data?.data?.boughtEquity;
+ uni.setStorageSync('ygxLogin', res.data.data)
+ console.log('isShop',_this.isShop)
+ console.log('res',res)
+ }
+ })
+ } else {
+ _this.isShop = false
+ }
},
methods: {
+ goAbout() {
+ uni.navigateTo({
+ url:'/pages/about/about'
+ })
+ },
+ toHuishou(){
+ const _this = this;
+ if(!_this.isShop){
+ return
+ }
+ if(_this.boughtEquity) {
+ uni.request({
+ url: _this.$webHost+'/api/v2/customer/ryxIsBuyEquity?phone='+_this.$util.getUserInfo().phone,
+ data:{
+ customerId: uni.getStorageSync('ygxLogin').customerId,
+ appId: uni.getStorageSync('ygxLogin').appId
+ },
+ success: function (res) {
+ if(res.data.code==200){
+ uni.navigateTo( {
+ url: '/pages/quanshou/index'
+ })
+ } else {
+ _this.errState = res.data.data;
+ _this.$refs.comment.open()
+ }
+ }
+ })
+ } else {
+ uni.navigateTo({
+ url: '/pages/quanyi/index'
+ })
+ }
+ },
+ // 收藏+浏览记录
+ goMenuPage(url) {
+ if (this.userInfo) {
+ uni.navigateTo({
+ animationType: 'zoom-fade-out',
+ animationDuration: 200,
+ url
+ })
+ }
+ },
goKefu() {
if(this.Config && this.Config.kefu_open == 1) {
this.wechatWork()
@@ -138,7 +244,7 @@
},
setImg(){
if(uni.getSystemInfoSync().platform != 'ios'){
- this.$refs['authpup'].open()
+ this.$refs['authpup'].open()
}else{
this.chooseImg()
}//调起自定义权限目的弹框,具体可看示例里面很详细
@@ -146,7 +252,7 @@
changeAuth () {
//这里是权限通过后执行自己的代码逻辑
if(uni.getSystemInfoSync().platform !='ios'){
- this.$refs['camears'].open()
+ this.$refs['camears'].open()
}
this.chooseImg()
},
@@ -160,7 +266,7 @@
sizeType: ['original', 'compressed'],
success: (chooseImageRes) => {
let tempFilePaths = chooseImageRes.tempFilePaths
- let token = uni.getStorageSync('lzsc-token')
+ let token = uni.getStorageSync('pig-token')
let header = {
'Accept': 'application/json',
'authorization': token,
@@ -208,7 +314,7 @@
})
},
wechatWork () {
- let t = this
+ let t = this
if(t.Config){
if(t.Config.put_open == 1){
uni.showModal({
@@ -231,16 +337,44 @@
console.log("success:" + JSON.stringify(res))
},
fail: (err) => {
- console.log("fail:" + JSON.stringify(err))
+ console.log("fail:" + JSON.stringify(err))
}
})
}
- }
+ }
}
}
}
</script>
-
<style>
- @import url(/static/css/my.css);
+ @import url(/static/css/my2.css);
+
+ .num-wrapper {
+ width: 650rpx;
+ margin: 30rpx auto;
+ z-index: 30;
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ color: #fff;
+ gap: 20rpx;
+
+ }
+ .num-wrapper .num-item {
+ width: 33.33%;
+ text-align: center;
+
+
+ }
+ .num-wrapper .num {
+ font-size: 42rpx;
+ font-weight: bold;
+ }
+
+ .num-wrapper .txt {
+ margin-top: 10rpx;
+ font-size: 26rpx;
+ color: rgba(255, 255, 255, 0.6);
+ }
</style>
--
Gitblit v1.9.3