From 7e1d101f1bdb4dc0598b666be56a612a31d67cfd Mon Sep 17 00:00:00 2001
From: Enzo <1284707383@qq.com>
Date: Thu, 8 Jul 2021 10:58:00 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E5=8F=96=E4=BD=A3=E9=87=91=20?=
 =?UTF-8?q?=E6=88=91=E7=9A=84=E9=92=B1=E5=8C=85=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                 |  6 ++++++
 pages/center/wallet.vue    | 36 +++++++++++++++++++++++++++++-------
 pages/center/widthdraw.vue | 27 +++++++++++++++++++++++++++
 3 files changed, 62 insertions(+), 7 deletions(-)
 create mode 100644 pages/center/widthdraw.vue

diff --git a/pages.json b/pages.json
index 32cca3f..d956943 100644
--- a/pages.json
+++ b/pages.json
@@ -90,6 +90,12 @@
 				"navigationBarTitleText": "我的"
 			}
 		},
+		{
+			"path": "pages/center/widthdraw",
+			"style": {
+				"navigationBarTitleText": "提取佣金"
+			}
+		},
 		{
 			"path": "pages/center/wallet",
 			"style": {
diff --git a/pages/center/wallet.vue b/pages/center/wallet.vue
index c87df53..c5b217b 100644
--- a/pages/center/wallet.vue
+++ b/pages/center/wallet.vue
@@ -5,22 +5,44 @@
 				<view class="text-black text-price1" style="font-size: 72rpx;">2000.48</view>
 				<view class="text-gray lf-font-24 lf-m-b-20">佣金（元）</view>
 				<view>
-					<button class="btn" @click="toAddOrder">提取佣金</button>
+					<button class="btn" @click="$url('/pages/center/widthdraw')">提取佣金</button>
 				</view>
 			</view>
 		</view>
 		<view class="bg-white lf-p-t-40 lf-p-b-40 flex justify-around align-center text-center solid-bottom">
-			<view class="lf-font-32 text-orange">佣金记录</view>
-			<view class="lf-font-32 text-black">提取记录</view>
-		</view>
-		<view class="flex justify-between lf-p-t-20 lf-p-b-20 lf-p-l-32 lf-p-r-32 solid-bottom align-center text-center">
-			<view class="lf-font-36 lf-color-price">-¥10.00</view>
-			<view class="lf-font-24 lf-color-999">2021-7-6 22:32:43</view>
+			<view class="lf-font-32" :class="tabIndex ==0?'text-orange':'text-black'" @click="tabIndex = 0">佣金记录</view>
+			<view class="lf-font-32" :class="tabIndex ==1?'text-orange':'text-black'" @click="tabIndex = 1">提取记录</view>
 		</view>
+		<block v-if="tabIndex == 0">
+			<view class="flex justify-between lf-p-t-20 lf-p-b-20 lf-p-l-32 lf-p-r-32 solid-bottom align-center text-center">
+				<view class="lf-font-36 lf-color-price">-¥10.00</view>
+				<view class="lf-font-24 lf-color-999">2021-7-6 22:32:43</view>
+			</view>
+		</block>
+		
+		<block v-else>
+			<view class="flex flex-direction justify-between lf-p-t-20 lf-p-b-20 lf-p-l-32 lf-p-r-32 solid-bottom">
+				<view class="flex align-center text-center justify-between">
+					<view class="lf-font-36 lf-color-price">-¥11.00</view>
+					<view class="lf-font-28 text-orange">申请中</view>
+				</view>
+				<view class="flex align-center text-center justify-between lf-m-t-10">
+					<view class="lf-font-24 lf-color-999">流水号 638763485895875</view>
+					<view class="lf-font-24 lf-color-999">2021-7-6 22:32:43</view>
+				</view>
+			</view>
+		</block>
 	</view>
 </template>
 
 <script>
+	export default {
+		data() {
+			return {
+				tabIndex: 1
+			}
+		}
+	}
 </script>
 
 <style scoped>
diff --git a/pages/center/widthdraw.vue b/pages/center/widthdraw.vue
new file mode 100644
index 0000000..4ffcf53
--- /dev/null
+++ b/pages/center/widthdraw.vue
@@ -0,0 +1,27 @@
+<template>
+	<view class="wrap">
+		<view class="lf-p-30" style="height: 428rpx;">
+			<view class="bg-white lf-h-100" style="border-radius: 10rpx;">
+				<view class="text-black lf-font-28 lf-p-l-30 lf-p-t-30">提取金额</view>
+				<view class="lf-p-l-20 flex flex-direction" style="padding-top: 110rpx;">
+					<text class="text-black lf-font-48">￥</text>
+					<input type="number" class="solid-bottom lf-p-l-10" style="width: 100%;border-bottom: 1px solid #FFF5F5F5;padding-right: 30rpx;" />
+				</view>
+				<view class="lf-font-28 lf-color-999 lf-p-t-20 lf-p-l-30">
+					可用余额
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+</script>
+
+<style scoped>
+	.wrap {
+		height: 100%;
+		width: 100%;
+		background-color: #F5F5F5;
+	}
+</style>