high-mini/pages/tabBar/user/user.vue

<template>
	<view>
		<!-- 占位 -->
		<!-- <view class="place">
			<image @click="toScan"
				src="data:image/png;base64,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">
			</image>
		</view> -->
		<view class="user">
			<!-- 头像 -->
			<view class="left">
				<image src="/static/img/head.png" v-if="!user.headerImg"></image>
				<image :src="user.headerImg" v-else></image>
			</view>
			<!-- 昵称,个性签名 -->
			<view class="right">
				<view class="username" v-if="!user.name">请授权登录</view>
				<view class="username" v-else>{{user.name}}</view>
				<view class="font14 fcorfff" v-if="!user.gold">金币: 0</view>
				<view class="font14 fcorfff" v-else>金币: {{user.gold}} 个</view>
				<!-- <view class="signature" @tap="toSetting">{{user.signature}}</view> -->
			</view>
			<!-- 二维码按钮 -->
			<button class="erweima" v-if="user.phone == null" open-type="getPhoneNumber"
				@getphonenumber="getPhoneNumber">
				<image style="width: 50px;height: 50px;"
					src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc0QTg5N0ZBOTJCOTExRUI5NzMwQjMxMjZGNDNDMjg3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc0QTg5N0ZCOTJCOTExRUI5NzMwQjMxMjZGNDNDMjg3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzRBODk3Rjg5MkI5MTFFQjk3MzBCMzEyNkY0M0MyODciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzRBODk3Rjk5MkI5MTFFQjk3MzBCMzEyNkY0M0MyODciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4hwFVRAAATcUlEQVR42uxd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
				</image>
			</button>
			<button class="erweima" v-else @click="toDeposit">
				<image style="width: 50px;height: 50px;"
					src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc0QTg5N0ZBOTJCOTExRUI5NzMwQjMxMjZGNDNDMjg3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc0QTg5N0ZCOTJCOTExRUI5NzMwQjMxMjZGNDNDMjg3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzRBODk3Rjg5MkI5MTFFQjk3MzBCMzEyNkY0M0MyODciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzRBODk3Rjk5MkI5MTFFQjk3MzBCMzEyNkY0M0MyODciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4hwFVRAAATcUlEQVR42uxd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
				</image>
			</button>
		</view>
		<!-- 订单-余额 -->
		<view class="order">
			<!-- 订单类型 -->
			<view class="title">我的订单</view>
			<view class="list">
				<view class="box" v-for="(row,index) in orderList" :key="index" @tap="toOrderList(index)">
					<uni-badge style="width: 20px;position: absolute; left: 20%;" v-if="row.text == '待支付' && therrNum "
						:text="therrNum" type="error" size="normal"></uni-badge>
					<view class="img">
						<view class="icon" :class="row.icon"></view>
					</view>
					<view class="text">{{row.text}}</view>
				</view>
			</view>
		</view>
		<!-- 工具栏 -->
		<view class="toolbar">
			<view class="title">我的工具栏</view>
			<view class="list">
				<view class="box" v-for="(row,index) in mytoolbarList" :key="index" @tap="toPage(row.url,row.text)">
					<!-- <view style="width: 10px;height: 10px;">
						<uni-badge  text="1" type="error" />
					</view> -->

					<uni-badge style="width: 20px;position: absolute; right: 30%;" v-if="row.text == '我的卡券' && textnum "
						:text="textnum" type="error" size="normal"></uni-badge>
					<uni-badge style="width: 20px;position: absolute; right: 7%;"
						v-if="row.text == '我的优惠券' && textSend " :text="textSend" type="error" size="normal"></uni-badge>
					<view class="img" v-if="row.text != '客服' ">
						<image :src="row.img"></image>
					</view>
					<view class="text" v-if="row.text != '客服' ">{{row.text}}</view>
					<button open-type="contact" style="background-color: transparent;" class="img" show-message-card session-from send-message-path
						send-message-title v-if="row.text == '客服' ">
						<image :src="row.img"></image>
					</button>
					<view class="text" v-if="row.text == '客服' ">{{row.text}}</view>
				</view>
			</view>
		</view>
		<!-- 占位 -->
		<view class="place-bottom"></view>
		<authorize></authorize>
	</view>
</template>
<script>
	import {
		GetPhoneNumber,
		findUser
	} from "../../../Utils/Api.js";
	import uniBadge from "../../../components/uni-badge/components/uni-badge/uni-badge.vue";
	let app = getApp()
	import authorize from '../../../components/Authorize';
	export default {
		components: {
			authorize,
			uniBadge
		},
		data() {
			return {
				isfirst: true,
				headerPosition: "fixed",
				textnum: '',
				textSend: '',
				therrNum: '',
				headerTop: null,
				statusTop: null,
				showHeader: true,
				//个人信息,
				user: "",
				// 订单类型
				orderList: [{
						text: '待支付',
						icon: "fukuan"
					},
					{
						text: '已支付',
						icon: "fahuo"
					},
					{
						text: '已完成',
						icon: "shouhuo"
					},
					// {
					// 	text: '已退款',
					// 	icon: "pingjia"
					// },
					{
						text: '已取消',
						icon: "pingjia"
					},
				],
				// 工具栏列表
				mytoolbarList: [{
						url: '/pages/goods/recording/recording?id=1',
						text: '充值记录',
						img: '/static/img/user/mingxi.png'
					},
					{
						url: '/pages/goods/recording/recording?id=2',
						text: '消费记录',
						img: '/static/img/user/quan.png'
					},
					{
						url: '/pages/user/mineCoupons/mineCoupons',
						text: '我的卡券',
						img: '/static/img/user/choujiang.png'
					},
					{
						url: '../../user/coupon/coupon',
						text: '我的优惠券',
						img: '/static/img/user/momey.png'
					}, {
						url: '',
						text: '客服',
						img: '/static/img/user/kefu.png'
					},
					{
						url: '../../login/login',
						text: '商户入口',
						img: '/static/img/user/point.png'
					}
					// ,
					// {
					// 	url: '../../login/login',
					// 	text: '我的推广',
					// 	img: '/static/img/user/renw.png'
					// }

				]
			}
		},
		//下拉刷新，需要自己在page.json文件中配置开启页面下拉刷新 "enablePullDownRefresh": true
		onPullDownRefresh() {
			setTimeout(function() {
				uni.stopPullDownRefresh();
			}, 1000);
		},
		onPageScroll(e) {
			//兼容iOS端下拉时顶部漂移
			this.headerPosition = e.scrollTop >= 0 ? "fixed" : "absolute";
			this.headerTop = e.scrollTop >= 0 ? null : 0;
			this.statusTop = e.scrollTop >= 0 ? null : -this.statusHeight + 'px';
		},
		onLoad() {
			this.statusHeight = 0;
		},
		onReady() {
			//此处，演示,每次页面初次渲染都把登录状态重置
			uni.setStorage({
				key: 'UserInfo',
				data: false,
				success: function() {},
				fail: function(e) {}
			});
		},
		onShow() {
			if (app.globalData.userInfo) {
				this.findUser();
			}
		},
		methods: {
			findUser() {
				let params;
				findUser(params).then(res => {
					if (res.return_code == '000000') {
						app.globalData.userInfo = res.return_data;
						this.user = res.return_data;
						this.textnum = res.return_data.unusedCouponNum;
						this.textSend = res.return_data.unusedDiscount;
						this.therrNum = res.return_data.unpaid;
						uni.setStorage({
							key: "user",
							data: res.return_data
						})
					}
				});
			},
			getPhoneNumber(PhoneNumber) {
				let params = {
					openId: app.globalData.openId,
					iv: PhoneNumber.detail.iv,
					encryptedData: PhoneNumber.detail.encryptedData
				}
				GetPhoneNumber(params).then(res => {
					if (res.return_code == '000000') {
						app.globalData.userInfo = res.return_data
							.object
							.highUser;
						uni.setStorage({
							key: "user",
							data: res.return_data
								.object
								.highUser
						})
						this.toDeposit();
					}
				});
			},
			//扫码
			toScan() {
				uni.scanCode({
					success: function(res) {
						uni.navigateTo({
							url: '../../goods/coupons-info-details/coupons-info-details?id=' + JSON
								.parse(res.result).code
						})
					},
					fail() {
						uni.showToast({
							title: '无法识别二维码',
							icon: 'none',
							duration: 2000
						})
					}
				});

			},
			//消息列表
			toMsg() {
				// uni.navigateTo({
				// 	url:'../../msg/msg'
				// })
				uni.showToast({
					title: '暂未开通',
					icon: 'none'
				});
			},
			toOrderList(index) {
				uni.navigateTo({
					url: '../../user/order_list/order_list?tbIndex=' + index
				})
			},
			// toSetting() {
			// 	uni.navigateTo({
			// 		url: '../../user/setting/setting'
			// 	})
			// },
			toMyQR() {
				uni.navigateTo({
					url: '../../user/myQR/myQR'
				})
			},
			toLogin() {
				uni.showToast({
					title: '请登录',
					icon: "none"
				});
				uni.navigateTo({
					url: '../../login/login'
				})
				this.isfirst = false;
			},
			isLogin() {
				//实际应用中,用户登录状态应该用token等方法去维持登录状态.
				const value = uni.getStorageSync('UserInfo');
				if (value) {
					return true;
				}
				return false
			},
			toDeposit() {
				uni.navigateTo({
					url: '../../user/deposit/deposit'
				})
			},
			toPage(url, item) {
				if (item != '客服') {
					uni.navigateTo({
						url: url
					})
				}

			}
		}
	}
