TmOct5/barter-app
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

修改我的资产

Browse Source
This commit is contained in:
zhangmanman
2021-09-27 17:17:54 +08:00
parent 0cdc28c1ec
commit c699dd2f15
2 changed files with 309 additions and 203 deletions
Download Patch File Download Diff File Expand all files Collapse all files

454
pages/property/index.vue
View File

@@ -1,164 +1,177 @@
<template> <template>
<view v-if='loaded'> <view v-if='loding'>
<!-- 用户信息 --> <block v-if="this.$store.state.token != ''">
<view class="user"> <!-- 用户信息 -->
<view class="user-tool" @click="$Router.push({name:'Setting'})"> <view class="user">
<image src="@/static/icons/user_icon_00.png" mode="widthFix" /> <view class="user-tool" @click="$Router.push({name:'Setting'})">
</view> <image src="@/static/icons/user_icon_00.png" mode="widthFix" />
<view class="user-content"> </view>
<image class="info-cover" :src="base.avatar" mode="aspectFill" /> <view class="user-content">
<view class="info-nickname">{{base.nickname}}</view> <image class="info-cover" :src="base.avatar" mode="aspectFill" />
<view class="info-signa">潮流就是我的态度</view> <view class="info-nickname">{{base.nickname}}</view>
<view class="info-tags"> <view class="info-signa">潮流就是我的态度</view>
<text class="info-tags-item identity">{{base.identity.name}}</text> <view class="info-tags">
<text class="info-tags-item vip" v-if="base.company_level.name">{{base.company_level.name }}</text> <text class="info-tags-item identity" v-if="base.identity">{{base.identity.name}}</text>
</view> <text class="info-tags-item vip" v-if="base.company_level.name">{{base.company_level.name }}</text>
</view> </view>
<view class="user-tabs"> </view>
<view class="user-tabs-item" :class="{'show': tabsIndex === 0}" @click="tabsIndex = 0">管理中心</view> <view class="user-tabs">
<view class="user-tabs-item" :class="{'show': tabsIndex === 1}" @click="tabsIndex = 1">我的推广</view> <view class="user-tabs-item" :class="{'show': tabsIndex === 0}" @click="tabsIndex = 0">管理中心</view>
</view> <view class="user-tabs-item" :class="{'show': tabsIndex === 1}" @click="tabsIndex = 1">我的推广</view>
</view> </view>
<!-- 消息 --> </view>
<view class="user-ad"> <!-- 消息 -->
<uni-icons class="user-ad-icon" type="sound-filled" color="#e93340"></uni-icons> <view class="user-ad">
<swiper class="user-ad-swiper" :interval="3000" autoplay vertical circular> <uni-icons class="user-ad-icon" type="sound-filled" color="#e93340"></uni-icons>
<swiper-item v-for="(item,index) in message" :key='index'> <swiper class="user-ad-swiper" :interval="3000" autoplay vertical circular>
<view class="user-ad-item">{{item}}</view> <swiper-item v-for="(item,index) in message" :key='index'>
</swiper-item> <view class="user-ad-item">{{item}}</view>
</swiper> </swiper-item>
</view> </swiper>
<block v-if="tabsIndex === 0"> </view>
<!-- 我的资产 --> <block v-if="tabsIndex === 0">
<view class="user-group"> <!-- 我的资产 -->
<view class="title"> <view class="user-group">
<view class="title-text">我的资产</view> <view class="title">
</view> <view class="title-text">我的资产</view>
<view class="group-flex group-flex-4"> </view>
<view class="item" @click="showToast"> <view class="group-flex group-flex-4">
<view class="item-num">{{base.account.token}}</view> <view class="item" @click="showToast">
<view class="item-title">原石</view> <view class="item-num">{{base.account.token}}</view>
</view> <view class="item-title">原石</view>
<view class="item" @click="showToast"> </view>
<view class="item-num">{{base.account.contribution}}</view> <view class="item" @click="showToast">
<view class="item-title">贡献值</view> <view class="item-num">{{base.account.contribution}}</view>
</view> <view class="item-title">贡献值</view>
<view class="item" @click="$Router.push({name:'Eb'})"> </view>
<view class="item-num">{{base.account.eb}}</view> <view class="item" @click="$Router.push({name:'Eb'})">
<view class="item-title">易币</view> <view class="item-num">{{base.account.eb}}</view>
</view> <view class="item-title">易币</view>
<view class="item" @click="showToast"> </view>
<view class="item-num">{{base.account.money}}</view> <view class="item" @click="showToast">
<view class="item-title">零钱</view> <view class="item-num">{{base.account.money}}</view>
</view> <view class="item-title">零钱</view>
</view> </view>
</view> </view>
<!-- 我的权证 --> </view>
<view class="user-group"> <!-- 我的权证 -->
<view class="title" > <view class="user-group">
<view class="title-text">我的权证</view> <view class="title" >
</view> <view class="title-text">我的权证</view>
<view class="group-flex group-flex-4"> </view>
<view class="item" @click="$Router.push({name:'NumberWeight'})"> <view class="group-flex group-flex-4">
<view class="item-num">{{count.warrnats}}</view> <view class="item" @click="$Router.push({name:'NumberWeight'})">
<view class="item-title">权证持有</view> <view class="item-num">{{count.warrnats}}</view>
</view> <view class="item-title">权证持有</view>
<view class="item" @click="$Router.push({name: 'marketManag'})"> </view>
<view class="item-num">{{count.warrnat_transfer}}</view> <view class="item" @click="$Router.push({name: 'marketManag'})">
<view class="item-title">权证转让</view> <view class="item-num">{{count.warrnat_transfer}}</view>
</view> <view class="item-title">权证转让</view>
<view class="item" @click="$Router.push({name:'ServicesOrder'})"> </view>
<view class="item-num">{{count.shipment_fuwu_count}}</view> <view class="item" @click="$Router.push({name:'ServicesOrder'})">
<view class="item-title">已使用</view> <view class="item-num">{{count.shipment_fuwu_count}}</view>
</view> <view class="item-title">已使用</view>
<view class="item" @click="$Router.push({name:'MallShipments'})"> </view>
<view class="item-num">{{count.shipment_goods_count}}</view> <view class="item" @click="$Router.push({name:'MallShipments'})">
<view class="item-title">已提货</view> <view class="item-num">{{count.shipment_goods_count}}</view>
</view> <view class="item-title">已提货</view>
</view> </view>
</view> </view>
<!-- 我的权证 --> </view>
<view class="user-group"> <!-- 我的权证 -->
<view class="group-flex group-flex-4"> <view class="user-group">
<view class="item" @click="$Router.push({name:'Collection'})"> <view class="group-flex group-flex-4">
<image class="item-cover" src="@/static/icons/user_icon_02.png" mode="aspectFill" /> <view class="item" @click="$Router.push({name:'Collection'})">
<view class="item-title">收藏的企业</view> <image class="item-cover" src="@/static/icons/user_icon_02.png" mode="aspectFill" />
</view> <view class="item-title">收藏的企业</view>
<view class="item" @click="$Router.push({name:'CouponList'})"> </view>
<image class="item-cover" src="@/static/icons/user_icon_03.png" mode="aspectFill" /> <view class="item" @click="$Router.push({name:'CouponList'})">
<view class="item-title">我的优惠券</view> <image class="item-cover" src="@/static/icons/user_icon_03.png" mode="aspectFill" />
</view> <view class="item-title">我的优惠券</view>
<view class="item" @click="$Router.push({name:'HistoryShop'})"> </view>
<image class="item-cover" src="@/static/icons/user_icon_01.png" mode="aspectFill" /> <view class="item" @click="$Router.push({name:'HistoryShop'})">
<view class="item-title">我的足迹</view> <image class="item-cover" src="@/static/icons/user_icon_01.png" mode="aspectFill" />
</view> <view class="item-title">我的足迹</view>
<view class="item" @click="$Router.push({name:'AddressList'})"> </view>
<image class="item-cover" src="@/static/icons/user_icon_04.png" mode="aspectFill" /> <view class="item" @click="$Router.push({name:'AddressList'})">
<view class="item-title">地址管理</view> <image class="item-cover" src="@/static/icons/user_icon_04.png" mode="aspectFill" />
</view> <view class="item-title">地址管理</view>
</view> </view>
</view> </view>
</block> </view>
<block v-else-if="tabsIndex === 1"> </block>
<!-- 我的权证 --> <block v-else-if="tabsIndex === 1">
<view class="user-group"> <!-- 我的权证 -->
<view class="title"> <view class="user-group">
<view class="title-text">推广数据</view> <view class="title">
</view> <view class="title-text">推广数据</view>
<view class="group-flex group-flex-2"> </view>
<view class="item"> <view class="group-flex group-flex-2">
<view class="item-num">{{relations.children}}</view> <view class="item">
<view class="item-title">推广人数</view> <view class="item-num">{{relations.children}}</view>
</view> <view class="item-title">推广人数</view>
<view class="item"> </view>
<view class="item-num">{{relations.company}}</view> <view class="item">
<view class="item-title">推广企业</view> <view class="item-num">{{relations.company}}</view>
</view> <view class="item-title">推广企业</view>
</view> </view>
</view> </view>
</view>
<!-- 排名信息 --> <!-- 排名信息 -->
<view class="user-group"> <view class="user-group">
<view class="title"> <view class="title">
<view class="title-text">推广排名</view> <view class="title-text">推广排名</view>
</view>
<view class="ranking ranking-after">
<view class="ranking-title">
<view class="ranking-text">全站推广人数</view>
<view class="ranking-number">{{relations.childrenRank}}</view>
</view> </view>
<image class="tips" src="../../static/icons/property_icon_00.png" mode="aspectFill" /> <view class="ranking ranking-after">
</view> <view class="ranking-title">
<view class="ranking"> <view class="ranking-text">全站推广人数</view>
<view class="ranking-title"> <view class="ranking-number">{{relations.childrenRank}}</view>
<view class="ranking-text">推广企业</view> </view>
<view class="ranking-number">{{relations.companyRank}}</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">{{relations.companyRank}}</view>
</view>
<image class="tips" src="../../static/icons/property_icon_01.png" mode="aspectFill" />
</view> </view>
<image class="tips" src="../../static/icons/property_icon_01.png" mode="aspectFill" /> </view>
</view>
</view>
<!-- 推广海报 --> <!-- 推广海报 -->
<view class="poster-text">推广海报</view> <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"> <view class="code">
<image class="code-img-bg" src="/static/images/share_bg_3.png" mode="aspectFill" /> <image class="code-img-bg" src="/static/images/share_bg_3.png" mode="aspectFill" />
<image class='code-img' :src="shareCode" mode="widthFix" /> <image class='code-img' :src="shareCode" mode="widthFix" />
</view> </view>
</block> </block>
<!-- 弹窗 --> <!-- 弹窗 -->
<u-toast ref="uToast" /> <u-toast ref="uToast" />
<!-- 版权信息 --> <!-- 版权信息 -->
<view class="copyright">易品新境 beta 1.0.0</view> <view class="copyright">易品新境 beta 1.0.0</view>
</block>
<block v-else>
<view class="statusBar">
<view class="statusBar-title">我的资产</view>
</view>
<view class="store-login">
<image class="icon" src="@/static/icons/login-icon.png" mode="widthFix"></image>
<view class="sub-title">一键开启您的易货之旅</view>
<button type="default" @click="login">登录</button>
</view>
</block>
</view> </view>
</template> </template>
<script> <script>
import carousel from '@/components/vear-carousel/vear-carousel' import carousel from '@/components/vear-carousel/vear-carousel'
import {getUserInfo , appcode} from '@/apis/interfaces/mine' import {getUserInfo , appcode} from '@/apis/interfaces/mine'
import userAuth from '@/public/userAuth'
export default { export default {
components: { components: {
carousel carousel
@@ -180,12 +193,15 @@
count:'', count:'',
relations:'', relations:'',
message:'', message:'',
loaded:false, loding:true,
shareCode:'' shareCode:''
} }
}, },
onShow(){ onShow(){
this.getUserInfo() console.log(this.$store.state.token)
if(this.$store.state.token != ''){
this.getUserInfo()
}
}, },
methods: { methods: {
// 获取用户的基本信息 // 获取用户的基本信息
@@ -195,7 +211,7 @@
this.count = res.count this.count = res.count
this.message = res.message this.message = res.message
this.relations = res.relations this.relations = res.relations
this.loaded = true this.loding = true
}).catch(err => { }).catch(err => {
this.$refs.uToast.show({ this.$refs.uToast.show({
title: err.message, title: err.message,
@@ -228,12 +244,57 @@
type:'error', type:'error',
duration: 3000 duration: 3000
}) })
} },
// 登录
login(){
let auth = new userAuth()
auth.Login().then(res => {
if(res.auth) this.getIndex()
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
})
})
}
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
// 登录提示
.store-login{
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 9;
background: white;
text-align: center;
@extend .vertical;
button{
margin-top: $margin*3;
display: inline-block;
width: 50%;
height: 90rpx;
line-height: 90rpx;
border-radius: $radius/2;
background: $text-price;
color: white;
font-weight: bold;
font-size: $title-size;
}
.sub-title{
color: $text-gray;
font-size: $title-size-m;
}
.icon{
width: 288rpx;
}
}
// 退出按钮 // 退出按钮
.out-login{ .out-login{
padding: 0 $padding; padding: 0 $padding;
@@ -524,4 +585,95 @@
font-size: $title-size-sm; font-size: $title-size-sm;
color: $text-gray-m; color: $text-gray-m;
} }
// Bar
.statusBar{
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99;
background: $text-price;
@extend .ios-top;
.statusBar-box{
min-height: 90rpx;
position: relative;
padding: $padding $padding $padding ($padding + 88);
color: white;
.logo{
position: absolute;
left: $padding;
width: 94rpx;
height: 94rpx;
border-radius: 50%;
border: 4rpx solid #ed8483;
box-sizing: border-box;
box-shadow: 0 4rpx 15rpx rgba(109,1,0,.8);
}
.company{
width: calc(100% - 94rpx);
padding-left: 30rpx;
box-sizing: border-box;
.name{
line-height: 40rpx;
@extend .nowrap;
font-size: $title-size;
.name-img {
width: 30rpx;
height: 30rpx;
margin: 7rpx 0 0 15rpx;
}
}
.tool {
display: flex;
margin-top: 13rpx;
.faith{
line-height: 40rpx;
height: 38rpx;
@extend .nowrap;
font-size: 24rpx;
background-color: rgba(0,0,0,.15);
padding: 0 15rpx;
border-radius: 60rpx;
margin-right: 30rpx;
display: flex;
.faith-img {
width: 28rpx;
height: 28rpx;
margin: 5rpx 4rpx 0 0;
}
}
.btn{
line-height: 40rpx;
height: 38rpx;
font-size: 24rpx;
padding: 0 15rpx 0 30rpx;
background-color: #913335;
display: inline-block;
border-radius: 0 60rpx 60rpx 0;
position: relative;
text-transform: uppercase;
.btn-img {
position: absolute;
width: 38rpx;
height: 38rpx;
left: -20rpx;
top: 0;
}
}
}
}
}
.statusBar-title{
line-height: 88rpx;
min-height: 88rpx;
color: white;
text-align: center;
font-weight: bold;
}
}
.content{
padding-top: calc(var(--status-bar-height) + #{$padding * 2} + 65rpx);
padding-bottom: $padding;
}
</style> </style>

48
pages/vip/index.vue
View File

@@ -96,45 +96,6 @@
</view> </view>
</button> </button>
</view> </view>
<!-- 会员类型 -->
<!-- <view class="tabs">
<view class="item" :class="{'show': index === tabsIndex}" v-for="(item, index) in identities" :key="index" @click="onTabs(index)">{{item.name}}</view>
</view> -->
<!-- 会员信息 -->
<!-- <view class="cards">
<view class="card">
<view class="card-content">
<image class="cover" src="@/static/dev/good_cover_01.png" mode="aspectFill"></image>
<view class="user nowrap">{{user.username}}</view>
<view class="sub-time nowrap">{{user.identity.name}}至{{user.identity.ended_at}}</view>
<view class="btn" @click="openOrder">开通/续费</view>
</view>
</view>
<view class="cards-back"></view>
<image class="cards-angle" src="@/static/imgs/vip-angle-back.png" mode="widthFix"></image>
</view> -->
<!-- 会员权限 -->
<!-- <view class="privilege">
<view class="title">开通会员享特权</view>
<view class="privilege-box">
<view class="item" v-for="(item, index) in rights" :key="index" @click="showRemark(item.name, item.remark)">
<image class="icon" :src="item.cover" mode="aspectFill"></image>
<view class="text">{{item.name}}</view>
</view>
</view>
</view> -->
<!-- 会员 -->
<!-- <view class="footer">
<button class="footer-btn" type="default" @click="openOrder">￥{{identities[tabsIndex].price}}/年&nbsp;开通</button>
</view> -->
<!-- 会员服务信息 -->
<!-- <view class="notice">
<view class="title">开通须知</view>
<view class="item">
<text>{{description}}</text>
</view>
</view> -->
</view> </view>
</template> </template>
@@ -177,13 +138,6 @@
this.totalData(2); this.totalData(2);
}, },
methods: { methods: {
// 切换开通身份
// onTabs(index){
// if(this.tabsIndex === index) return
// this.tabsIndex = index
// this.rights = this.identities[index].rights
// },
// 切换开通身份 // 切换开通身份
swiperChange(e) { swiperChange(e) {
this.tabsIndex = e.detail.current this.tabsIndex = e.detail.current
@@ -354,7 +308,7 @@
border-radius: 60rpx; border-radius: 60rpx;
padding: 0 $padding; padding: 0 $padding;
box-sizing: border-box; box-sizing: border-box;
background-image: linear-gradient(to right, #f11a22, #ff252f); background: red;
display: flex; display: flex;
.vip-name-icon { .vip-name-icon {
width: 50rpx; width: 50rpx;