add file
This commit is contained in:
haomingming
@@ -0,0 +1,40 @@
|
||||
import { API } from './../../../utils/network/api'
|
||||
|
||||
const api = new API()
|
||||
const app = getApp()
|
||||
Page({
|
||||
data: {
|
||||
navbarData: {
|
||||
showCapsule: 1, //是否显示左上角图标 1表示显示 0表示不显示
|
||||
title: '去提现', //导航栏 中间的标题
|
||||
},
|
||||
height: app.globalData.height,
|
||||
bank_card_id: "",
|
||||
bank_icon_path: "https://gdxz-hospital.oss-cn-chengdu.aliyuncs.com/applet/doctor/static/images/yishi/bankcard/js_icon.png",
|
||||
realname: "默认姓名",
|
||||
bank_name : "招商银行",
|
||||
bank_card_code_mask: "2233 9988 9989 9900",
|
||||
withdrawal_amount: "987",
|
||||
income_tax: "12"
|
||||
},
|
||||
onLoad(options){
|
||||
|
||||
|
||||
//获取提现数据
|
||||
api.getDoctorWithdrawal().then(response => {
|
||||
console.log(response);
|
||||
if(response.data.bank_card_id){
|
||||
this.setData({
|
||||
bank_card_id: response.data.bank_card_id,
|
||||
bank_icon_path: response.data.bank_icon_path,
|
||||
bank_name : response.data.bank_name,
|
||||
bank_card_code_mask: response.data.bank_card_code_mask,
|
||||
withdrawal_amount: response.data.withdrawal_amount,
|
||||
income_tax: response.data.income_tax,
|
||||
})
|
||||
}
|
||||
}).catch(errors => {
|
||||
console.error(errors);
|
||||
})
|
||||
}
|
||||
})
|
||||
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"te-nav-bar": "/commpents/te_navbar",
|
||||
"t-image": "tdesign-miniprogram/image/image",
|
||||
"van-button": "@vant/weapp/button/index"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,58 @@
|
||||
<!-- 提现页面 -->
|
||||
<te-nav-bar navbar-data='{{navbarData}}' ></te-nav-bar>
|
||||
<view class="container" style="height: calc(100vh - 96rpx - {{height}}px);">
|
||||
<view class="top">
|
||||
<view class="txt_title">结算银行卡</view>
|
||||
<view class="rule">提现规则</view>
|
||||
</view>
|
||||
<view class="bankcard">
|
||||
<view class="bankcard_icon">
|
||||
<t-image custom-style="" src="{{bank_icon_path}}" mode="heightFix" height="50rpx" aria-label="role" />
|
||||
</view>
|
||||
<view class="bankcard_info">
|
||||
<view class="bankcard_info_top">{{realname}}<text style="margin-left: 20rpx; font-size: 28rpx;color: #999999;">{{bank_name}}</text></view>
|
||||
<view class="bankcard_info_bottom">{{bank_card_code_mask}}</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="cash">
|
||||
<view class="cash_top">
|
||||
<view class="cash_left">
|
||||
<view class="cash_left_title">提现金额（元）</view>
|
||||
<view class="cash_num">
|
||||
<view>
|
||||
<text style="font-size: 42rpx;">￥</text>{{withdrawal_amount}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="shui">扣除个人所得税： <text style="color: red;">{{income_tax}}元</text> </view>
|
||||
</view>
|
||||
<view class="cash_right">
|
||||
<navigator url="/Pages/yishi/wenzhenorder/index" open-type="navigate" hover-class="other-navigator-hover">
|
||||
<van-button custom-style="text-align: center;border-radius: 10rpx;padding: 20rpx 50rpx;" color="linear-gradient(310deg, #FF931A 0%, #FF931A 0%, #FCB75D 100%);">
|
||||
查看订单
|
||||
</van-button>
|
||||
</navigator>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cash_bottom">
|
||||
<navigator url="/Pages/yishi/cashrecord/index" open-type="navigate" hover-class="other-navigator-hover">
|
||||
提现记录 >
|
||||
</navigator>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="note">
|
||||
<text>
|
||||
说明：1、每月只可提取一次，提现金额大于300元才可提现，限额1万元；
|
||||
2、平台会在24小时内自动结算至您绑定的银行卡内，请注意查收银行信息；
|
||||
3、平台代扣个人所得税，根据公式：
|
||||
</text>
|
||||
</view>
|
||||
|
||||
<view class="bottom">
|
||||
<van-button custom-style="border-radius: 10rpx;" block color="#3CC7C0">提取</van-button>
|
||||
<view class="kefu">
|
||||
<text>联系客服</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -0,0 +1,124 @@
|
||||
.container{
|
||||
background-color: #F4F4F4;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
.top{
|
||||
display: flex;
|
||||
width: 92vw;
|
||||
margin: 30rpx auto;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.txt_title{
|
||||
font-size: 36rpx;
|
||||
}
|
||||
.rule{
|
||||
font-size: 30rpx;
|
||||
color: #333333;
|
||||
}
|
||||
.bankcard{
|
||||
width: 92vw;
|
||||
margin: 0 auto;
|
||||
background-color: #fff;
|
||||
border-radius: 20rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 20rpx 0;
|
||||
}
|
||||
.bankcard_icon{
|
||||
flex: 2;
|
||||
text-align: center;
|
||||
height: 70%;
|
||||
align-self: start;
|
||||
}
|
||||
.bankcard_info{
|
||||
flex: 10;
|
||||
height: 70%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.bankcard_info_top{
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
.bankcard_info_bottom{
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.cash{
|
||||
width: 92vw;
|
||||
height: 300rpx;
|
||||
margin: 20rpx auto;
|
||||
background-color: #fff;
|
||||
border-radius: 20rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.cash_top{
|
||||
display: flex;
|
||||
flex: 3;
|
||||
}
|
||||
.cash_bottom{
|
||||
border-top: 1px solid #E5E5E5;
|
||||
flex: 1;
|
||||
color: #3CC7C0;
|
||||
font-size: 32rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
padding-right: 20rpx;
|
||||
}
|
||||
.cash_left{
|
||||
flex: 3;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-left: 20rpx;
|
||||
}
|
||||
.cash_left_title{
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.cash_num{
|
||||
flex: 2;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 64rpx;
|
||||
}
|
||||
.shui{
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
.cash_right{
|
||||
flex: 2;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.note{
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
width: 92vw;
|
||||
margin: -50rpx auto;
|
||||
line-height: 50rpx;
|
||||
}
|
||||
.bottom{
|
||||
width: 92vw;
|
||||
position: fixed;
|
||||
bottom: 50rpx;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
.kefu{
|
||||
color: #3CC7C0;
|
||||
margin: 30rpx;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user