切换团员团长页面

pages/user/index.vue

@@ -13,7 +13,7 @@
 		</view>
 		<view class="mid" style="flex:1;overflow: hidden;padding: 30rpx;padding-top: 0; background: rgb(249,249,249);">
 			<scroll-view scroll-y="true" style="height: 100%;">
-				<view class="head">
+				<view class="head" v-if="currentRole === 'leader'">
 					<view class="user-card" :class="member_style == 3 ? 'unBg' : ''">
 						<view class="bg"></view>
 						<view class="user-info">
@@ -77,7 +77,6 @@
 								<view class="num" v-if="userInfo.username" @click="goEdit()">
 									<view class="num-txt">
 										<view v-if="currentRole === 'leader'" class="leader">团长</view>
-										<view v-if="currentRole === 'employees'" class="employees">团员</view>
 									</view>
 									<!-- <view class="icon">
 										<image src="/static/images/edit.png" mode=""></image>
@@ -91,17 +90,6 @@
 								<text v-if="currentRole === 'employees'" style="	color: rgb(174, 33, 56);    width: 50px;">切换团长</text>
 								<u-switch v-model="roleSwitch" activeColor="#75BE00" size="12" @change="changeRole"></u-switch>
 							</view>
-							<!-- <view class="message">
-								<navigator url="/pages/users/message_center/index" hover-class="none">
-									<view v-if="userInfo.service_num" class="num">
-										{{userInfo.service_num >= 100 ? '99+' : userInfo.service_num}}
-									</view>
-									<view class="iconfont icon-s-kefu"></view>
-								</navigator>
-							</view> -->
-							<!-- #ifdef MP -->
-							<!-- <view class="setting" @click="Setting"><text class="iconfont icon-shezhi"></text></view> -->
-							<!-- #endif -->
 
 						</view>
 
@@ -194,6 +182,168 @@
 							</u-cell>
 						</u-cell-group>
 					</view>
