用户关系

pages/goods/goods.vue

@@ -669,6 +669,7 @@ export default {
           url: "/api/AppletGoods/GetAppletGoodsRecommendListForZY",
           data: {
             RecommendType: 1,
+			GoodsId:this.id
           },
         },
         (res) => {

pages/share-order/share-order.vue

@@ -26,7 +26,7 @@
 								<view class="box_center" @click="isdetail(index)">
 									<view class="center_l" >
 										
-										<u-avatar :src="item.Photo" mode="square" size="70"></u-avatar>
+										<u-avatar :src="item.Photo" mode="square" size="70" @click.native.stop='gopeopleinfo(item.UserId)'></u-avatar>
 										<view class="box_ltext">
 											<Text class='l_name'>{{item.UserName}}</Text>
 										</view>
@@ -167,6 +167,11 @@
 			isdetail(index){
 				this.g[index].showdetail = !this.g[index].showdetail
 			},	
+			gopeopleinfo(UserId){
+				uni.navigateTo({
+					url: '/pages/share-team/share-detail?UserId=' + UserId
+				});
+			},
 			lower(e) {
 			  if (this.msg.pageIndex < this.page_count) {
 				this.msg.pageIndex++;

pages/share-team/share-detail.vue

@@ -234,6 +234,37 @@
 		-webkit-line-clamp: 1;
 		-webkit-box-orient: vertical;
 	}
+	.cdetailStyle .popupbox_t{
+		width: 100%;
+		border-radius: 10px;
+		background: #FFF;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		padding: 10px;
+		position: relative;
+		font-family: aa;
+		/* overflow: auto; */
+		
+	}
+	.cdetailStyle .time-l{
+		width: 96%;
+		height: 60px;
+		border-radius: 10px;
+		background: #F5F7F7;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+	}
+	.u-node {
+	  width: 30rpx;
+	  height: 30rpx;
+	  border-radius: 100rpx;
+	  display: flex;
+	  justify-content: center;
+	  align-items: center;
+	  
+	}
 </style>
 <template>
 	<view class="cdetailStyle" :style="{'height':contentHeight}">
@@ -252,7 +283,7 @@
 							<u-avatar :src="headData.Photo" size="130"></u-avatar>
 							<view style="display: flex;flex-direction: column;color: #fff;margin:7px 0 0 16px;">
 								<view style="display: flex;flex-direction: row;align-items: center">
-									<Text style='font-size: 18px;max-width: 150px;overflow: hidden;display: inline-block;white-space: nowrap; text-overflow:ellipsis;'>
+									<Text style='font-size: 18px;max-width: 120px;overflow: hidden;display: inline-block;white-space: nowrap; text-overflow:ellipsis;'>
 										{{headData.Name}}
 									</Text>
 									<image :src="headData.Icon" style="width:67px;height:22px;margin-left:5px;"></image>
@@ -260,6 +291,9 @@
 								<Text style="font-size: 12px;margin-top: 5px;height:19px;font-family:'cuIcon'">{{headData.createDateStr}}</Text>
 							</view>
 						</view>
+						
+						<image mode="widthFix" @click="godiagram" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/useRrelationship.png" style="width:75px;height:24px;"></image>
+						
 					</view>
 					<view class="sharebox_topc">
 						<view class="center_item" style="font-size:  12px;color: #FFFFFF;justify-content: space-between;">
@@ -388,6 +422,58 @@
 				</scroll-view>
 			</view>
 		</view>
+		<u-popup v-model="ISpopup"
+			mode="center"
+			length="90%"
+		>
+				<view class="popupbox_t" :style="{'height':'423px'}">
+					<view style="padding: 10px 0;">
+						用户关系
+					</view>
+					<view style="width: 100%;overflow-y: auto;">
+						<view style="width: 100%;margin-left: 10px;">
+							<u-time-line>
+							  <u-time-line-item v-for="(x, i) in RelationList" :key="i" >
+							    <!-- 此处没有自定义左边的内容，会默认显示一个点 -->
+								<template v-slot:node>
+								  <view
+								   class="u-node"
+								   :style="{ background: mainColor, }"
+								   ></view
+								  >
+								</template>
+							    <template v-slot:content>
+									<view style="width: 100%;height: 10px;"></view>
+							      <view  class="time-l">
+							        <image :src="x.UserInfo.Photo" style="width:40px;height:40px;margin-left:10px;border-radius: 20px;"></image>
+									<view style="display: flex;flex-direction: column;margin-left: 10px;height: 35px;justify-content: space-between;">
+										<text style="font-size: 12px;color: #111111;font-weight: bold;max-width: 200px;
+											overflow: hidden;
+											white-space: nowrap;
+											text-overflow: ellipsis;
+											font-weight: bold;
+											font-family: aa;
+										">{{x.UserInfo.Name}}</text>
+										<text style="font-size: 11px;color: #999999;">{{x.UserInfo.CreateDate}}</text>
+									</view>		
+							      </view>
+							    </template>
+								
+							  </u-time-line-item>
+							</u-time-line>
+						</view>
+						
+					</view>
+					
+					
+					
+					
+					<view style="position: absolute;right: 0;top: 0;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;" @click="ISpopup= false">
+						<u-icon name="cross" size="24" color="#000" ></u-icon>
+					</view>
+				</view>
+		</u-popup>
+				
 	</view>
 </template>
 
@@ -454,7 +540,9 @@
 					NewUserId: 0
 				},
 				viewData: [],
-				scrollHeight: 0
+				scrollHeight: 0,
+				ISpopup:false,
+				RelationList:[],
 
 			}
 		},
@@ -673,6 +761,21 @@
 						this.status = "nomore";
 					}
 				}
+			},
+			godiagram(){//打开关系图
+				this.ISpopup = true;
+				this.request2({
+						url: '/api/AppletUser/GetMyUserHierarchicalRelationList',
+						data: this.headMsg
+					},
+					res => {
+						if (res.resultCode == 1) {
+							
+							this.RelationList = res.data
+						}
+					}
+				);
+				
 			}
 		},
 		created() {