393 lines
11 KiB
Vue
393 lines
11 KiB
Vue
|
<template>
|
|||
|
|
<view class="mine-container" :style="{ height: `${windowHeight}px` }">
|
|||
|
|
<u-navbar title="我的" titleStyle="{ color: #fff }" bgColor="#3c96f3" leftIconSize="0" :placeholder="true"></u-navbar>
|
|||
|
|
<!--顶部个人信息栏-->
|
|||
|
|
<view class="header-section">
|
|||
|
|
<view class="flex padding justify-between" style="padding-top: 0;padding-bottom: 2px;">
|
|||
|
|
<view class="flex">
|
|||
|
|
<!-- <image src="/static/ava.png" class="cu-avatar xl round" mode="widthFix">-->
|
|||
|
|
<!-- </image>-->
|
|||
|
|
<view @click="handleToLogin" class="login-tip">
|
|||
|
|
<!-- {{ userInfo.nickname }}-->
|
|||
|
|
<view class="lj_count">
|
|||
|
|
辣椒：{{ statistics['ljNum'] }}棵
|
|||
|
|
</view>
|
|||
|
|
<view class="lj_count">
|
|||
|
|
级别：
|
|||
|
|
<text v-if="chuzhonggao === 0">地主</text>
|
|||
|
|
<text v-if="chuzhonggao === 1">初级</text>
|
|||
|
|
<text v-if="chuzhonggao === 2">中级</text>
|
|||
|
|
<text v-if="chuzhonggao === 3">高级</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="lj_count">
|
|||
|
|
推广商：
|
|||
|
|
<text v-if="tuiguang === 0">无</text>
|
|||
|
|
<text v-if="tuiguang === 1">1钻</text>
|
|||
|
|
<text v-if="tuiguang === 2">2钻</text>
|
|||
|
|
<text v-if="tuiguang === 3">3钻</text>
|
|||
|
|
<text v-if="tuiguang === 4">4钻</text>
|
|||
|
|
<text v-if="tuiguang === 5">5钻</text>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="right-box flex align-center">
|
|||
|
|
<view v-if="authenticationShow == 0" class="right-box-item" @click="handleToAuthentication">
|
|||
|
|
<text>去实名认证</text>
|
|||
|
|
<view class="iconfont icon-right"></view>
|
|||
|
|
</view>
|
|||
|
|
<view v-else-if="authenticationShow == 1" class="right-box-item">
|
|||
|
|
<text>已实名认证</text>
|
|||
|
|
</view>
|
|||
|
|
<view v-else class="right-box-item">
|
|||
|
|
<text>正在审核</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="right-box-item" @click="handleToInfo">
|
|||
|
|
<text>个人信息</text>
|
|||
|
|
<view class="iconfont icon-right"></view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="lj_count2 " >
|
|||
|
|
团队业绩：{{ teamInfo.count }}份 {{ teamInfo.plants }}棵
|
|||
|
|
</view>
|
|||
|
|
<view class="lj_count2 " >
|
|||
|
|
奖励赠送：{{ awardInfo.count }}份 {{ awardInfo.plants }}棵
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="lj_count2 " >
|
|||
|
|
平台赠送：{{ platformInfo.count }}份 {{ platformInfo.plants }}棵
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
<view class="content-section">
|
|||
|
|
|
|||
|
|
<view class="mine-actions grid col-2 text-center">
|
|||
|
|
<view class="action-item" @click="handleBuilding('/pages/chili/mine/account/account')">
|
|||
|
|
<image src="../../../static/ic_balance.png" mode=""></image>
|
|||
|
|
<text class="text">我的资产</text>
|
|||
|
|
<!-- <text class="text">我的资产: {{ balance }}</text>-->
|
|||
|
|
</view>
|
|||
|
|
<view class="action-item" @click="handleBuilding('/pages/chili/mine/recharge/recharge')">
|
|||
|
|
<image src="../../../static/ic_recharge.png" mode=""></image>
|
|||
|
|
<text class="text">打款</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="mine-actions grid col-2 text-center">
|
|||
|
|
<view class="action-item" @click="handleBuilding('/pages/chili/mine/record/index')">
|
|||
|
|
<image src="../../../static/images/tz.png" mode=""></image>
|
|||
|
|
<text class="text">购买记录</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="action-item" @click="handleBuilding('/pages/chili/mine/earn/index')">
|
|||
|
|
<image src="../../../static/images/sy.png" mode=""></image>
|
|||
|
|
<text class="text">收益记录</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- 隐藏 -->
|
|||
|
|
<view class="mine-actions grid col-2 text-center" >
|
|||
|
|
<view class="action-item" @click="handleBuilding('/pages/chili/mine/account/withDraw')">
|
|||
|
|
<image src="../../../static/lakal.png" style="color: #1296db" mode=""></image>
|
|||
|
|
<text class="text">分红收益</text>
|
|||
|
|
</view>
|
|||
|
|
<!-- <view class="action-item" @click="handleBuilding('/pages/chili/mine/recharge/xf')">-->
|
|||
|
|
<view class="action-item" @click="handleBuilding('/pages/chili/mine/account/couponList')">
|
|||
|
|
<image src="../../../static/logo200.png" mode=""></image>
|
|||
|
|
<text class="text">资产明细</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="mine-actions grid col-2 text-center">
|
|||
|
|
<view class="action-item" v-show="false">
|
|||
|
|
<!-- <image src="../../../static/ic_recharge.png" mode=""></image> -->
|
|||
|
|
<text class="zyhs zyhs-tudi font60" style="color: rgb(254, 159, 43);"></text>
|
|||
|
|
<text class="text">土地业绩</text>
|
|||
|
|
<text class="text">奖励赠送：{{ awardInfo.count }}份 {{ awardInfo.plants }}棵</text>
|
|||
|
|
<text class="text">平台赠送：{{ platformInfo.count }}份 {{ platformInfo.plants }}棵</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="action-item" @click="handleBuilding()" v-show="false">
|
|||
|
|
<!-- <image src="../../../static/ic_recharge.png" mode=""></image> -->
|
|||
|
|
<text class="zyhs zyhs-duihuanqingkuang font60" style="color: #1296db;"></text>
|
|||
|
|
<text class="text">土地兑付</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<u-tabbar value="/pages/chili/mine/index" @change="handlerChange" :fixed="true" :placeholder="false"
|
|||
|
|
:safeAreaInsetBottom="false" activeColor="#ed6146" inactiveColor="#000000">
|
|||
|
|
<u-tabbar-item text="首页" name="/pages/chili/index">
|
|||
|
|
<image class="u-page__item__slot-icon" slot="active-icon" src="@/static/icon/indexs.png"></image>
|
|||
|
|
<image class="u-page__item__slot-icon" slot="inactive-icon" src="@/static/icon/index.png"></image>
|
|||
|
|
</u-tabbar-item>
|
|||
|
|
<u-tabbar-item text="我的" name="/pages/chili/mine/index">
|
|||
|
|
<image class="u-page__item__slot-icon" slot="active-icon" src="@/static/icon/mys.png"></image>
|
|||
|
|
<image class="u-page__item__slot-icon" slot="inactive-icon" src="@/static/icon/my.png"></image>
|
|||
|
|
</u-tabbar-item>
|
|||
|
|
</u-tabbar>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import storage from '@/utils/storage'
|
|||
|
|
import { getUserBalance, getMyRecordsStatistics, getTeamInfo, getIdentity, getMyAuthentication, myGivePerformance } from '@/api/system/user.js'
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
data () {
|
|||
|
|
return {
|
|||
|
|
authenticationShow: 0,
|
|||
|
|
balance: 0,
|
|||
|
|
chuzhonggao: 0,
|
|||
|
|
tuiguang: 0,
|
|||
|
|
statistics: {
|
|||
|
|
ljNum: 0
|
|||
|
|
},
|
|||
|
|
teamInfo: {},
|
|||
|
|
awardInfo: {
|
|||
|
|
count: 0,
|
|||
|
|
plants: 0
|
|||
|
|
},
|
|||
|
|
platformInfo: {
|
|||
|
|
count: 0,
|
|||
|
|
plants: 0
|
|||
|
|
},
|
|||
|
|
name: this.$store.state.user.name,
|
|||
|
|
// version: getApp().globalData.config.appInfo.version,
|
|||
|
|
userInfo: JSON.parse(uni.getStorageSync('App-UserInfo'))
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
computed: {
|
|||
|
|
avatar () {
|
|||
|
|
return this.$store.state.user.avatar
|
|||
|
|
},
|
|||
|
|
windowHeight () {
|
|||
|
|
return uni.getSystemInfoSync().windowHeight - 50
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
created () {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
onShow () {
|
|||
|
|
this.getUserBalance();
|
|||
|
|
this.getTeamInfo();
|
|||
|
|
this.getAwardInfo();
|
|||
|
|
this.getPlatformInfo();
|
|||
|
|
this.getIdentity();
|
|||
|
|
this.getMyRecordsStatistics()
|
|||
|
|
this.getMyAuthentication()
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
handlerChange (e) {
|
|||
|
|
console.log(e)
|
|||
|
|
this.$navigateTo(e)
|
|||
|
|
},
|
|||
|
|
async getIdentity () {
|
|||
|
|
let res = await getIdentity();
|
|||
|
|
if (res.code == 200) {
|
|||
|
|
this.tuiguang = res.data.tuiguang;
|
|||
|
|
this.chuzhonggao = res.data.chuzhonggao;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
async getMyAuthentication () {
|
|||
|
|
let res = await getMyAuthentication()
|
|||
|
|
if (res.code == 200 && res.data && res.data.status == 1) {
|
|||
|
|
this.authenticationShow = 1
|
|||
|
|
} else if (res.code == 200 && res.data && res.data.status == 0) {
|
|||
|
|
this.authenticationShow = 2
|
|||
|
|
} else {
|
|||
|
|
this.authenticationShow = 0
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
async getTeamInfo () {
|
|||
|
|
let res = await getTeamInfo({
|
|||
|
|
type:1
|
|||
|
|
})
|
|||
|
|
if (res.code == 200) this.teamInfo = res.data
|
|||
|
|
},
|
|||
|
|
async getAwardInfo () {
|
|||
|
|
let res = await myGivePerformance({type: 1})
|
|||
|
|
if (res.code == 200) this.awardInfo = res.data
|
|||
|
|
},
|
|||
|
|
async getPlatformInfo () {
|
|||
|
|
let res = await myGivePerformance({type: 2})
|
|||
|
|
if (res.code == 200) this.platformInfo = res.data
|
|||
|
|
},
|
|||
|
|
async getUserBalance () {
|
|||
|
|
let res = await getUserBalance()
|
|||
|
|
if (res.code == 200) this.balance = res.data.money
|
|||
|
|
console.log('res', res)
|
|||
|
|
},
|
|||
|
|
async getMyRecordsStatistics () {
|
|||
|
|
let res = await getMyRecordsStatistics()
|
|||
|
|
if (res.code == 200) {
|
|||
|
|
for (let key in res.data) {
|
|||
|
|
if (key == '辣椒') this.statistics.ljNum = res.data[key]
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
console.log('res', this.statistics)
|
|||
|
|
},
|
|||
|
|
handleToInfo () {
|
|||
|
|
// console.log("1")
|
|||
|
|
this.$tab.navigateTo('/pages/chili/mine/info/index')
|
|||
|
|
},
|
|||
|
|
handleToEditInfo () {
|
|||
|
|
console.log("1")
|
|||
|
|
// this.$tab.navigateTo('/pages/chili/mine/info /edit')
|
|||
|
|
},
|
|||
|
|
handleToSetting () {
|
|||
|
|
this.$tab.navigateTo('/pages/chili/mine/setting/index')
|
|||
|
|
},
|
|||
|
|
handleToLogin () {
|
|||
|
|
console.log("1")
|
|||
|
|
// this.$tab.reLaunch('/pages/chili/login')
|
|||
|
|
},
|
|||
|
|
handleToAuthentication () {
|
|||
|
|
this.$tab.navigateTo('/pages/chili/mine/authentication/index')
|
|||
|
|
},
|
|||
|
|
handleToAvatar () {
|
|||
|
|
this.$tab.navigateTo('/pages/chili/mine/avatar/index')
|
|||
|
|
},
|
|||
|
|
handleLogout () {
|
|||
|
|
this.$modal.confirm('确定注销并退出系统吗？').then(() => {
|
|||
|
|
this.$store.dispatch('LogOut').then(() => {
|
|||
|
|
this.$tab.reLaunch('/pages/chili/index')
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
handleHelp () {
|
|||
|
|
this.$tab.navigateTo('/pages/chili/mine/help/index')
|
|||
|
|
},
|
|||
|
|
handleAbout () {
|
|||
|
|
this.$tab.navigateTo('/pages/chili/mine/about/index')
|
|||
|
|
},
|
|||
|
|
handleJiaoLiuQun () {
|
|||
|
|
this.$modal.showToast('QQ群：133713780')
|
|||
|
|
},
|
|||
|
|
handleBuilding (url) {
|
|||
|
|
if (!url) return this.$msg('暂未开放');
|
|||
|
|
this.$tab.navigateTo(url)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss">
|
|||
|
|
@import "../common/style/base.scss";
|
|||
|
|
|
|||
|
|
.u-page__item__slot-icon {
|
|||
|
|
width: 50rpx;
|
|||
|
|
height: 50rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/deep/.u-navbar__content__title {
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
page {
|
|||
|
|
background-color: #f5f6f7;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.team_count {
|
|||
|
|
font-size: 36rpx;
|
|||
|
|
margin-left: 178rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.mine-container {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
overflow-y: scroll;
|
|||
|
|
.right-box {
|
|||
|
|
width: 30%;
|
|||
|
|
text-align: right;
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
|
|||
|
|
.right-box-item {
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.header-section {
|
|||
|
|
padding: 0px 15px 60px 15px;
|
|||
|
|
background-color: #3c96f3;
|
|||
|
|
color: white;
|
|||
|
|
|
|||
|
|
.login-tip {
|
|||
|
|
font-size: 18px;
|
|||
|
|
margin-left: 10px;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.authentication {
|
|||
|
|
position: absolute;
|
|||
|
|
right: 0;
|
|||
|
|
// margin-left: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.cu-avatar {
|
|||
|
|
border: 2px solid #eaeaea;
|
|||
|
|
|
|||
|
|
.icon {
|
|||
|
|
font-size: 40px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.user-info {
|
|||
|
|
margin-left: 15px;
|
|||
|
|
|
|||
|
|
.u_title {
|
|||
|
|
font-size: 18px;
|
|||
|
|
line-height: 30px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.lj_count {
|
|||
|
|
margin-top: 20rpx;
|
|||
|
|
text-align: left;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.lj_count2 {
|
|||
|
|
display: flex;
|
|||
|
|
margin-left: 50rpx;
|
|||
|
|
margin-top: 10rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.content-section {
|
|||
|
|
position: relative;
|
|||
|
|
top: -50px;
|
|||
|
|
|
|||
|
|
.mine-actions {
|
|||
|
|
margin: 15px 15px;
|
|||
|
|
padding: 20px 0px;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
background-color: white;
|
|||
|
|
|
|||
|
|
.action-item {
|
|||
|
|
.icon {
|
|||
|
|
font-size: 28px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 40px;
|
|||
|
|
height: 40px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.text {
|
|||
|
|
display: block;
|
|||
|
|
font-size: 13px;
|
|||
|
|
margin: 8px 0px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|