客户转介绍

pages.json

@@ -423,6 +423,13 @@
 			   "navigationBarTitleText": "我的二维码"
 		    }
 		    
+		},
+		{
+			"path": "pages/referral/referral",
+			"style": {
+				"navigationBarTitleText": "客户转介绍",
+				 "enablePullDownRefresh": true
+			}
 		}
     ],
 	"tabBar": {

pages/index/confirmRescue.vue

@@ -1,83 +1,94 @@
 <template>
 <view class="box">
   <view class="top-box" :style="{background:'#'+themeColor}"> </view>
-  <view class="topTime">
-	  <img src="../../static/timg/icon_shijian.png" alt="" class="topTimeImg">
-	  <view class="topTimeNum">2022-02-06 12:20</view>
-  </view>
-  <!-- 救援拖车框 -->
-  <view class="tcBox">
-	  <view class="tcLeft">
-		  <view class="tcStart"> 
-		    <view class="tcStartYq"></view>	
-			<view class="tcStartTitle">起点</view>
-			<view class="tcStartTxt">历下区经十路11899号</view>
-		  </view>
-		  <view class="tcEnd">
-			  <view class="tcEndYq"></view>
-			  <view class="tcStartTitle">终点</view>
-			  <view class="tcStartTxt">历下区经十路山东省济南市历下区新泺大街1166号号</view>
-		  </view>
-	  </view>
-	  <view class="tcRight">约101.09km</view>
-  </view>
-   <!-- 救援拖车框 -->
-  <view class="contBox">
-	  <view class="kkline">
-		  <view class="kklineLeft">
-			<span>服务门店</span>
-		  </view>
-		  <view class="kklineRight">{{shopName}}</view>
-	  </view>
-	  <view class="kkline">
-		  <view class="kklineLeft">
-			<span>救援项目</span>
-		  </view>
-		  <view class="kklineRight">塔电/轮胎/拖车</view>
-	  </view>
-	  <view class="kkline">
-		  <view class="kklineLeft2">
-			<span class="stars">*</span> <span>救援场景</span>
-		  </view>
-		  <view class="kklineRight2">
-			  <view class="jyKK jyKKActive">地面</view>
-			  <view class="jyKK">车库</view>
-			  <view class="jyKK">其他</view>
-		  </view>
-	  </view>
-	  <view class="kkline">
-		  <view class="kklineLeft">
-			<span class="stars">*</span> <span>车牌号</span>
-		  </view>
-		  <view class="kklineRight3" @click="goCarlist">
-			  <span>{{carInfo.plateNumber?carInfo.plateNumber:'请选择'}}</span>
-			  <img src="../../static/img/big_rightArrow.png" alt="" class="rightJt">
-		  </view>
-	  </view>
-	  <view class="kkline">
-	  		  <view class="kklineLeft">
-	  			<span class="stars">*</span> <span>车型</span>
-	  		  </view>
-	  		  <view class="kklineRight3" >
-	  			  <span>{{carInfo.plateNumber?carInfo.plateNumber:'请选择'}}</span>
-	  			  <img src="../../static/img/big_rightArrow.png" alt="" class="rightJt">
-	  		  </view>
-	  </view>
-	  <view class="kkline">
-	  		  <view class="kklineLeft">
-	  			<span class="stars">*</span><span>救援联系人</span>
-	  		  </view>
-	  		  <view class="kklineRight">
-				  <input type="text" placeholder="请输入">
-			  </view>
-	  </view>
-	  <view class="kkline">
-	  		  <view class="kklineLeft">
-	  			<span class="stars">*</span><span>手机号</span>
-	  		  </view>
-	  		  <view class="kklineRight">15588753378</view>
-	  </view>
-  </view>
+  <view class="topTime">
+	  <img src="../../static/timg/icon_shijian.png" alt="" class="topTimeImg">
+	  <view class="topTimeNum">{{opt.time}}</view>
+  </view>
+  <!-- 救援拖车框 -->
+  <view class="tcBox" v-if="opt.type==2">
+	  <view class="tcLeft">
+		  <view class="tcStart"> 
+		    <view class="tcStartYq"></view>	
+			<view class="tcStartTitle">起点</view>
+			<view class="tcStartTxt">{{opt.currentAddress}}</view>
+		  </view>
+		  <view class="tcEnd">
+			  <view class="tcEndYq"></view>
+			  <view class="tcStartTitle">终点</view>
+			  <view class="tcStartTxt">{{opt.endAddress}}</view>
+		  </view>
+	  </view>
+	  <view class="tcRight">约{{distance}}km</view>
+  </view>
+  <view class="tcBox" v-else>
+  	  <view class="tcLeft2">
+  		  <view class="tcStart"> 
+  		    <view class="tcStartYq"></view>	
+  			<view class="tcStartTitle">位置</view>
+  			<view class="tcStartTxt2">{{opt.currentAddress}}</view>
+  		  </view>
+  	  </view>
+  </view>
+   <!-- 救援拖车框 -->
+  <view class="contBox">
+	  <view class="kkline">
+		  <view class="kklineLeft">
+			<span>服务门店</span>
+		  </view>
+		  <view class="kklineRight">{{shopName}}</view>
+	  </view>
+	  <view class="kkline">
+		  <view class="kklineLeft">
+			<span>救援项目</span>
+		  </view>
+		  <view class="kklineRight" v-if="opt.type==1">塔电</view>
+		  <view class="kklineRight" v-if="opt.type==2">拖车</view>
+		  <view class="kklineRight" v-if="opt.type==3">换胎</view>
+	  </view>
+	  <view class="kkline">
+		  <view class="kklineLeft2">
+			<span class="stars">*</span> <span>救援场景</span>
+		  </view>
+		  <view class="kklineRight2">
+			  <view class="jyKK " :class="{jyKKActive:jykkNum==1}" @click="jykk(1)">地面</view>
+			  <view class="jyKK" :class="{jyKKActive:jykkNum==2}" @click="jykk(2)">车库</view>
+			  <view class="jyKK" :class="{jyKKActive:jykkNum==3}" @click="jykk(3)">其他</view>
+		  </view>
+	  </view>
+	  <view class="kkline">
+		  <view class="kklineLeft">
+			<span class="stars">*</span> <span>车牌号</span>
+		  </view>
+		  <view class="kklineRight3" @click="goCarlist">
+			  <span>{{carInfo.plateNumber?carInfo.plateNumber:'请选择'}}</span>
+			  <img src="../../static/img/big_rightArrow.png" alt="" class="rightJt">
+		  </view>
+	  </view>
+	  <view class="kkline">
+	  		  <view class="kklineLeft">
+	  			<span class="stars">*</span> <span>车型</span>
+	  		  </view>
+	  		  <view class="kklineRight3" >
+	  			  <span>{{carInfo.plateNumber?carInfo.plateNumber:'请选择'}}</span>
+	  			  <img src="../../static/img/big_rightArrow.png" alt="" class="rightJt">
+	  		  </view>
+	  </view>
+	  <view class="kkline">
+	  		  <view class="kklineLeft">
+	  			<span class="stars">*</span><span>救援联系人</span>
+	  		  </view>
+	  		  <view class="kklineRight">
+				  <input type="text" placeholder="请输入">
+			  </view>
+	  </view>
+	  <view class="kkline">
+	  		  <view class="kklineLeft">
+	  			<span class="stars">*</span><span>手机号</span>
+	  		  </view>
+	  		  <view class="kklineRight">15588753378</view>
+	  </view>
+  </view>
   
 	<view style="height: 120rpx;"></view>
 	<view class="bottom-container">
@@ -91,7 +102,7 @@
 </template>
 
 <script>
-	
+	import QQMapWX from '@/utils/qqmap-wx-jssdk.js'
 	export default {
 		components: {
 			
@@ -105,26 +116,36 @@
 				timedata:'',
 				billDate:'',
 				yuyueData:'',
-				carInfo:'',
-				yyshopInfo:'',
-				themeColor:'',
-				shopName:'',
+				carInfo:'',
+				yyshopInfo:'',
+				themeColor:'',
+				shopName:'',
+				opt:'',
+				distance:'',
+				jykkNum:1,
 			}
 		},
-		onLoad(opt) {
+		onLoad(opt) {
 			this.themeColor = uni.getStorageSync("themeColor");
-			this.userInfo = uni.getStorageSync("userInfo");
-			this.shopName=opt.shopName
+			this.userInfo = uni.getStorageSync("userInfo");
+			this.shopName=opt.shopName;
+			this.opt=opt;
+			if(this.opt.type==2){
+				this.calculateDistance()
+			}
+			console.log(opt)
 		},
-		onShow() {
-			this.carInfo=this.$store.state.carInfo;
+		onShow() {
+			this.carInfo=this.$store.state.carInfo;
 		},
-		methods: {
-			
-			goCarlist(){
-				uni.navigateTo({
-					url:'../user/addCar/cailist'
-				})
+		methods: {
+			jykk(num){
+				this.jykkNum=num;
+			},
+			goCarlist(){
+				uni.navigateTo({
+					url:'../user/addCar/cailist'
+				})
 			},
 			yuyue(){
 				if(!this.billDate){
@@ -142,7 +163,7 @@
 				  orderItem: this.yuyueData.map(item => item.ID).join(),
 				  shopId: this.yyshopInfo.id,
 				  unionId: this.userInfo.unionId
-				 },'POST').then(res => {
+				 },'POST').then(res => {
 					    var id=res.data
 						if(res.code==0){
 							uni.showModal({
@@ -157,13 +178,13 @@
 									   	url:'index'
 									   })
 							        } else if (res.cancel) {
-							           // console.log('用户点击取消');
-									   // uni.reLaunch({
-										  //  url:'../user/bespeakDetail?id='+id
-									   // })
-									   uni.redirectTo({
-									   		url:'../user/bespeakDetail?id='+id
-									   })
+							           // console.log('用户点击取消');
+									   // uni.reLaunch({
+										  //  url:'../user/bespeakDetail?id='+id
+									   // })
+									   uni.redirectTo({
+									   		url:'../user/bespeakDetail?id='+id
+									   })
 									   
 							        }
 							    }
@@ -184,127 +205,161 @@
 			},
 			cktime(){
 				 this.$refs.timeSelect.open();
-			},
+			},
+			//计算距离
+			calculateDistance(){
+			//调用距离计算接口
+				var that=this;
+				const tMap = new QQMapWX({
+					key: 'L2GBZ-CIS6J-HRFFV-K5LO6-QROT7-BQFXZ' //开发者密钥 //这里要换成自己的key
+				});
+				
+				tMap.calculateDistance({
+					mode: 'driving',//可选值：'driving'（驾车）、'walking'（步行），不填默认：'walking',可不填
+					//from参数不填默认当前地址
+					//获取表单提交的经纬度并设置from和to参数（示例为string格式）
+					from: {
+						latitude:  that.opt.lat,
+						longitude: that.opt.lng,
+					}, //若起点有数据则采用起点坐标，若为空默认当前地址
+					to:[
+					{
+						latitude: that.opt.endLat,
+						longitude: that.opt.endLng
+					}	
+					] , //终点坐标
+					success: function(res) {//成功后的回调
+					  console.log(res);
+					  that.distance=res.result.elements[0].distance/1000;
                      //that.distance=that.distance.tofixed(2)
+					},
+				});
+		},
 			
 		}
 	}
 </script>
 
-<style scoped lang="less">
-.tcBox{
-	width: 702rpx;
-    margin-top: 20rpx;
-	margin-left: 24rpx;
-	background: #FFFFFF;
-	border-radius: 10rpx;
-	display: flex;
-	
-}
-.heji{
-	font-weight: 500;
-	color: #666666;
-	padding-left: 30rpx;
-	line-height: 120rpx;
-}
+<style scoped lang="less">
+.tcBox{
+	width: 702rpx;
+    margin-top: 20rpx;
+	margin-left: 24rpx;
+	background: #FFFFFF;
+	border-radius: 10rpx;
+	display: flex;
+	
+}
+.heji{
+	font-weight: 500;
+	color: #666666;
+	padding-left: 30rpx;
+	line-height: 120rpx;
+}
 .rightJt{
 	width: 30rpx;
 	height: 30rpx;
 	margin-top: 4rpx;
-}
-.kklineRight3{
-  display: flex;
-  color: #3c3c3c;
-  font-size: 28rpx;
-  
-}
-.kklineRight2{
-	display: flex;
-}
-.jyKK{
-	width: 108rpx;
-	height: 56rpx;
-	border-radius: 6rpx;
-	border: 2rpx solid #CCCCCC;
-	color: #666666;
-	font-size: 24rpx;
-	text-align: center;
-	line-height: 56rpx;
-	margin-left: 20rpx;
-}
-.jyKKActive{
-	background: #FF0000;
-	border: none;
-	height: 60rpx;
-	color: #FFFFFF;
-}
-.kklineLeft2{
-	line-height: 60rpx;
-}
-.contBox{
-	width: 662rpx;
-	margin-top: 20rpx;
-	margin-left: 24rpx;
-	background: #FFFFFF;
-	border-radius: 10rpx;
-	padding: 0 20rpx;
-}
+}
+.kklineRight3{
+  display: flex;
+  color: #3c3c3c;
+  font-size: 28rpx;
+  
+}
+.kklineRight2{
+	display: flex;
+}
+.jyKK{
+	width: 108rpx;
+	height: 56rpx;
+	border-radius: 6rpx;
+	border: 2rpx solid #CCCCCC;
+	color: #666666;
+	font-size: 24rpx;
+	text-align: center;
+	line-height: 56rpx;
+	margin-left: 20rpx;
+}
+.jyKKActive{
+	background: #FF0000;
+	border: none;
+	height: 60rpx;
+	color: #FFFFFF;
+}
+.kklineLeft2{
+	line-height: 60rpx;
+}
+.contBox{
+	width: 662rpx;
+	margin-top: 20rpx;
+	margin-left: 24rpx;
+	background: #FFFFFF;
+	border-radius: 10rpx;
+	padding: 0 20rpx;
+}
 .stars{
 	color: #FF2400;
-}
-.tcLeft{
-   width: 524rpx;padding-left: 13rpx;
-}
-.tcStart{
-	border-bottom: 1px solid #EEEEEE;
-	display: flex;
-	padding: 29rpx 0;
-	font-size: 28rpx;
-	color: #333333;
-	line-height: 40rpx;
-}
-.tcEnd{
-	display: flex;
-	padding: 29rpx 0;
-	font-size: 28rpx;
-	color: #333333;
-	line-height: 40rpx;
-}
-.tcStartYq{
-	width: 14rpx;
-	height: 14rpx;
-	background: #3F90F7;
-	margin-top: 13rpx;
-	border-radius: 50%;
-}
-.tcStartTxt{
-	width: 396rpx;
-}
-.tcEndYq{
-	width: 14rpx;
-	height: 14rpx;
-	background: #FF0000;
-	margin-top: 13rpx;
-	border-radius: 50%;
-}
-.tcStartTitle{
-	color: #666666;
-	padding: 0 30rpx 0 20rpx;
-}
-.tcRight{
-	color: #FF0000;
-	line-height: 33rpx;
-	font-size: 24rpx;
-	padding-top: 82rpx;
-	padding-left: 10rpx;
-}
+}
+.tcLeft{
+   width: 524rpx;padding-left: 13rpx;
+}
+.tcStartTxt2{
+	width: 550rpx;
+}
+.tcLeft2{
+	padding-left: 13rpx;
+}
+.tcStart{
+	border-bottom: 1px solid #EEEEEE;
+	display: flex;
+	padding: 29rpx 0;
+	font-size: 28rpx;
+	color: #333333;
+	line-height: 40rpx;
+}
+.tcEnd{
+	display: flex;
+	padding: 29rpx 0;
+	font-size: 28rpx;
+	color: #333333;
+	line-height: 40rpx;
+}
+.tcStartYq{
+	width: 14rpx;
+	height: 14rpx;
+	background: #3F90F7;
+	margin-top: 13rpx;
+	border-radius: 50%;
+}
+.tcStartTxt{
+	width: 396rpx;
+}
+.tcEndYq{
+	width: 14rpx;
+	height: 14rpx;
+	background: #FF0000;
+	margin-top: 13rpx;
+	border-radius: 50%;
+}
+.tcStartTitle{
+	color: #666666;
+	padding: 0 30rpx 0 20rpx;
+}
+.tcRight{
+	color: #FF0000;
+	line-height: 33rpx;
+	font-size: 24rpx;
+	padding-top: 82rpx;
+	padding-left: 10rpx;
+}
 .kkline{
 	display: flex;
 	padding: 30rpx 0;
 	border-bottom: 1px solid #EEEEEE;
 	color: #666666;
-	font-size: 28rpx;
+	font-size: 28rpx;
 	justify-content: space-between;
-}
+}
 .kkline2{
 	display: flex;
 	justify-content: space-between;
@@ -312,12 +367,12 @@
 	border-bottom: 1px solid #EEEEEE;
 	color: #666666;
 	font-size: 28rpx;
-}
+}
 .kklineRight{
 	color: #3c3c3c;
 	font-size: 28rpx;
 	
-	width: 450rpx;
+	width: 450rpx;
 	text-align: right;
 }
 .kklineLeft {
@@ -326,34 +381,34 @@
 .box{
 	background: #F4F5F7;
 	min-height: 100vh;
-}
-.topTime{
-	width: 702rpx;
-    margin-left: 24rpx;
-	background: #FFFFFF;
-	border-radius: 10rpx;
-	display: flex;
-	justify-content: center;
-	padding: 37rpx 0;
-	margin-top: -70rpx;
-	
-}
-.topTimeImg{
-	width: 36rpx;
-	height: 36rpx;
-}
-.topTimeNum{
-	font-weight: 500;
-	font-size: 32rpx;
-	line-height: 36rpx;
-	color: #333333;
-	padding-left: 18rpx;
-}
-.top-box{
-	width: 750rpx;
-	height: 164rpx;
-	background: #FF0000;
-	border-radius: 0 0 10% 10%;
+}
+.topTime{
+	width: 702rpx;
+    margin-left: 24rpx;
+	background: #FFFFFF;
+	border-radius: 10rpx;
+	display: flex;
+	justify-content: center;
+	padding: 37rpx 0;
+	margin-top: -70rpx;
+	
+}
+.topTimeImg{
+	width: 36rpx;
+	height: 36rpx;
+}
+.topTimeNum{
+	font-weight: 500;
+	font-size: 32rpx;
+	line-height: 36rpx;
+	color: #333333;
+	padding-left: 18rpx;
+}
+.top-box{
+	width: 750rpx;
+	height: 164rpx;
+	background: #FF0000;
+	border-radius: 0 0 10% 10%;
 }
 .bottom-container{
 	width: 750rpx;

pages/index/index.vue

@@ -269,7 +269,7 @@
 			this.shopId=ext.shopId;
 			this.url=ext.url;
 			this.unionId=ext.unionId
-			this.unionId="EF7981B9-2D1D-4006-9C0A-66CE7177134D"
+			//this.unionId="EF7981B9-2D1D-4006-9C0A-66CE7177134D"
 			// uni.setStorage({
 			// 	key: 'extdata',
 			// 	data: {

pages/index/rescue.vue

@@ -131,7 +131,7 @@
 		},
 		onLoad() {
 			var that = this;
-			this.queryRescue()
+			//this.queryRescue()
 			//return false;
 			const tMap = new QQMapWX({
 				key: 'L2GBZ-CIS6J-HRFFV-K5LO6-QROT7-BQFXZ' //开发者密钥 //这里要换成自己的key
@@ -154,8 +154,8 @@
 						 latitude: that.latitude,
 						 longitude: that.longitude,
 						 iconPath: '../../static/img/icon_qidian.png',
-						 width:36,
-						 height:56
+						 width:25,
+						 height:39
 					}
 					that.covers.push(obj);
 					that.points.push({
@@ -163,7 +163,7 @@
 						latitude:that.latitude 
 					})
 					that.calculateDistance()
-					that.queryhelpshopList()
+					//that.queryhelpshopList()
 					that.tMap.reverseGeocoder({
 						location: {
 							latitude: that.latitude,
@@ -215,8 +215,30 @@
 				})
 			},
 			sure(){
+				if(this.tabIndex==0){
+					const yy = new Date().getFullYear()
+					  const MM = (new Date().getMonth() + 1) < 10 ? '0' + (new Date().getMonth() + 1) : (new Date().getMonth() + 1)
+					  const dd = new Date().getDate() < 10 ? '0' + new Date().getDate() : new Date().getDate()
+					  const HH = new Date().getHours() < 10 ? '0' + new Date().getHours() : new Date().getHours()
+					  const mm = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes() : new Date().getMinutes()
+					  //const ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds() : new Date().getSeconds()
+					  var time= yy + '-' + MM + '-' + dd + ' ' + HH + ':' + mm //+ ':' + ss
+					  console.log(time) 
+					  //return false;
+					
+				}else{
+					if(this.yytime==''){
+						uni.showToast({
+							 title: '请选择预约时间',
+							 icon:'none',
+							 duration: 3000
+						});
+						return false;
+					}
+					var time=this.yytime
+				}
 				uni.navigateTo({
-					url:'confirmRescue?lat='+this.latitude+"&lng="+this.longitude+"&shopId="+this.shopInfo.id+'&shopName='+this.shopInfo.shopName
+					url:'confirmRescue?lat='+this.latitude+"&lng="+this.longitude+"&shopId="+this.shopInfo.id+'&shopName='+this.shopInfo.shopName+'&type='+this.typeIndex+'&time='+time+'&currentAddress='+this.currentAddress+'&endAddress='+this.endAddress+'&endLat='+this.endLat+'&endLng='+this.endLng
 				})
 			},
 			startBtn(){
@@ -235,8 +257,8 @@
 							 latitude: that.latitude,
 							 longitude: that.longitude,
 							 iconPath: '../../static/img/icon_qidian.png',
-							 width:36,
-							 height:56
+							 width:25,
+							 height:39
 						}
 						var obj2 = {
 							longitude: that.longitude,  
@@ -289,8 +311,8 @@
 							 latitude: latitude,
 							 longitude: longitude,
 							 iconPath: '../../static/img/icon_zhongdian.png',
-							 width:36,
-							 height:56,
+							 width:25,
+							 height:39,
 							 // label:{
 								//  content:'文本'
 							 // },
@@ -364,8 +386,8 @@
 					 latitude: this.latitude,
 					 longitude: this.longitude,
 					 iconPath: '../../static/img/icon_qidian.png',
-					 width:36,
-					 height:56,
+					 width:25,
+					 height:39,
 					 callout: { //自定义标记点上方的气泡窗口 点击有效
 					 	content: '约'+this.time+'分钟到达', //文本
 					 	color: '#ffffff', //文字颜色
@@ -389,8 +411,8 @@
 				 	 latitude: latitude,
 				 	 longitude: longitude,
 				 	 iconPath: '../../static/img/icon_qidian.png',
-					 width:36,
-					 height:56
+					 width:25,
+					 height:39
 				 }
 				this.covers=[];
 				this.covers.push(obj)
@@ -408,8 +430,8 @@
 				  	 latitude: latitude,
 				  	 longitude: longitude,
 				  	 iconPath: '../../static/img/icon_qidian.png',
-					 width:36,
-					 height:56
+					 width:25,
+					 height:39
 				  }
 				  this.covers=[];
 				  this.covers.push(obj)
@@ -434,7 +456,13 @@
 				this.tabIndex = num;
 			},
 			typeClick(num){
-				this.typeIndex=num
+				this.typeIndex=num;
+				if(num!=2){
+					this.endLat='';
+					this.endLng='';
+					this.endAddress='';
+					this.covers.splice(1,1);
+				}
 			}
 		}
 	}
@@ -473,7 +501,7 @@
 		font-size: 30rpx;
 		color: #333333;
 		text-align: center;
-
+        padding: 0 10rpx;
 	}
 
 	.tabActive {

pages/referral/referral.vue

@@ -0,0 +1,262 @@
+<template>
+<view class="box">
+  <view class="contBox">
+  	<view class="top">
+		<view class="topLeft">
+			<view class="topLeftTitle">未提现返利</view>
+			<view class="topLeftNum">839204.00</view>
+		</view>
+		<view class="topRight">提现</view>
+	</view>
+	<view class="xffl">
+		<view class="xfflTitle">消费返利</view>
+		<view class="xfflLine">
+			<view class="xfflLineLeft">
+				<view class="xfflyq"></view>
+				<view class="xfflLineLeftTxt">一级人脉/返利</view>
+			</view>
+			<view class="xfflLineM">1242 人</view>
+			<view class="xfflLineR">¥ 2932.00</view>
+		</view>
+		<view class="xfflLine">
+			<view class="xfflLineLeft">
+				<view class="xfflyq2"></view>
+				<view class="xfflLineLeftTxt">二级人脉/返利</view>
+			</view>
+			<view class="xfflLineM">1242 人</view>
+			<view class="xfflLineR">¥ 2932.00</view>
+		</view>
+		<view class="xfflLine">
+			<view class="xfflLineLeft">
+				<view class="xfflyq3"></view>
+				<view class="xfflLineLeftTxt">三级人脉/返利</view>
+			</view>
+			<view class="xfflLineM">1242 人</view>
+			<view class="xfflLineR">¥ 2932.00</view>
+		</view>
+		<view class="xfflLine">
+			<view class="xfflLineLeft">
+				<view class="xfflyq4"></view>
+				<view class="xfflLineLeftTxt">四级人脉/返利</view>
+			</view>
+			<view class="xfflLineM">1242 人</view>
+			<view class="xfflLineR">¥ 2932.00</view>
+		</view>
+	</view>
+	
+	<view class="xffl">
+		<view class="xfflTitle">扫码注册返利</view>
+		<view class="xfflLine">
+			<view class="xfflLineLeft">
+				<view class="xfflyq"></view>
+				<view class="xfflLineLeftTxt">人数/返利</view>
+			</view>
+			<view class="xfflLineM">1242 人</view>
+			<view class="xfflLineR">¥ 2932.00</view>
+		</view>
+		
+	</view>
+	<view class="lineBox">
+		  <view class="line" @click="goRouter('myQr')">
+			  <view class="lineLeft">
+			  	<image src="../../static/timg/icon_erweima.png" mode="" class="lineLeftImg"></image>
+			  	<view class="lineLeftTxt">生成二维码</view>
+			  </view>
+			  <view class="lineRight">
+			  		  <image src="../../static/timg/icon_arrow_right.png" mode="" class="lineRightImg"></image>
+			  </view>
+		  </view>
+		  
+	</view>
+	
+	<view class="smBox">
+		<image src="../../static/timg/icon_shuom.png" mode="" class="smImg"></image>
+		<view class="smTxt">说明</view>
+	</view>
+	
+  </view>
+</view>
+</template>
+
+<script>
+	export default {
+		components: {
+			
+		},
+		
+		data() {
+			return {
+				
+				themeColor:'',
+				userInfo:'',
+			}
+		},
+		onLoad(opt) {
+			this.themeColor = uni.getStorageSync("themeColor");
+			this.userInfo = uni.getStorageSync("userInfo");
+			
+		},
+		onShow() {
+			
+		},
+		methods: {
+			goRouter(url){
+				uni.navigateTo({
+					url:url
+				})
+			}
+			
+		}
+	}
+</script>
+
+<style scoped lang="less">
+.box {
+	width: 100vw;
+	min-height: 100vh;
+	background: #F4F5F7;
+}
+.contBox{
+	padding: 20rpx 24rpx;
+}
+.top{
+	background: #FFFFFF;
+	border-radius: 10rpx;
+	padding: 24rpx 20rpx;
+	display: flex;
+	justify-content: space-between;
+}
+.topLeftTitle{
+	font-size: 30rpx;
+	font-family: PingFangSC-Medium, PingFang SC;
+	font-weight: 500;
+	color: #333333;
+}
+.topLeftNum{
+	font-size: 40rpx;
+	font-family: PingFangSC-Semibold, PingFang SC;
+	font-weight: 600;
+	color: #FF0000;
+	padding-top: 24rpx;
+}
+.topRight{
+	width: 138rpx;
+	height: 64rpx;
+	background: #FF0000;
+	border-radius: 10rpx;
+	line-height: 64rpx;
+	text-align: center;
+	color: #FFFFFF;
+	font-size: 28rpx;
+	margin-top: 34rpx;
+}
+.xffl{
+	background: #FFFFFF;
+	margin-top: 20rpx;
+	padding: 20rpx;
+}
+.xfflTitle{
+	font-size: 30rpx;
+	font-family: PingFangSC-Medium, PingFang SC;
+	font-weight: 500;
+	color: #333333;
+}
+.xfflLine{
+	display: flex;
+	justify-content: space-between;
+	font-size: 24rpx;
+	font-family: PingFangSC-Regular, PingFang SC;
+	font-weight: 400;
+	color: #333333;
+	line-height: 33rpx;
+	padding: 15rpx 0;
+}
+.xfflyq{
+	width: 10rpx;
+	height: 10rpx;
+	background: #D53533;
+	border-radius: 50%;
+	margin-top: 12rpx;
+	margin-right: 14rpx;
+}
+.xfflyq2{
+	width: 10rpx;
+	height: 10rpx;
+	background: #3F90F7;
+	border-radius: 50%;
+	margin-top: 12rpx;
+	margin-right: 14rpx;
+}
+.xfflyq3{
+	width: 10rpx;
+	height: 10rpx;
+	background: #FF4F00;
+	border-radius: 50%;
+	margin-top: 12rpx;
+	margin-right: 14rpx;
+}
+.xfflyq4{
+	width: 10rpx;
+	height: 10rpx;
+	background: #6F2BE8;
+	border-radius: 50%;
+	margin-top: 12rpx;
+	margin-right: 14rpx;
+}
+.xfflLineLeft{
+	display: flex;
+}
+.xfflLineM{
+	width: 200rpx;
+	text-align: center;
+}
+.xfflLineR{
+	width: 200rpx;
+	text-align: right;
+}
+.lineLeftImg{
+	width: 34rpx;
+	height: 34rpx;
+}
+.lineLeftTxt{
+	color: #333333;font-size: 28rpx;line-height: 34rpx;padding-left: 24rpx;
+}
+.lineRIghtNUm{
+	color: #666666;font-size: 28rpx;line-height: 34rpx;padding-right: 16rpx;
+}
+.lineRightImg{
+	width: 12rpx;
+	height: 20rpx;
+	margin-top: 7rpx;
+}
+.lineBox{
+	background: #FFFFFF;width: 702rpx;margin-top: 20rpx;
+}
+.line{
+	display: flex;
+	justify-content: space-between;
+	padding: 38rpx 32rpx;
+}
+.lineLeft{
+		display: flex;
+}
+.lineRight{
+	display: flex;
+}
+.smImg{
+	width: 30rpx;height: 30rpx;
+}
+.smTxt{
+	font-size: 28rpx;
+	font-family: PingFangSC-Regular, PingFang SC;
+	font-weight: 400;
+	color: #999999;
+	line-height: 30rpx;
+	padding-left: 5rpx;
+}
+.smBox{
+	display: flex;
+	justify-content: center;
+	padding-top: 30rpx;
+}
+</style>

pages/user/user.vue

@@ -174,6 +174,13 @@
 				</view>
 				<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
 			</view>
+			<view class="rowBox" @click="gonavigateTo('../referral/referral')">
+				<view class="leftView">
+					<image src="../../static/img/icon_me7.png" mode="" class="liftIcon"></image>
+					<view class="rowTitle">客户转介绍</view>
+				</view>
+				<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
+			</view>
 
 			<!-- 先隐藏 -->
 			<!-- <view class="rowBox" @click="gonavigateTo('')">
@@ -383,14 +390,16 @@
 				})
 			},
 			gonavigateTo(url) {
-			   if (this.userInfo) {
-					uni.navigateTo({
-						url: url
-					})
-				} else {
-					this.authorizShow = true;
-				}
-				
+			 //   if (this.userInfo) {
+				// 	uni.navigateTo({
+				// 		url: url
+				// 	})
+				// } else {
+				// 	this.authorizShow = true;
+				// }
+				uni.navigateTo({
+					url: url
+				})
 			},
 			signOut() {
 				//uni.clearStorageSync();