From 1fe5e4705c56844a8cda16c71194ccc394b76254 Mon Sep 17 00:00:00 2001
From: liqianjin <949671634@qq.com>
Date: Wed, 8 Mar 2023 18:02:53 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E5=A2=9E=E5=8A=A0=E3=80=91=E8=BD=AC?=
 =?UTF-8?q?=E8=B5=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                   |  16 +
 pages_tool/member/balance.vue                |   4 +-
 pages_tool/member/balance_transfer.vue       | 360 ++++++++++++++++
 pages_tool/member/goufang.vue                |   4 +-
 pages_tool/member/integral/apply.vue         | 415 +++++++++++++++++++
 pages_tool/member/integral/apply_record.vue  | 262 ++++++++++++
 pages_tool/member/integral/integral_list.vue | 353 ++++++++++++++++
 pages_tool/member/integral/transfer.vue      | 363 ++++++++++++++++
 8 files changed, 1773 insertions(+), 4 deletions(-)
 create mode 100644 pages_tool/member/balance_transfer.vue
 create mode 100644 pages_tool/member/integral/apply.vue
 create mode 100644 pages_tool/member/integral/apply_record.vue
 create mode 100644 pages_tool/member/integral/integral_list.vue
 create mode 100644 pages_tool/member/integral/transfer.vue

diff --git a/pages.json b/pages.json
index 3e96588..acfb6b4 100644
--- a/pages.json
+++ b/pages.json
@@ -1006,6 +1006,22 @@
 						// #endif
 					}
 				},
