['我的推广二维码展示形式及个人中中心接口对接']
This commit is contained in:
@@ -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
|
||||
}
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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
BIN
static/images/hexiao_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
BIN
static/images/share_bg_3.png
Normal file
BIN
static/images/share_bg_3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
Reference in New Issue
Block a user