['我的推广二维码展示形式及个人中中心接口对接']

apis/interfaces/mine.js

@@ -34,7 +34,7 @@ const aboutUs = () => {
 // 获取用户信息
 const getUserInfo = () => {
   return request({
-    url: 'user/info'
+    url: 'user/app'
   })
 }
 
@@ -77,6 +77,12 @@ const resetUserInfo= (data) => {
   })
 }
 
+// 我的推广码
+const appcode = () => {
+  return request({
+    url: 'user/appcode'
+  })
+}
 
 export {
   shopSubscribe,
@@ -86,5 +92,6 @@ export {
   getUserSettingInfo,
   chaineb,
   browsers,
-  resetUserInfo
+  resetUserInfo,
+  appcode
 }

pages.json

@@ -451,13 +451,17 @@
 			"path": "pages/verification/index",
 			"name": "Verification",
 			"style": {
-				"navigationBarTitleText": "扫码验证"
+				"navigationBarTitleText": "扫码验证",
+				"navigationBarTextStyle": "white",
+				"navigationBarBackgroundColor": "#f40c50"
 			}
 		}, {
 			"path": "pages/verification/details",
 			"name": "VerificationDetails",
 			"style": {
-				"navigationBarTitleText": "核销券详情"
+				"navigationBarTitleText": "核销券详情",
+				"navigationBarTextStyle": "white",
+				"navigationBarBackgroundColor": "#f40c50"
 			}
 		}, {
 			"path": "pages/shop/lists",

pages/property/index.vue

@@ -1,17 +1,17 @@
 <template>
-	<view>
+	<view v-if='loaded'>
 		<!-- 用户信息 -->
 		<view class="user">
 			<view class="user-tool" @click="$Router.push({name:'Setting'})">
 				<image src="@/static/icons/user_icon_00.png" mode="widthFix"  />
 			</view>
 			<view class="user-content">
-				<image class="info-cover" src="../../static/dev/good_cover_00.jpg" mode="aspectFill" />
+				<image class="info-cover" :src="base.avatar" mode="aspectFill" />
-				<view class="info-nickname">唐明明</view>
+				<view class="info-nickname">{{base.nickname}}</view>
 				<view class="info-signa">潮流就是我的态度</view>
 				<view class="info-tags">
-					<text class="info-tags-item identity">普通用户</text>
+					<text class="info-tags-item identity">{{base.identity.name}}</text>
-					<text class="info-tags-item vip">PULS企业</text>
+					<text class="info-tags-item vip" v-if="base.company_level.name">{{base.company_level.name }}</text>
 				</view>
 			</view>
 			<view class="user-tabs">
@@ -23,11 +23,8 @@
 		<view class="user-ad">
 			<uni-icons class="user-ad-icon" type="sound-filled" color="#e93340"></uni-icons>
 			<swiper class="user-ad-swiper" :interval="3000" autoplay vertical circular>
-				<swiper-item>
+				<swiper-item v-for="(item,index) in message" :key='index'>
-					<view class="user-ad-item">恭喜用户0101成功开通PLUS企业会员</view>
+					<view class="user-ad-item">{{item}}</view>
-				</swiper-item>
-				<swiper-item>
-					<view class="user-ad-item">恭喜用户0101成功开通PLUS企业会员</view>
 				</swiper-item>
 			</swiper>
 		</view>
@@ -39,19 +36,19 @@
 				</view>
 				<view class="group-flex group-flex-4">
 					<view class="item" @click="showToast">
-						<view class="item-num">0</view>
+						<view class="item-num">{{base.account.token}}</view>
 						<view class="item-title">原石</view>
 					</view>
 					<view class="item" @click="showToast">
-						<view class="item-num">0</view>
+						<view class="item-num">{{base.account.contribution}}</view>
 						<view class="item-title">贡献值</view>
 					</view>
 					<view class="item" @click="$Router.push({name:'Eb'})">
-						<view class="item-num">0</view>
+						<view class="item-num">{{base.account.eb}}</view>
 						<view class="item-title">易币</view>
 					</view>
 					<view class="item" @click="showToast">
-						<view class="item-num">0</view>
+						<view class="item-num">{{base.account.money}}</view>
 						<view class="item-title">零钱</view>
 					</view>
 				</view>
@@ -63,19 +60,19 @@
 				</view>
 				<view class="group-flex group-flex-4">
 					<view class="item" @click="$Router.push({name:'NumberWeight'})">
-						<view class="item-num">0</view>
+						<view class="item-num">{{count.warrnats}}</view>
 						<view class="item-title">权证持有</view>
 					</view>
 					<view class="item" @click="showToast">
-						<view class="item-num">0</view>
+						<view class="item-num">{{count.warrnat_transfer}}</view>
 						<view class="item-title">权证转让</view>
 					</view>
 					<view class="item" @click="$Router.push({name:'ServicesOrder'})">
-						<view class="item-num">0</view>
+						<view class="item-num">{{count.shipment_fuwu_count}}</view>
 						<view class="item-title">已使用</view>
 					</view>
 					<view class="item" @click="$Router.push({name:'MallShipments'})">
-						<view class="item-num">0</view>
+						<view class="item-num">{{count.shipment_goods_count}}</view>
 						<view class="item-title">已提货</view>
 					</view>
 				</view>
@@ -110,11 +107,11 @@
 				</view>
 				<view class="group-flex group-flex-2">
 					<view class="item">
-						<view class="item-num">0</view>
+						<view class="item-num">{{relations.children}}</view>
 						<view class="item-title">推广人数</view>
 					</view>
 					<view class="item">
-						<view class="item-num">0</view>
+						<view class="item-num">{{relations.company}}</view>
 						<view class="item-title">推广企业</view>
 					</view>
 				</view>
@@ -128,14 +125,14 @@
 				<view class="ranking ranking-after">
                     <view class="ranking-title">
                         <view class="ranking-text">全站推广人数</view>
-                        <view class="ranking-number">5</view>
+                        <view class="ranking-number">{{relations.childrenRank}}</view>
                     </view>
                     <image class="tips" src="../../static/icons/property_icon_00.png" mode="aspectFill" />
 				</view>
                 <view class="ranking">
                     <view class="ranking-title">
                     	<view class="ranking-text">推广企业</view>
-                        <view class="ranking-number">5</view>
+                        <view class="ranking-number">{{relations.companyRank}}</view>
                     </view>
                     <image class="tips" src="../../static/icons/property_icon_01.png" mode="aspectFill" />
                 </view>
@@ -144,7 +141,12 @@
             
 			<!-- 推广海报 -->
             <view class="poster-text">推广海报</view>
-			<carousel :img-list="imgList" url-key="url" @selected="selectedBanner"/>
+			
+			<!-- <carousel :img-list="imgList" url-key="url" @selected="selectedBanner"/> -->
+			<view class="code">
+				<image class="code-img-bg" src="/static/images/share_bg_3.png" mode="aspectFill" />
+				<image class='code-img' :src="shareCode" mode="widthFix" />
+			</view>
        
 		</block>
 		<!-- 弹窗 -->
@@ -156,6 +158,7 @@
 
 <script>
 	import carousel from '@/components/vear-carousel/vear-carousel'
+	import {getUserInfo , appcode} from '@/apis/interfaces/mine'
 	export default {
 		components: {
 			carousel
@@ -172,22 +175,52 @@
 				},{
 					url: 'https://img9.51tietu.net/pic/2019-091200/143tt0ta4sr143tt0ta4sr.jpg',
 					id: 3
-				}]
+				}],
+				base:'',
+				count:'',
+				relations:'',
+				message:'',
+				loaded:false,
+				shareCode:''
 			}
 		},