+				{
+					"path": "member/integral/transfer",
+					"style": {
+						// #ifdef H5
+						"navigationStyle": "custom"
+						// #endif
+					}
+				},
+				{
+					"path": "member/balance_transfer",
+					"style": {
+						// #ifdef H5
+						"navigationStyle": "custom"
+						// #endif
+					}
+				},
 				{
 					"path": "member/account",
 					"style": {
diff --git a/pages_tool/member/balance.vue b/pages_tool/member/balance.vue
index 4963e39..c4399cd 100644
--- a/pages_tool/member/balance.vue
+++ b/pages_tool/member/balance.vue
@@ -56,7 +56,7 @@
 				{{ $lang('withdrawal') }}
 			</view>
       <view class="withdraw  "  @click="toGoufang">
-        转购房券
+        转赠
       </view>
 		</view>
 		<loading-cover ref="loadingCover"></loading-cover>
@@ -94,7 +94,7 @@ export default {
 	},
 	methods: {
     toGoufang() {
-      this.$util.redirectTo('/pages_tool/member/goufang_to_balance',{type:'balance_to_goufang'});
+      this.$util.redirectTo('/pages_tool/member/balance_transfer');
     },
 		toWithdrawal() {
 			this.$util.redirectTo('/pages_tool/member/apply_withdrawal');
diff --git a/pages_tool/member/balance_transfer.vue b/pages_tool/member/balance_transfer.vue
new file mode 100644
index 0000000..3a42f46
--- /dev/null
+++ b/pages_tool/member/balance_transfer.vue
@@ -0,0 +1,360 @@
+<template>
+	<page-meta :page-style="themeColor"></page-meta>
+	<view class="container">
+		<view class="withdraw-wrap">
+			<view class="withdraw-wrap-title">会员账号：</view>
+			<view class="money-wrap">
+				<input  type="text" class="withdraw-money" style="font-size: 16px;" placeholder="请输入会员账号" v-model="username"  />
+				<view class="delete" @click="removeUsername" v-if="username">
+					<image :src="$util.img('upload/picture/member/apply_withdrawal/close.png')" mode="widthFix"></image>
+				</view>
+			</view>
+		</view>
+		<view class="empty-box"></view>
+		<view class="withdraw-wrap">
+			<view class="withdraw-wrap-title">转账：</view>
+			<view class="money-wrap">
+				<text class="unit">{{ $lang('common.currencySymbol') }}</text>
+				<input type="digit" class="withdraw-money" v-model="withdrawMoney" />
+				<view class="delete" @click="remove" v-if="withdrawMoney">
+					<image :src="$util.img('upload/picture/member/apply_withdrawal/close.png')" mode="widthFix"></image>
+				</view>
+			</view>
+			<view class="bootom">
+				<view>
+					<text class="color-tip">可用消费券：{{ $lang('common.currencySymbol') }}{{ withdrawInfo.member_info.balance_money | moneyFormat }}</text>
+				</view>
+			</view>
+      <view class="desc">
+        <text>转账金额需为100的整数倍</text>
+      </view>
+		</view>
+    <view class="empty-box"></view>
+<!--    <view class="withdraw-wrap">-->
+<!--      <view class="withdraw-wrap-title">支付密码：</view>-->
+<!--      <view class="money-wrap">-->
+<!--        <input type="digit" class="withdraw-money" v-model="buy_password" />-->
+<!--      </view>-->
+<!--    </view>-->
+		<view class="btn color-base-border ns-gradient-otherpages-member-widthdrawal-withdrawal" 
+		 :class="{ disabled: withdrawMoney == '' || withdrawMoney == 0 || username==''}" @click="withdraw">
+			确认转账
+		</view>
+
+
+
+
+		<loading-cover ref="loadingCover"></loading-cover>
+	</view>
+</template>
+<script>
+import uniPopup from '@/components/uni-popup/uni-popup.vue';
+export default {
+  components: {
+    uniPopup
+  },
+  data() {
+    return {
+      username:'',
+      withdrawInfo: {
+        config: {
+          is_use: 0,
+          min: 1,
+          rate: 0
+        },
+        member_info: {
+          balance_money: 0,
+          balance_withdraw: 0,
+          balance_withdraw_apply: 0
+        }
+      },
+      bankAccountInfo: {},
+      withdrawMoney: '',
+      buy_password: '',
+      isSub: false
+    };
+  },
+  onShow() {
+    // 刷新多语言
+    this.$langConfig.refresh();
+    if (uni.getStorageSync('token')) {
+      this.getWithdrawInfo();
+    } else {
+      this.$util.redirectTo('/pages_tool/login/login');
+    }
+  },
+  methods: {
+    // 删除提现金额
+    remove() {
+      this.withdrawMoney = '';
+    },
+    removeUsername(){
+      this.username = '';
+    },
+    /**
+     * 获取提现信息
+     */
+    getWithdrawInfo() {
+      let _this = this;
+      this.$api.sendRequest({
+        url: '/api/memberwithdraw/info',
+        success: res => {
+          if (res.code >= 0 && res.data) {
+            this.withdrawInfo = res.data;
+            if (this.withdrawInfo.config.is_user_transfer == 0) {
+              this.$util.redirectTo('/pages/member/index', {}, 'reLaunch');
+            }
+            // if (this.withdrawInfo.member_info.is_pay_password == 0) {
+            //   uni.showModal({
+            //     title: '温馨提示',
+            //     content: '您未设置支付密码，需设置支付密码后进行转账，点击确定前往支付密码设置',
+            //     success: function (res) {
+            //       if (res.confirm) {
+            //         _this.$util.redirectTo('/pages_tool/member/info_edit', {action: 'pay_password'}, '');
+            //       } else if (res.cancel) {
+            //         _this.isSub = false;
+            //         console.log('用户点击取消');
+            //       }
+            //     }
+            //   });
+            // }
+          }
+          if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
+        },
+        fail: res => {
+          if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
+        }
+      });
+    },
+    verify() {
+      if (this.username == '') {
+        this.$util.showToast({
+          title: '请输入转入账号'
+        });
+        return false;
+      }
+      if (this.withdrawMoney == '' || this.withdrawMoney == 0 || isNaN(parseFloat(this.withdrawMoney))) {
+        this.$util.showToast({
+          title: '请输入提现金额'
+        });
+        return false;
+      }
+      if (parseFloat(this.withdrawMoney) > parseFloat(this.withdrawInfo.member_info.balance)) {
+        this.$util.showToast({
+          title: '转出金额超出可用现金额'
+        });
+        return false;
+      }
+      // if (parseFloat(this.withdrawMoney) < parseFloat(this.withdrawInfo.config.min)) {
+      // 	this.$util.showToast({
+      // 		title: '转出金额小于最低转账金额'
+      // 	});
+      // 	return false;
+      // }
+      return true;
+    },
+    withdraw() {
+      if (this.verify()) {
+        if (this.isSub) return;
+        this.isSub = true;
+        let _this = this;
+        uni.showModal({
+          title: '温馨提示',
+          content: '您的账号消费券将转让他人账号!',
+          success: function (res) {
+            if (res.confirm) {
+              _this.$api.sendRequest({
+                url: '/api/memberwithdraw/balanceTransfer',
+                data: {
+                  username: _this.username,
+                  apply_money: _this.withdrawMoney,
+                  // password: _this.buy_password,
+                },
+                success: res => {
+                  if (res.code >= 0) {
+                    _this.$util.showToast({
+                      title: '转账成功'
+                    });
+                    setTimeout(() => {
+                      _this.$util.redirectTo('/pages_tool/member/balance', {}, 'redirectTo');
+                    }, 1500);
+                  } else {
+                    _this.isSub = false;
+                    if (res.code == -801) {
+                      // uni.showModal({
+                      //   title: '温馨提示',
+                      //   content: '您未设置支付密码，需设置支付密码后进行转账，点击确定前往支付密码设置',
+                      //   success: function (res) {
+                      //     if (res.confirm) {
+                      //       _this.$util.redirectTo('/pages_tool/member/info_edit', {action: 'pay_password'}, '');
+                      //     } else if (res.cancel) {
+                      //       _this.isSub = false;
+                      //       console.log('用户点击取消');
+                      //     }
+                      //   }
+                      // });
+                    } else {
+                      _this.$util.showToast({
+                        title: res.data || res.message
+                      });
+                    }
+                  }
+                },
+                fail: res => {
+                  _this.isSub = false;
+                }
+              });
+            }
+            else if (res.cancel) {
+              _this.isSub = false;
+              console.log('用户点击取消');
+            }
+          }
+        });
+      }
+    }
+
+
+
+  },
+  filters: {
+    /**
+     * 金额格式化输出
+     * @param {Object} money
+     */
+    moneyFormat(money) {
+      return parseFloat(money).toFixed(2);
+    }
+  }
+};
+</script>
+
+<style lang="scss">
+	.container {
+		width: 100vw;
+		height: 100vh;
+		background: #fff;
+	}
+
+	.empty-box {
+		height: 20rpx;
+	}
+
+	.bank-account-wrap {
+		margin: 0 20rpx;
+		padding: 20rpx 30rpx;
+		border-bottom: 1px solid #f7f7f7;
+		position: relative;
+
+		.tx-wrap {
+			display: flex;
+			justify-content: space-between;
+			margin-right: 60rpx;
+
+			.tx-bank {
+				margin-right: 60rpx;
+				flex: 1;
+				margin-left: 10rpx;
+				text-align: right;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+			}
+
+			.tx-img {
+				position: absolute;
+				right: 100rpx;
+				top: 50%;
+				transform: translateY(-50%);
+				width: 40rpx;
+				height: 40rpx;
+
+				image {
+					width: 100%;
+					height: 100%;
+				}
+			}
+		}
+
+		.iconfont {
+			position: absolute;
+			right: 40rpx;
+			top: 50%;
+			transform: translateY(-50%);
+		}
+	}
+
+	.withdraw-wrap {
+		margin: 0 20rpx;
+		padding: 30rpx;
+		border-radius: 16rpx;
+		box-shadow: rgba(110, 110, 110, 0.09) 0 0 20rpx 0;
+		.money-wrap {
+			padding: 20rpx 0;
+			border-bottom: 1px solid #eee;
+			display: flex;
+			.unit {
+				font-size: 60rpx;
+				line-height: 1;
+			}
+			.withdraw-money {
+				height: 60rpx;
+				line-height: 1;
+				min-height: 60rpx;
+				padding-left: 20rpx;
+				font-size: 60rpx;
+				flex: 1;
+				font-weight: bolder;
+			}
+			.delete {
+				width: 40rpx;
+				height: 40rpx;
+
+				image {
+					width: 100%;
+					height: 100%;
+				}
+			}
+		}
+		.bootom {
+			display: flex;
+			padding-top: 20rpx;
+			text {
+				line-height: 1;
+				flex: 2;
+			}
+			.all-tx {
+				padding-left: 10rpx;
+			}
+		}
+	}
+
+	.btn {
+		margin: 0 30rpx;
+		margin-top: 60rpx;
+		height: 80rpx;
+		line-height: 80rpx;
+		border-radius: $border-radius;
+		color: #fff;
+		text-align: center;
+		background-color: var(--main-color);
+		&.disabled {
+			background: #ccc;
+			border-color: #ccc;
+			color: #fff;
+		}
+	}
+
+	.recoend {
+		margin-top: 40rpx;
+
+		.recoend-con {
+			text-align: center;
+		}
+	}
+
+	.desc {
+		font-size: $font-size-tag;
+		color: #999;
+	}
+</style>
diff --git a/pages_tool/member/goufang.vue b/pages_tool/member/goufang.vue
index 741e00b..bee16b8 100644
--- a/pages_tool/member/goufang.vue
+++ b/pages_tool/member/goufang.vue
@@ -53,7 +53,7 @@
 <!--				{{ $lang('recharge') }}-->
 <!--			</view>-->
 			<view class="withdraw  " v-if="addonIsExist.memberwithdraw && withdrawConfig && withdrawConfig.is_use" @click="toWithdrawal">
-				转消费券
+				转赠
 			</view>
 		</view>
 		<loading-cover ref="loadingCover"></loading-cover>
@@ -93,7 +93,7 @@ export default {
 	},
 	methods: {
 		toWithdrawal() {
-			this.$util.redirectTo('/pages_tool/member/goufang_to_balance');
+			this.$util.redirectTo('/pages_tool/member/integral/transfer');
 		},
 		toOrderList() {
 			this.$util.redirectTo('/pages_tool/recharge/order_list');
diff --git a/pages_tool/member/integral/apply.vue b/pages_tool/member/integral/apply.vue
new file mode 100644
index 0000000..92a3733
--- /dev/null
+++ b/pages_tool/member/integral/apply.vue
@@ -0,0 +1,415 @@
+<template>
+	<page-meta :page-style="themeColor"></page-meta>
+	<view class="container">
+		<view class="empty-box"></view>
+		<view class="withdraw-wrap" :class="{'ios': !$util.isAndroid()}">
+			<view class="title">桑果将{{ fenxiaoWords.withdraw }}到余额</view>
+			<view class="money-wrap">
+				<text class="unit">¥</text>
+				<input type="digit" class="withdraw-money" v-model="withdrawMoney"/>
+			</view>
+			<view class="bootom">
+				<view>
+					<text class="color-tip">
+						可{{ fenxiaoWords.withdraw }}桑果：¥{{ fenxiaoInfo.integral_money | moneyFormat }}
+					</text>
+				</view>
+			</view>
+		</view>
+		<view class="desc">
+			<text>最小{{ fenxiaoWords.withdraw }}桑果为¥{{ withdrawConfig.co_money | moneyFormat }}</text>
+		</view>
+		<view class="btn color-base-bg color-base-border" :class="{ disabled: withdrawMoney == '' || withdrawMoney == 0 }" @click="withdraw">
+			{{ fenxiaoWords.withdraw }}到余额
+		</view>
+    <view class="withdraw-list btn" @click="$util.redirectTo('/pages_tool/member/integral/apply_record',{key:'integral_money'})">
+      <view class="color-tip">桑果明细</view>
+    </view>
+    <!--加载动画-->
+		<loading-cover ref="loadingCover"></loading-cover>
+	</view>
+
+</template>
+<script>
+import fenxiaoWords from 'common/js/fenxiao-words.js';
+export default {
+	data() {
+		return {
+			fenxiaoInfo: {
+				account: 0
+			},
+			withdrawConfig: {
+				withdraw: 0
+			},
+			withdrawMoney: '',
+			isSub: false,
+      list: [],
+		};
+	},
+	components: {},
+	mixins: [fenxiaoWords],
+	onShow() {
+    // 设置页面标题
+    if (this.fenxiaoWords && this.fenxiaoWords.withdraw) this.$langConfig.title('桑果' + this.fenxiaoWords.withdraw);
+    // 获取基础信息
+		if (uni.getStorageSync('token')) {
+			this.getFenxiaoInfo();
+			this.getWithdrawConfig();
+		} else {
+			this.$util.redirectTo('/pages_tool/login/login', {
+				back: '/pages_tool/member/integral/apply'
+			});
+		}
+	},
+	methods: {
+    // 申请提现
+		withdraw() {
+			if (this.verify()) {
+				if (this.isSub) return;
+				this.isSub = true;
+				this.$api.sendRequest({
+					url: '/fenxiao/api/withdraw/integral_money_apply',
+					data: {
+						money: this.withdrawMoney
+					},
+					success: res => {
+						if (res.code >= 0) {
+							this.$util.showToast({
+								title: '提现申请成功'
+							});
+							setTimeout(() => {
+								this.$util.redirectTo('/pages_tool/member/point',{key:'integral_money'});
+							}, 1500);
+						} else {
+							this.isSub = false;
+							this.$util.showToast({ title: res.message });
+						}
+					},
+					fail: res => {
+						this.isSub = false;
+					}
+				});
+			}
+		},
+		verify() {
+			console.log(this.fenxiaoInfo,this.withdrawConfig)
+			if (this.withdrawMoney == '' || this.withdrawMoney == 0 || isNaN(parseFloat(this.withdrawMoney))) {
+				this.$util.showToast({ title: '请输入提现金额' });
+				return false;
+			}
+			if (parseFloat(this.withdrawMoney) > parseFloat(this.fenxiaoInfo.co_money)) {
+				this.$util.showToast({ title: '提现桑果超出可提现数量' });
+				return false;
+			}
+			if (parseFloat(this.withdrawMoney) < parseFloat(this.withdrawConfig.co_money)) {
+				this.$util.showToast({ title: '提现金额小于最低提现金额' });
+				return false;
+			}
+			if(this.withdrawConfig.withdraw_multiple==2&&(parseFloat(this.withdrawMoney)%this.withdrawConfig.co_money)!=0){
+				this.$util.showToast({ title: '提现金额为最低提现金额倍数' });
+				return false;
+			}	
+			return true;
+		},
+		// 获取佣金提现配置
+		getWithdrawConfig() {
+			this.$api.sendRequest({
+				url: '/fenxiao/api/config/withdraw',
+				success: res => {
+					if (res.code >= 0) {
+						this.withdrawConfig = res.data;
+					}
+				}
+			});
+		},
+		// 获取分销商信息
+		getFenxiaoInfo() {
+			this.$api.sendRequest({
+				url: '/fenxiao/api/fenxiao/detail',
+				success: res => {
+					if (res.code >= 0 && res.data) {
+						this.fenxiaoInfo = res.data;
+						this.$refs.loadingCover.hide();
+					}
+				}
+			});
+		},
+
+	},
+	onReady() {
+		this.$refs.loadingCover.hide();
+	}
+};
+</script>
+
+<style lang="scss">
+.container {
+	width: 100vw;
+	height: 100vh;
+	background: $color-bg;
+}
+
+.align-right {
+	text-align: right;
+}
+
+.withdraw-wrap {
+	margin: 20rpx 30rpx 0;
+	padding: 30rpx;
+	border-radius: 10rpx;
+	background-color: #fff;
+	
+	.title {
+		font-size: $font-size-base;
+		color: $color-tip;
+	}
+
+	.money-wrap {
+		padding: 20rpx 0;
+		border-bottom: 1rpx solid $color-line;
+		display: flex;
+		align-items: center;
+		.unit {
+			font-size: 60rpx;
+			line-height: 1;
+		}
+		.withdraw-money {
+			height: 70rpx;
+			line-height: 70rpx;
+			min-height: 70rpx;
+			padding-left: 20rpx;
+			font-size: 60rpx;
+			flex: 1;
+			font-weight: 500;
+			vertical-align: top;
+			display: block;
+		}
+	}
+	&.ios{
+		.money-wrap {
+			.unit {
+				margin-top: 10rpx;
+			}
+		}
+	}
+
+	.bootom {
+		display: flex;
+		padding-top: 30rpx;
+
+		& > view {
+			font-size: $font-size-base;
+			line-height: 1;
+			flex: 1;
+		}
+	}
+}
+
+.btn {
+	margin: 0 30rpx;
+	margin-top: 60rpx;
+	height: 80rpx;
+	line-height: 80rpx;
+	border-radius: $border-radius;
+	color: var(--btn-text-color);
+	text-align: center;
+
+	&.disabled {
+		background: #ccc;
+		border-color: #ccc;
+		color: var(--btn-text-color);
+	}
+}
+
+.desc {
+	margin: 20rpx 40rpx;
+	font-size: $font-size-tag;
+	color: $color-tip;
+}
+
+.withdraw-list {
+	border: 2rpx solid $color-disabled;
+	text-align: center;
+	margin-top: 40rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+/deep/ .fixed {
+  position: relative;
+  top: 0;
+}
+
+.tab {
+  position: fixed;
+  top: 0;
+  width: 100%;
+  z-index: 10;
+  display: flex;
+  justify-content: space-between;
+  height: 80rpx;
+  background-color: $color-bg;
+
+  view {
+    flex: 1;
+    text-align: center;
+    line-height: 80rpx;
+
+    text {
+      margin-left: 10rpx;
+      font-size: $font-size-base;
+    }
+  }
+  .tab-left{
+    display: flex;
+    padding-left: 30rpx;
+  }
+  .tab-right{
+    display: flex;
+    justify-content: flex-end;
+    padding-right: 40rpx;
+  }
+}
+
+.cart-empty {
+  margin-top: 208rpx !important;
+}
+
+.account-box {
+  width: 100%;
+  box-sizing: border-box;
+  position: relative;
+
+  > image {
+    width: 100%;
+    position: absolute;
+    top: 0;
+    z-index: 1;
+  }
+
+  .accout-btn {
+    display: flex;
+    margin-top: 30rpx;
+
+    view {
+      width: 170rpx;
+      height: 44rpx;
+      border-radius: 22rpx;
+      border: 2rpx solid rgba(255, 255, 255, 0.4);
+      color: #fff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-right: 44rpx;
+    }
+  }
+
+  .account-text {
+    position: relative;
+    padding: 50rpx 30rpx 34rpx 30rpx;
+    display: flex;
+    align-items: center;
+    z-index: 9;
+
+    .headimg {
+      width: 100rpx;
+      height: 100rpx;
+      background: #fff;
+      border: 4rpx solid #fff;
+      border-radius: 50%;
+      overflow: hidden;
+
+      image {
+        width: 100%;
+        height: 100%;
+      }
+    }
+
+    .point {
+      margin-left: 30rpx;
+      color: #fff;
+      font-size: 36rpx;
+    }
+
+    .iconjifen1 {
+      color: #fff;
+      margin-left: 8rpx;
+    }
+  }
+}
+
+.detailed-wrap {
+  background: #fff;
+  position: relative;
+  z-index: 9;
+  padding-top: 80rpx;
+
+  .head {
+    display: flex;
+    height: 90rpx;
+
+    & > view {
+      flex: 1;
+      text-align: left;
+      padding: 0 $padding;
+      line-height: 90rpx;
+    }
+  }
+
+  .cont {
+    background: #fff;
+    width: 100%;
+    margin: 0 auto;
+
+    .detailed-item {
+      padding: 30rpx 0 32rpx;
+      margin: 0 32rpx;
+      border-bottom: 2rpx solid $color-line;
+      position: relative;
+      box-sizing: border-box;
+
+      &:last-of-type {
+        border-bottom: none;
+      }
+
+      .info {
+        padding-right: 180rpx;
+
+        .event {
+          font-size: $font-size-base;
+          line-height: 1.3;
+          font-weight: 500;
+        }
+
+        .time-box {
+          line-height: 1;
+          margin-top: 24rpx;
+        }
+
+        .time {
+          font-size: $font-size-activity-tag;
+          color: $color-tip;
+        }
+      }
+
+      .num {
+        width: 160rpx;
+        position: absolute;
+        right: 17rpx;
+        top: 50%;
+        transform: translateY(-50%);
+        text-align: right;
+        font-size: $font-size-toolbar;
+        font-weight: 500;
+      }
+    }
+  }
+}
+/deep/ .increase-number{
+  color: #07c160!important;
+}
+/deep/ .reduce-number{
+  color: #ee0a24!important;
+}
+</style>
\ No newline at end of file
diff --git a/pages_tool/member/integral/apply_record.vue b/pages_tool/member/integral/apply_record.vue
new file mode 100644
index 0000000..357d32b
--- /dev/null
+++ b/pages_tool/member/integral/apply_record.vue
@@ -0,0 +1,262 @@
+<template>
+	<page-meta :page-style="themeColor"></page-meta>	
+	<view class="image-wrap">
+    <mescroll-uni @getData="applyRecord" class="member-point" ref="mescroll">
+      <view slot="list">
+        <block v-if="Object.keys(list).length > 0">
+          <view class="detailed-wrap">
+            <view class="cont">
+              <view class="detailed-item" v-for="(item, index) in list" :key="index">
+                <view class="info">
+                  <view class="event">申请提现{{ item.money }}桑果</view>
+                  <view class="time-box">
+                    <text class="time color-tip">{{ $util.timeStampTurnTime(item.create_time) }}</text>
+                  </view>
+                </view>
+                <view class="num color-base-text" v-if="parseInt(item.status) === 1">待审核</view>
+                <view class="num increase-number color-base-text" v-else-if="parseInt(item.status) === 2">已通过</view>
+                <view class="num reduce-number" v-else>已拒绝</view>
+              </view>
+            </view>
+          </view>
+        </block>
+        <block v-else>
+          <view class="cart-empty">
+            <ns-empty></ns-empty>
+          </view>
+        </block>
+      </view>
+    </mescroll-uni>
+	</view>
+</template>
+<script>
+export default {
+	data() {
+		return {
+      list: [],
+
+
+		};
+	},
+	computed: {},
+	onLoad(data) {},
+	onReady() {},
+	onShow() {
+		if (!uni.getStorageSync('token')) {
+			this.$util.redirectTo('/pages_tool/login/login', {
+				back: '/pages_promotion/co2/lo2log'
+			});
+		}
+	},
+	onReachBottom() {},
+	methods: {
+    // 获取提现申请记录
+    applyRecord(mescroll) {
+      let _this = this;
+      if(!mescroll) return false;
+      _this.$api.sendRequest({
+        url: '/fenxiao/api/withdraw/integralMoneyApply',
+        data: {
+          page: mescroll.num
+        },
+        success: res => {
+          if(parseInt(res.code) === 0){
+            let list = res.data.list;
+            mescroll.endSuccess(list.length);
+            //设置列表数据
+            if (parseInt(mescroll.num) === 1) this.list = []; //如果是第一页需手动制空列表
+            this.list = this.list.concat(list); //追加新数据
+          }else{
+            this.$util.showToast({
+              title: res.message
+            });
+          }
+          // 关闭弹框
+          if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
+        },
+        fail: res => {
+          mescroll.endErr();
+          if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
+        }
+      });
+    },
+	}
+};
+</script>
+<style scoped lang="scss">
+/deep/ .fixed {
+  position: relative;
+  top: 0;
+}
+
+.tab {
+  position: fixed;
+  top: 0;
+  width: 100%;
+  z-index: 10;
+  display: flex;
+  justify-content: space-between;
+  height: 80rpx;
+  background-color: $color-bg;
+
+  view {
+    flex: 1;
+    text-align: center;
+    line-height: 80rpx;
+
+    text {
+      margin-left: 10rpx;
+      font-size: $font-size-base;
+    }
+  }
+  .tab-left{
+    display: flex;
+    padding-left: 30rpx;
+  }
+  .tab-right{
+    display: flex;
+    justify-content: flex-end;
+    padding-right: 40rpx;
+  }
+}
+
+.cart-empty {
+  margin-top: 208rpx !important;
+}
+
+.account-box {
+  width: 100%;
+  box-sizing: border-box;
+  position: relative;
+
+  > image {
+    width: 100%;
+    position: absolute;
+    top: 0;
+    z-index: 1;
+  }
+
+  .accout-btn {
+    display: flex;
+    margin-top: 30rpx;
+
+    view {
+      width: 170rpx;
+      height: 44rpx;
+      border-radius: 22rpx;
+      border: 2rpx solid rgba(255, 255, 255, 0.4);
+      color: #fff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-right: 44rpx;
+    }
+  }
+
+  .account-text {
+    position: relative;
+    padding: 50rpx 30rpx 34rpx 30rpx;
+    display: flex;
+    align-items: center;
+    z-index: 9;
+
+    .headimg {
+      width: 100rpx;
+      height: 100rpx;
+      background: #fff;
+      border: 4rpx solid #fff;
+      border-radius: 50%;
+      overflow: hidden;
+
+      image {
+        width: 100%;
+        height: 100%;
+      }
+    }
+
+    .point {
+      margin-left: 30rpx;
+      color: #fff;
+      font-size: 36rpx;
+    }
+
+    .iconjifen1 {
+      color: #fff;
+      margin-left: 8rpx;
+    }
+  }
+}
+
+.detailed-wrap {
+  background: #fff;
+  position: relative;
+  z-index: 9;
+
+  .head {
+    display: flex;
+    height: 90rpx;
+
+    & > view {
+      flex: 1;
+      text-align: left;
+      padding: 0 $padding;
+      line-height: 90rpx;
+    }
+  }
+
+  .cont {
+    background: #fff;
+    width: 100%;
+    margin: 0 auto;
+
+    .detailed-item {
+      padding: 30rpx 0 32rpx;
+      margin: 0 32rpx;
+      border-bottom: 2rpx solid $color-line;
+      position: relative;
+      box-sizing: border-box;
+
+      &:last-of-type {
+        border-bottom: none;
+      }
+
+      .info {
+        padding-right: 180rpx;
+
+        .event {
+          font-size: $font-size-base;
+          line-height: 1.3;
+          font-weight: 500;
+        }
+
+        .time-box {
+          line-height: 1;
+          margin-top: 24rpx;
+        }
+
+        .time {
+          font-size: $font-size-activity-tag;
+          color: $color-tip;
+        }
+      }
+
+      .num {
+        width: 160rpx;
+        position: absolute;
+        right: 17rpx;
+        top: 50%;
+        transform: translateY(-50%);
+        text-align: right;
+        font-size: $font-size-toolbar;
+        font-weight: 500;
+      }
+    }
+  }
+}
+/deep/ .increase-number{
+  color: #07c160!important;
+}
+/deep/ .reduce-number{
+  color: #ee0a24!important;
+}
+</style>
diff --git a/pages_tool/member/integral/integral_list.vue b/pages_tool/member/integral/integral_list.vue
new file mode 100644
index 0000000..81cb6d7
--- /dev/null
+++ b/pages_tool/member/integral/integral_list.vue
@@ -0,0 +1,353 @@
+<!--分销商积分明细列表-->
+<template>
+	<page-meta :page-style="themeColor"></page-meta>
+	<view>
+		<view class="tab color-bg">
+      <!--时间选择-->
+			<view class="tab-left">
+				<picker mode="date" :value="searchType.date" @change="bindDateChange" fields="month">
+					<view class="uni-input">
+						{{ date }}
+						<text class="iconfont iconiconangledown"></text>
+					</view>
+				</picker>
+			</view>
+      <!--选择类型-->
+			<view class="tab-right">
+				<picker @change="bindPickerChange" :value="type_index" :range="type_list" class="picker" range-key="label">
+					<text class="desc uni-input">{{ type_list[type_index].label }}</text>
+					<text class="iconfont iconiconangledown"></text>
+				</picker>
+			</view>
+		</view>
+    <!--明细列表-->
+    <mescroll-uni @getData="getAccountInfo" class="member-point" ref="mescroll">
+      <view slot="list">
+        <block v-if="Object.keys(list).length > 0">
+          <view class="detailed-wrap">
+            <view class="cont">
+              <view class="detailed-item" v-for="(item, index) in list" :key="index">
+                <view class="info">
+                  <view class="event">{{ item.remarks }}</view>
+                  <view class="time-box">
+                    <text class="time color-tip">{{ $util.timeStampTurnTime(item.create_time) }}</text>
+                  </view>
+                </view>
+                <view class="num increase-number color-base-text" v-if="parseInt(item.status) === 1">+{{ item.money }}</view>
+                <view class="num reduce-number" v-else>{{ item.money }}</view>
+              </view>
+            </view>
+          </view>
+        </block>
+        <block v-else>
+          <view class="cart-empty">
+            <ns-empty></ns-empty>
+          </view>
+        </block>
+      </view>
+    </mescroll-uni>
+    <!--加载动画-->
+		<loading-cover ref="loadingCover"></loading-cover>
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		const currentDate = this.getDate({
+			format: true
+		});
+		return {
+      date: currentDate,
+      // 搜索时间
+      searchType: {
+        account_type: 0,
+        date: ''
+      },
+      // 搜索类型
+      type_index: 0,
+      type_list: [
+        {label: '积分', value: '0', type: 'integral'},
+        {label: '桑果', value: '1', type: 'integral_money'},
+      ],
+      // 用户信息
+      memberInfo: {},
+      // 列表信息
+      list: [],
+
+		};
+	},
+	onShow() {
+		if (!uni.getStorageSync('token')) {
+			this.$util.redirectTo(
+				'/pages_tool/login/login',
+				{
+					back: '/pages_tool/member/point'
+				},
+				'redirectTo'
+			);
+		}
+		this.getMemberInfo();
+	},
+	onLoad(option) {
+    let integral_type = option.integral_type;
+    if(integral_type === 'integral') this.type_index = 0;
+    else if(integral_type === 'integral_money') this.type_index = 1;
+	},
+	computed: {},
+	methods: {
+    // 时间初始化
+    getDate(type) {
+      const date = new Date();
+      let year = date.getFullYear();
+      let month = date.getMonth() + 1;
+      let day = date.getDate();
+
+      if (type === 'start') {
+        year = year - 60;
+      } else if (type === 'end') {
+        year = year + 2;
+      }
+      month = month > 9 ? month : '0' + month;
+      day = day > 9 ? day : '0' + day;
+      return `${year}年${month}月`;
+    },
+    // 会员信息
+    getMemberInfo() {
+      this.$api.sendRequest({
+        url: '/api/member/info',
+        success: res => {
+          if (res.code >= 0) {
+            this.token = uni.getStorageSync('token');
+            this.memberInfo = res.data;
+            this.getAccountInfo();
+          } else {
+            this.token = null;
+          }
+        }
+      });
+    },
+		//获取个人账户信息列表
+		getAccountInfo(mescroll) {
+      let _this = this;
+      if(!mescroll) return false;
+
+      _this.$api.sendRequest({
+        url: '/fenxiao/api/account/account_list',
+        data: {
+          page: mescroll.num,
+          account_type: _this.type_list[_this.type_index].type,
+          date: _this.searchType.date,
+        },
+        success: res => {
+          if(parseInt(res.code) === 0){
+            let list = res.data.list;
+            mescroll.endSuccess(list.length);
+            //设置列表数据
+            if (parseInt(mescroll.num) === 1) this.list = []; //如果是第一页需手动制空列表
+            this.list = this.list.concat(list); //追加新数据
+
+          }else{
+            this.$util.showToast({
+              title: res.message
+            });
+          }
+          // 关闭弹框
+          if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
+        },
+        fail: res => {
+          mescroll.endErr();
+          if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
+        }
+      });
+		},
+    // 变更类型
+    bindPickerChange(e) {
+      this.type_index = e.detail.value;
+      this.searchType.account_type = this.type_list[this.type_index].type;
+      this.$refs.mescroll.refresh();
+    },
+
+
+	}
+};
+</script>
+
+<style lang="scss">
+/deep/ .fixed {
+	position: relative;
+	top: 0;
+}
+
+.tab {
+	position: fixed;
+	top: 0;
+	width: 100%;
+	z-index: 10;
+	display: flex;
+	justify-content: space-between;
+	height: 80rpx;
+	background-color: $color-bg;
+
+	view {
+		flex: 1;
+		text-align: center;
+		line-height: 80rpx;
+
+		text {
+			margin-left: 10rpx;
+			font-size: $font-size-base;
+		}
+	}
+	.tab-left{
+		display: flex;
+		padding-left: 30rpx;
+	}
+	.tab-right{
+		display: flex;
+		justify-content: flex-end;
+		padding-right: 40rpx;
+	}
+}
+
+.cart-empty {
+	margin-top: 208rpx !important;
+}
+
+.account-box {
+	width: 100%;
+	box-sizing: border-box;
+	position: relative;
+
+	> image {
+		width: 100%;
+		position: absolute;
+		top: 0;
+		z-index: 1;
+	}
+
+	.accout-btn {
+		display: flex;
+		margin-top: 30rpx;
+
+		view {
+			width: 170rpx;
+			height: 44rpx;
+			border-radius: 22rpx;
+			border: 2rpx solid rgba(255, 255, 255, 0.4);
+			color: #fff;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			margin-right: 44rpx;
+		}
+	}
+
+	.account-text {
+		position: relative;
+		padding: 50rpx 30rpx 34rpx 30rpx;
+		display: flex;
+		align-items: center;
+		z-index: 9;
+
+		.headimg {
+			width: 100rpx;
+			height: 100rpx;
+			background: #fff;
+			border: 4rpx solid #fff;
+			border-radius: 50%;
+			overflow: hidden;
+
+			image {
+				width: 100%;
+				height: 100%;
+			}
+		}
+
+		.point {
+			margin-left: 30rpx;
+			color: #fff;
+			font-size: 36rpx;
+		}
+
+		.iconjifen1 {
+			color: #fff;
+			margin-left: 8rpx;
+		}
+	}
+}
+
+.detailed-wrap {
+	background: #fff;
+	position: relative;
+	z-index: 9;
+	padding-top: 80rpx;
+
+	.head {
+		display: flex;
+		height: 90rpx;
+
+		& > view {
+			flex: 1;
+			text-align: left;
+			padding: 0 $padding;
+			line-height: 90rpx;
+		}
+	}
+
+	.cont {
+		background: #fff;
+		width: 100%;
+		margin: 0 auto;
+
+		.detailed-item {
+			padding: 30rpx 0 32rpx;
+			margin: 0 32rpx;
+			border-bottom: 2rpx solid $color-line;
+			position: relative;
+			box-sizing: border-box;
+
+			&:last-of-type {
+				border-bottom: none;
+			}
+
+			.info {
+				padding-right: 180rpx;
+
+				.event {
+					font-size: $font-size-base;
+					line-height: 1.3;
+					font-weight: 500;
+				}
+
+				.time-box {
+					line-height: 1;
+					margin-top: 24rpx;
+				}
+
+				.time {
+					font-size: $font-size-activity-tag;
+					color: $color-tip;
+				}
+			}
+
+			.num {
+				width: 160rpx;
+				position: absolute;
+				right: 17rpx;
+				top: 50%;
+				transform: translateY(-50%);
+				text-align: right;
+				font-size: $font-size-toolbar;
+				font-weight: 500;
+			}
+		}
+	}
+}
+/deep/ .increase-number{
+  color: #07c160!important;
+}
+/deep/ .reduce-number{
+   color: #ee0a24!important;
+}
+</style>
diff --git a/pages_tool/member/integral/transfer.vue b/pages_tool/member/integral/transfer.vue
new file mode 100644
index 0000000..54e4324
--- /dev/null
+++ b/pages_tool/member/integral/transfer.vue
@@ -0,0 +1,363 @@
+<template>
+	<page-meta :page-style="themeColor"></page-meta>
+	<view class="container">
+		<view class="withdraw-wrap">
+			<view class="withdraw-wrap-title">会员账号：</view>
+			<view class="money-wrap">
+				<input  type="text" class="withdraw-money" style="font-size: 16px;" placeholder="请输入会员账号" v-model="username"  />
+				<view class="delete" @click="removeUsername" v-if="username">
+					<image :src="$util.img('upload/picture/member/apply_withdrawal/close.png')" mode="widthFix"></image>
+				</view>
+			</view>
+		</view>
+		<view class="empty-box"></view>
+		<view class="withdraw-wrap">
+			<view class="withdraw-wrap-title">转账：</view>
+			<view class="money-wrap">
+				<text class="unit">{{ $lang('common.currencySymbol') }}</text>
+				<input type="digit" class="withdraw-money" v-model="withdrawMoney" />
+				<view class="delete" @click="remove" v-if="withdrawMoney">
+					<image :src="$util.img('upload/picture/member/apply_withdrawal/close.png')" mode="widthFix"></image>
+				</view>
+			</view>
+			<view class="bootom">
+				<view>
+					<text class="color-tip">可用购房券：{{ withdrawInfo.house_purchase | moneyFormat }}</text>
+				</view>
+			</view>
+<!--			<view class="desc">-->
+<!--				<view>1.同一关系链上的用户可以互转,可向上或向下转赠</view>-->
+<!--				<view>2.手续费规则：直接关系互转免除手续费用（例如转给直推下级或直推上级，非直属互转{{withdrawConfig.co_money_rate+'%'}}手续费</view>-->
+<!--				<view>3.购房券转赠最少{{withdrawConfig.co_money_transfer_multiple}}个，转赠数量为{{withdrawConfig.co_money_transfer_multiple}}的整数倍;</view>-->
+<!--        <view>4.会员账号支持会员登录账号或者用户绑定的手机号</view>-->
+<!--			</view>-->
+      <view class="desc">
+        <text>转账金额需为100的整数倍</text>
+      </view>
+		</view>
+    <view class="empty-box"></view>
+<!--    <view class="withdraw-wrap">-->
+<!--      <view class="withdraw-wrap-title">支付密码：</view>-->
+<!--      <view class="money-wrap">-->
+<!--        <input type="digit" class="withdraw-money" v-model="buy_password" />-->
+<!--      </view>-->
+<!--    </view>-->
+		<view class="btn color-base-border ns-gradient-otherpages-member-widthdrawal-withdrawal" 
+		 :class="{ disabled: withdrawMoney == '' || withdrawMoney == 0 || username==''}" @click="withdraw">
+			确认转账
+		</view>			
+		<loading-cover ref="loadingCover"></loading-cover>
+	</view>
+</template>
+<script>
+	export default {
+		data() {
+			return {
+				username:'',
+				withdrawConfig:{
+					is_use: 0,
+					min: 1,
+					rate: 0
+				},
+				withdrawInfo: {},
+				bankAccountInfo: {},
+				withdrawMoney: '',
+        buy_password: '',
+				isSub: false
+			};
+		},
+		onShow() {
+			// 刷新多语言
+			this.$langConfig.refresh();
+			this.getWithdrawConfig();
+			if (uni.getStorageSync('token')) {
+				this.getWithdrawInfo();
+			} else {
+				this.$util.redirectTo('/pages_tool/login/login');
+			}
+		},
+		methods: {
+			getWithdrawConfig(){
+				this.$api.sendRequest({
+					url: '/fenxiao/api/config/withdraw',
+					success: res => {
+						console.log(res);
+						if (res.code >= 0 && res.data) {
+							this.withdrawConfig=res.data;
+						}
+					}
+				});
+			},
+			// 删除提现金额
+			remove() {
+				this.withdrawMoney = '';
+			},
+			removeUsername(){
+				this.username = '';
+			},
+			// 获取提现信息
+			getWithdrawInfo() {
+
+        let _this=this;
+				this.$api.sendRequest({
+					url: '/fenxiao/api/account/info',
+					success: res => {
+						console.log(res);
+						if (res.code >= 0 && res.data) {
+							this.withdrawInfo = res.data;
+							// if (this.withdrawInfo.config.is_user_transfer == 0) {
+							// 	this.$util.redirectTo('/pages/member/index', {}, 'reLaunch');
+							// }
+						}
+            // if (this.withdrawInfo.is_pay_password == 0) {
+            //   uni.showModal({
+            //     title: '温馨提示',
+            //     content: '您未设置支付密码，需设置支付密码后进行转账，点击确定前往支付密码设置',
+            //     success: function (res) {
+            //       if (res.confirm) {
+            //         _this.$util.redirectTo('/pages_tool/member/info_edit', {action: 'pay_password'}, '');
+            //       } else if (res.cancel) {
+            //         _this.isSub = false;
+            //         console.log('用户点击取消');
+            //       }
+            //     }
+            //   });
+            // }
+						if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
+					},
+					fail: res => {
+						if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
+					}
+				});
+			},
+			verify() {
+				if (this.username == '') {
+					this.$util.showToast({
+						title: '请输入转入账号'
+					});
+					return false;
+				}
+				if (this.withdrawMoney == '' || this.withdrawMoney <= 0 || isNaN(parseFloat(this.withdrawMoney))) {
+					this.$util.showToast({
+						title: '请输入购房券'
+					});
+					return false;
+				}
+				if (parseFloat(this.withdrawMoney) > parseFloat(this.withdrawInfo.house_purchase)) {
+					this.$util.showToast({
+						title: '转出金额超出可用购房券'
+					});
+					return false;
+				}
+				// if (parseFloat(this.withdrawMoney) < parseFloat(this.withdrawInfo.config.min)) {
+				// 	this.$util.showToast({
+				// 		title: '转出金额小于最低转账金额'
+				// 	});
+				// 	return false;
+				// }
+				return true;
+			},
+			withdraw() {
+				if (this.verify()) {
+					if (this.isSub) return;
+					this.isSub = true;
+					let _this=this;
+					uni.showModal({
+						title: '温馨提示',
+						content: '您的账号购房券将转让他人账号！',
+						success: function (res) {
+							if (res.confirm) {
+								_this.$api.sendRequest({
+									url: '/fenxiao/api/withdraw/integralMoneyTransfer',
+									data: {
+										username:_this.username,
+										apply_money: _this.withdrawMoney,
+                    password: _this.buy_password,
+									},
+									success: res => {
+										console.log(res)
+										if (res.code >= 0) {
+											_this.$util.showToast({
+												title: '转账成功'
+											});
+											_this.isSub = false;
+											_this.getWithdrawInfo();
+                      setTimeout(() => {
+                        _this.$util.redirectTo('/pages_tool/member/goufang', {}, 'redirectTo');
+                      }, 1500);
+										} else {
+                      _this.isSub = false;
+                      if (res.code == -801) {
+                        // uni.showModal({
+                        //   title: '温馨提示',
+                        //   content: '您未设置支付密码，需设置支付密码后进行转账，点击确定前往支付密码设置',
+                        //   success: function (res) {
+                        //     if (res.confirm) {
+                        //       _this.$util.redirectTo('/pages_tool/member/info_edit', {action: 'pay_password'}, '');
+                        //     } else if (res.cancel) {
+                        //       _this.isSub = false;
+                        //       console.log('用户点击取消');
+                        //     }
+                        //   }
+                        // });
+                      } else {
+                        _this.$util.showToast({
+                          title: res.data || res.message
+                        });
+                      }
+										}
+									},
+									fail: res => {
+										_this.isSub = false;
+									}
+								});
+							} else if (res.cancel) {
+								_this.isSub = false;
+								console.log('用户点击取消');
+							}
+						}
+					});
+				}
+			}
+		},
+		filters: {
+			/**
+			 * 金额格式化输出
+			 * @param {Object} money
+			 */
+			moneyFormat(money) {
+				return parseFloat(money).toFixed(2);
+			}
+		}
+	};
+</script>
+
+<style lang="scss">
+	.container {
+		width: 100vw;
+		height: 100vh;
+		background: #fff;
+	}
+
+	.empty-box {
+		height: 20rpx;
+	}
+
+	.bank-account-wrap {
+		margin: 0 20rpx;
+		padding: 20rpx 30rpx;
+		border-bottom: 1px solid #f7f7f7;
+		position: relative;
+
+		.tx-wrap {
+			display: flex;
+			justify-content: space-between;
+			margin-right: 60rpx;
+
+			.tx-bank {
+				margin-right: 60rpx;
+				flex: 1;
+				margin-left: 10rpx;
+				text-align: right;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+			}
+
+			.tx-img {
+				position: absolute;
+				right: 100rpx;
+				top: 50%;
+				transform: translateY(-50%);
+				width: 40rpx;
+				height: 40rpx;
+
+				image {
+					width: 100%;
+					height: 100%;
+				}
+			}
+		}
+
+		.iconfont {
+			position: absolute;
+			right: 40rpx;
+			top: 50%;
+			transform: translateY(-50%);
+		}
+	}
+
+	.withdraw-wrap {
+		margin: 0 20rpx;
+		padding: 30rpx;
+		border-radius: 16rpx;
+		box-shadow: rgba(110, 110, 110, 0.09) 0 0 20rpx 0;
+		.money-wrap {
+			padding: 20rpx 0;
+			border-bottom: 1px solid #eee;
+			display: flex;
+			.unit {
+				font-size: 60rpx;
+				line-height: 1;
+			}
+			.withdraw-money {
+				height: 60rpx;
+				line-height: 1;
+				min-height: 60rpx;
+				padding-left: 20rpx;
+				font-size: 60rpx;
+				flex: 1;
+				font-weight: bolder;
+			}
+			.delete {
+				width: 40rpx;
+				height: 40rpx;
+
+				image {
+					width: 100%;
+					height: 100%;
+				}
+			}
+		}
+		.bootom {
+			display: flex;
+			padding-top: 20rpx;
+			text {
+				line-height: 1;
+				flex: 2;
+			}
+			.all-tx {
+				padding-left: 10rpx;
+			}
+		}
+	}
+
+	.btn {
+		margin: 0 30rpx;
+		margin-top: 60rpx;
+		height: 80rpx;
+		line-height: 80rpx;
+		border-radius: $border-radius;
+		color: #fff;
+		text-align: center;
+		background-color: var(--main-color);
+		&.disabled {
+			background: #ccc;
+			border-color: #ccc;
+			color: #fff;
+		}
+	}
+
+	.recoend {
+		margin-top: 40rpx;
+
+		.recoend-con {
+			text-align: center;
+		}
+	}
+
+	.desc {
+		font-size: $font-size-tag;
+		color: #999;
+	}
+</style>