Skip to content

M
mallapp
Commit e98c19fd authored by 黄媛媛's avatar 黄媛媛
Browse files
Options

1

parent 9bd5c8e6
Show whitespace changes
Inline Side-by-side
Showing with 205 additions and 70 deletions
pages/share/index/index.vue
View file @ e98c19fd
<template>
<scroll-view
:scroll-y="true"
@scroll="scrollHandler"
@scrolltoupper="scrollTopHandler"
style="height: 100vh;">
<view class="shareindexStyle" :style="{'height':contentHeight}">
<view
class="headStatus"
v-if=""
v-if="sharestatus.Status!=3"
:style="[headStyle]"
>
<view class="arrow" @click="redirectPrev">
......@@ -10,6 +15,22 @@
</view>
<view class="title">{{pageTitle}}</view>
</view>
<view
class="headStatus"
v-if="scrollTop > 50 && sharestatus.Status==3"
:style="[
headStyle,
{
zIndex: scrollTop < 10 ? 'unset' : 2,
opacity: scrollTop < 10 ? '100' : scrollTop,
},
]"
>
<view class="arrow" @click="redirectPrev">
<u-icon name="arrow-left" size="48" color="#000"></u-icon>
</view>
<view class="title" v-if="scrollTop > 50">{{pageTitle}}</view>
</view>
<view class="shareadd" v-if=" sharestatus.Status==1">
<u-empty text=" " mode="data"></u-empty>
<Text style='margin: 10px 0;'>{{sharestatus.Msg}}</Text>
......@@ -17,102 +38,164 @@
<Text>{{sharestatus.ApplyForName}}</Text>
</view>
</view>
<view v-if="sharestatus.Status==3" style="width: 100%;display: flex;flex-direction: column;align-items: center;">
<view v-if="sharestatus.Status==2" class="steatus_t" :style="{'margin-top':44+nav+'px'}">
<image src="../../../static/images/icon/img-share-status.png" style="width: 100%;height: 165px;"></image>
<Text style='margin-top: 70px;'>谢谢您的支持，请等待审核</Text>
<view style="display: flex;align-items: center;justify-content: center;margin-top: 60rpx;">
<u-button shape="circle" type="error" size="medium" @click='goshoping'>去商城逛逛</u-button>
</view>
</view>
<view v-if="sharestatus.Status==4" style="width: 100%;display: flex;flex-direction: column;align-items: center;">
<view v-if="sharestatus.Status==4" class="steatus_t" :style="{'margin-top':44+nav+'px'}">
<image src="../../../static/images/icon/img-share-status.png" style="width: 100%;height: 165px;"></image>
<Text style='margin-top: 70px;'>{{sharestatus.Msg}}</Text>
<!-- <view style="display: flex;align-items: center;justify-content: center;margin-top: 60rpx;">
<u-button shape="circle" type="error" size="medium" @click='goshoping'>去商城逛逛</u-button>
</view> -->
</view>
<view style="width: 100%;height: 100%;" v-if="sharestatus.Status==4">
<view class="sharebox_top" :style="{background:mainColor}">
<view style="width: 100%;height: 100%;" v-if="sharestatus.Status==3">
<view class="sharebox_top" >
<view class="sharebox_top_nav" :style="{paddingTop:nav+'px'}">
<view class="arrow" @click="redirectPrev">
<u-icon name="arrow-left" size="48" color="#fff"></u-icon>
</view>
<view class="title" style="color: #FFFFFF;font-size: 16px;">{{pageTitle}}</view>
<view style="width: 24px;height: 24px;"></view>
</view>
<view class="sharebox_top_t">
<view class="top_t_l">
<u-avatar :src="sharedata.UserInfo.Photo" size="120"></u-avatar>
<view style="display: flex;flex-direction: column;color: #fff;margin-left: 5px;">
<Text style='font-size: 16px;'>{{sharedata.UserInfo.UserName}}</Text>
<Text>{{sharedata.CustomModel.ReferrerName}}：{{sharedata.UserInfo.SuperiorName}}</Text>
<Text>分销等级：{{sharedata.UserInfo.GradeName}}</Text>
<u-avatar :src="sharedata.UserInfo.Photo" size="130"></u-avatar>
<view style="display: flex;flex-direction: column;color: #fff;margin-left: 16px;height: 130rpx;justify-content: space-between;">
<view style="display: flex;flex-direction: row;">
<Text style='font-size: 18px;max-width: 150px;overflow: hidden;display: inline-block;white-space: nowrap; text-overflow:ellipsis;'>
{{sharedata.UserInfo.UserName}}
</Text>
<view class="sj_style" style="">
<image src="../../../static/images/sj.png" style="width: 9px;height: 10px;"></image>
<text style="font-size: 10px;color: #fff;">
升级规则
</text>
</view>
</view>
<Text style='font-size: 12px;'>{{sharedata.CustomModel.ReferrerName}}：{{sharedata.UserInfo.SuperiorName}}</Text>
<Text style='font-size: 12px;'>会员日期：{{sharedata.UserInfo.GradeName}}</Text>
</view>
</view>
<view v-if='sharedata.UserInfo.DistributorGradeEntrance==1' style="display: flex;flex-direction: row;align-items: center;color: #fff;" @click="goUrl('/pages/share/level/level')">
<!-- <view v-if='sharedata.UserInfo.DistributorGradeEntrance==1' style="display: flex;flex-direction: row;align-items: center;color: #fff;" @click="goUrl('/pages/share/level/level')">
<Text>升级条件</Text>
<u-icon name="arrow" color='#fff'></u-icon>
</view> -->
</view>
<view style="width: 100%;margin-top: 5px;">
<span style='font: 12px;color: #FFFFFF;margin-left: 30px;'>等级：{{sharedata.UserInfo.GradeName}}</span>
</view>
<view style="width: 100%;height: 1px;background: #fff;margin: 10px 0;"></view>
<view class="sharebox_top_t">
<view style="display: flex;flex-direction: column;color: #fff;">
<Text>{{sharedata.CustomModel.CommissionForWithdrawalName}}</Text>
<Text style='font-size: 22px;'>{{sharedata.UserInfo.CommissionWithdrawal!=null ?sharedata.UserInfo.CommissionWithdrawal:0}} <Text style='font-size: 14px;'>元</Text> </Text>
<view class="sharebox_topc">
<view class="center_item" style="font-size: 12px;color: #FFFFFF;justify-content: space-between;">
<Text>{{sharedata.CustomModel.CommissionWithdrawnName}}</Text>
<Text>{{sharedata.UserInfo.TXCommission!=null ?sharedata.UserInfo.TXCommission:0}}元</Text>
</view>
<view style="width: 55px;height: 30px;border-radius: 15px;border:1px solid #fff;display: flex;align-items: center;justify-content: center;color: #fff;"
@click="goUrl2('/pages/share/cash/cash')"
>
<Text>{{sharedata.CustomModel.WithdrawDepositName}}</Text>
<view style="width: 2px;height: 25px;background: #FFFFFF;justify-content: space-between;"></view>
<view class="center_item" style="font-size: 12px;color: #FFFFFF;">
<Text >{{sharedata.CustomModel.OutstandingCommissionName}}</Text>
<Text>{{sharedata.UserInfo.WJSCommission!=null ?sharedata.UserInfo.WJSCommission:0}}元</Text>
</view>
</view>
<!-- 会员购买 -->
<view class="buyvip" v-if="words.isshowvipbuypic==0">
<image :src="words.vipbuyico" style="width: 100%;" mode='widthFix'></image>
</view>
</view>
<view class="sharebox_c">
<view class="center_item">
<Text style='color: #57AC4F;font-size: 14px;'>{{sharedata.CustomModel.CommissionWithdrawnName}}</Text>
<Text>{{sharedata.UserInfo.TXCommission!=null ?sharedata.UserInfo.TXCommission:0}}元</Text>
<view style="display: flex;flex-direction: row;align-items: center;height: 55px;margin-left: -30px;">
<image src="../../../static/images/yue.png" style="width: 25px" mode ='widthFix'></image>
<view style="display: flex;flex-direction: column;margin-left: 17px;height: 100%;justify-content: space-between;">
<Text style='font-size: 22px;'>{{sharedata.UserInfo.CommissionWithdrawal!=null ?sharedata.UserInfo.CommissionWithdrawal:0}} <Text style='font-size: 14px;'>元</Text> </Text>
<text>{{sharedata.CustomModel.CommissionForWithdrawalName}}</text>
</view>
<view style="width: 2px;height: 60px;background: #f5f5f5;"></view>
<view class="center_item">
<Text :style="{color:secondary,fontSize:'14px'}">{{sharedata.CustomModel.OutstandingCommissionName}}</Text>
<Text>{{sharedata.UserInfo.WJSCommission!=null ?sharedata.UserInfo.WJSCommission:0}}元</Text>
</view>
<view style="width: 60px;height: 30px;border-radius: 15px;color: #fff; margin-right: -30px;background-image: linear-gradient( to right,#FF8585,#ED4353);text-align: center;line-height: 30px;"
@click="goUrl2('/pages/share/cash/cash')"
>
<Text>{{sharedata.CustomModel.WithdrawDepositName}}</Text>
</view>
</view>
<view class="sharebox_menus" >
<view class="menus_item" @click="goUrl('/pages/share-money/share-money')">
<image :src="sharedata.CustomModel.DistributionCommissionImage" style="width: 30px;height: 30px;" mode='widthFix'></image>
<Text class='item_text'>{{sharedata.CustomModel.DistributionCommissionName}}</Text>
<Text><Text :style="{color:mainColor}">{{sharedata.UserInfo.TotalCommission!=null ?sharedata.UserInfo.TotalCommission:0}}</Text>元</Text>
<view style="display: flex;flex-direction: row;align-items: center;">
<image :src="sharedata.CustomModel.DistributionCommissionImage" style="width: 14px;" mode='widthFix'></image>
<text style="font-size: 13px;color:#07090D;margin-left: 15px;">{{sharedata.CustomModel.DistributionCommissionName}}</text>
</view>
<view style="display: flex;flex-direction: row;align-items: center;">
<text :style="{color:mainColor}">{{sharedata.UserInfo.TotalCommission!=null ?sharedata.UserInfo.TotalCommission:0}}</text>
<text style="color: #A5A3AB;margin-right: 5px;">元</text>
<u-icon name="arrow" size="24" color="#A5A3AB"></u-icon>
</view>
</view>
<view class="menus_item" @click="goUrl('/pages/share-order/share-order')">
<image :src="sharedata.CustomModel.DistributionOrderImage" style="width: 30px;height: 30px" mode='widthFix'></image>
<Text class='item_text'>{{sharedata.CustomModel.DistributionOrderName}}</Text>
<Text><Text :style="{color:mainColor}">{{sharedata.UserInfo.OrderCommission!=null ?sharedata.UserInfo.OrderCommission:0}}</Text>元</Text>
<view style="display: flex;flex-direction: row;align-items: center;">
<image :src="sharedata.CustomModel.DistributionOrderImage" style="width: 14px;" mode='widthFix'></image>
<text style="font-size: 13px;color:#07090D;margin-left: 15px;">{{sharedata.CustomModel.DistributionOrderName}}</text>
</view>
<view style="display: flex;flex-direction: row;align-items: center;">
<text :style="{color:mainColor}">{{sharedata.UserInfo.OrderCommission!=null ?sharedata.UserInfo.OrderCommission:0}}</text>
<text style="color: #A5A3AB;margin-right: 5px;">元</text>
<u-icon name="arrow" size="24" color="#A5A3AB"></u-icon>
</view>
</view>
<view class="menus_item" @click="goUrl('/pages/cash-detail/cash-detail')">
<image :src="sharedata.CustomModel.WithdrawDetialsImage" style="width: 30px;height: 30px" mode='widthFix'></image>
<Text class='item_text'>{{sharedata.CustomModel.WithdrawDetialsName}}</Text>
<Text><Text :style="{color:mainColor}">{{sharedata.UserInfo.RemitMoney!=null ?sharedata.UserInfo.RemitMoney:0}}</Text>元</Text>
<view style="display: flex;flex-direction: row;align-items: center;">
<image :src="sharedata.CustomModel.WithdrawDetialsImage" style="width: 14px;" mode='widthFix'></image>
<text style="font-size: 13px;color:#07090D;margin-left: 15px;">{{sharedata.CustomModel.WithdrawDetialsName}}</text>
</view>
<view style="display: flex;flex-direction: row;align-items: center;">
<text :style="{color:mainColor}">{{sharedata.UserInfo.RemitMoney!=null ?sharedata.UserInfo.RemitMoney:0}}</text>
<text style="color: #A5A3AB;margin-right: 5px;">元</text>
<u-icon name="arrow" size="24" color="#A5A3AB"></u-icon>
</view>
</view>
<view class="menus_item" @click="goUrl('/pages/share-team/share-team')">
<image :src="sharedata.CustomModel.MyTeamImage" style="width: 30px;height: 30px" mode='widthFix'></image>
<Text class='item_text'>{{sharedata.CustomModel.MyTeamName}}</Text>
<Text><Text :style="{color:mainColor}">{{sharedata.UserInfo.ReferralsNum!=null ?sharedata.UserInfo.ReferralsNum:0}}</Text>人</Text>
<view style="display: flex;flex-direction: row;align-items: center;">
<image :src="sharedata.CustomModel.MyTeamImage" style="width: 14px;" mode='widthFix'></image>
<text style="font-size: 13px;color:#07090D;margin-left: 15px;">{{sharedata.CustomModel.MyTeamName}}</text>
</view>
<view style="display: flex;flex-direction: row;align-items: center;">
<text :style="{color:mainColor}">{{sharedata.UserInfo.ReferralsNum!=null ?sharedata.UserInfo.ReferralsNum:0}}</text>
<text style="color: #A5A3AB;margin-right: 5px;">人</text>
<u-icon name="arrow" size="24" color="#A5A3AB"></u-icon>
</view>
<view class="menus_item" @click="goUrl('/pages/share-qrcode/share-qrcode')">
<image :src="sharedata.CustomModel.PromoteQRCodeImage" style="width: 30px;height: 30px" mode='widthFix'></image>
<Text class='item_text'>{{sharedata.CustomModel.PromoteQRCodeName}}</Text>
</view>
<view class="menus_item" @click="goUrl('/pages/share/examine')" v-if='sharedata.UserInfo.HpReferralsGradeAudit==1'>
<image src="../../../static/images/icon/GradeAudit.png" style="width: 30px;height: 30px" mode='widthFix'></image>
<Text class='item_text'>分销商审核</Text>
<view style="display: flex;flex-direction: row;align-items: center;">
<image src="../../../static/images/icon/GradeAudit.png" style="width: 14px;" mode='widthFix'></image>
<text style="font-size: 13px;color:#07090D;margin-left: 15px;">分销商审核</text>
</view>
<view style="display: flex;flex-direction: row;align-items: center;">
<u-icon name="arrow" size="24" color="#A5A3AB"></u-icon>
</view>
</view>
</view>
<view class="sharebox_menus" >
<view class="menus_item" @click="goUrl('/pages/share-qrcode/share-qrcode')">
<view style="display: flex;flex-direction: row;align-items: center;">
<image :src="sharedata.CustomModel.PromoteQRCodeImage" style="width: 14px;" mode='widthFix'></image>
<text style="font-size: 13px;color:#07090D;margin-left: 15px;">{{sharedata.CustomModel.PromoteQRCodeName}}</text>
</view>
<view style="display: flex;flex-direction: row;align-items: center;">
<u-icon name="arrow" size="24" color="#A5A3AB"></u-icon>
</view>
</view>
</view>
</view>
<auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth= 'goback'></auth>
</view>
</scroll-view>
</template>
<script>
......@@ -133,15 +216,17 @@
showAuth:false,
nav:0,
headStyle:{}
headStyle:{},
scrollTop:0,
words:{},
}
},
created(){
this.contentHeight = this.$utils.calcContentHeight(-40)+'px';
this.mainColor = this.$uiConfig.mainColor;
this.secondary = this.$uiConfig.secondary;
this.nav = uni.getMenuButtonBoundingClientRect().top+'px';
this.headStyle.paddingTop = this.nav ;
this.nav = uni.getMenuButtonBoundingClientRect().top;
this.headStyle.paddingTop = this.nav +'px';
},
mounted() {
let currentPages = getCurrentPages();
......@@ -149,8 +234,8 @@
let pages = wx.getStorageSync("basedata")
? wx.getStorageSync("basedata").bar_title
: [];
this.words = wx.getStorageSync("basedata") ? wx.getStorageSync("basedata").share_setting_custom.words:{},
this.words.vipbuyico = this.host2+this.words.vipbuyico
pages.forEach((x) => {
if (x.value == u) {
......@@ -263,7 +348,14 @@
uni.navigateTo({
url: url
});
}
},
scrollHandler(e) {
this.scrollTop = e.detail.scrollTop;
//this.$forceUpdate();
},
scrollTopHandler() {
this.scrollTop = 0;
},
}
}
......@@ -284,10 +376,23 @@
}
.shareindexStyle .sharebox_top{
width: 100%;
padding: 10px;
/* padding: 10px; */
height: 242px;
display: flex;
flex-direction: column;
align-items: center;
background-image: url(../../../static/images/shareTop.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.shareindexStyle .sharebox_top .sharebox_top_nav{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
height: 44px;
padding: 0 10px;
}
.shareindexStyle .sharebox_top .sharebox_top_t{
width: 100%;
......@@ -295,29 +400,52 @@
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 5px 0;
/* padding: 5px 0; */
margin-top: 20px;
}
.shareindexStyle .sharebox_top .sharebox_top_t .top_t_l{
margin-left: 30px;
display: flex;
flex-direction: row;
align-items: center;
}
.shareindexStyle .sj_style{
display: flex;flex-direction: row;align-items: center;justify-content: center;background: rgba(55, 55, 55, 0.1);
width: 70px ;
height: 20px;
border-radius: 10px;
margin-left: 20px;
}
.shareindexStyle .steatus_t{
width: 100%;display: flex;flex-direction: column;align-items: center;
}
.shareindexStyle .sharebox_topc{
width: 94%;
height: 40px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
padding: 0 20px;
margin-top: 18px;
}
.shareindexStyle .sharebox_c{
width: 94%;
margin-left: 3%;
height: 90px;
height: 99px;
border-radius: 10rpx;
background: #fff;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
padding: 10px 20px;
margin-top: 10px;
/* padding: 15px 15px; */
margin-top: -15px;
}
.shareindexStyle .center_item{
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
......@@ -329,18 +457,19 @@
border-radius: 10rpx;
background: #fff;
display: flex;
flex-direction: row;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
padding: 10px 0;
/* padding: 10px 0; */
margin-top: 10px;
}
.sharebox_menus .menus_item{
width: 33%;
width: 100%;
height: 45px;
display: flex;
flex-direction: column;
flex-direction: row;
align-items: center;
padding: 15px 0;
justify-content: space-between;
padding: 0 15px;
}
.sharebox_menus .menus_item .item_text{
font-size: 13px;
......@@ -366,7 +495,7 @@
width: 24px;
}
.shareindexStyle .headStatus .title {
font-size: 18px;
font-size: 16px;
color: #000;
flex: 1;
width: 1px;
......@@ -374,4 +503,10 @@
line-height: 34px;
/* text-align: center; */
}
.shareindexStyle .buyvip{
position: fixed;
width: 116px;
right: 0;
top: 100px;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment