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

This commit is contained in:
2021-09-17 15:34:25 +08:00
parent d0412c96dc
commit 0fa8736ed3
6 changed files with 116 additions and 39 deletions

View File

@@ -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
}

View File

@@ -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",

View File

@@ -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" />
<view class="info-nickname">唐明明</view>
<image class="info-cover" :src="base.avatar" mode="aspectFill" />
<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 vip">PULS企业</text>
<text class="info-tags-item identity">{{base.identity.name}}</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>
<view class="user-ad-item">恭喜用户0101成功开通PLUS企业会员</view>
</swiper-item>
<swiper-item>
<view class="user-ad-item">恭喜用户0101成功开通PLUS企业会员</view>
<swiper-item v-for="(item,index) in message" :key='index'>
<view class="user-ad-item">{{item}}</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;

View File

@@ -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>

BIN
static/images/hexiao_bg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB