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 @@
<view class="cashStyle" :style="{'height':contentHeight}">
<view class="cashBox">
<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.MinimumWithdrawalLimit}}元</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;"/>
<Text style='font-size: 14px;color:#333 ;margin-top: 10px;'>手续费:{{cash.WithdrawFee}}%</Text> -->
</view>
<Text @click='allmoney'>全部</Text>
<view class="tixian" style="margin-top: 10px;">
<text>提现金额</text>
</view>
<view style="width: 100%;height: 1px;background: #f5f5f5;margin: 10px 0;"></view>
<Text style='font-size: 14px;color:#333 ;margin: 10px 0;'>手续费扣除:{{msg.Fee}}元</Text>
<view class="tixian" style="background: #F7F5F5;padding: 0 20px;">
<text style='font-size: 12px;color: #FF3F47;'>￥ <Text style='font-size: 18px;color:#000000;margin-left: 5px;'>{{cash.CommissionWithdrawal}}</Text> </text>
</view>
<Text style='font-size: 14px;color:#333 ;margin: 10px 0;display: inline-block;width: 94%;'>手续费扣除:{{msg.Fee}}元</Text>
<view class="txmode">
<Text>提现方式</Text>
<view @click="show=true" style="width: 200px;display: flex;flex-direction: row;align-items: center;justify-content: flex-end;">
......@@ -90,6 +94,21 @@
</view>
</view>
</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>
</view>
......@@ -105,7 +124,7 @@
secondary:'',
cash:{},
money:0,
isshowagreement:false,
txmode:'',
show:false,
show2:false,
......@@ -193,6 +212,12 @@
this.show=false
},
showagreement(){
this.isshowagreement = true
},
read(){
this.isshowagreement = false
},
getapply(){
let that = this
......@@ -287,7 +312,7 @@
<style>
.cashStyle{
background: #f3f4f6;
background: #FFFFFF;
}
.cashStyle .cashBox{
......@@ -297,12 +322,17 @@
align-items: center;
}
.cashStyle .cashBox .cashBox_top{
width: 100%;
width: 94%;
height: 130px;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0 15px;
background: #fff;
background-image: url(../../../static/images/shareTop.png);
background-repeat: no-repeat;
background-size: 100% 100%;
padding:20px;
color: #FFFFFF;
border-radius: 6px;
justify-content: space-between;
}
.cashStyle .rule{
......@@ -318,13 +348,15 @@
}
.cashStyle .tixian{
width: 100%;
height: 70px;
width: 94%;
height: 40px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
color: #000000;
font-weight: 500;
font-size: 14px;
}
.cashStyle .txmode{
width: 100%;
......@@ -335,7 +367,7 @@
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-top: 20px;
/* margin-top: 20px; */
}
.cashStyle .getapply{
width: 94%;
......@@ -395,4 +427,41 @@
.cashStyle .inputM{
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>
pages/share/index/index.vue
View file @ 99b959eb
......@@ -70,7 +70,7 @@
<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="">
<view class="sj_style" style="" @click="goUrl('/pages/share/level/level')" >
<image src="../../../static/images/sj.png" style="width: 9px;height: 10px;"></image>
<text style="font-size: 10px;color: #fff;">
升级规则
......
pages/share/level/level.vue
View file @ 99b959eb
<template>
<view :style="{'height':contentHeight}" class="levelStyle">
<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 class="level_b" @click="Upgrade">
<Text>立即升级</Text>
<text style="font-size: 16px;margin-top: 15px;">升级所需下级等级：{{level.GradeInfo.UpgradeIdName}}</text>
</view>
</view>
<u-popup v-model="show"
......@@ -26,7 +23,7 @@
<Text>等级说明</Text>
</view>
<view class="popup_c">
<Text>{{level.GradeInfo.GradeExplain}}</Text>
<Text>{{level.UpgradeIdName}}</Text>
</view>
<view class="popup_t" style="border-top: 1px solid #f5f5f5;" @click="show=false">
<Text>我知道了</Text>
......@@ -40,13 +37,12 @@
export default {
data() {
return {
pageTitle: "升级条件",
pageTitle: "升级规则",
contentHeight:0,
show:false,
mainColor:'',
secondary:'',
level:'',
level_bg:'',
level_bg2:'',
}
},
......@@ -62,17 +58,7 @@
let pages = wx.getStorageSync("basedata")
? 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({
title: this.pageTitle,
});
......@@ -83,7 +69,7 @@
this.request2(
{
url: '/api/AppletUser/GetUserDistrbutorUpgradeConditions',
url: '/api/AppletUser/GetUserDistrbutorUpgradeConditionsForFX',
data: {}
},
......@@ -126,23 +112,6 @@
flex-direction: column;
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{
width: 100%;
height: 285px;
......@@ -168,17 +137,16 @@
align-items: center;
justify-content: center;
}
.levelStyle .level_b{
width: 70%;
height: 50px;
border-radius: 25px;
.levelStyle .leve_box{
width: 94%;
height: 130px;
border-radius: 6px;
background-image: url(../../../static/images/shareTop.png);
background-repeat: no-repeat;
background-size: 100% 100%;
display: flex;
align-items: center;
justify-content: center;
background: #F8DBAF;
color: #825E4F;
font-size: 18px;
margin-top: 40px;
font-weight: 500;
flex-direction: column;
padding: 10px;
color: #FFFFFF
}
</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