+					<view class="footer">
+						<button @click="() => { }">
+							退出登录
+						</button>
+					</view>
+				</view>
+				<view class="head" v-if="currentRole === 'employees'">
+					<view class="user-card" :class="member_style == 3 ? 'unBg' : ''">
+						<view class="bg"></view>
+						<view class="user-info">
+							<view>
+								<!-- 注释这个是加的bnt -->
+								<!-- #ifdef H5 -->
+								<button class="bntImg" v-if="userInfo.is_complete == 0 && isWeixin" @click="getWechatuserinfo">
+									<image class="avatar" src='/static/images/f.png'></image>
+									<view class="avatarName">{{ $t('获取头像') }}</view>
+								</button>
+								<!-- #endif -->
+								<!-- #ifdef MP -->
+								<button class="bntImg" v-if="userInfo.is_complete == 0" @tap="getUserProfile">
+									<image class="avatar" src='/static/images/f.png'></image>
+									<view class="avatarName">{{ $t('获取头像') }}</view>
+								</button>
+								<!-- #endif -->
+								<!-- #ifndef APP-PLUS -->
+								<view v-else class="avatar-box" :class="{ on: userInfo.is_money_level }">
+									<image class="avatar" :src='userInfo.avatar' v-if="userInfo.avatar" @click="goEdit()">
+									</image>
+									<image v-else class="avatar" src="/static/images/f.png" mode="" @click="goEdit()">
+									</image>
+									<view class="headwear" v-if="userInfo.is_money_level && userInfo.svip_open">
+										<image src="/static/images/headwear.png"></image>
+									</view>
+								</view>
+								<!-- #endif -->
+								<!-- #ifdef APP-PLUS -->
+								<view class="avatar-box" :class="{ on: userInfo.is_money_level }">
+									<image class="avatar" :src='userInfo.avatar' v-if="userInfo.avatar" @click="goEdit()">
+									</image>
+									<image v-else class="avatar" src="/static/images/f.png" mode="" @click="goEdit()">
+									</image>
+									<view class="headwear" v-if="userInfo.is_money_level && userInfo.svip_open">
+										<image src="/static/images/headwear.png"></image>
+									</view>
+								</view>
+								<!-- #endif -->
+							</view>
+							<view class="info">
+								<!-- #ifdef MP -->
+								<view class="name" v-if="!userInfo.id" @click="openAuto"
+									style="height: 100%; display: flex; align-items: center;">
+									{{ $t('请点击授权') }}
+								</view>
+								<!-- #endif -->
+								<!-- #ifdef H5 -->
+								<view class="name" v-if="!userInfo.id && isWeixin" @click="openAuto"
+									style="height: 100%; display: flex; align-items: center;">
+									{{ $t('请点击授权') }}
+								</view>
+								<!-- #endif -->
+								<view class="name" v-if="userInfo.id">
+									{{ userInfo.realName }} 测试名字
+									<image class="live" :src="userInfo.vip_icon" v-if="userInfo.vip_icon"></image>
+									<view class="vip" v-if="userInfo.is_money_level > 0 && userInfo.svip_open">
+										<image src="/static/images/svip.png"></image>
+									</view>
+								</view>
+								<view class="num" v-if="userInfo.username" @click="goEdit()">
+									<view class="num-txt">
+										<view class="employees">团员</view>
+									</view>
+									<!-- <view class="icon">
+										<image src="/static/images/edit.png" mode=""></image>
+									</view> -->
+								</view>
+								<!-- <view class="phone" v-if="!userInfo.username && isLogin" @tap="bindPhone">
+									{{$t('绑定手机号')}}</view> -->
+							</view>
+							<view class="message">
+								<text style="	color: rgb(174, 33, 56);    width: 50px;">切换团长</text>
+								<u-switch v-model="roleSwitch" activeColor="#75BE00" size="12" @change="changeRole"></u-switch>
+							</view>
+
+						</view>
+
+					</view>
+					<view class="group-buying-data2">
+
+						<view class="group-title-2">
+							<view>
+								累计分享奖励(元) &nbsp; ￥48.00
+							</view>
+							<view>
+								查看详情 >
+							</view>
+						</view>
+
+
+					</view>
+					<view class="my_order">
+						<u-cell isLink>
+							<view slot="title" class="u-slot-title">
+								<text class="u-cell-text">我的订单</text>
+							</view>
+
+						</u-cell>
+					</view>
+
+
+					<view class="order-wrapper" :class="userInfo.svip_open ? '' : 'height'">
+						<view class="order-bd">
+							<block v-for="(item, index) in orderMenuOrigin" :key="index">
+								<navigator class="order-item" hover-class="none" :url="item.url">
+									<view class="pic">
+										<!-- <image :src="item.img" mode=""></image> -->
+										<text class="iconfont" :class="item.img"></text>
+										<text class="order-status-num" v-if="item.num > 0">{{ item.num }}</text>
+									</view>
+									<view class="txt">{{ $t(item.title) }}</view>
+								</navigator>
+							</block>
+						</view>
+					</view>
+
+					<view class="tool_list">
+						<u-cell-group>
+							<u-cell isLink>
+								<view slot="title" class="u-slot-title">
+									<image src="http://www.gzzzyd.com/groupon/regiment/编组 6@2x.png" mode=""></image>
+									<text class="u-cell-text">建议与反馈</text>
+								</view>
+
+							</u-cell>
+							<u-cell isLink>
+								<view slot="title" class="u-slot-title">
+									<image src="http://www.gzzzyd.com/groupon/regiment/编组 8@2x.png" mode=""></image>
+									<text class="u-cell-text">我的消息</text>
+								</view>
+
+							</u-cell>
+							<u-cell isLink>
+								<view slot="title" class="u-slot-title">
+									<image src="http://www.gzzzyd.com/groupon/regiment/编组 8@2x(1).png" mode=""></image>
+									<text class="u-cell-text">关于我们</text>
+								</view>
+
+							</u-cell>
+							<u-cell isLink>
+								<view slot="title" class="u-slot-title">
+									<image src="http://www.gzzzyd.com/groupon/regiment/编组 18@2x.png" mode=""></image>
+									<text class="u-cell-text">设置</text>
+								</view>
+
+							</u-cell>
+						</u-cell-group>
+					</view>
+
+					<view class="footer">
+						<button @click="() => { }">
+							退出登录
+						</button>
+					</view>
 				</view>
 
 
@@ -1093,6 +1243,27 @@ body {
 			}
 		}
 
+		.group-buying-data2 {
+			position: relative;
+			width: 100%;
+			height: 140rpx;
+			padding: 40rpx;
+			margin: 0 auto;
+			background-image: url('http://www.gzzzyd.com/groupon/regiment/提货管理@2x.png');
+			background-size: 100% auto;
+			background-color: var(--view-theme);
+
+			.group-title-2 {
+				display: flex;
+				justify-content: space-between;
+				font-size: 32rpx;
+				font-weight: 500;
+				color: #B22338;
+				line-height: 44rpx;
+				height: 44rpx;
+			}
+		}
+
 		.group-buying-data {
 			position: relative;
 			width: 100%;
@@ -1111,6 +1282,8 @@ body {
 				height: 44rpx;
 			}
 
+
+
 			.group-content {
 				display: flex;
 
@@ -1510,24 +1683,41 @@ body {
 	border: 2rpx solid rgb(174, 33, 56);
 }
 
-.tool_list {
+.tool_list,
+.footer {
 	background: #fff;
 	border-radius: 16rpx;
 	margin-top: 20rpx;
 }
 
-/deep/ .tool_list .u-line{
+.footer {
+	height: 100rpx;
+
+	button {
+		height: 100%;
+		font-size: 28rpx;
+		font-weight: 400;
+		color: #999999;
+		line-height: 100rpx;
+	}
+}
+
+/deep/ .tool_list .u-line,
+.my_order .u-line {
 	display: none !important;
 }
+
 .u-slot-title {
 	line-height: 60rpx;
 
 	font-size: 28rpx;
 	font-weight: 400;
 	color: #333333;
-	text{
+
+	text {
 		vertical-align: text-bottom;
 	}
+
 	image {
 
 		margin-right: 20rpx;