+		onShow(){
+			this.getUserInfo()
+		},
 		methods: {
+			// 获取用户的基本信息
+			getUserInfo(){
+				getUserInfo().then(res => {
+					this.base = res.base
+					this.count = res.count
+					this.message = res.message
+					this.relations = res.relations
+					this.loaded = true
+				}).catch(err => {
+					this.$refs.uToast.show({
+						title: err.message,
+						type: 'error',
+						icon:false,
+						duration: 3000
+					})
+				})
+				appcode().then(res => {
+					this.shareCode = res.code
+				}).catch(err => {
+					this.$refs.uToast.show({
+						title: err.message,
+						type: 'error',
+						icon:false,
+						duration: 3000
+					})
+				})
+			},
 			outLogin(){
 				this.$store.commit('setToken', '')
 			},
 			selectedBanner(item, index) {
 				console.log('🥒', item, index)
 			},
-			// copyright(){
-			// 	uni.clearStorageSync()
-			// 	uni.navigateTo({
-			// 		url:'/pages/login/login'
-			// 	})
-			// },
 			// 努力开发中，，，
 			showToast(){
 				this.$refs.uToast.show({
@@ -424,13 +457,31 @@
         margin: $margin + 10 0 0;
         text-align: center;
     }
+	.code{
+		width: 700rpx;
+		height: 400rpx;
+		background-color: red;
+		margin: 25rpx;
+		position: relative;
+		.code-img-bg{
+			width: 100%;
+			height: 100%;
+		}
+		.code-img{
+			width: 220rpx;
+			position: absolute;
+			left: 30rpx;
+			top: 50%;
+			margin-top: -90rpx;
+		}
+	}
 	// 易货订单
 	.order-flex{
 		.item{
-			width: calc(20% - #{$padding - 10});
+			width: calc(25% - #{$padding - 10});
 			.item-num{
 				font-weight: bold;
-				font-size: $title-size + 4;
+				font-size: $title-size;
 			}
 			.item-cover{
 				width: 72rpx;

pages/verification/index.vue

@@ -1,6 +1,12 @@
 <template>
-	<view>
+	<view class="Verification">
-		优惠券核销
+		
+		<image  src="/static/images/hexiao_bg.png" mode="widthFix" />
+		
+		<view class="">
+			<view class="">扫描券码和权证 一键核销</view>
+			<view class="">降低核销门槛  低成本留存优质客户</view>
+		</view>
 	</view>
 </template>
 
@@ -15,5 +21,14 @@
 </script>
 
 <style lang="scss">
-
+.Verification{
+	width: 100%;
+	height: 100vh;
+	background-color: #fff;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	box-sizing: border-box;
+}
 </style>