fix: 调整APP-个人中心页面

pages/user/index.vue

@@ -27,16 +27,17 @@
 					<view>
 						<view class="flexBetween">
 							<view class="flex-center es-c-22 fs20" @tap="navToUserInfo('./userInfo')">
-								<text class="mybox-info-name">{{ isLogin&&user&&user.nickName || '请登录' }}</text>
+								<text
+									class="mybox-info-name ellipsis2">{{ isLogin&&user&&user.nickName || '请登录' }}</text>
 								<!-- <image class="arrow_black" src="@/static/image/my/right_arrow_black_icon.png"
 									mode="aspectFill"></image> -->
 							</view>
 							<!-- <image v-if="isOpen" class="es-w-40 es-h-40 es-mr-10" src="@/static/svg/code_icon20.svg"
 								@tap="toSelfQr()" mode="aspectFill"></image> -->
 						</view>
-						<view class="flexBetween es-mt-10" @tap="toSelfQr()" v-if="isOpen">
+						<view class="flexBetween es-mt-20" @tap="toSelfQr()" v-if="isOpen">
 							<view class="qyh es-c-75">
-								用户号：U{{user.userId}}
+								ID：U{{user.userId}}
 							</view>
 							<!-- <image class="arrow_black" src="@/static/image/my/right_arrow_black_icon.png"
 								mode="aspectFill"></image> -->
@@ -60,7 +61,7 @@
 				</view>
 
 				<!-- 福币，币，券信息 -->
-				<view class="mybox-integral">
+				<view class="mybox-integral" v-if="false">
 					<view class="mybox-integral-item" @click="loginNavTo('/pages/user/integral/points')">
 						<view class="num">{{user.integral}}</view>
 						<view>福币</view>
@@ -93,9 +94,14 @@
 
 				<!-- 我的订单 医疗服务等 -->
 				<view class="menuBox">
-					<view class="mybox-menu" v-for="(item, index) in menuList" :key="index">
-						<view class="u-f-jsb u-f">
+					<view class="mybox-menu" v-for="(item, index) in menuList" :key="index"
+						:style="{marginTop:index === 0 ? '40rpx':'30rpx'}">
+						<view class="u-f-jsb u-f" style="margin-bottom: 36rpx;">
 							<view class="mybox-menu-title">{{item.menuTitle}}</view>
+							<navigator url="/pages_user/user/storeOrder" v-if="index==0" class="u-f-ajc">
+								<text class="allOrderTextClass">全部订单</text>
+								<u-icon name="arrow-right" size="26rpx" color="#00000073"></u-icon>
+							</navigator>
 							<!-- <view class="es-c-99 es-fs-24 u-f-ajc" v-if="index==0" @tap="myOrderFun">
 							<view class="es-mr-10">我的订单</view>
 							<view class="u-f-ajc">
@@ -115,6 +121,22 @@
 							</view>
 						</view>
 					</view>
+					<view class="mybox-menu" v-for="(item, index) in menuToolList" :key="index"
+						style="margin-top: 30rpx;">
+						<view class="u-f-jsb u-f" style="margin-bottom: 36rpx;">
+							<view class="mybox-menu-title">{{item.menuTitle}}</view>
+						</view>
+						<view class="mybox-menu-box-tool">
+							<view class="myboxToolMenuItem" v-for="(menu, idx) in item.menus" :key="idx"
+								@click="handleMenu(menu)">
+								<view class="myboxToolMenuItemLeft">
+									<image :src="menu.icon" mode="aspectFill"></image>
+									<text>{{menu.name}}</text>
+								</view>
+								<u-icon name="arrow-right" size="28rpx" color="#000000A6"></u-icon>
+							</view>
+						</view>
+					</view>
 				</view>
 				<view class="btns es-mt-40" v-if="isLogin">
 					<view class="login-btn" @click="showLogout">退出登录</view>
@@ -217,6 +239,25 @@
 				fixedTop: false, // 是否固定头部
 				statusBarHeight: uni.getStorageSync('statusBarHeight'),
 				menuList: [],
