Skip to content

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

1

parent b5c44b87
Show whitespace changes
Inline Side-by-side
Showing with 122 additions and 85 deletions
pages/share/cash/cash.vue
View file @ 99b959eb
...@@ -2,27 +2,31 @@ ...@@ -2,27 +2,31 @@
<view class="cashStyle" :style="{'height':contentHeight}"> <view class="cashStyle" :style="{'height':contentHeight}">
<view class="cashBox"> <view class="cashBox">
<view class="cashBox_top"> <view class="cashBox_top">
<Text style='font-size: 18px;margin-top: 10px;'>账户剩余余额：{{cash.CommissionWithdrawal}}元</Text> <text style="font-size: 12px;">账户剩余余额</text>
<view style="display: flex;flex-direction: row;align-items: flex-end;">
<text style="font-size: 30px;">{{cash.CommissionWithdrawal}}</text>
<text style="font-size: 15px;margin-left: 5px;">元</text>
</view>
<view style="display: flex;flex-direction: row;align-items: center;justify-content: space-between;">
<text style="font-size: 12px;">今日剩余提现金额:{{cash.CanRemitMoney==-1?'无限制':cash.CanRemitMoney+'元'}}</text>
<view style="display: flex;flex-direction: row;" @click="showagreement()">
<text style="font-size: 12px;margin-right: 2px;">规则</text>
<u-icon name="warning-o" size="24" color="#ffffff"></u-icon>
</view>
</view>
<!-- <Text style='font-size: 18px;margin-top: 10px;'>账户剩余余额：{{cash.CommissionWithdrawal}}元</Text>
<Text style='font-size: 14px;color:#333 ;margin-top: 10px;'>今日剩余提现金额:{{cash.CanRemitMoney==-1?'不限':cash.CanRemitMoney+'元'}}</Text> <Text style='font-size: 14px;color:#333 ;margin-top: 10px;'>今日剩余提现金额:{{cash.CanRemitMoney==-1?'不限':cash.CanRemitMoney+'元'}}</Text>
<Text style='font-size: 14px;color:#333 ;margin-top: 10px;'>最少提现额度:{{cash.MinimumWithdrawalLimit}}元</Text> <Text style='font-size: 14px;color:#333 ;margin-top: 10px;'>最少提现额度:{{cash.MinimumWithdrawalLimit}}元</Text>
<Text style='font-size: 14px;color:#333 ;margin-top: 10px;'>手续费:{{cash.WithdrawFee}}%</Text> <Text style='font-size: 14px;color:#333 ;margin-top: 10px;'>手续费:{{cash.WithdrawFee}}%</Text> -->
<!-- <view style="display: flex;flex-direction: row;align-items: center;margin-top: 10px;">
<Text style='font-size: 12px;color:#333 '>今日提现金额无限制</Text>
<view class="rule" :style="{'border-color':mainColor}" @click="show2=true">
<Text :style="{'color':mainColor}">规则</Text>
</view>
</view> -->
<view style="width: 100%;height: 1px;background: #f5f5f5;margin: 10px 0;"></view>
<view class="tixian">
<view style='display: flex;flex-direction: row;align-items: center;'>
<Text :style="{'color':mainColor,'font-size':'18px'}">￥</Text>
<input class="uni-input" type="digit" :disabled='true' v-model="msg.AppliedMoney" placeholder="请输入提现金额" @input='liedMoney' style="font-size: 16px;margin-left: 5px;"/>
</view> </view>
<Text @click='allmoney'>全部</Text> <view class="tixian" style="margin-top: 10px;">
<text>提现金额</text>
</view> </view>
<view style="width: 100%;height: 1px;background: #f5f5f5;margin: 10px 0;"></view> <view class="tixian" style="background: #F7F5F5;padding: 0 20px;">
<Text style='font-size: 14px;color:#333 ;margin: 10px 0;'>手续费扣除:{{msg.Fee}}元</Text> <text style='font-size: 12px;color: #FF3F47;'>￥ <Text style='font-size: 18px;color:#000000;margin-left: 5px;'>{{cash.CommissionWithdrawal}}</Text> </text>
</view> </view>
<Text style='font-size: 14px;color:#333 ;margin: 10px 0;display: inline-block;width: 94%;'>手续费扣除:{{msg.Fee}}元</Text>
<view class="txmode"> <view class="txmode">
<Text>提现方式</Text> <Text>提现方式</Text>
<view @click="show=true" style="width: 200px;display: flex;flex-direction: row;align-items: center;justify-content: flex-end;"> <view @click="show=true" style="width: 200px;display: flex;flex-direction: row;align-items: center;justify-content: flex-end;">
...@@ -90,6 +94,21 @@ ...@@ -90,6 +94,21 @@
</view> </view>
</view> </view>
</u-popup> </u-popup>
<view class="agreementbox" v-if='isshowagreement==true'></view>
<view class="agreementbox_t" v-if='isshowagreement==true'>
<view class="agreement_b">
<Text style='height: 40px;line-height: 40px;'>规则</Text>
<view style="width: 100%;height: 760rpx;padding: 20rpx;display: flex;flex-direction: column;">
<text style="font-size: 12px;">今日剩余提现金额:{{cash.CanRemitMoney==-1?'无限制':cash.CanRemitMoney+'元'}}</text>
<Text style='font-size: 14px;color:#333 ;margin-top: 10px;'>最少提现额度:{{cash.MinimumWithdrawalLimit}}元</Text>
<Text style='font-size: 14px;color:#333 ;margin-top: 10px;'>手续费:{{cash.WithdrawFee}}%</Text>
</view>
<view class="agreement_bottom" :style="{background:mainColor}" @click="read">
<Text style='color: #fff;'>确定</Text>
</view>
</view>
</view>
</template> </template>
</view> </view>
...@@ -105,7 +124,7 @@ ...@@ -105,7 +124,7 @@
secondary:'', secondary:'',
cash:{}, cash:{},
money:0, money:0,
isshowagreement:false,
txmode:'', txmode:'',
show:false, show:false,
show2:false, show2:false,
...@@ -193,6 +212,12 @@ ...@@ -193,6 +212,12 @@
this.show=false this.show=false
}, },
showagreement(){
this.isshowagreement = true
},
read(){
this.isshowagreement = false
},
getapply(){ getapply(){
let that = this let that = this
...@@ -287,7 +312,7 @@ ...@@ -287,7 +312,7 @@
<style> <style>
.cashStyle{ .cashStyle{
background: #f3f4f6; background: #FFFFFF;
} }
.cashStyle .cashBox{ .cashStyle .cashBox{
...@@ -297,12 +322,17 @@ ...@@ -297,12 +322,17 @@
align-items: center; align-items: center;
} }
.cashStyle .cashBox .cashBox_top{ .cashStyle .cashBox .cashBox_top{
width: 100%; width: 94%;
height: 130px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; background-image: url(../../../static/images/shareTop.png);
padding: 0 15px; background-repeat: no-repeat;
background: #fff; background-size: 100% 100%;
padding:20px;
color: #FFFFFF;
border-radius: 6px;
justify-content: space-between;
} }
.cashStyle .rule{ .cashStyle .rule{
...@@ -318,13 +348,15 @@ ...@@ -318,13 +348,15 @@
} }
.cashStyle .tixian{ .cashStyle .tixian{
width: 100%; width: 94%;
height: 70px; height: 40px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-between; color: #000000;
font-weight: 500;
font-size: 14px;
} }
.cashStyle .txmode{ .cashStyle .txmode{
width: 100%; width: 100%;
...@@ -335,7 +367,7 @@ ...@@ -335,7 +367,7 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-top: 20px; /* margin-top: 20px; */
} }
.cashStyle .getapply{ .cashStyle .getapply{
width: 94%; width: 94%;
...@@ -395,4 +427,41 @@ ...@@ -395,4 +427,41 @@
.cashStyle .inputM{ .cashStyle .inputM{
text-align: right; text-align: right;
} }
.cashStyle .agreementbox{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #333333;
opacity: 0.3;
z-index: 888;
}
.cashStyle .agreementbox_t{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
}
.cashStyle .agreementbox_t .agreement_b{
width:80% ;
border-radius: 10px;
background: #fff;
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
}
.cashStyle .agreementbox_t .agreement_bottom{
width: 100%;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
</style> </style>
pages/share/index/index.vue
View file @ 99b959eb
...@@ -70,7 +70,7 @@ ...@@ -70,7 +70,7 @@
<Text style='font-size: 18px;max-width: 150px;overflow: hidden;display: inline-block;white-space: nowrap; text-overflow:ellipsis;'> <Text style='font-size: 18px;max-width: 150px;overflow: hidden;display: inline-block;white-space: nowrap; text-overflow:ellipsis;'>
{{sharedata.UserInfo.UserName}} {{sharedata.UserInfo.UserName}}
</Text> </Text>
<view class="sj_style" style=""> <view class="sj_style" style="" @click="goUrl('/pages/share/level/level')" >
<image src="../../../static/images/sj.png" style="width: 9px;height: 10px;"></image> <image src="../../../static/images/sj.png" style="width: 9px;height: 10px;"></image>
<text style="font-size: 10px;color: #fff;"> <text style="font-size: 10px;color: #fff;">
升级规则 升级规则
......
pages/share/level/level.vue
View file @ 99b959eb
<template> <template>
<view :style="{'height':contentHeight}" class="levelStyle"> <view :style="{'height':contentHeight}" class="levelStyle">
<image src="../../../static/images/icon/no-level-bg.png" v-if="level=='' " style="width: 100%;height: 100%;"></image> <image src="../../../static/images/icon/no-level-bg.png" v-if="level=='' " style="width: 100%;height: 100%;"></image>
<view :style="{ 'background-image': 'url(' + level_bg2 + ')', backgroundSize: '100%' }" v-if='level_bg2!="" ' class="imgbg">
<Text class='leveltop'>满足以下条件即可升级</Text>
<view class='levelc'>
<Text>{{level.GradeInfo.UpGradeConditionName}}{{level.GradeInfo.ReferralsNumber}}人</Text>
<view style="display: flex;flex-direction: row;align-items: center;" @click="show=true">
<Text style='font-size: 14px;color:#c8c9cc ;'>等级说明</Text>
<u-icon name="arrow" color='#c8c9cc'></u-icon>
</view>
<view class="imgbg">
<text style="display: inline-block;width: 94%;margin: 15px 0;" >升级状态:{{level.Status==1?'正常':(level.Status==2?'暂无升级':'')}}</text>
<view class="leve_box">
<text style="font-size: 18px;">等级名称：{{level.GradeInfo.GradeName}}</text>
<view style="display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-top: 15px;">
<text>升级所需数量:{{level.GradeInfo.UpgradeNum}}</text>
<text>已达成数量:{{level.GradeInfo.MeetNum}}</text>
</view> </view>
<view class="level_b" @click="Upgrade"> <text style="font-size: 16px;margin-top: 15px;">升级所需下级等级：{{level.GradeInfo.UpgradeIdName}}</text>
<Text>立即升级</Text>
</view> </view>
</view> </view>
<u-popup v-model="show" <u-popup v-model="show"
...@@ -26,7 +23,7 @@ ...@@ -26,7 +23,7 @@
<Text>等级说明</Text> <Text>等级说明</Text>
</view> </view>
<view class="popup_c"> <view class="popup_c">
<Text>{{level.GradeInfo.GradeExplain}}</Text> <Text>{{level.UpgradeIdName}}</Text>
</view> </view>
<view class="popup_t" style="border-top: 1px solid #f5f5f5;" @click="show=false"> <view class="popup_t" style="border-top: 1px solid #f5f5f5;" @click="show=false">
<Text>我知道了</Text> <Text>我知道了</Text>
...@@ -40,13 +37,12 @@ ...@@ -40,13 +37,12 @@
export default { export default {
data() { data() {
return { return {
pageTitle: "升级条件", pageTitle: "升级规则",
contentHeight:0, contentHeight:0,
show:false, show:false,
mainColor:'', mainColor:'',
secondary:'', secondary:'',
level:'', level:'',
level_bg:'',
level_bg2:'', level_bg2:'',
} }
}, },
...@@ -62,17 +58,7 @@ ...@@ -62,17 +58,7 @@
let pages = wx.getStorageSync("basedata") let pages = wx.getStorageSync("basedata")
? wx.getStorageSync("basedata").bar_title ? wx.getStorageSync("basedata").bar_title
: []; : [];
this.level_bg = wx.getStorageSync("basedata")
? wx.getStorageSync("basedata").__wxapp_img.share.no_level_bg
: '';
this.level_bg2 = wx.getStorageSync("basedata")
? wx.getStorageSync("basedata").__wxapp_img.share.sharebg
: '';
pages.forEach((x) => {
if (x.value == u) {
this.pageTitle = x.new_name ? x.new_name : x.name;
}
});
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
title: this.pageTitle, title: this.pageTitle,
}); });
...@@ -83,7 +69,7 @@ ...@@ -83,7 +69,7 @@
this.request2( this.request2(
{ {
url: '/api/AppletUser/GetUserDistrbutorUpgradeConditions', url: '/api/AppletUser/GetUserDistrbutorUpgradeConditionsForFX',
data: {} data: {}
}, },
...@@ -126,23 +112,6 @@ ...@@ -126,23 +112,6 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.levelStyle .leveltop{
font-size: 26px;
color: #fff;
margin-top: 50px;
}
.levelStyle .levelc{
width: 94%;
height:70px ;
border-radius: 8px;
background: #fff;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0 15px;
margin-top:50px ;
}
.levelStyle .popup{ .levelStyle .popup{
width: 100%; width: 100%;
height: 285px; height: 285px;
...@@ -168,17 +137,16 @@ ...@@ -168,17 +137,16 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.levelStyle .level_b{ .levelStyle .leve_box{
width: 70%; width: 94%;
height: 50px; height: 130px;
border-radius: 25px; border-radius: 6px;
background-image: url(../../../static/images/shareTop.png);
background-repeat: no-repeat;
background-size: 100% 100%;
display: flex; display: flex;
align-items: center; flex-direction: column;
justify-content: center; padding: 10px;
background: #F8DBAF; color: #FFFFFF
color: #825E4F;
font-size: 18px;
margin-top: 40px;
font-weight: 500;
} }
</style> </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