</script>
<style lang="scss">
	page {
		position: relative;
		background-color: #fff;
	}

	button::after {
		border: none
	}

	.status {
		width: 100%;
		height: 0;
		position: fixed;
		z-index: 10;
		background-color: #f06c7a;
		top: 0;
		/*  #ifdef  APP-PLUS  */
		height: var(--status-bar-height); //覆盖样式
		/*  #endif  */

	}

	.header {
		width: 92%;
		padding: 0 4%;
		height: 100upx;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		position: fixed;
		top: 0;
		z-index: 10;
		background-color: #f06c7a;
		/*  #ifdef  APP-PLUS  */
		top: var(--status-bar-height);

		/*  #endif  */
		.icon-btn {
			width: 120upx;
			height: 60upx;
			flex-shrink: 0;
			display: flex;

			.icon {
				color: #fff;
				width: 60upx;
				height: 60upx;
				display: flex;
				justify-content: flex-end;
				align-items: center;
				font-size: 42upx;
			}
		}
	}

	.place {
		background-color: #f06c7a;
		padding-left: 20px;
		padding-right: 20px;
		text-align: right;
		height: 100upx;
		/*  #ifdef  APP-PLUS  */
		margin-top: var(--status-bar-height);

		/*  #endif  */
		image {
			width: 30px;
			height: 30px;
		}
	}

	.place-bottom {
		height: 300upx;
	}

	.user {
		width: 92%;
		padding: 0 4%;
		display: flex;
		align-items: center;
		// position: relative;
		background-color: #f06c7a;
		padding-bottom: 40rpx;

		.left {
			width: 20vw;
			height: 20vw;
			flex-shrink: 0;
			margin-right: 20upx;
			border: solid 1upx #fff;
			border-radius: 100%;

			image {
				width: 20vw;
				height: 20vw;
				border-radius: 100%;
			}

		}

		.right {
			width: 100%;

			.username {
				font-size: 36upx;
				color: #fff;
			}

			.signature {
				color: #eee;
				font-size: 28upx;
			}
		}

		.erweima {
			flex-shrink: 0;
			width: 50px;
			height: 50px;
			padding: 0;
			margin-left: 5vw;
			border-radius: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			background: linear-gradient(to left, #fbbb37 0%, #fcf0d0 105%);

			.icon {
				color: #7b6335;
				font-size: 42upx;
			}
		}
	}

	.order {
		.title {
			padding-top: 10upx;
			margin: 0 0 10upx 3%;
			font-size: 30upx;
			height: 80upx;
			display: flex;
			align-items: center;
		}

		width: 92%;
		margin: 30rpx 4% 30rpx 4%;
		padding: 0rpx 0% 20rpx 0%;
		background-color: #fff;
		box-shadow: 0rpx 0rpx 25rpx rgba(0, 0, 0, 0.1);
		border-radius: 15rpx;

		.list {
			display: flex;
			padding-bottom: 10upx;

			.box {
				width: 25%;

				.img {
					width: 100%;
					display: flex;
					justify-content: center;

					.icon {
						font-size: 50upx;
						color: #464646;
					}
				}

				.text {
					width: 100%;
					display: flex;
					justify-content: center;
					font-size: 28upx;
					color: #3d3d3d;
				}
			}
		}

		.balance-info {
			display: flex;
			padding: 10upx 0;

			.left {
				width: 75%;
				display: flex;

				.box {
					width: 50%;
					font-size: 28upx;

					.num {
						width: 100%;
						height: 50upx;
						display: flex;
						justify-content: center;
						align-items: flex-end;
						color: #f9a453;
					}

					.text {
						width: 100%;
						display: flex;
						justify-content: center;
						color: #3d3d3d;
						font-size: 28upx;
					}
				}
			}

			.right {
				border-left: solid 1upx #17e6a1;
				width: 25%;

				.box {

					.img {
						width: 100%;
						height: 50upx;
						display: flex;
						justify-content: center;
						align-items: flex-end;

						.icon {
							font-size: 45upx;
							color: #e78901;
						}
					}

					.text {
						width: 100%;
						display: flex;
						justify-content: center;
						font-size: 28upx;
						color: #3d3d3d;
					}
				}
			}
		}
	}

	.VIP {
		width: 84%;
		margin: -65upx auto 20upx auto;
		padding: 30upx 4%;
		background: linear-gradient(to left, #dea96d 0%, #f6d59b 100%);
		box-shadow: 0upx 0upx 25upx rgba(0, 0, 0, 0.2);
		border-radius: 15upx;
		display: flex;
		align-items: center;

		.img {
			flex-shrink: 0;
			width: 60upx;
			height: 60upx;

			image {
				width: 60upx;
				height: 60upx;
			}
		}

		.title {
			width: 100%;
			color: #796335;
			font-size: 30upx;
		}

		.tis {
			width: 100%;
			display: flex;
			justify-content: flex-end;
			color: #fcf0d0;
			font-size: 26upx;
		}
	}

	.toolbar {
		width: 92%;
		margin: 0 4% 0 4%;
		padding: 0 0 20upx 0;
		background-color: #fff;
		box-shadow: 0upx 0upx 25upx rgba(0, 0, 0, 0.1);
		border-radius: 15upx;

		.title {
			padding-top: 10upx;
			margin: 0 0 10upx 3%;
			font-size: 30upx;
			height: 80upx;
			display: flex;
			align-items: center;
		}

		.list {
			display: flex;
			flex-wrap: wrap;

			.box {
				width: 25%;
				margin-bottom: 30upx;

				.img {
					width: 23vw;
					height: 10.5vw;
					display: flex;
					justify-content: center;

					image {
						width: 9vw;
						height: 9vw;
					}
				}

				.text {
					width: 100%;
					display: flex;
					justify-content: center;
					font-size: 26upx;
					color: #3d3d3d;
				}
			}
		}
	}
</style>