+				menuToolList: [{
+					menuTitle: "常用工具",
+					menus: [{
+							name: '地址管理',
+							icon: "/static/image/my/address_management_icon.png",
+							pageUrl: "/pages/user/address"
+						},
+						{
+							name: '优惠券',
+							icon: "/static/image/my/coupon_collection.png",
+							pageUrl: "/pages_shopping/shopping/myCoupon"
+						},
+						{
+							name: '关于我们',
+							icon: "/static/image/my/feedback_icon.png",
+							pageUrl: "/pages/user/about"
+						}
+					]
+				}],
 				isIos: false,
 				showIOSPay: 0
 			}
@@ -273,31 +314,30 @@
 		},
 		methods: {
 			async initMenu() {
-				this.menuList = [
-					// {
-					// 	menuTitle: "我的订单",
-					// 	menus: [{
-					// 		name: '待付款',
-					// 		icon: "/static/image/mall/payment.png",
-					// 		myOrder: true
-					// 	}, {
-					// 		name: '待发货',
-					// 		icon: "/static/image/mall/send_goods.png",
-					// 		myOrder: true
-					// 	}, {
-					// 		name: '待收货',
-					// 		icon: "/static/image/mall/sou_goods.png",
-					// 		myOrder: true
-					// 	}, {
-					// 		name: '已完成',
-					// 		icon: "/static/image/mall/completed.png",
-					// 		myOrder: true
-					// 	}, {
-					// 		name: '售后/退款',
-					// 		icon: "/static/image/mall/after_sales.png",
-					// 		pageUrl: "/pages_user/user/refundOrderList"
-					// 	}]
-					// },
+				this.menuList = [{
+						menuTitle: "我的订单",
+						menus: [{
+							name: '待付款',
+							icon: "/static/image/mall/payment.png",
+							myOrder: true
+						}, {
+							name: '待发货',
+							icon: "/static/image/mall/send_goods.png",
+							myOrder: true
+						}, {
+							name: '待收货',
+							icon: "/static/image/mall/sou_goods.png",
+							myOrder: true
+						}, {
+							name: '已完成',
+							icon: "/static/image/mall/completed.png",
+							myOrder: true
+						}, {
+							name: '售后退款',
+							icon: "/static/image/mall/after_sales.png",
+							pageUrl: "/pages_user/user/refundOrderList"
+						}]
+					},
 					// {
 					// 	menuTitle: "医疗服务",
 					// 	menus: [
@@ -325,174 +365,174 @@
 					// 		}
 					// 	]
 					// },
-					{
-						menuTitle: "我的应用",
-						menus: [
-							// {
-							// 	name: '健康档案',
-							// 	icon: "../../static/image/my/my_order_icon.png",
-							// 	pageUrl: "/pages/user/healthRecords/index"
-							// }
-							// ,{
-							// 	name: '就诊管理',
-							// 	icon: "../../static/image/my/visit_icon.png",
-							// 	pageUrl:"./patient"
-							// },
-							{
-								name: '地址管理',
-								icon: "../../static/image/my/address_management_icon.png",
-								pageUrl: "./address"
-							},
-							// {
-							// 	name: '福币管理',
-							// 	icon: "/static/image/my/my_points_icon.png",
-							// 	pageUrl: "/pages_user/user/integral"
-							// },
-							{
-								name: '优惠券',
-								icon: "../../static/image/my/coupon_collection.png",
-								pageUrl: "/pages_shopping/shopping/myCoupon"
-							},
-							// {
-							// 	name: '购物车',
-							// 	icon: "/static/image/mall/cart.png",
-							// 	pageUrl: "/pages/shopping/cart"
-							// },
-							// {
-							// 	name: '我的足迹',
-							// 	icon: "/static/image/mall/footprint.png",
-							// 	pageUrl: "/pages_user/user/storeProductRelation"
-							// },
-							// {
-							// 	name: '制单管理',
-							// 	icon: "/static/image/my/my_cforder_icon.png",
-							// 	documentPreparation: true
-							// }
-							// {
-							// 	name: '专属客服',
-							// 	icon: "/static/image/my/drzy_icon.png",
-							// 	isService: true
-							// },
-							// {
-							// 	name: '领券中心',
-							// 	icon: "../../static/image/my/coupon_collection.png",
-							// 	pageUrl: "/pages/company/couponList?couponType=6"
-							// }
-							// ,{
-							// 	name: '健康产品',
-							// 	icon: "../../static/image/my/my_points_icon.png",
-							// 	pageUrl:"/pages/shopping/index"
-							// }
-							// ,{
-							// 	name: '会员中心',
-							// 	icon: "../../static/image/my/member_icon.png",
-							// 	isUserService:true,
-							// 	pageUrl:""
-							// }
-							// ,{
-							// 	name: '健康管家',
-							// 	icon: "../../static/image/my/my_doctor_icon.png",
-							// 	pageUrl: "/pages/user/addHealthButler"
-							// }
-							// ,{
-							// 	name: '开票历史',
-							// 	icon: "../../static/image/my/invoicing_icon.png",
-							// 	pageUrl:"/pages/store/invoice/invoiceList",
-							// }
-							// ,{
-							// 	name: '客服中心',
-							// 	icon: "../../static/image/my/service_center_icon.png",
-							// 	pageUrl:""
-							// },
-							{
-								name: '看课通知',
-								icon: "../../static/image/my/my_order_icon.png",
-								pageUrl: "/pages/courseAnswer/list"
-							}, {
-								name: '投诉建议',
-								icon: "../../static/image/my/tsjy.png",
-								pageUrl: "/pages/user/feedback"
-							},
-							{
-								name: '直播',
-								icon: "/static/images/live/live.png",
-								pageUrl: "/pages_live/livingList",
-								isShow: true
-							},
-							{
-								name: '直播订单',
-								icon: "../../static/image/my/my_cforder_icon.png",
-								pageUrl: "/pages_live/shopping/order",
-								isShow: true
-							},
-							{
-								name: '直播售后',
-								icon: "../../static/images/live/live_sale.png",
-								pageUrl: "/pages_live/shopping/storeOrderRefundList",
-								isShow: true
-							},
-							{
-								name: '商城订单',
-								icon: "../../static/image/my/my_cforder_icon.png",
-								pageUrl: "/pages_user/user/storeOrder?status=",
-								isShow: true
-							},
-							{
-								name: '商城售后',
-								icon: "../../static/images/live/live_sale.png",
-								pageUrl: "/pages_user/user/refundOrderList",
-								isShow: true
-							},
-						]
-					},
-					{
-						menuTitle: "我的视频",
-						menus: [{
-							name: '我的收藏',
-							icon: "../../static/image/my/collect_icon.png",
-							pageUrl: "./myFavoriteVideo"
-						}, {
-							name: '我的评论',
-							icon: "../../static/image/my/evaluate_icon.png",
-							pageUrl: "/pages/store/inquiryOrderPingList"
-						}]
-					},
-					{
-						menuTitle: "管理应用",
-						menus: [
-							// {
-							// 	name: '医生入驻',
-							// 	icon: "../../static/image/my/doctor_entrance_icon.png",
-							// 	pageUrl:"/pages/user/registerDoctor?type=1"
-							// },{
-							// 	name: '药师入驻',
-							// 	icon: "../../static/image/my/pharmacist_entrance_icon.png",
-							// 	pageUrl:"/pages/user/registerDoctor?type=2"
-							// },
-							{
-								name: '达人主页',
-								icon: "../../static/image/my/drzy_icon.png",
-								pageUrl: "/pages/expert/index"
-							},
-							// {
-							// 	name: '销售登录',
-							// 	icon: "../../static/image/my/login_icon.png",
-							// 	isSale: true,
-							// 	pageUrl: "",
-							// },
-							// {
-							// 	name: '客服登录',
-							// 	icon: "../../static/image/my/login_icon.png",
-							// 	isService: true,
-							// 	pageUrl: "",
-							// },
-							{
-								name: '关于我们',
-								icon: "../../static/image/my/feedback_icon.png",
-								pageUrl: "./about"
-							}
-						]
-					}
+					// {
+					// 	menuTitle: "我的应用",
+					// 	menus: [
+					// 		// {
+					// 		// 	name: '健康档案',
+					// 		// 	icon: "../../static/image/my/my_order_icon.png",
+					// 		// 	pageUrl: "/pages/user/healthRecords/index"
+					// 		// }
+					// 		// ,{
+					// 		// 	name: '就诊管理',
+					// 		// 	icon: "../../static/image/my/visit_icon.png",
+					// 		// 	pageUrl:"./patient"
+					// 		// },
+					// 		{
+					// 			name: '地址管理',
+					// 			icon: "../../static/image/my/address_management_icon.png",
+					// 			pageUrl: "./address"
+					// 		},
+					// 		// {
+					// 		// 	name: '福币管理',
+					// 		// 	icon: "/static/image/my/my_points_icon.png",
+					// 		// 	pageUrl: "/pages_user/user/integral"
+					// 		// },
+					// 		{
+					// 			name: '优惠券',
+					// 			icon: "../../static/image/my/coupon_collection.png",
+					// 			pageUrl: "/pages_shopping/shopping/myCoupon"
+					// 		},
+					// 		// {
+					// 		// 	name: '购物车',
+					// 		// 	icon: "/static/image/mall/cart.png",
+					// 		// 	pageUrl: "/pages/shopping/cart"
+					// 		// },
+					// 		// {
+					// 		// 	name: '我的足迹',
+					// 		// 	icon: "/static/image/mall/footprint.png",
+					// 		// 	pageUrl: "/pages_user/user/storeProductRelation"
+					// 		// },
+					// 		// {
+					// 		// 	name: '制单管理',
+					// 		// 	icon: "/static/image/my/my_cforder_icon.png",
+					// 		// 	documentPreparation: true
+					// 		// }
+					// 		// {
+					// 		// 	name: '专属客服',
+					// 		// 	icon: "/static/image/my/drzy_icon.png",
+					// 		// 	isService: true
+					// 		// },
+					// 		// {
+					// 		// 	name: '领券中心',
+					// 		// 	icon: "../../static/image/my/coupon_collection.png",
+					// 		// 	pageUrl: "/pages/company/couponList?couponType=6"
+					// 		// }
+					// 		// ,{
+					// 		// 	name: '健康产品',
+					// 		// 	icon: "../../static/image/my/my_points_icon.png",
+					// 		// 	pageUrl:"/pages/shopping/index"
+					// 		// }
+					// 		// ,{
+					// 		// 	name: '会员中心',
+					// 		// 	icon: "../../static/image/my/member_icon.png",
+					// 		// 	isUserService:true,
+					// 		// 	pageUrl:""
+					// 		// }
+					// 		// ,{
+					// 		// 	name: '健康管家',
+					// 		// 	icon: "../../static/image/my/my_doctor_icon.png",
+					// 		// 	pageUrl: "/pages/user/addHealthButler"
+					// 		// }
+					// 		// ,{
+					// 		// 	name: '开票历史',
+					// 		// 	icon: "../../static/image/my/invoicing_icon.png",
+					// 		// 	pageUrl:"/pages/store/invoice/invoiceList",
+					// 		// }
+					// 		// ,{
+					// 		// 	name: '客服中心',
+					// 		// 	icon: "../../static/image/my/service_center_icon.png",
+					// 		// 	pageUrl:""
+					// 		// },
+					// 		{
+					// 			name: '看课通知',
+					// 			icon: "../../static/image/my/my_order_icon.png",
+					// 			pageUrl: "/pages/courseAnswer/list"
+					// 		}, {
+					// 			name: '投诉建议',
+					// 			icon: "../../static/image/my/tsjy.png",
+					// 			pageUrl: "/pages/user/feedback"
+					// 		},
+					// 		{
+					// 			name: '直播',
+					// 			icon: "/static/images/live/live.png",
+					// 			pageUrl: "/pages_live/livingList",
+					// 			isShow: true
+					// 		},
+					// 		{
+					// 			name: '直播订单',
+					// 			icon: "../../static/image/my/my_cforder_icon.png",
+					// 			pageUrl: "/pages_live/shopping/order",
+					// 			isShow: true
+					// 		},
+					// 		{
+					// 			name: '直播售后',
+					// 			icon: "../../static/images/live/live_sale.png",
+					// 			pageUrl: "/pages_live/shopping/storeOrderRefundList",
+					// 			isShow: true
+					// 		},
+					// 		{
+					// 			name: '商城订单',
+					// 			icon: "../../static/image/my/my_cforder_icon.png",
+					// 			pageUrl: "/pages_user/user/storeOrder?status=",
+					// 			isShow: true
+					// 		},
+					// 		{
+					// 			name: '商城售后',
+					// 			icon: "../../static/images/live/live_sale.png",
+					// 			pageUrl: "/pages_user/user/refundOrderList",
+					// 			isShow: true
+					// 		},
+					// 	]
+					// },
+					// {
+					// 	menuTitle: "我的视频",
+					// 	menus: [{
+					// 		name: '我的收藏',
+					// 		icon: "../../static/image/my/collect_icon.png",
+					// 		pageUrl: "./myFavoriteVideo"
+					// 	}, {
+					// 		name: '我的评论',
+					// 		icon: "../../static/image/my/evaluate_icon.png",
+					// 		pageUrl: "/pages/store/inquiryOrderPingList"
+					// 	}]
+					// },
+					// {
+					// 	menuTitle: "管理应用",
+					// 	menus: [
+					// 		// {
+					// 		// 	name: '医生入驻',
+					// 		// 	icon: "../../static/image/my/doctor_entrance_icon.png",
+					// 		// 	pageUrl:"/pages/user/registerDoctor?type=1"
+					// 		// },{
+					// 		// 	name: '药师入驻',
+					// 		// 	icon: "../../static/image/my/pharmacist_entrance_icon.png",
+					// 		// 	pageUrl:"/pages/user/registerDoctor?type=2"
+					// 		// },
+					// 		{
+					// 			name: '达人主页',
+					// 			icon: "../../static/image/my/drzy_icon.png",
+					// 			pageUrl: "/pages/expert/index"
+					// 		},
+					// 		// {
+					// 		// 	name: '销售登录',
+					// 		// 	icon: "../../static/image/my/login_icon.png",
+					// 		// 	isSale: true,
+					// 		// 	pageUrl: "",
+					// 		// },
+					// 		// {
+					// 		// 	name: '客服登录',
+					// 		// 	icon: "../../static/image/my/login_icon.png",
+					// 		// 	isService: true,
+					// 		// 	pageUrl: "",
+					// 		// },
+					// 		{
+					// 			name: '关于我们',
+					// 			icon: "../../static/image/my/feedback_icon.png",
+					// 			pageUrl: "./about"
+					// 		}
+					// 	]
+					// }
 				]
 				let param = {
 					key: "app.config"
@@ -613,12 +653,13 @@
 										this.$store.commit("timStore/setFollowId", data.followId);
 										this.$store.commit("timStore/setImType", 2);
 										this.$store.commit("timStore/setConversationID", conversationID);
-										navigateToDesignatedConversation(did, SessionType.Single, false).then((
-											res) => {
-											// setConversation(conversationID,JSON.stringify(ex)).then(() => {
-											// 	console.log("qxj setConversation ex:"+JSON.stringify(ex));		
-											// }).catch(() => {});
-										}).catch(() => uni.$u.toast("操作失败"));
+										navigateToDesignatedConversation(did, SessionType.Single, false)
+											.then((
+												res) => {
+												// setConversation(conversationID,JSON.stringify(ex)).then(() => {
+												// 	console.log("qxj setConversation ex:"+JSON.stringify(ex));		
+												// }).catch(() => {});
+											}).catch(() => uni.$u.toast("操作失败"));
 									},
 									rej => {}
 								);
@@ -739,7 +780,7 @@
 				const arr = ['待付款', '待发货', '待收货', '已完成']
 				let status = ''
 				if (item.name) {
-					arr.indexOf(item.name)
+					status = arr.indexOf(item.name)
 				}
 				uni.navigateTo({
 					url: '/pages_user/user/storeOrder?status=' + status
@@ -998,7 +1039,7 @@
 <style scoped lang="scss">
 	page {
 		height: 100%;
-		background: #f7f7f7;
+		background: #F4F6F7;
 	}
 
 	.top-cont {
@@ -1086,14 +1127,15 @@
 	}
 
 	.flexBetween {
-		width: calc(100vw - 192rpx);
+		width: calc(100vw - 240rpx);
 		@include u-flex(row, center, space-between);
 	}
 
 	.container {
 		background-image: url("@/static/images/bg.png");
+		background-size: contain;
 		background-repeat: no-repeat;
-		background-size: 100%;
+		background-position: top;
 		font-family: PingFang SC, PingFang SC;
 		// padding-top: var(--status-bar-height);
 		padding-bottom: 20rpx;
@@ -1132,19 +1174,20 @@
 		padding: 12rpx 24rpx;
 
 		&-info {
-			@include u-flex(row, center, flex-start);
+			@include u-flex(row, flex-start, flex-start);
 
 			&-name {
 				font-weight: 600;
 				font-size: 40rpx;
-				color: #222222;
+				color: #000000;
 			}
 
 			.heads {
-				width: 128rpx;
-				height: 128rpx;
+				width: 150rpx;
+				height: 150rpx;
+				border: 4rpx solid #FFFFFF;
 				border-radius: 50%;
-				margin-right: 16rpx;
+				margin-right: 20rpx;
 			}
 
 			.arrow_black {
@@ -1186,15 +1229,14 @@
 
 		&-menu {
 			background: #FFFFFF;
-			border-radius: 16rpx 16rpx 16rpx 16rpx;
-			padding: 32rpx 32rpx 36rpx 32rpx;
+			border-radius: 16rpx;
+			padding: 30rpx 32rpx 40rpx 24rpx;
 			margin: 20rpx 0;
 
 			&-title {
 				font-weight: 600;
-				font-size: 36rpx;
-				color: #222222;
-				margin-bottom: 42rpx;
+				font-size: 40rpx;
+				color: rgba(0, 0, 0, 0.85);
 			}
 
 			&-box {
@@ -1203,20 +1245,58 @@
 				flex-wrap: wrap;
 			}
 
+			.mybox-menu-box-tool {
+				@include u-flex(column, center, center);
+				padding: 2rpx 16rpx;
+
+				.myboxToolMenuItem {
+					@include u-flex(row, center, space-between);
+					width: 100%;
+					padding-bottom: 44rpx;
+					margin-bottom: 38rpx;
+					border-bottom: 2rpx solid #D8D8D8;
+
+					.myboxToolMenuItemLeft {
+						@include u-flex(row, center, center);
+
+						image {
+							width: 50rpx;
+							height: 50rpx;
+						}
+
+						text {
+							font-weight: 400;
+							font-size: 36rpx;
+							color: rgba(0, 0, 0, 0.85);
+							margin-left: 42rpx;
+						}
+					}
+
+				}
+
+				.myboxToolMenuItem:last-child {
+					border-bottom: none;
+					padding-bottom: 0;
+					margin-bottom: 0;
+				}
+
+			}
+
 			.w20 {
 				width: 20% !important;
 			}
 
 			&-item {
-				width: 25%;
-				margin-bottom: 40rpx;
+				width: 33.3%;
+				margin-bottom: 34rpx;
 				@include u-flex(column, center, center);
 				font-weight: 400;
-				font-size: 24rpx;
-				color: #222222;
+				font-size: 36rpx;
+				color: rgba(0, 0, 0, 0.85);
 
 				.mybox-menu-itemImage {
 					position: relative;
+					margin-bottom: 10rpx;
 
 					.numBox {
 						position: absolute;
@@ -1226,12 +1306,11 @@
 						padding: 8rpx;
 						background: #FF7163;
 					}
-				}
 
-				image {
-					height: 48rpx;
-					width: 48rpx;
-					margin-bottom: 10rpx;
+					image {
+						height: 60rpx;
+						width: 60rpx;
+					}
 				}
 			}
 		}
@@ -1346,4 +1425,16 @@
 		// overflow-y: scroll;
 		// overflow-x: hidden;
 	}
+
+	.qyh {
+		font-size: 32rpx !important;
+		color: rgba(0, 0, 0, 0.85) !important;
+	}
+
+	.allOrderTextClass {
+		font-weight: 400;
+		font-size: 32rpx;
+		color: #00000073;
+		margin-right: 10rpx;
+	}
 </style>