TmOct5/dou_fire
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

merge

Browse Source
This commit is contained in:
唐明明
2023-02-15 11:40:57 +08:00
parent 252104f91a dfd6b9f88f
commit ade6bd53c2
8 changed files with 1362 additions and 493 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
apis/interfaces/user.js
View File

@@ -133,6 +133,29 @@ const relationsBind = (invite, type) => {
})
}
// 提交运营中心别名
const submitTeamName = (data) => {
return request({
url: 'user/team',
data:data,
method: 'POST'
})
}
// 获取运营中心记录
const getTeam = () => {
return request({
url : 'user/team',
})
}
// 获取运营中心记录
const getTeamLogs = data => {
return request({
url: 'user/team/logs',
data
})
}
export {
relations,
code,
@@ -148,5 +171,8 @@ export {
userInfoBank,
getRegion,
relationsVerify,
relationsBind
relationsBind,
submitTeamName,
getTeam,
getTeamLogs,
}

4
manifest.json
View File

@@ -2,8 +2,8 @@
"name" : "抖火",
"appid" : "__UNI__C305C03",
"description" : "纵有疾风起，人生不言弃",
"versionName" : "1.3.0",
"versionCode" : 102,
"versionName" : "1.2.9",
"versionCode" : 103,
"transformPx" : false,
/* 5+App特有相关 */
"app-plus" : {

10
pages.json
View File

@@ -220,6 +220,16 @@
"navigationBarBackgroundColor": "#926fff",
"navigationBarTextStyle": "white"
}
}, {
"path": "pages/account/yunying",
"auth": true,
"name": "YunYing",
"style": {
"navigationBarTitleText": "运营中心",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#446EFE",
"navigationBarTextStyle": "white"
}
}, {
"path": "pages/account/cash",
"auth": true,

72
pages/account/bonus.vue
View File

@@ -2,12 +2,18 @@
<view class="content">
<!-- 账户余额 -->
<view class="total" :style="'background-image: url(' + require('@/static/imgs/bonus_back.png') + ');'">
<view class="total-item-1">
<view class="total-left">
<view class="total-value nowrap">{{total}}</view>
<view class="total-text nowrap">{{ type === 'balance' ? '账户余额': '已提现总金额'}}</view>
</view>
<view class="total-btn" @click="$Router.push({name: 'Withdraws'})">提现</view>
</view>
<view class="total-item-2">
<view> 已发放 :￥<span>{{sended}}</span></view>
<view> 待发放 :￥<span>{{frozen}}</span></view>
</view>
</view>
<!-- 账户记录 -->
<view class="tabs">
<u-tabs
@@ -16,17 +22,22 @@
:activeStyle="{color: '#906BFF', fontWeight: 'bold'}"
lineColor="#8E6AFF"
@click="onTabs"
></u-tabs>
/>
</view>
<view class="logs">
<block v-if="list.length > 0">
<view class="log-flex" v-for="(item, index) in list" :key="index">
<block v-if="type === 'balance'">
<view class="text">
<view class="type nowrap">{{item.remark || '-'}}</view>
<view class="type nowrap">
{{item.remark || '-'}}
<span :class="item.frozen.value == 0 ? '' : 'active'">{{item.frozen.text}}</span>
</view>
<view class="time nowrap">{{item.created_at}}</view>
</view>
<view class="price nowrap">{{item.amount}}</view>
<view class="price nowrap">
<span :class="item.frozen.value == 0 ? '' : 'active'">{{item.amount}}</span>
</view>
</block>
<block v-if="type === 'withdraws'">
<view class="text">
@@ -64,6 +75,8 @@
{ name: '提现记录', value: 'withdraws' },
],
total : '0.00',
sended : '0.00',
frozen : '0.00',
list : [],
page : {
current : 1,
@@ -90,6 +103,8 @@
}
this.list = []
this.total = '0.00'
this.sended = '0.00'
this.frozen = '0.00'
this.getList()
},
// 获取账户余额
@@ -106,9 +121,11 @@
balance({
page: this.page.current
}).then(res => {
let { balance, logs } = res;
let { balance, logs ,sended,frozen } = res;
let atList = logs.page.current == 1 ? [] : this.list
this.total = balance
this.sended = sended
this.frozen = frozen
this.list = atList.concat(logs.data)
this.page = logs.page
this.pagesShow = false
@@ -171,9 +188,31 @@
background-position: top center;
padding: 50rpx 30rpx 170rpx;
color: white;
.total-item-1{
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
}
.total-item-2{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
// margin-top: $margin;
position: relative;
top: $margin ;
padding-bottom: 20rpx;
font-size: 30rpx;
view{
opacity: 0.9;
font-size: 26rpx;
}
span{
font-size:32rpx;
}
}
.total-left{
width: calc( 100% - 200rpx );
}
@@ -183,17 +222,17 @@
font-family: Arial, Helvetica, sans-serif;
}
.total-text{
font-size: 30rpx;
opacity: .7;
font-size: 26rpx;
opacity: .9;
line-height: 40rpx;
padding-top: 20rpx;
}
.total-btn{
background: white;
color: #8E6AFF;
line-height: 80rpx;
line-height: 70rpx;
border-radius: 40rpx;
width: 170rpx;
width: 200rpx;
font-weight: bold;
text-align: center;
}
@@ -231,6 +270,9 @@
text-align: right;
font-weight: bold;
color: #9675FF;
.active{
color: #d90017;
}
}
.type{
font-weight: bold;
@@ -241,6 +283,20 @@
padding-right: 10rpx;
color: $main-color;
}
span{
font-size: 22rpx;
font-weight: normal;
background-color: rgba(#8E6AFF, 0.4);
padding: 2rpx 20rpx;
border-radius: 40rpx;
color: #fff;
position: relative;
left: 20rpx;
top: -6rpx;
}
.active{
background-color: rgba(#d90017, 0.4);
}
}
.remark{
font-size: 28rpx;

559
pages/account/yunying.vue Normal file
View File

@@ -0,0 +1,559 @@
<template>
<view class="content">
<!-- :style="'background-image: url(' + require('@/static/icons/yunying_bg.png') + ');'" -->
<!-- 账户余额 -->
<view class="total">
<view class="total-item-1">
<view class="total-left">
<view class="total-value nowrap ">
{{team_name || '--'}}
<u-icon @click='yunyingShow = true,yunying_name = team_name' name="edit-pen-fill" class='pen'
color="#eee" size="34rpx" bold />
</view>
<view class="total-text nowrap">运营中心</view>
</view>
</view>
<view class="total-item-2">
<view> 团队人数 :<span>{{users_count}}</span>人</view>
<view> 总业绩 :￥<span>{{all_perf}}</span></view>
</view>
</view>
<!-- 账户记录 -->
<view class="tabs">
<u-tabs :list="tabs" :scrollable="false" :activeStyle="{color: '#446EFE', fontWeight: 'bold'}"
lineColor="#446EFE" @click="onTabs" />
</view>
<view class="logs">
<block v-if="list.length > 0">
<view class="log-flex" v-for="(item, index) in list" :key="index">
<block v-if="type === 'balance'">
<view class="text">
<view class="type nowrap">
{{item.remark || '-'}}
<span :class="item.frozen.value == 0 ? '' : 'active'">{{item.frozen.text}}</span>
</view>
<view class="time nowrap">{{item.created_at}}</view>
</view>
<view class="price nowrap">
<span :class="item.frozen.value == 0 ? '' : 'active'">{{item.amount}}</span>
</view>
</block>
<block v-if="type === 'withdraws'">
<view class="text">
<view class="type nowrap"><text>[{{item.status.status_text}}]</text>{{item.title || '-'}}
</view>
<view class="remark nowrap" v-if="item.remark != null">{{item.remark || '-'}}</view>
<view class="time nowrap">{{item.created_at}}</view>
</view>
<view class="price nowrap">{{item.amount}}</view>
</block>
<block v-if="type === 'edit'">
<view class="text">
<view class="type nowrap"> {{ item.title }} </view>
<view class="time nowrap">{{item.created_at}}</view>
</view>
<view class="price nowrap" style="font-size: 28rpx;font-weight: normal;">{{item.status.text}}</view>
</block>
</view>
</block>
<block v-else>
<view class="list-null">
<u-empty mode="history" icon="http://cdn.uviewui.com/uview/empty/history.png"
:text="type === 'edit'?' 暂无记录':'暂未开放'" />
</view>
</block>
</view>
<u-loadmore v-if="pagesShow" :status="status" />
<!-- 弹窗展示输入运营中心姓名 -->
<u-popup :show="yunyingShow" mode="center" @close="yunyingShow = false" :round="22">
<view class="yunying">
<view class="yunying_title">
<view class="title"> 修改运营中心 </view>
<image class="yunying_bg" src="/static/icons/yunying_bg.png" mode="widthFix" />
</view>
<view class="rz-item">
<input type="text" maxlength="4" v-model='yunying_name' placeholder-class="inputP"
placeholder="请输入名称" />
<view class="btn">运营中心</view>
</view>
<view class="button" @click="sureYunYing">确认修改名称</view>
</view>
</u-popup>
</view>
</template>
<script>
import {
balance,
withdrawsLog
} from '@/apis/interfaces/account.js'
import {
getTeam,
submitTeamName,
getTeamLogs,
} from '@/apis/interfaces/user.js'
export default {
data() {
return {
type: 'edit',
tabs: [{
name: '名称修改',
value: 'edit'
}, {
name: '团队人数',
value: 'balance'
},
{
name: '总业绩',
value: 'withdraws'
},
],
total: '0.00',
sended: '0.00',
frozen: '0.00',
list: [],
page: {
current: 1,
has_more: false,
},
pagesShow: false,
status: '',
yunyingShow: false, // 运营中心是否展示
yunying_name: '', // 运营名称
team_name: '',
team_status: '', // 状态 1可以申请但是没有完善，2申请完，审核中，3已通过，已修改
users_count: '-',
all_perf: '-',
};
},
onShow() {
this.page = {
current: 1,
has_more: false,
}
this.getList()
this.getTeam();
},
methods: {
// 获取运营中心基本信息
getTeam() {
getTeam().then(res => {
this.team_name = res.name
this.users_count = res.users_count
this.all_perf = res.all_perf
}).catch(err => {
this.errMsg(err)
})
},
// 运营中心确认按钮处理
sureYunYing() {
if (this.yunying_name == '' || this.yunying_name.length == 0) {
uni.showToast({
title: '请输入运营中心名称',
icon: 'none',
mask: true,
duration: 2000
})
return
}
submitTeamName({
name: this.yunying_name
}).then(res => {
this.showBind = false
uni.showModal({
title: '微信提示',
content: '运营中心姓名修改完成，请耐心等待审核！',
showCancel: false,
success: res => {
this.yunyingShow = false
this.getList()
this.getTeam()
}
})
}).catch(err => {
this.yunyingShow = false
uni.showToast({
title: err.message,
icon: 'none',
mask:true,
duration:3000
})
})
},
onTabs(e) {
if (e.value === this.type) return
this.type = e.value
this.page = {
current: 1,
has_more: false,
}
this.list = []
// this.total = '0.00'
// this.sended = '0.00'
// this.frozen = '0.00'
this.getList()
},
// 获取账户余额
getList() {
// if (this.type === 'balance') this.getBalance()
// if (this.type === 'withdraws') this.getWithdraws()
if (this.type == 'edit'){
this.getTeams()
uni.showLoading({
title: '加载中...',
mask: true
})
}
},
// 获取账户余额
getBalance() {
balance({
page: this.page.current
}).then(res => {
let {
balance,
logs,
sended,
frozen
} = res;
let atList = logs.page.current == 1 ? [] : this.list
this.total = balance
this.sended = sended
this.frozen = frozen
this.list = atList.concat(logs.data)
this.page = logs.page
this.pagesShow = false
uni.hideLoading()
}).catch(err => {
this.errMsg(err)
})
},
// 获取提现记录
getTeams() {
getTeamLogs({}).then(res => {
console.log(res)
this.list = res
this.pagesShow = false
uni.hideLoading()
}).catch(err => {
this.errMsg(err)
})
},
// 获取运营中心修改记录
getWithdraws() {
withdrawsLog({
page: this.page.current
}).then(res => {
let {
all,
lists
} = res;
let atList = lists.page.current == 1 ? [] : this.list
this.total = all;
this.list = atList.concat(lists.data)
this.page = lists.page
this.pagesShow = false
uni.hideLoading()
}).catch(err => {
this.errMsg(err)
})
},
// 错误提示
errMsg(err) {
uni.showToast({
title: err.message,
icon: 'none'
})
},
},
onReachBottom() {
// this.pagesShow = true;
// if (this.page.has_more) {
// this.status = 'loading';
// this.page.current++
// this.getList()
// return
// }
// this.status = 'nomore';
}
}
</script>
<style lang="scss">
// tabs
.tabs {
border-radius: 20rpx 20rpx 0 0;
padding: 5px 0;
margin: -54px 30rpx 0;
background: white;
position: relative;
z-index: 1;
border-bottom: solid 1rpx #F6F6F6;
}
// 账户余额
.total {
background-size: cover;
background-position: top center;
padding: 50rpx 30rpx 170rpx;
background-color: #446EFE;
color: white;
.total-item-1 {
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
}
.total-item-2 {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
// margin-top: $margin;
position: relative;
top: $margin;
padding-bottom: 20rpx;
font-size: 30rpx;
view {
opacity: 0.9;
font-size: 26rpx;
}
span {
font-size: 32rpx;
}
}
.total-left {
width: calc(100% - 200rpx);
}
.total-value {
font-weight: bold;
font-size: 60rpx;
font-family: Arial, Helvetica, sans-serif;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
box-sizing: border-box;
.pen {
margin-left: 20rpx;
}
}
.total-text {
font-size: 26rpx;
opacity: .9;
line-height: 40rpx;
padding-top: 20rpx;
}
.total-btn {
background: white;
color: #446EFE;
line-height: 70rpx;
border-radius: 40rpx;
width: 200rpx;
font-weight: bold;
text-align: center;
}
}
// 记录空
.list-null {
height: 70vh;
display: flex;
align-items: center;
justify-content: center;
}
// 记录
.logs {
box-sizing: border-box;
background-color: white;
margin: 0 30rpx;
padding: 0 30rpx;
border-radius: 0 0 20rpx 20rpx;
.log-flex {
padding: 25rpx 0;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 30rpx;
color: #666666;
border-top: solid 1rpx #F6F6F6;
&:first-child {
border-top: none;
}
.text {
width: calc(100% - 200rpx);
}
.price {
width: 200rpx;
text-align: right;
font-weight: bold;
color: #446EFE;
.active {
color: #d90017;
}
}
.type {
// font-weight: bold;
font-size: 30rpx;
color: #333;
padding-top: 10rpx;
text {
font-weight: normal;
padding-right: 10rpx;
color: $main-color;
}
span {
font-size: 22rpx;
font-weight: normal;
background-color: rgba(#446EFE, 0.4);
padding: 2rpx 20rpx;
border-radius: 40rpx;
color: #fff;
position: relative;
left: 20rpx;
top: -6rpx;
}
.active {
background-color: rgba(#d90017, 0.4);
}
}
.remark {
font-size: 28rpx;
}
.time {
font-size: 26rpx;
padding-top: 4rpx;
color: gray;
}
}
}
.yunying {
width: 606rpx;
.yunying_title {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
box-sizing: border-box;
z-index: 9;
.title {
position: absolute;
left: 30rpx;
z-index: 10;
color: #fff;
}
.yunying_bg {
width: 100%;
}
}
.button {
width: 540rpx;
height: 90rpx;
background: #446EFE;
border-radius: 50rpx;
text-align: center;
line-height: 90rpx;
font-size: 30rpx;
font-family: PingFang SC;
color: #FFFFFF;
margin: $margin 33rpx 40rpx 33rpx;
font-weight: bold;
}
.title {
padding: $padding;
font-size: 36rpx;
font-family: PingFang SC;
font-weight: bold;
color: #000000;
text-align: center;
border-bottom: solid 1rpx #f9f9f9;
}
.rz-item {
padding: $padding;
margin-top: 30rpx;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 400;
color: #111111;
position: relative;
.title {
font-size: 30rpx;
}
input {
flex: 1;
background-color: #f9f9f9;
margin-left: $margin;
padding: 20rpx $padding;
border-radius: 10rpx;
font-size: 34rpx;
}
.inputP {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 400;
color: #999999;
}
.btn {
height: 60rpx;
background: #446EFE;
border-radius: 10rpx;
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 400;
color: #FFFFFF;
line-height: 60rpx;
text-align: center;
padding: 0 20rpx;
position: absolute;
right: 50rpx;
}
}
}
</style>

336
pages/user/index.vue
View File

@@ -3,22 +3,20 @@
<view class="user-info">
<block v-if="isAuth">
<view class="user-info-left">
<u-avatar
shape="square"
class="active"
size="120rpx"
:default-url="require('@/static/imgs/default-active.png')"
:src="avatar"
mode="aspectFill"
@click="onNav('UserInfo')"
></u-avatar>
<u-avatar shape="square" class="active" size="120rpx"
:default-url="require('@/static/imgs/default-active.png')" :src="avatar" mode="aspectFill"
@click="onNav('UserInfo')"></u-avatar>
<view class="nickname nowrap" @click="onNav('UserInfo')">{{nickname}}</view>
<view class="tags">
<view class="tags-item" v-if="certification"><image class="tags-icon" src="@/static/icons/Identity_icon.png" mode="widthFix"></image>实名认证</view>
<view class="tags-item" v-if="certification">
<image class="tags-icon" src="@/static/icons/Identity_icon.png" mode="widthFix"></image>实名认证
</view>
<view class="tags-item">{{identity.name}}</view>
</view>
<view class="state">
<view class="state-tag"><u-icon class="state-icon" size="28rpx" color="#555" name="plus"></u-icon>状态</view>
<view class="state-tag">
<u-icon class="state-icon" size="28rpx" color="#555" name="plus"></u-icon>状态
</view>
</view>
</view>
<view class="user-info-right" @click="onUserCode">
@@ -27,14 +25,9 @@
</block>
<block v-else>
<view class="user-info-left">
<u-avatar
shape="square"
class="active"
size="120rpx"
:default-url="require('@/static/imgs/default-active.png')"
mode="aspectFill"
@click="onNav('UserInfo')"
></u-avatar>
<u-avatar shape="square" class="active" size="120rpx"
:default-url="require('@/static/imgs/default-active.png')" mode="aspectFill"
@click="onNav('UserInfo')"></u-avatar>
<view class="nickname nowrap" @click="onNav('UserInfo')">登录</view>
<view class="tags">暂未登录</view>
</view>
@@ -45,91 +38,121 @@
</view>
<view class="border-solid-empty"></view>
<view class="nav-flex" @click="onNav('AccountIntegral')">
<view class="nav-icon"><image class="nav-icon-src" src="@/static/icons/user_nav_00.png"></image>火力值</view>
<view class="nav-icon">
<image class="nav-icon-src" src="@/static/icons/user_nav_00.png"></image>火力值
</view>
<u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
</view>
<view class="nav-flex" @click="onNav('AccountCash')">
<view class="nav-icon"><image class="nav-icon-src" src="@/static/icons/user_nav_01.png"></image>业绩账户</view>
<view class="nav-icon">
<image class="nav-icon-src" src="@/static/icons/user_nav_01.png"></image>业绩账户
</view>
<u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
</view>
<view class="border-solid-empty"></view>
<view class="nav-flex" @click="onNav('UserTeam')">
<view class="nav-icon"><image class="nav-icon-src" src="@/static/icons/user_nav_02.png"></image>我的客户</view>
<view class="nav-icon">
<image class="nav-icon-src" src="@/static/icons/user_nav_02.png"></image>我的客户
</view>
<u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
</view>
<view class="nav-flex" @click="onNav('YunYing')" v-if="team_status != 0">
<view class="nav-icon">
<image class="nav-icon-src" src="@/static/icons/yunying.png"></image> 运营中心
</view>
<u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
</view>
<view class="nav-flex" @click="onNav('AccountBonus')">
<view class="nav-icon"><image class="nav-icon-src" src="@/static/icons/user_nav_04.png"></image>奖金账户</view>
<view class="nav-icon">
<image class="nav-icon-src" src="@/static/icons/user_nav_04.png"></image>奖金账户
</view>
<u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
</view>
<view class="nav-flex" @click="onNav('UserCertification')">
<view class="nav-icon"><image class="nav-icon-src" src="@/static/icons/user_nav_03.png"></image>实名认证</view>
<view class="nav-icon">
<image class="nav-icon-src" src="@/static/icons/user_nav_03.png"></image>实名认证
</view>
<u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
</view>
<view class="nav-flex" @click="onParent">
<view class="nav-icon"><image class="nav-icon-src" src="@/static/icons/user_nav_07.png"></image>推荐人</view>
<view class="nav-icon">
<image class="nav-icon-src" src="@/static/icons/user_nav_07.png"></image>推荐人
</view>
<u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
</view>
<view class="nav-flex" @click="onNav('WeChat')">
<view class="nav-icon"><image class="nav-icon-src" src="@/static/icons/user_nav_06.png"></image>关注公众号</view>
<view class="nav-icon">
<image class="nav-icon-src" src="@/static/icons/user_nav_06.png"></image>关注公众号
</view>
<u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
</view>
<view class="border-solid-empty"></view>
<view class="nav-flex" @click="onNav('UserSet')">
<view class="nav-icon"><image class="nav-icon-src" src="@/static/icons/user_nav_05.png"></image>设置</view>
<view class="nav-icon">
<image class="nav-icon-src" src="@/static/icons/user_nav_05.png"></image>设置
</view>
<u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
</view>
<!-- 绑定分享关系 -->
<u-modal
:show="showBind"
confirmColor="#446EFE"
:showCancelButton="true"
:confirmText="isInvitation ? '校验邀请码': '绑定关系'"
@cancel="()=> {
<u-modal :show="showBind" confirmColor="#446EFE" :showCancelButton="true"
:confirmText="isInvitation ? '校验邀请码': '绑定关系'" @cancel="()=> {
this.showBind = false
this.isInvitation = true
this.invitation = ''
}"
@confirm="onBind"
>
}" @confirm="onBind">
<slot>
<view class="bind-view" v-if="isInvitation">
<view class="bind-title">绑定推荐人</view>
<view class="bind-subtitle">选择通过那种方式绑定推荐人</view>
<view class="bind-type">
<u-radio-group
class="bind-type-radios"
v-model="bindTypeVal"
placement="row"
>
<u-radio
:customStyle="{marginLeft: '4px', marginRight: '4px'}"
v-for="(item, index) in bindTypeArr"
:key="index"
:label="item.name"
:name="item.value"
/>
<u-radio-group class="bind-type-radios" v-model="bindTypeVal" placement="row">
<u-radio :customStyle="{marginLeft: '4px', marginRight: '4px'}"
v-for="(item, index) in bindTypeArr" :key="index" :label="item.name"
:name="item.value" />
</u-radio-group>
</view>
<view class="bind-input">
<input type="text" v-model="invitation" :placeholder="bindTypeVal == 'mobile'? '输入推荐人手机号' : '输入推荐人邀请码'">
<input type="text" v-model="invitation"
:placeholder="bindTypeVal == 'mobile'? '输入推荐人手机号' : '输入推荐人邀请码'">
</view>
</view>
<view class="bind-user" v-else>
<view class="bind-title">推荐人</view>
<view class="bind-subtitle">请确认绑定推荐人关系用户信息</view>
<view class="bind-acitve">
<image :src="invitationUser.avatar || require('@/static/imgs/default-active.png')" mode="aspectFill"></image>
<image :src="invitationUser.avatar || require('@/static/imgs/default-active.png')"
mode="aspectFill"></image>
</view>
<view class="bind-nickname">{{invitationUser.nickname}}</view>
<view class="bind-username">{{invitationUser.username}}</view>
</view>
</slot>
</u-modal>
<!-- 弹窗展示输入运营中心姓名 -->
<u-popup :show="yunyingShow" mode="center" @close="yunyingShow = false" :round="22">
<view class="yunying">
<view class="yunying_title">
<view class="title"> 完善运营中心 </view>
<image class="yunying_bg" src="/static/icons/yunying_bg.png" mode="widthFix" />
</view>
<view class="rz-item">
<input type="text" maxlength="4" v-model='yunying_name' placeholder-class="inputP" placeholder="请输入名称" />
<view class="btn">运营中心</view>
</view>
<view class="button" @click="sureYunYing">确认名称</view>
</view>
</u-popup>
</view>
</template>
<script>
import { info,relationsVerify, relationsBind } from '@/apis/interfaces/user.js'
import {
info,
relationsVerify,
relationsBind,
submitTeamName,
} from '@/apis/interfaces/user.js'
export default {
data() {
return {
@@ -139,9 +162,14 @@
avatar: '',
certification: '',
// 绑定关系
bindTypeArr : [
{ name: '手机号', value: 'mobile'},
{ name: '邀请码', value: 'verify'},
bindTypeArr: [{
name: '手机号',
value: 'mobile'
},
{
name: '邀请码',
value: 'verify'
},
],
bindTypeVal: 'mobile',
showBind: false,
@@ -153,6 +181,9 @@
username: ''
},
invitation: '',
yunyingShow:false, // 运营中心是否展示
yunying_name:'', // 运营名称
team_status:'', // 状态 0 不展示运营中心 1可以申请但是没有完善，2申请完，审核中，3已通过，已修改
};
},
onShow() {
@@ -166,12 +197,22 @@
title: '加载中...'
})
info().then(res => {
let { nickname, identity, avatar, certification, parent } = res
let {
nickname,
identity,
avatar,
certification,
parent,team_status
} = res
this.nickname = nickname
this.identity = identity
this.avatar = avatar
this.certification = certification
this.parent = parent
this.team_status = team_status
if(team_status == 1){
this.yunyingShow = true
}
uni.hideLoading()
}).catch(err => {
uni.showToast({
@@ -182,7 +223,18 @@
},
// 导航
onNav(name) {
this.$Router.push({name})
if(this.team_status == 2){
uni.showToast({
title:'运营中心名称审核中',
icon:'none',
mask:true,
duration:3000,
})
return
}
this.$Router.push({
name
})
},
// 推荐关系
onParent() {
@@ -252,10 +304,14 @@
success: res => {
switch (res.tapIndex) {
case 0:
this.$Router.push({ name: 'UserCode' })
this.$Router.push({
name: 'UserCode'
})
break;
case 1:
this.$Router.push({ name: 'SalesmanCode' })
this.$Router.push({
name: 'SalesmanCode'
})
break;
}
}
@@ -272,11 +328,43 @@
confirmColor: '#446EFE',
success: res => {
if (res.confirm) {
this.$Router.pushTab({name: 'Work'})
this.$Router.pushTab({
name: 'Work'
})
}
}
})
},
// 运营中心确认按钮处理
sureYunYing(){
if(this.yunying_name == '' || this.yunying_name.length == 0){
uni.showToast({
title:'请完善运营中心名称',
icon:'none',
mask:true,
duration:2000,
})
return
}
submitTeamName({name:this.yunying_name}).then(res => {
this.showBind = false
uni.showModal({
title: '微信提示',
content: '运营中心姓名完善完成，请耐心等待审核！',
showCancel: false,
success: res => {
this.getUserInfo()
this.yunyingShow = false
}
})
}).catch(err => {
uni.showToast({
title: err.message,
icon: 'none'
})
})
},
}
}
</script>
@@ -289,9 +377,11 @@
justify-content: space-between;
align-items: center;
font-size: 34rpx;
.nav-icon {
display: flex;
align-items: center;
.nav-icon-src {
width: 48rpx;
height: 48rpx;
@@ -301,14 +391,17 @@
}
}
}
// 用户信息
.user-info {
padding: 50rpx $padding;
display: flex;
&-left {
padding-left: 140rpx;
position: relative;
width: calc(100% - 150rpx);
.active {
position: absolute;
left: 0;
@@ -316,13 +409,16 @@
border-radius: $radius;
overflow: hidden;
}
.nickname {
font-size: 42rpx;
line-height: 50rpx;
font-weight: bold;
}
.tags {
padding-top: 20rpx;
.tags-item {
@extend .border;
display: inline-block;
@@ -334,12 +430,15 @@
color: #555;
font-weight: 400;
margin-left: $margin - 10;
&::after {
border-radius: 20rpx;
}
&:first-child {
margin-left: 0;
}
.tags-icon {
width: 32rpx;
height: 32rpx;
@@ -349,8 +448,10 @@
}
}
}
.state {
padding-top: 20rpx;
.state-tag {
@extend .border;
display: inline-block;
@@ -361,9 +462,11 @@
height: 50rpx;
color: #555;
font-weight: 400;
&::after {
border-radius: 50rpx;
}
.state-icon {
display: inline-block;
margin-right: 5rpx;
@@ -371,12 +474,14 @@
}
}
}
&-right {
width: 150rpx;
height: 100rpx;
line-height: 100rpx;
position: relative;
text-align: center;
&::after {
content: "";
position: absolute;
@@ -386,6 +491,7 @@
height: 100%;
background-image: linear-gradient(90deg, $border-color 50%, transparent 50%);
}
.user-qrcode {
width: 48rpx;
height: 48rpx;
@@ -393,22 +499,27 @@
}
}
}
// 邀请码
.bind-view {
padding: 15rpx 30rpx;
width: 100%;
box-sizing: border-box;
.bind-title {
text-align: center;
font-size: 36rpx;
font-weight: bold;
}
.bind-type {
margin-top: 30rpx;
.bind-type-radios {
justify-content: center;
}
}
.bind-subtitle {
line-height: 40rpx;
font-size: 28rpx;
@@ -416,8 +527,10 @@
padding-top: 15rpx;
text-align: center;
}
.bind-input {
padding-top: 30rpx;
input {
background: #f8f8f8;
width: 100%;
@@ -431,16 +544,19 @@
}
}
}
// 确认绑定用户关系
.bind-user {
padding: 15rpx 30rpx;
width: 100%;
box-sizing: border-box;
.bind-title {
text-align: center;
font-size: 36rpx;
font-weight: bold;
}
.bind-subtitle {
line-height: 40rpx;
font-size: 28rpx;
@@ -448,9 +564,11 @@
padding-top: 15rpx;
text-align: center;
}
.bind-acitve {
text-align: center;
padding-top: 30rpx;
image {
width: 108rpx;
height: 108rpx;
@@ -458,6 +576,7 @@
border-radius: 50%;
}
}
.bind-nickname {
text-align: center;
font-size: 32rpx;
@@ -466,6 +585,7 @@
line-height: 40rpx;
padding-top: 20rpx;
}
.bind-username {
text-align: center;
font-weight: bold;
@@ -473,4 +593,102 @@
color: gray;
}
}
.yunying {
width: 606rpx;
.yunying_title{
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
box-sizing: border-box;
z-index: 9;
.title{
position: absolute;
left: 30rpx;
z-index: 10;
color: #fff;
}
.yunying_bg{
width: 100%;
}
}
.button {
width: 540rpx;
height: 90rpx;
background: #4674DA;
border-radius: 50rpx;
text-align: center;
line-height: 90rpx;
font-size: 30rpx;
font-family: PingFang SC;
color: #FFFFFF;
margin: $margin 33rpx 40rpx 33rpx;
font-weight: bold;
}
.title {
padding: $padding;
font-size: 36rpx;
font-family: PingFang SC;
font-weight: bold;
color: #000000;
text-align: center;
border-bottom: solid 1rpx #f9f9f9;
}
.rz-item {
padding: $padding;
margin-top: 30rpx;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 400;
color: #111111;
position: relative;
.title{
font-size: 30rpx;
}
input {
flex: 1;
background-color: #f9f9f9;
margin-left: $margin;
padding: 20rpx $padding;
border-radius: 10rpx;
font-size: 34rpx;
}
.inputP {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 400;
color: #999999;
}
.btn {
height: 60rpx;
background: #4674DA;
border-radius: 10rpx;
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 400;
color: #FFFFFF;
line-height: 60rpx;
text-align: center;
padding: 0 20rpx;
position: absolute;
right: 50rpx;
}
}
}
</style>

BIN
static/icons/yunying.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
static/icons/yunying_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 93 KiB