|
|
|
@ -1,8 +1,9 @@ |
|
|
|
|
<template> |
|
|
|
|
<view> |
|
|
|
|
<view style="width:100%;position: fixed;top:0;z-index:99"> |
|
|
|
|
<view class="status-box"></view> |
|
|
|
|
<view style="width:100%;position: fixed;top:var(--status-bar-height);z-index:99"> |
|
|
|
|
<view class="navBarContent"> |
|
|
|
|
<u-icon name="arrow-left" style="position: absolute;top:50%;left:40upx;transform: translateY(-50%);" color="#000" size="24"></u-icon> |
|
|
|
|
<u-icon name="arrow-left" @click="goBack()" style="position: absolute;top:50%;left:50rpx;transform: translateY(-50%);" color="#000" size="24"></u-icon> |
|
|
|
|
<text>加入分销</text> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
@ -11,17 +12,17 @@ |
|
|
|
|
<view class="userInfo"> |
|
|
|
|
<image :src="$picUrl+'/static/news3/join.png'" mode="widthFix"></image> |
|
|
|
|
<view class="userContent"> |
|
|
|
|
<image src="/static/news/avater.png" mode="aspectFill" class="avatar"></image> |
|
|
|
|
<image :src="user.avatar_url" mode="aspectFill" class="avatar"></image> |
|
|
|
|
<view class="user"> |
|
|
|
|
<view class="userTop"> |
|
|
|
|
<text class="name">Deioio</text> |
|
|
|
|
<text class="name">{{ user.nick_name }}</text> |
|
|
|
|
<view class="flag"> |
|
|
|
|
分销商 |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="userBottom"> |
|
|
|
|
<text>加入时间2024.01.21</text> |
|
|
|
|
<view class="tixian"> |
|
|
|
|
<text>加入时间:{{dealer.update_time}}</text> |
|
|
|
|
<view class="tixian" @click="$navTo('pages/dealer/withdraw/apply')"> |
|
|
|
|
提现 |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
@ -32,13 +33,15 @@ |
|
|
|
|
<view class="yongjinContent"> |
|
|
|
|
<view class="item"> |
|
|
|
|
<text class="num"> |
|
|
|
|
0.00 |
|
|
|
|
<!-- {{ setting.words.index.words.money.value }} --> |
|
|
|
|
{{ dealer.money }} |
|
|
|
|
</text> |
|
|
|
|
<text class="text">已提现佣金</text> |
|
|
|
|
</view> |
|
|
|
|
<view class="item"> |
|
|
|
|
<text class="num"> |
|
|
|
|
0 |
|
|
|
|
<!-- {{ setting.words.index.words.freeze_money.value }} --> |
|
|
|
|
{{ dealer.freeze_money }} |
|
|
|
|
</text> |
|
|
|
|
<text class="text">未结算佣金</text> |
|
|
|
|
</view> |
|
|
|
@ -48,19 +51,19 @@ |
|
|
|
|
<image :src="$picUrl+'/static/news3/fx1.png'" mode="widthFix"></image> |
|
|
|
|
<text>分销佣金</text> |
|
|
|
|
</view> |
|
|
|
|
<view class="gridItem"> |
|
|
|
|
<view class="gridItem" @click="$navTo('pages/dealer/order')"> |
|
|
|
|
<image :src="$picUrl+'/static/news3/fx2.png'" mode="widthFix"></image> |
|
|
|
|
<text>分销订单</text> |
|
|
|
|
</view> |
|
|
|
|
<view class="gridItem"> |
|
|
|
|
<view class="gridItem" @click="$navTo('pages/dealer/withdraw/list')"> |
|
|
|
|
<image :src="$picUrl+'/static/news3/fx3.png'" mode="widthFix"></image> |
|
|
|
|
<text>提现明细</text> |
|
|
|
|
</view> |
|
|
|
|
<view class="gridItem"> |
|
|
|
|
<view class="gridItem" @click="$navTo('pages/dealer/team')"> |
|
|
|
|
<image :src="$picUrl+'/static/news3/fx4.png'" mode="widthFix"></image> |
|
|
|
|
<text>我的团队</text> |
|
|
|
|
</view> |
|
|
|
|
<view class="gridItem"> |
|
|
|
|
<view class="gridItem" @click="$navTo('pages/dealer/poster')"> |
|
|
|
|
<image :src="$picUrl+'/static/news3/fx5.png'" mode="widthFix"></image> |
|
|
|
|
<text>推广二维码</text> |
|
|
|
|
</view> |
|
|
|
@ -70,19 +73,70 @@ |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
import AvatarImage from '@/components/avatar-image' |
|
|
|
|
import * as Api from '@/api/dealer' |
|
|
|
|
export default { |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
|
|
|
|
|
// 正在加载 |
|
|
|
|
isLoading: true, |
|
|
|
|
// 当前用户信息 |
|
|
|
|
user: undefined, |
|
|
|
|
// 当前是否为分销商 |
|
|
|
|
isDealer: false, |
|
|
|
|
// 当前分销商信息 |
|
|
|
|
dealer: undefined, |
|
|
|
|
// 推荐人昵称 |
|
|
|
|
refereeName: undefined, |
|
|
|
|
// 分销设置 |
|
|
|
|
setting: { |
|
|
|
|
background: undefined, |
|
|
|
|
words: undefined |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
/** |
|
|
|
|
* 生命周期函数--监听页面加载 |
|
|
|
|
*/ |
|
|
|
|
onLoad(options) { |
|
|
|
|
this.getCenter() |
|
|
|
|
}, |
|
|
|
|
methods:{ |
|
|
|
|
/** |
|
|
|
|
* 售后点击 |
|
|
|
|
*/ |
|
|
|
|
goBack(){ |
|
|
|
|
uni.navigateBack({ // 调用uni-app提供的跳转API |
|
|
|
|
delta: 1 // 表示返回上一个页面,若为0则表示不进行任何操作 |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
// 获取分销商中心数据 |
|
|
|
|
getCenter() { |
|
|
|
|
const app = this |
|
|
|
|
app.isLoading = true |
|
|
|
|
Api.center() |
|
|
|
|
.then(result => { |
|
|
|
|
// api数据赋值 |
|
|
|
|
const data = result.data |
|
|
|
|
app.isDealer = data.isDealer |
|
|
|
|
app.user = data.user |
|
|
|
|
app.dealer = data.dealer |
|
|
|
|
app.refereeName = data.refereeName |
|
|
|
|
app.setting = data.setting |
|
|
|
|
// 设置当前页面标题 |
|
|
|
|
app.setPageTitle() |
|
|
|
|
app.isLoading = false |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
onApplyAftersales(){ |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url: '/pages/AfterSaleType/AfterSaleType', |
|
|
|
|
url: '/pages/dealer/poster', |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
// 设置当前页面标题 |
|
|
|
|
setPageTitle() { |
|
|
|
|
uni.setNavigationBarTitle({ |
|
|
|
|
title: this.setting.words.index.title.value |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
@ -96,13 +150,16 @@ page{ |
|
|
|
|
padding-bottom: 140upx; |
|
|
|
|
padding-top:200upx; |
|
|
|
|
} |
|
|
|
|
.status-box{ |
|
|
|
|
height: var(--status-bar-height); |
|
|
|
|
} |
|
|
|
|
.bgImg{ |
|
|
|
|
width:100%; |
|
|
|
|
height:auto; |
|
|
|
|
position:absolute; |
|
|
|
|
top:0; |
|
|
|
|
left:0; |
|
|
|
|
z-index:1; |
|
|
|
|
z-index:-1; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.navBarContent{ |
|
|
|
@ -121,7 +178,7 @@ page{ |
|
|
|
|
.userInfo{ |
|
|
|
|
position: relative; |
|
|
|
|
z-index:3; |
|
|
|
|
margin:0 30upx; |
|
|
|
|
margin:130upx 30upx 0; |
|
|
|
|
image{ |
|
|
|
|
width:100%; |
|
|
|
|
height:auto; |
|
|
|
|