From 47d56a8b0f22fb15a46b69dfd46fac23560ad2cd Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期二, 12 五月 2026 09:07:49 +0800
Subject: [PATCH] 改bug
---
mini-program/pages/mine/mine.vue | 135 ++++++++++++++++++++++++++++++++++----------
1 files changed, 104 insertions(+), 31 deletions(-)
diff --git a/mini-program/pages/mine/mine.vue b/mini-program/pages/mine/mine.vue
index 1e9b4e8..f83e1ba 100644
--- a/mini-program/pages/mine/mine.vue
+++ b/mini-program/pages/mine/mine.vue
@@ -6,18 +6,18 @@
<view class="head-bar-nav" :style="{ height: navHeight + 'px' }"></view>
</view>
<view class="user">
- <view class="user-left">
+ <view class="user-left" @click="jumpSettings">
<view class="user-image">
<image :src="userInfo.imgFullUrl?userInfo.imgFullUrl:'/static/icon/default.png'" mode="widthFix"></image>
</view>
<view class="user-name">
<button open-type="getPhoneNumber" @getphonenumber="getphonenumber" v-if="!userInfo">鑾峰彇鎵嬫満鍙�</button>
- {{userInfo ? userInfo.nickname : '鐐瑰嚮鐧诲綍'}}
+ {{userInfo ? maskPhone(userInfo.phone) : '鐐瑰嚮鐧诲綍'}}
</view>
</view>
<view class="user-right" v-if="userInfo">
- <view class="user-right-item" @click="jumpSettings">
- <image src="/static/icon/ic_option@2x.png" mode="widthFix"></image>
+ <view class="user-right-item" @click="showQrCodePopup">
+ <image src="/static/icon/ic_QRcode@2x.png" mode="widthFix"></image>
</view>
<view class="user-right-item" @click="jumpNotice">
<view class="user-right-item-tips" v-if="objNum && objNum.unRead === 0"></view>
@@ -53,25 +53,31 @@
</view>
<view class="func-list">
<view class="func-list-item" @click="jumpOrder(1)">
- <view class="func-list-item-num" v-if="orderNum && orderNum.waitPayOrders > 0">{{orderNum.waitPayOrders > 99 ? '99+' : orderNum.waitPayOrders}}</view>
- <image src="/static/icon/mine_ic_daifukuan@2x.png" mode="widthFix"></image>
+ <view class="func-list-item-image">
+ <image src="/static/icon/mine_ic_daifukuan@2x.png" mode="widthFix"></image>
+ <view class="func-list-item-num" v-if="orderNum && orderNum.waitPayOrders > 0">{{orderNum.waitPayOrders > 99 ? '99+' : orderNum.waitPayOrders}}</view>
+ </view>
<text>寰呮敮浠�</text>
</view>
<view class="func-list-item" @click="jumpOrder(2)">
- <view class="func-list-item-num" v-if="orderNum && orderNum.waitOrders > 0">{{orderNum.waitOrders > 99 ? '99+' : orderNum.waitOrders}}</view>
- <image src="/static/icon/mine_ic_daifahuo@2x.png" mode="widthFix"></image>
+ <view class="func-list-item-image">
+ <view class="func-list-item-num" v-if="orderNum && orderNum.waitOrders > 0">{{orderNum.waitOrders > 99 ? '99+' : orderNum.waitOrders}}</view>
+ <image src="/static/icon/mine_ic_daifahuo@2x.png" mode="widthFix"></image>
+ </view>
<text>寰呭彂璐�/鑷彁</text>
</view>
<view class="func-list-item" @click="jumpOrder(3)">
- <view class="func-list-item-num" v-if="orderNum && orderNum.waitReceivedOrders > 0">{{orderNum.waitReceivedOrders > 99 ? '99+' : orderNum.waitReceivedOrders}}</view>
- <image src="/static/icon/mine_ic_daishouhuo@2x.png" mode="widthFix"></image>
+ <view class="func-list-item-image">
+ <view class="func-list-item-num" v-if="orderNum && orderNum.waitReceivedOrders > 0">{{orderNum.waitReceivedOrders > 99 ? '99+' : orderNum.waitReceivedOrders}}</view>
+ <image src="/static/icon/mine_ic_daishouhuo@2x.png" mode="widthFix"></image>
+ </view>
<text>寰呮敹璐�</text>
</view>
</view>
</view>
- <view class="guanggao" @click="jumpShare()">
+ <!-- <view class="guanggao" @click="jumpShare()">
<image :src="share" mode="widthFix"></image>
- </view>
+ </view> -->
<view class="gn">
<view class="gn-item" @click="jump()">
<text>鎴戞槸缁忛攢鍟�</text>
@@ -82,12 +88,24 @@
<text>鍦ㄧ嚎瀹㈡湇</text>
<image src="/static/icon/ic_ar2@2x.png" mode="widthFix"></image>
</view>
- <view class="gn-item">
+ <view class="gn-item" @click="jumpAbout">
<text>鍏充簬鎴戜滑</text>
+ <image src="/static/icon/ic_ar2@2x.png" mode="widthFix"></image>
+ </view>
+ <view class="gn-item" @click="jumpSettings">
+ <text>璁剧疆</text>
<image src="/static/icon/ic_ar2@2x.png" mode="widthFix"></image>
</view>
</view>
</view>
+ <u-popup :show="showQrCode" round="15" :closeable="true" @close="showQrCode = false" mode="bottom">
+ <view class="qr-code-popup">
+ <view class="qr-code-title">閭�璇蜂簩缁寸爜</view>
+ <view class="qr-code-image">
+ <image :src="qrCodeUrl" mode="widthFix"></image>
+ </view>
+ </view>
+ </u-popup>
<Login ref="login" />
</view>
</template>
@@ -98,13 +116,15 @@
export default {
components: { Login },
computed: {
- ...mapState(['navHeight', 'statusbarHeight', 'openid', 'userInfo','recshopid','recuserid'])
+ ...mapState(['navHeight', 'statusbarHeight', 'openid', 'userInfo', 'recshopid', 'recuserid'])
},
data() {
return {
objNum: null,
orderNum: null,
- share: ''
+ share: '',
+ showQrCode: false,
+ qrCodeUrl: ''
};
},
async onLoad() {
@@ -123,9 +143,40 @@
if (this.userInfo) {
this.getMyInfo()
this.ordersStatistics()
+ } else {
+ this.objNum = null
+ this.orderNum = null
}
},
methods: {
+ async showQrCodePopup() {
+ if (!this.userInfo) {
+ this.$refs.login.open()
+ return
+ }
+ let res = await this.$u.api.getMemberShareCode({})
+ if (res.code === 200) {
+ this.qrCodeUrl = res.data
+ this.showQrCode = true
+ }
+ },
+ jumpAbout() {
+ uni.navigateTo({
+ url: '/pagesA/pages/rich-text-page/rich-text-page'
+ })
+ },
+ maskPhone(phone) {
+ if (!phone) return '';
+ // 鍋囪鎵嬫満鍙蜂负 11 浣嶏紝淇濈暀鍓� 3 浣嶅拰鍚� 4 浣�
+ return phone.slice(0, 3) + '****' + phone.slice(-4);
+ },
+ jumpUser() {
+ if (this.userInfo) {
+ uni.navigateTo({
+ url: '/pages/settings/settings'
+ })
+ }
+ },
jumpTo(type) {
if (!this.userInfo) {
this.$refs.login.open()
@@ -167,6 +218,9 @@
},
// 璺宠浆璁剧疆
jumpSettings() {
+ if(!this.userInfo && !this.userInfo.id){
+ return
+ }
uni.navigateTo({
url: '/pages/settings/settings'
})
@@ -347,24 +401,28 @@
flex-direction: column;
align-items: center;
justify-content: center;
- position: relative;
- .func-list-item-num {
- position: absolute;
- top: 0;
- right: -10rpx;
- width: 40rpx;
- height: 40rpx;
- line-height: 40rpx;
- text-align: center;
- border-radius: 50%;
- background-color: #E4001D;
- font-weight: 400;
- font-size: 22rpx;
- color: #FFFFFF;
- }
- image {
+ .func-list-item-image {
width: 60rpx;
height: 60rpx;
+ position: relative;
+ image {
+ width: 60rpx;
+ height: 60rpx;
+ }
+ .func-list-item-num {
+ position: absolute;
+ top: 0;
+ right: -10rpx;
+ width: 40rpx;
+ height: 40rpx;
+ line-height: 40rpx;
+ text-align: center;
+ border-radius: 50%;
+ background-color: #E4001D;
+ font-weight: 400;
+ font-size: 22rpx;
+ color: #FFFFFF;
+ }
}
text {
font-weight: 400;
@@ -461,4 +519,19 @@
}
}
}
+ .qr-code-popup {
+ padding: 40rpx;
+ .qr-code-title {
+ text-align: center;
+ font-size: 32rpx;
+ font-weight: bold;
+ margin-bottom: 40rpx;
+ }
+ .qr-code-image {
+ text-align: center;
+ image {
+ width: 400rpx !important;
+ }
+ }
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.3