|
|
@@ -8,24 +8,39 @@
|
|
|
}
|
|
|
</config>
|
|
|
<template>
|
|
|
- <div>
|
|
|
- <div>{{ moneyInfo.money || 320 }}</div>
|
|
|
- <div class="box">
|
|
|
- <span>¥</span>
|
|
|
- <van-cell-group>
|
|
|
- <van-field
|
|
|
- type="digit"
|
|
|
- :value="form.boxPrice"
|
|
|
- @input="form.boxPrice = $event.detail"
|
|
|
- placeholder="请输入金额"
|
|
|
- >
|
|
|
- </van-field>
|
|
|
- </van-cell-group>
|
|
|
- <van-button type="primary" size="small" @click="allMoney">全部</van-button>
|
|
|
+ <div class="top">
|
|
|
+ <div class="box-con">
|
|
|
+ <p>提现金额</p>
|
|
|
+ <div class="num">
|
|
|
+ <span>全部可提现 ¥</span>
|
|
|
+ <span>{{ moneyInfo.money || 320 }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="box">
|
|
|
+ <div class="box-left">
|
|
|
+ <!-- <img src="../native/imgs/icon_jiage@3x.png" alt="" /> -->
|
|
|
+ <van-cell-group>
|
|
|
+ <van-field
|
|
|
+ type="digit"
|
|
|
+ :value="form.boxPrice"
|
|
|
+ @input="form.boxPrice = $event.detail"
|
|
|
+ placeholder="请输入金额"
|
|
|
+ >
|
|
|
+ </van-field>
|
|
|
+ </van-cell-group>
|
|
|
+ </div>
|
|
|
+ <div class="box-right" @click="allMoney">全部</div>
|
|
|
+ </div>
|
|
|
+ <div class="btom">
|
|
|
+ <span>提现至</span>
|
|
|
+ <div>
|
|
|
+ <img src="../native/imgs/png_weixin@3x.png" alt="" />
|
|
|
+ <span>微信钱包</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <van-button type="primary" size="small" :disabled="notWithdrawal" @click="Withdrawal(notWithdrawal)"
|
|
|
+ >申请退款</van-button
|
|
|
+ >
|
|
|
</div>
|
|
|
- <van-button type="primary" size="small" :disabled="notWithdrawal" @click="Withdrawal(notWithdrawal)"
|
|
|
- >申请退款</van-button
|
|
|
- >
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
@@ -66,19 +81,20 @@ export default {
|
|
|
});
|
|
|
return;
|
|
|
}
|
|
|
+ if (!this.form.boxPrice) {
|
|
|
+ wx.showToast({
|
|
|
+ icon: 'none',
|
|
|
+ title: '请输入金额'
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
this.showLoading();
|
|
|
let userId = this.$store.state.userInfo.id;
|
|
|
- console.log(this.form.boxPrice);
|
|
|
this.$http
|
|
|
.post('/memberInfo/newWithDraw', { userId, money: this.form.boxPrice })
|
|
|
.then(res => {
|
|
|
this.hideLoading();
|
|
|
- // console.log(res);
|
|
|
- // wx.showToast({
|
|
|
- // icon: 'none',
|
|
|
- // title: '提现审核中,72小时内通过',
|
|
|
- // duration: 4000
|
|
|
- // });
|
|
|
+ this.navigateTo('/pages/walletreview');
|
|
|
})
|
|
|
.catch(e => {
|
|
|
this.hideLoading();
|
|
|
@@ -92,9 +108,84 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
|
-.box {
|
|
|
- .flex();
|
|
|
- span {
|
|
|
+/deep/ .van-button {
|
|
|
+ width: 290px !important;
|
|
|
+ height: 48px !important;
|
|
|
+ background: #ff6c00;
|
|
|
+ border-radius: 12px;
|
|
|
+ margin: 77px 0 0 20px;
|
|
|
+ font-size: 16px !important;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.top {
|
|
|
+ width: 375px;
|
|
|
+ height: 491px;
|
|
|
+ padding-top: 25px;
|
|
|
+ background: linear-gradient(180deg, #ff6c00 0%, #ffffff 100%);
|
|
|
+ .box-con {
|
|
|
+ width: 335px;
|
|
|
+ height: 708px;
|
|
|
+ background: #ffffff;
|
|
|
+ border-radius: 8px;
|
|
|
+ margin-left: 20px;
|
|
|
+ p {
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #000000;
|
|
|
+ line-height: 20px;
|
|
|
+ padding: 30px 0 4px 16px;
|
|
|
+ }
|
|
|
+ .num {
|
|
|
+ .flex();
|
|
|
+ padding-left: 16px;
|
|
|
+ span {
|
|
|
+ font-size: 13px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #c8c9cc;
|
|
|
+ line-height: 22px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .box {
|
|
|
+ .flex();
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 16px 16px 23px 16px;
|
|
|
+ .box-left {
|
|
|
+ img {
|
|
|
+ width: 15px;
|
|
|
+ height: 17px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .box-right {
|
|
|
+ width: 70px;
|
|
|
+ height: 31px;
|
|
|
+ border-radius: 8px;
|
|
|
+ border: 1px solid #ff6c00;
|
|
|
+ font-size: 13px;
|
|
|
+ color: #ff6c00;
|
|
|
+ font-weight: 500;
|
|
|
+ line-height: 31px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .btom {
|
|
|
+ .flex();
|
|
|
+ padding: 0 17px;
|
|
|
+ justify-content: space-between;
|
|
|
+ div {
|
|
|
+ .flex();
|
|
|
+ img {
|
|
|
+ width: 24px;
|
|
|
+ height: 22px;
|
|
|
+ margin-right: 5px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ span {
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #000000;
|
|
|
+ line-height: 24px;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</style>
|