From 45bc6165e5f665752739088e4501a01b306540d1 Mon Sep 17 00:00:00 2001
From: woody <woody@163>
Date: Wed, 9 Jul 2025 10:59:30 +0800
Subject: [PATCH] =?UTF-8?q?feat(withDrawal):=20=E6=8F=90=E7=8E=B0=E6=88=90?=
 =?UTF-8?q?=E5=8A=9F=E5=B1=95=E7=A4=BA=E5=B0=8F=E7=A8=8B=E5=BA=8F=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E5=8A=9F=E8=83=BD=E8=BF=81=E7=A7=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/withdrawalGuide/index.vue   | 156 +++++++++++++
 pages/mine/balance/withdrawal.vue      |  56 ++---
 pages/mine/balance/withdrawlDetail.vue | 291 +++++++++++++------------
 3 files changed, 343 insertions(+), 160 deletions(-)
 create mode 100644 components/withdrawalGuide/index.vue

diff --git a/components/withdrawalGuide/index.vue b/components/withdrawalGuide/index.vue
new file mode 100644
index 0000000..acd660b
--- /dev/null
+++ b/components/withdrawalGuide/index.vue
@@ -0,0 +1,156 @@
+<template>
+  <u-modal
+    :show="show"
+    :showConfirmButton="true"
+    :showCancelButton="false"
+    confirmText="我知道了"
+    @confirm="handleConfirm"
+    :closeOnClickOverlay="false"
+    width="640rpx"
+    :customStyle="{ 'border-radius': '16rpx' }"
+  >
+    <view class="withdrawal-guide-content">
+      <view class="guide-title">提现绑定操作指南</view>
+      <view class="guide-text">
+        <text>尊敬的经销商伙伴们：</text>
+        <text
+          >为了让大家顺利快捷地提现，符合法律法规的要求，现需完成提现绑定操作，步骤如下，按序操作即可：</text
+        >
+      </view>
+      <view class="guide-steps">
+        <view class="step-item">
+          <text class="step-number">1.</text>
+          <text class="step-text"
+            >微信扫码后，用实际收款人本人手机号登录；</text
+          >
+        </view>
+        <view class="step-item">
+          <text class="step-number">2.</text>
+          <text class="step-text"
+            >点击 "继续签约"，上传本人身份证照片完成实名认证；</text
+          >
+        </view>
+        <view class="step-item">
+          <text class="step-number">3.</text>
+          <text class="step-text"
+            >进入合同页面，选择 "默认印章"，输入收到的验证码完成签约；</text
+          >
+        </view>
+        <view class="step-item">
+          <text class="step-number">4.</text>
+          <text class="step-text"
+            >返回首页点击 "提现"（若显示 "开户"，下拉刷新页面即可）；</text
+          >
+        </view>
+        <view class="step-item">
+          <text class="step-number">5.</text>
+          <text class="step-text"
+            >进入绑卡页面，完成银行卡绑定后即可操作提现。</text
+          >
+        </view>
+      </view>
+      <view class="guide-footer">
+        <text>请大家尽快办理，有疑问可随时联系我们，感谢配合！</text>
+      </view>
+      <view class="qr-code-section">
+        <image
+          class="qr-code-image"
+          src="/static/images/with-drawal-mini-code.png"
+          mode="aspectFit"
+        />
+      </view>
+    </view>
+  </u-modal>
+</template>
+
+<script>
+export default {
+  name: 'WithdrawalGuide',
+  props: {
+    show: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  methods: {
+    handleConfirm() {
+      this.$emit('confirm')
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.withdrawal-guide-content {
+  padding: 0rpx 32rpx 32rpx;
+
+  .guide-title {
+    font-size: 32rpx;
+    font-weight: bold;
+    color: #333333;
+    text-align: center;
+    margin-bottom: 32rpx;
+  }
+
+  .guide-text {
+    font-size: 26rpx;
+    color: #666666;
+    line-height: 40rpx;
+    margin-bottom: 24rpx;
+
+    text {
+      display: block;
+      margin-bottom: 16rpx;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+  }
+
+  .guide-steps {
+    margin-bottom: 24rpx;
+
+    .step-item {
+      display: flex;
+      align-items: flex-start;
+      margin-bottom: 16rpx;
+
+      .step-number {
+        color: #005bac;
+        font-size: 26rpx;
+        font-weight: bold;
+        width: 32rpx;
+        flex-shrink: 0;
+      }
+
+      .step-text {
+        font-size: 26rpx;
+        color: #666666;
+        line-height: 40rpx;
+        flex: 1;
+      }
+    }
+  }
+
+  .guide-footer {
+    font-size: 26rpx;
+    color: #666666;
+    line-height: 40rpx;
+    margin-bottom: 32rpx;
+    text-align: center;
+  }
+
+  .qr-code-section {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    .qr-code-image {
+      width: 200rpx;
+      height: 200rpx;
+      border-radius: 8rpx;
+    }
+  }
+}
+</style>
diff --git a/pages/mine/balance/withdrawal.vue b/pages/mine/balance/withdrawal.vue
index dda1b21..1fa0bab 100644
--- a/pages/mine/balance/withdrawal.vue
+++ b/pages/mine/balance/withdrawal.vue
@@ -7,7 +7,7 @@
         :rules="rules"
         ref="uForm"
       >
-        <u-form-item
+        <!-- <u-form-item
           label-width="200rpx"
           :label="'银行卡号'"
           prop="cardNumber"
@@ -24,7 +24,7 @@
           <view v-else style="color: red" @click="goBindbank">
             {{ '请先绑定银行卡' }}
           </view>
-        </u-form-item>
+        </u-form-item> -->
         <u-form-item
           label-width="200rpx"
           :label="`${'提现金额'}(${isLocaled()})`"
@@ -131,18 +131,27 @@
       </view>
     </view>
     <view class="btnbox">
-      <u-button :disabled="canbind" class="subbtn" @click="submit">{{
-        '提现'
-      }}</u-button>
+      <u-button class="subbtn" @click="submit">{{ '提现' }}</u-button>
     </view>
     <u-toast ref="uToast"></u-toast>
+
+    <!-- 提现引导弹窗 -->
+    <WithdrawalGuide
+      :show="showWithdrawalGuide"
+      @confirm="onWithdrawalGuideConfirm"
+    />
   </view>
 </template>
 
 <script>
 import * as bal from '@/config/balance.js'
 import { isLocaled } from '@/util/numberToCurrency'
+import WithdrawalGuide from '@/components/withdrawalGuide/index.vue'
+
 export default {
+  components: {
+    WithdrawalGuide,
+  },
   data() {
     return {
       showAmount: false,
@@ -182,22 +191,14 @@ export default {
         ],
       },
       bankData: {},
-      widthDrwaData: {
-        amount: 0,
-        balance: 0,
-        srviceCharge: 0,
-        minAmount: 0,
-      },
+      widthDrwaData: {},
       ifeye: false,
       canbind: false,
+      showWithdrawalGuide: false,
     }
   },
   watch: {
-    'dataForm.cashAmount': {
-      handler(newVal) {
-        this.checkAccount(newVal || 0, this.dataForm.pkAccount)
-      },
-    },
+    'dataForm.cashAmount': 'checkAccount',
   },
   onNavigationBarButtonTap() {
     uni.navigateTo({
@@ -229,7 +230,6 @@ export default {
           if (this.pkBdAccountList.length > 0) {
             this.dataForm.pkAccountName = res.data[0].accountName
             this.dataForm.pkAccount = res.data[0].pkId
-            this.checkAccount(0, this.dataForm.pkAccount)
           }
         })
       bal.getDefaultBank().then(res => {
@@ -255,9 +255,10 @@ export default {
                 message: res.msg,
                 type: 'success',
               })
+              // 显示提现引导弹窗
               setTimeout(() => {
-                uni.navigateBack()
-              }, 1000)
+                this.showWithdrawalGuide = true
+              }, 300)
             }
           })
         })
@@ -269,25 +270,30 @@ export default {
       this.dataForm.pkAccountName = e.value[0].accountName
       this.dataForm.pkAccount = e.value[0].pkId
       this.showAmount = false
-      this.checkAccount(this.dataForm.cashAmount, this.dataForm.pkAccount)
+      this.checkAccount()
     },
-    checkAccount(cashAmount, pkAccount) {
-      if (!cashAmount && cashAmount !== 0) {
+    checkAccount() {
+      if (!this.dataForm.cashAmount) {
         uni.$u.toast('请先输入金额')
         return
-      } else if (!pkAccount) {
+      } else if (!this.dataForm.pkAccount) {
         uni.$u.toast('请先选择账户')
         return
       }
       bal
         .getWidthdrawShow({
-          pkAccount,
-          cashAmount,
+          pkAccount: this.dataForm.pkAccount,
+          cashAmount: this.dataForm.cashAmount,
         })
         .then(res => {
           this.widthDrwaData = res.data
         })
     },
+    // 处理提现引导弹窗确认
+    onWithdrawalGuideConfirm() {
+      this.showWithdrawalGuide = false
+      uni.navigateBack()
+    },
   },
 }
 </script>
diff --git a/pages/mine/balance/withdrawlDetail.vue b/pages/mine/balance/withdrawlDetail.vue
index f28fa87..ed40053 100644
--- a/pages/mine/balance/withdrawlDetail.vue
+++ b/pages/mine/balance/withdrawlDetail.vue
@@ -1,150 +1,171 @@
 <template>
-	<view class="content">
-		<view class="contentList" v-for="item,index in tableList" :key="index">
-			<view class="linebox">
-				<view class="line_title">{{'钱包类型'}}</view>
-				<view class="line_content ">{{item.pkAccountVal}}</view>
-			</view>
-			<view class="linebox">
-				<view class="line_title">{{'提现金额'}}</view>
-				<view class="line_content">{{item.cashAmount| toThousandthAndKeepDecimal}}</view>
-			</view>
-			<view class="linebox">
-				<view class="line_title">{{'手续费'}}</view>
-				<view class="line_content">{{item.serviceCharge| toThousandthAndKeepDecimal}}</view>
-			</view>
-			<view class="linebox">
-				<view class="line_title">{{'个税'}}</view>
-				<view class="line_content">{{item.incomeTax| toThousandthAndKeepDecimal}}</view>
-			</view>
-			<view class="linebox">
-				<view class="line_title">{{'实发金额'}}</view>
-				<view class="line_content">{{item.issuedAmount| toThousandthAndKeepDecimal}}</view>
-			</view>
-			<view class="linebox">
-				<view class="line_title">{{'银行名称'}}</view>
-				<view class="line_content">{{item.bankName}}</view>
-			</view>
-			<view class="linebox">
-				<view class="line_title">{{'银行账户'}}</view>
-				<view class="line_content">{{item.cardNumber}}</view>
-			</view>
-			<view class="linebox">
-				<view class="line_title">{{'开户姓名'}}</view>
-				<view class="line_content">{{item.accountName}}</view>
-			</view>
-			<view class="linebox">
-				<view class="line_title">{{'审核状态'}}</view>
-				<view class="line_content">{{item.approveStateVal}}</view>
-			</view>
-			<view class="linebox">
-				<view class="line_title">{{'申请日期'}}</view>
-				<view class="line_content">{{item.creationTime}}</view>
-			</view>
-			<view class="linebox">
-				<view class="line_title">{{'备注'}}</view>
-				<view class="line_content">{{item.remarks}}</view>
-			</view>
-			<view class="linebox">
-				<view class="line_title">{{'状态'}}</view>
-				<view class="line_content">{{item.statusVal}}</view>
-			</view>
+  <view class="content">
+    <view class="contentList" v-for="(item, index) in tableList" :key="index">
+      <view class="linebox">
+        <view class="line_title">{{ '钱包类型' }}</view>
+        <view class="line_content">{{ item.pkAccountVal }}</view>
+      </view>
+      <view class="linebox">
+        <view class="line_title">{{ '提现金额' }}</view>
+        <view class="line_content">{{
+          item.cashAmount | toThousandthAndKeepDecimal
+        }}</view>
+      </view>
+      <view class="linebox">
+        <view class="line_title">{{ '手续费' }}</view>
+        <view class="line_content">{{
+          item.serviceCharge | toThousandthAndKeepDecimal
+        }}</view>
+      </view>
+      <view class="linebox">
+        <view class="line_title">{{ '个税' }}</view>
+        <view class="line_content">{{
+          item.incomeTax | toThousandthAndKeepDecimal
+        }}</view>
+      </view>
+      <view class="linebox">
+        <view class="line_title">{{ '实发金额' }}</view>
+        <view class="line_content">{{
+          item.issuedAmount | toThousandthAndKeepDecimal
+        }}</view>
+      </view>
+      <view class="linebox">
+        <view class="line_title">{{ '银行名称' }}</view>
+        <view class="line_content">{{ item.bankName }}</view>
+      </view>
+      <view class="linebox">
+        <view class="line_title">{{ '银行账户' }}</view>
+        <view class="line_content">{{ item.cardNumber }}</view>
+      </view>
+      <view class="linebox">
+        <view class="line_title">{{ '开户姓名' }}</view>
+        <view class="line_content">{{ item.accountName }}</view>
+      </view>
+      <view class="linebox">
+        <view class="line_title">{{ '审核状态' }}</view>
+        <view class="line_content">{{ item.approveStateVal }}</view>
+      </view>
+      <view class="linebox">
+        <view class="line_title">{{ '申请日期' }}</view>
+        <view class="line_content">{{ item.creationTime }}</view>
+      </view>
+      <view class="linebox">
+        <view class="line_title">{{ '备注' }}</view>
+        <view class="line_content">{{ item.remarks }}</view>
+      </view>
+      <view class="linebox">
+        <view class="line_title">{{ '状态' }}</view>
+        <view class="line_content">{{ item.statusVal }}</view>
+      </view>
+      <view v-if="item.approveState == 4" class="linebox">
+        <view class="line_title">驳回原因</view>
+        <view class="line_content">{{ item.approveRemarks }}</view>
+      </view>
 
-			<view class="linebox" style="border-bottom: none;">
-				<view class="line_title">{{'操作'}}</view>
-				<view class="line_content thesuccess"  v-if="item.status==0&&item.approveState==1" @click="revoke(item)">{{'撤销'}}</view>
-			</view>
-		</view>
-		<u-modal :show="revokeShow" showCancelButton @cancel="revokeShow = false" cancelText="取消"
-			confirmText="确定" @confirm='confirmRevoke' :content='content'></u-modal>
-	</view>
+      <view class="linebox" style="border-bottom: none">
+        <view class="line_title">{{ '操作' }}</view>
+        <view
+          class="line_content thesuccess"
+          v-if="item.status == 0 && item.approveState == 1"
+          @click="revoke(item)"
+          >{{ '撤销' }}</view
+        >
+      </view>
+    </view>
+    <u-modal
+      :show="revokeShow"
+      showCancelButton
+      @cancel="revokeShow = false"
+      cancelText="取消"
+      confirmText="确定"
+      @confirm="confirmRevoke"
+      :content="content"
+    ></u-modal>
+  </view>
 </template>
 
 <script>
-	import * as bal from "@/config/balance.js"
-	export default {
-		data() {
-			return {
-				queryParams: {
-					pageNum: 1,
-					pageSize: 50,
+import * as bal from '@/config/balance.js'
+export default {
+  data() {
+    return {
+      queryParams: {
+        pageNum: 1,
+        pageSize: 50,
+      },
+      tableList: [],
+      revokeShow: false,
+      content: '是否确认操作?',
+      thepkId: '',
+    }
+  },
+  onLoad() {
+    this.getSearch()
+  },
 
-				},
-				tableList: [],
-				revokeShow: false,
-				content:'是否确认操作?',
-				thepkId:""
-			}
-		},
-		onLoad() {
-			this.getSearch()
-		},
-
-		methods: {
-			//撤销
-			revoke(row) {
-				this.thepkId = row.pkId
-				this.revokeShow = true
-			},
-			confirmRevoke(){
-				bal.cancelWithdraw({pkId:this.thepkId}).then(res=>{
-					if(res.code==200){
-						uni.showToast({
-							title: res.msg
-						})
-						this.revokeShow=false
-						this.getSearch()
-					}
-				})
-			},
-			getSearch() {
-				bal.getWithdrawList(this.queryParams).then(res => {
-					this.tableList = res.rows
-				})
-			}
-		}
-	}
+  methods: {
+    //撤销
+    revoke(row) {
+      this.thepkId = row.pkId
+      this.revokeShow = true
+    },
+    confirmRevoke() {
+      bal.cancelWithdraw({ pkId: this.thepkId }).then(res => {
+        if (res.code == 200) {
+          uni.showToast({
+            title: res.msg,
+          })
+          this.revokeShow = false
+          this.getSearch()
+        }
+      })
+    },
+    getSearch() {
+      bal.getWithdrawList(this.queryParams).then(res => {
+        this.tableList = res.rows
+      })
+    },
+  },
+}
 </script>
 
 <style lang="scss" scoped>
-	::v-deep .u-popup__content {
-		overflow: auto;
-	}
+::v-deep .u-popup__content {
+  overflow: auto;
+}
 
-	.content {
-		background: #F2F2F2;
-		padding: 10rpx 24rpx;
+.content {
+  background: #f2f2f2;
+  padding: 10rpx 24rpx;
 
-		.contentList {
-			background-color: #fff;
-			margin: 10rpx 0;
-			box-shadow: 0rpx 2rpx 10rpx 0rpx rgba(204, 204, 204, 0.4);
-			border-radius: 10rpx;
+  .contentList {
+    background-color: #fff;
+    margin: 10rpx 0;
+    box-shadow: 0rpx 2rpx 10rpx 0rpx rgba(204, 204, 204, 0.4);
+    border-radius: 10rpx;
 
-			.linebox {
-				padding: 20rpx;
-				display: flex;
-				align-items: center;
-				justify-content: space-between;
-				border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
-				font-size: 26rpx;
+    .linebox {
+      padding: 20rpx;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
+      font-size: 26rpx;
 
-				.line_title {
-					min-width: 150rpx;
-					color: #666666;
-				}
+      .line_title {
+        min-width: 150rpx;
+        color: #666666;
+      }
 
-				.line_content {
-					font-weight: bold;
-					color: #333333;
-				}
+      .line_content {
+        font-weight: bold;
+        color: #333333;
+      }
 
-				.thesuccess {
-					color: #005BAC;
-				}
-			}
-		}
-
-
-	}
-</style>
\ No newline at end of file
+      .thesuccess {
+        color: #005bac;
+      }
+    }
+  }
+}
+</style>