From e956b03815195557bef44c60eaf8109887dd41be Mon Sep 17 00:00:00 2001
From: liudan <18634735655@163.com>
Date: Mon, 26 Feb 2024 17:15:25 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=9A=E5=91=98=E7=AE=A1=E7=90=86=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/user/vip.js           |   7 +-
 pages/news/user/index.vue |  48 +++++-
 pages/news/user/vip.vue   | 297 +++++++++++++++++++++++++++-----------
 pages/user/index.vue      |  10 +-
 4 files changed, 270 insertions(+), 92 deletions(-)

diff --git a/api/user/vip.js b/api/user/vip.js
index 09f1be5..d50750b 100644
--- a/api/user/vip.js
+++ b/api/user/vip.js
@@ -4,7 +4,8 @@ import request from '@/utils/request'
 const api = {
 	brandList: 'goods/brandList',
 	category: 'category/list',
-	getImage: 'goods/getCommonConfig'
+	getImage: 'goods/getCommonConfig',
+	vipList:'user/list'
 }
 
 // 大牌
@@ -19,3 +20,7 @@ export const category = (data) => {
 export const getImage = (data) => {
 	return request.get(api.getImage, data)
 }
+//会员管理
+export const getVipList = (data) => {
+	return request.get(api.vipList, data)
+}
diff --git a/pages/news/user/index.vue b/pages/news/user/index.vue
index 4f5766b..e28222d 100644
--- a/pages/news/user/index.vue
+++ b/pages/news/user/index.vue
@@ -5,21 +5,21 @@
 		</view>
 		<view class="user-hd">
 			<view class="avater">
-				<image :src="$picUrl+'/static/news/avater.png'"></image>
+				<image :src="form.avatar_url?form.avatar_url:`${$picUrl}/static/news/avater.png`"></image>
 			</view>
 			<view class="info">
 				<!-- p会员 无p游客 -->
-				<view class="name">我是昵称<text class="p">游客</text></view>
-				<view class="desc">真实姓名：张三</view>
-				<view class="desc">18089800909</view>
+				<view class="name">{{form.nick_name}}<text class="p">{{form.user_type_text}}</text></view>
+				<!-- <view class="desc">真实姓名：张三</view> -->
+				<view class="desc">{{form.mobile}}</view>
 			</view>
 		</view>
 		<view class="user-show">
 			<view class="a">
-				<text>余额(元）</text>¥0.00
+				<text>余额(元）</text>¥{{form.expend_money?form.expend_money:0.00}}
 			</view>
 			<view class="a">
-				<text>积分(分）</text>0.00
+				<text>积分(分）</text>{{form.grade?form.grade:0.00}}
 			</view>
 		</view>
 		<view class="user-order">
@@ -93,13 +93,42 @@
 	export default {
 		data() {
 			return {
+				form:{
+					address_id: null,
+					avatar: null,
+					avatar_id: null,
+					avatar_url: null,
+					balance: "",
+					city: null,
+					country: null,
+					create_time: "",
+					effective_time: null,
+					expend_money: "",
+					gender: "",
+					grade: null,
+					grade_id: null,
+					is_delete: null,
+					last_login_time: null,
+					mobile: "",
+					nick_name: "",
+					pay_money: "",
+					platform: "",
+					points: null,
+					province: null,
+					store_id: null,
+					update_time: "",
+					user_id: null,
+					user_type: null,
+					user_type_text: ""
+				},
 				checked: true,
 				isScroll: true,
 				background: {
 					background: 'url(https://www.royaum.com.cn/static/news/login-bg.png) centertop no-repeat',
 					// background: 'url('+	img+') center top no-repeat',
 					backgroundSize: '100% auto',
-				}
+				},
+				
 			}
 		},
 		onPageScroll(e){
@@ -111,6 +140,11 @@
 		},
 		methods: {
 			
+		},
+		onLoad(option) {
+			console.log(option)
+			this.form = Object.assign({},this.form,JSON.parse(option.item))
+			console.log(this.form)
 		}
 	}
 </script>
diff --git a/pages/news/user/vip.vue b/pages/news/user/vip.vue
index 0e7c0e0..e6b8c4a 100644
--- a/pages/news/user/vip.vue
+++ b/pages/news/user/vip.vue
@@ -1,33 +1,48 @@
 <template>
 	<view class="user">
 		<view class="search">
-		  <view class="box">
+		 <!-- <view class="box">
 			  <image src="/static/news/icon-search.png"></image>
 			  <input type="search" placeholder="商品名称/编码" />
-		  </view>
+		  </view> -->
+		  <u-search placeholder="输入用户昵称/姓名/手机号" shape="round" :show-action="false" height="60" bg-color="#ffffff" v-model="keyword"></u-search>
 		</view>
 		<view class="user-bd">
-			<view class="li" v-for="i in 2" :key="i">
+			<view class="li" v-for="i in list" :key="i.user_id" @click="goVipDetails(i)">
 				<view class="a">
 					<view class="l">
-						<image :src="$picUrl+'/static/news/avater.png'"></image>
+						<image :src="i.avatar_url?i.avatar_url:$picUrl+'/static/news/avater.png'"></image>
 					</view>
-					<view class="m">
-						<view class="n">昵称</view>
+					<view class="r">
+						<view class="m">
+							<view class="n">{{i.nick_name}}</view>
+							<view class="btn">{{i.user_type_text}}</view>
+							
+						</view>
+						<view class="n">
+							<view>
+								<text>{{i.mobile}}</text>
+								<image @click="copyText(i.mobile)" :src="$picUrl+'/static/news/icon-copy.png'" style="margin-top:-4rpx;"></image>
+							</view>
+							<image :src="$picUrl+'/static/news/tel.png'" @click="makeCall(i.mobile)"></image>
+						</view>
+					</view>
+				<!-- 	<view class="m">
+						<view class="n">{{nick_name}}</view>
 						<view class="n">真实姓名：张三</view>
-						<view class="n">18089800909<image :src="$picUrl+'/static/news/icon-copy.png'"></image></view>
+						<view class="n">{{mobile}}<image :src="$picUrl+'/static/news/icon-copy.png'"></image></view>
 					</view>
 					<view class="r">
 						<view class="btn">会员</view>
 						<image :src="$picUrl+'/static/news/tel.png'"></image>
-					</view>
+					</view> -->
 				</view>
 				<view class="b">
-					<view class="l">余额(元）<text>¥0.00</text></view>
-					<view class="l">积分(分）<text>0.00</text></view>
+					<view class="l">余额(元）<text>¥{{i.expend_money?i.expend_money:0.00}}</text></view>
+					<view class="l">积分(分）<text>{{i.grade?i.grade:0}}</text></view>
 				</view>
 			</view>
-			<view class="li" v-for="i in 2" :key="i">
+		<!-- 	<view class="li" v-for="i in 2" :key="i">
 				<view class="a">
 					<view class="l">
 						<image :src="$picUrl+'/static/news/avater.png'"></image>
@@ -46,21 +61,104 @@
 					<view class="l">余额(元）<text>¥0.00</text></view>
 					<view class="l">积分(分）<text>0.00</text></view>
 				</view>
-			</view>
+			</view> -->
 		</view>
 	</view>
 </template>
 
-<script>
+<script>
+	import * as Vip from '@/api/user/vip'
 	export default {
 		data() {
 			return {
-				
+				keyword:'',
+				page:1,
+				total:0,
+				list:[],
+				title:'会员管理'
 			};
 		},
 		methods: {
-			
-		}
+			async getList(){
+				let res = await Vip.getVipList({page:this.page,search:this.keyword,user_type:this.title=='会员管理'?"10,20":'40'})
+				console.log(res,"===")
+				this.list.push(...res.data.list.data);
+				this.total = res.data.list.total;
+			},
+			copyText(text) {
+			  uni.setClipboardData({
+				data: text,
+				success: () => {
+				  uni.showToast({
+					title: '复制成功',
+					icon: 'success',
+					duration: 2000
+				  });
+				},
+				fail: () => {
+				  uni.showToast({
+					title: '复制失败',
+					icon: 'none'
+				  });
+				}
+			  });
+			},
+			makeCall(phoneNumber) {
+				uni.getSetting({
+					 success(res) {
+					   if (!res.authSetting['scope.phoneCall']) {
+						 // 没有权限，需要请求用户授权
+						 uni.authorize({
+						   scope: 'scope.phoneCall',
+						   success() {
+							 // 用户已授权，可以拨打电话
+							 uni.makePhoneCall({
+							   phoneNumber: phoneNumber // 电话号码
+							 });
+						   },
+						   fail() {
+							 // 用户拒绝授权，可以引导用户开启
+							 uni.showModal({
+							   title: '提示',
+							   content: '需要电话权限',
+							   success: function(modalRes) {
+								 if (modalRes.confirm) {
+								   uni.openSetting();
+								 }
+							   }
+							 });
+						   }
+						 });
+					   } else {
+						 // 已经有权限，直接拨打电话
+						 uni.makePhoneCall({
+						   phoneNumber: phoneNumber // 电话号码
+						 });
+					   }
+					 }
+				});
+			},
+			goVipDetails(item){
+				let details = JSON.stringify(item)
+				uni.navigateTo({
+					url:"/pages/news/user/index?item="+details
+				})
+			}
+		},
+		onLoad(option) {
+			this.title = option.title
+			uni.setNavigationBarTitle({
+			  title: this.title
+			});
+			this.list = []
+			this.getList()
+		},
+		onReachBottom() {
+			if (this.list.length < this.total) {
+				this.page++;
+				this.getList()
+			}
+		},
 	}
 </script>
 
@@ -70,42 +168,43 @@
 	overflow: hidden;
 	.search{
 		width: 750rpx;
-		padding: 35rpx;
+		padding: 34rpx 34rpx 0 34rpx;
 		box-sizing: border-box;
-		.box{
-			padding: 15rpx 25rpx;
-			box-sizing: border-box;
-			display: flex;
-			align-items: center;
-			background: #F3F3F3;
-			border-radius: 60rpx;
-			image{
-				width: 28rpx;
-				height: 28rpx;
-				margin-right: 22rpx;
-			}
-			input{
-				flex: 1;
-				font-size: 28rpx;
-				line-height: 30rpx;
-			}
-		}
+		// .box{
+		// 	padding: 15rpx 25rpx;
+		// 	box-sizing: border-box;
+		// 	display: flex;
+		// 	align-items: center;
+		// 	background: #F3F3F3;
+		// 	border-radius: 60rpx;
+		// 	image{
+		// 		width: 28rpx;
+		// 		height: 28rpx;
+		// 		margin-right: 22rpx;
+		// 	}
+		// 	input{
+		// 		flex: 1;
+		// 		font-size: 28rpx;
+		// 		line-height: 30rpx;
+		// 	}
+		// }
 	}
 	&-bd{
-		padding: 0 30rpx;
+		padding: 0 34rpx;
 		overflow: hidden;
 		.li{
-			padding: 0 20rpx;
+			padding:0  12rpx;
 			background-color: #FFFFFF;
 			overflow: hidden;
-			border-radius: 12rpx;
-			margin-top: 20rpx;
-			&:first-child{
-				margin-top: 0;
-			}
+			border-radius: 8rpx;
+			margin-top: 18rpx;
+			// &:first-child{
+			// 	margin-top: 0;
+			// }
 			.a{
 				display: flex;
-				align-items: flex-start;
+				// align-items: flex-start;
+				align-items: center;
 				justify-content: space-between;
 				padding: 15rpx 0 30rpx;
 				border-bottom: 1px solid #F2F2F2;
@@ -119,54 +218,88 @@
 						border-radius: 50%;
 					}
 				}
-				.m{
+				.r{
 					flex: 1;
-					max-width: 400rpx;
-					margin-right: 20rpx;
+					// width: 98rpx;
+					// overflow: hidden;
+					.m{
+						// flex: 1;
+						// max-width: 400rpx;
+						// margin-right: 20rpx;
+						display: flex;
+						align-items: center;
+						justify-content: space-between;
+						
+						.btn{
+							// width: 98rpx;
+							padding:0 10rpx;
+							height: 56rpx;
+							line-height: 56rpx;
+							background: #FFFFFF;
+							border-radius: 3px 3px 3px 3px;
+							border: 1px solid #FFA928;
+							text-align: center;
+						
+							font-family: PingFang SC, PingFang SC;
+							font-weight: 400;
+							font-size: 28rpx;
+							color: #FFA928;
+						
+							&-on{
+								border-color:#FFA928;
+								color: #FFA928;
+							}
+						}
+					}
 					.n{
-						font-size: 28rpx;
-						font-weight: 400;
-						color: #545454;
-						height: 50rpx;
+						display: flex;
+						align-items: center;
+						justify-content: space-between;
+						margin-top:20rpx;
+						text{
+							font-size: 28rpx;
+							color: #454545;
+						}
 						image{
 							width: 30rpx;
 							height: 30rpx;
 							margin-left: 10rpx;
 							vertical-align: middle;
-							margin-top: -1px;
 						}
 					}
+					
+					
+					// image{
+					// 	display: block;
+					// 	width: 30rpx;
+					// 	height: 30rpx;
+					// 	float: right;
+					// 	margin-top: 20rpx;
+					// 	margin-right: 20rpx;
+					// }
 				}
-				.r{
-					width: 98rpx;
-					overflow: hidden;
-					.btn{
-						width: 98rpx;
-						line-height: 64rpx;
-						background: #FFFFFF;
-						border-radius: 10rpx;
-						text-align: center;
-						border: 1px solid #FF6257;
-						font-size: 28rpx;
-						font-weight: 400;
-						color: #FF6257;
-						&-on{
-							border-color:#FFA928;
-							color: #FFA928;
-						}
-					}
-					image{
-						display: block;
-						width: 30rpx;
-						height: 30rpx;
-						float: right;
-						margin-top: 20rpx;
-						margin-right: 20rpx;
-					}
-				}
+				// .m{
+				// 	flex: 1;
+				// 	max-width: 400rpx;
+				// 	margin-right: 20rpx;
+				// 	.n{
+				// 		font-size: 28rpx;
+				// 		font-weight: 400;
+				// 		color: #545454;
+				// 		height: 50rpx;
+				// 		image{
+				// 			width: 30rpx;
+				// 			height: 30rpx;
+				// 			margin-left: 10rpx;
+				// 			vertical-align: middle;
+				// 			margin-top: -1px;
+				// 		}
+				// 	}
+				// }
+				
 			}
 			.b{
-				padding-top: 30rpx;
+				padding-top: 20rpx;
 				padding-bottom: 20rpx;
 				overflow: hidden;
 				display: flex;
@@ -176,13 +309,13 @@
 					text-align: center;
 					font-size: 28rpx;
 					font-weight: 400;
-					color: #454545;
+					color: #B1B1B1;
 					text{
 						font-size: 28rpx;
 						font-weight: 400;
-						color: #B1B1B1;
+						color: #454545;
 						display: block;
-						margin-top: 10rpx;
+						margin-top: 12rpx;
 					}
 				}
 			}
diff --git a/pages/user/index.vue b/pages/user/index.vue
index c0d7880..85544c1 100644
--- a/pages/user/index.vue
+++ b/pages/user/index.vue
@@ -119,7 +119,7 @@
 					<view class="typeLeft common">
 						会员管理<u-icon style="margin-left: 10rpx;" name="arrow-right"></u-icon>
 					</view>
-					<view class="typeRight common" @click="goJump('/pages/news/user/vip')">
+					<view class="typeRight common" @click="goManagementHandle('/pages/news/user/vip','分销管理')">
 						<image :src="$picUrl+'/static/user/sale.png'" class="sale"></image>
 						分销管理<u-icon style="margin-left: 10rpx;" name="arrow-right"></u-icon>
 					</view>
@@ -426,7 +426,7 @@
 							数据统计
 						</view>
 					</view>
-					<view class="serveIcon" @click="goJump('/pages/news/user/vip')" v-if="userInfo.user_type == 40">
+					<view class="serveIcon" @click="goManagementHandle('/pages/news/user/vip','会员管理')" v-if="userInfo.user_type == 40">
 						<image :src="$picUrl+'/static/user/hygl.png'" class="icons"></image>
 						<view class="serveInfo">
 							会员管理
@@ -660,6 +660,12 @@
 					url
 				})
 			},
+			goManagementHandle(url,title){
+				uni.navigateTo({
+					url:url+'?title='+title
+				})
+				
+			},
 			goLogin() {
 				// 去登录
 				uni.navigateTo({