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 272afef..3399c49 100644
--- a/pages/mine/balance/withdrawal.vue
+++ b/pages/mine/balance/withdrawal.vue
@@ -1,256 +1,345 @@
 <template>
-	<view class="content">
-		<view class="theform">
-			<u--form labelPosition="left" :model="dataForm" :rules="rules" ref="uForm">
-				<u-form-item label-width="200rpx" :label="'银行卡号'" prop="cardNumber" borderBottom ref="item1">
-					<u--input v-if="bankData.cardNumber" v-model="bankData.cardNumber" disabled disabledColor="#F5F5F5;"
-						border="none"></u--input>
-					<view v-else style="color:red" @click="goBindbank">
-						{{'请先绑定银行卡'}}
-					</view>
-				</u-form-item>
-				<u-form-item label-width="200rpx" :label="`${'提现金额'}(${isLocaled()})`" prop="cashAmount"
-					borderBottom ref="item1">
-					<u--input type='number' v-model="dataForm.cashAmount" :placeholder="'请输入'"
-						border="none"></u--input>
-				</u-form-item>
-				<u-form-item label-width="200rpx" :label="'二级密码'" prop="payPwd" borderBottom ref="item1">
-					<template v-if="!ifeye">
-						<u--input type='password' v-model="dataForm.payPwd" :placeholder="'请输入'"
-							border="none"></u--input>
-						<image @click="ifeye=!ifeye" slot="right" style="width: 38rpx;
-								height: 25rpx;" src="../../../static/images/my_eye.png" mode=""></image>
-					</template>
-					<template v-if="ifeye">
-						<u--input v-model="dataForm.payPwd" :placeholder="'请输入'" border="none"></u--input>
-						<image @click="ifeye=!ifeye" slot="right" style="width: 38rpx;
-								height: 30rpx;" src="../../../static/images/my_eye2.png" mode=""></image>
-					</template>
-				</u-form-item>
-				<u-form-item label-width="200rpx" :label="'备注'" prop="remarks" borderBottom ref="item1">
-					<u--input v-model="dataForm.remarks" border="none"></u--input>
-				</u-form-item>
-				<u-form-item label-width="200rpx" :label="'提现账户'" prop="pkAccountName"
-					@click="showAmount = true; " ref="item1">
-					<u--input v-model="dataForm.pkAccountName" disabled disabledColor="#ffffff"
-						:placeholder="'请选择'" border="none"></u--input>
-					<u-icon slot="right" name="arrow-right"></u-icon>
-				</u-form-item>
-				<u-picker @cancel='showAmount=false' :show="showAmount" ref="uPicker" :columns="pkBdAccountList"
-					@confirm="confirm" keyName='accountName'></u-picker>
-			</u--form>
+  <view class="content">
+    <view class="theform">
+      <u--form
+        labelPosition="left"
+        :model="dataForm"
+        :rules="rules"
+        ref="uForm"
+      >
+        <u-form-item
+          label-width="200rpx"
+          :label="'银行卡号'"
+          prop="cardNumber"
+          borderBottom
+          ref="item1"
+        >
+          <u--input
+            v-if="bankData.cardNumber"
+            v-model="bankData.cardNumber"
+            disabled
+            disabledColor="#F5F5F5;"
+            border="none"
+          ></u--input>
+          <view v-else style="color: red" @click="goBindbank">
+            {{ '请先绑定银行卡' }}
+          </view>
+        </u-form-item>
+        <u-form-item
+          label-width="200rpx"
+          :label="`${'提现金额'}(${isLocaled()})`"
+          prop="cashAmount"
+          borderBottom
+          ref="item1"
+        >
+          <u--input
+            type="number"
+            v-model="dataForm.cashAmount"
+            :placeholder="'请输入'"
+            border="none"
+          ></u--input>
+        </u-form-item>
+        <u-form-item
+          label-width="200rpx"
+          :label="'二级密码'"
+          prop="payPwd"
+          borderBottom
+          ref="item1"
+        >
+          <template v-if="!ifeye">
+            <u--input
+              type="password"
+              v-model="dataForm.payPwd"
+              :placeholder="'请输入'"
+              border="none"
+            ></u--input>
+            <image
+              @click="ifeye = !ifeye"
+              slot="right"
+              style="width: 38rpx; height: 25rpx"
+              src="../../../static/images/my_eye.png"
+              mode=""
+            ></image>
+          </template>
+          <template v-if="ifeye">
+            <u--input
+              v-model="dataForm.payPwd"
+              :placeholder="'请输入'"
+              border="none"
+            ></u--input>
+            <image
+              @click="ifeye = !ifeye"
+              slot="right"
+              style="width: 38rpx; height: 30rpx"
+              src="../../../static/images/my_eye2.png"
+              mode=""
+            ></image>
+          </template>
+        </u-form-item>
+        <u-form-item
+          label-width="200rpx"
+          :label="'备注'"
+          prop="remarks"
+          borderBottom
+          ref="item1"
+        >
+          <u--input v-model="dataForm.remarks" border="none"></u--input>
+        </u-form-item>
+        <u-form-item
+          label-width="200rpx"
+          :label="'提现账户'"
+          prop="pkAccountName"
+          @click="showAmount = true"
+          ref="item1"
+        >
+          <u--input
+            v-model="dataForm.pkAccountName"
+            disabled
+            disabledColor="#ffffff"
+            :placeholder="'请选择'"
+            border="none"
+          ></u--input>
+          <u-icon slot="right" name="arrow-right"></u-icon>
+        </u-form-item>
+        <u-picker
+          @cancel="showAmount = false"
+          :show="showAmount"
+          ref="uPicker"
+          :columns="pkBdAccountList"
+          @confirm="confirm"
+          keyName="accountName"
+        ></u-picker>
+      </u--form>
 
+      <view class="contentbox">
+        <view class="linebox">
+          <view>{{ '可提现金额' }}(￥)：</view>
+          <view>{{ widthDrwaData.amount || '0.00' }}</view>
+        </view>
+        <view class="linebox">
+          <view>{{ '账户余额' }}(￥)：</view>
+          <view>{{ widthDrwaData.balance || '0.00' }}</view>
+        </view>
+        <view class="linebox">
+          <view>{{ '提现手续费' }}：</view>
+          <view>{{ widthDrwaData.srviceCharge || '0.00' }}</view>
+        </view>
+        <view class="linebox">
+          <view>{{ '最低提现额度' }}(￥)：</view>
+          <view>{{ widthDrwaData.minAmount || '0.00' }}</view>
+        </view>
+      </view>
+    </view>
+    <view class="btnbox">
+      <u-button :disabled="canbind" class="subbtn" @click="submit">{{
+        '提现'
+      }}</u-button>
+    </view>
+    <u-toast ref="uToast"></u-toast>
 
-			<view class="contentbox">
-				<view class="linebox">
-					<view>{{'可提现金额'}}(￥)：</view>
-					<view>{{widthDrwaData.amount||'0.00'}}</view>
-				</view>
-				<view class="linebox">
-					<view>{{'账户余额'}}(￥)：</view>
-					<view>{{widthDrwaData.balance||'0.00'}}</view>
-				</view>
-				<view class="linebox">
-					<view>{{'提现手续费'}}：</view>
-					<view>{{widthDrwaData.srviceCharge||'0.00'}}</view>
-				</view>
-				<view class="linebox">
-					<view>{{'最低提现额度'}}(￥)：</view>
-					<view>{{widthDrwaData.minAmount||'0.00'}}</view>
-				</view>
-			</view>
-
-
-		</view>
-		<view class="btnbox">
-			<u-button :disabled="canbind" class="subbtn" @click="submit">{{'提现'}}</u-button>
-		</view>
-		<u-toast ref="uToast"></u-toast>
-	</view>
+    <!-- 提现引导弹窗 -->
+    <WithdrawalGuide
+      :show="showWithdrawalGuide"
+      @confirm="onWithdrawalGuideConfirm"
+    />
+  </view>
 </template>
 
 <script>
-	import * as bal from "@/config/balance.js"
-	import {
-		isLocaled
-	} from '@/util/numberToCurrency'
-	export default {
-		data() {
-			return {
-				showAmount: false,
-				dataForm: {
-					cardNumber: "",
-					cashAmount: "",
-					payPwd: "",
-					remarks: "",
-					pkAccountName: "",
-					pkAccount: "",
-					pkBank: ""
-				},
-				pkBdAccountList: [],
-				rules: {
-					cashAmount: [{
-						type: 'string',
-						required: true,
-						message: '请输入',
-						trigger: ['blur', 'change']
-					}],
-					payPwd: [{
-						type: 'string',
-						required: true,
-						message: '请输入',
-						trigger: ['blur', 'change']
-					}],
-					pkAccountName: [{
-						required: true,
-						message: '请选择',
-						trigger: ['change']
-					}],
-				},
-				bankData: {},
-				widthDrwaData: {},
-				ifeye: false,
-				canbind:false
+import * as bal from '@/config/balance.js'
+import { isLocaled } from '@/util/numberToCurrency'
+import WithdrawalGuide from '@/components/withdrawalGuide/index.vue'
 
-			}
-		},
-		watch: {
-			'dataForm.cashAmount': 'checkAccount'
-		},
-		onNavigationBarButtonTap() {
-			uni.navigateTo({
-				url:'/pages/mine/balance/withdrawlDetail'
-			})
-		},
-		onLoad() {
-			this.getList()
-		},
-		methods: {
-			isLocaled,
-			//绑定银行卡
-			goBindbank(){
-				uni.navigateTo({
-					url:'/pages/mine/bindBank/bindBank'
-				})
-			},
-			getList() {
-				bal.getPkBdAccountList({
-					accountProperty: 3
-				}).then(res => {
-					res.data.forEach(ele => {
-						ele.name = ele.accountName
-					})
-					this.pkBdAccountList = [res.data]
-					
-					if(this.pkBdAccountList.length>0){
-						this.dataForm.pkAccountName = res.data[0].accountName
-						this.dataForm.pkAccount =  res.data[0].pkId
-					}
-					
-				})
-				bal.getDefaultBank().then((res) => {
-					this.bankData = res.data;
-					this.dataForm.pkBank = res.data.pkId;
-				});
-				//校验是否绑定银行卡
-				bal.checkIsbindBank().then(res => {
-					if (res.flag == 'Y') {
-						this.canbind = false
-					} else if (res.flag == 'N') {
-						this.canbind = true
-					}
-				})
+export default {
+  components: {
+    WithdrawalGuide,
+  },
+  data() {
+    return {
+      showAmount: false,
+      dataForm: {
+        cardNumber: '',
+        cashAmount: '',
+        payPwd: '',
+        remarks: '',
+        pkAccountName: '',
+        pkAccount: '',
+        pkBank: '',
+      },
+      pkBdAccountList: [],
+      rules: {
+        cashAmount: [
+          {
+            type: 'string',
+            required: true,
+            message: '请输入',
+            trigger: ['blur', 'change'],
+          },
+        ],
+        payPwd: [
+          {
+            type: 'string',
+            required: true,
+            message: '请输入',
+            trigger: ['blur', 'change'],
+          },
+        ],
+        pkAccountName: [
+          {
+            required: true,
+            message: '请选择',
+            trigger: ['change'],
+          },
+        ],
+      },
+      bankData: {},
+      widthDrwaData: {},
+      ifeye: false,
+      canbind: false,
+      showWithdrawalGuide: false,
+    }
+  },
+  watch: {
+    'dataForm.cashAmount': 'checkAccount',
+  },
+  onNavigationBarButtonTap() {
+    uni.navigateTo({
+      url: '/pages/mine/balance/withdrawlDetail',
+    })
+  },
+  onLoad() {
+    this.getList()
+  },
+  methods: {
+    isLocaled,
+    //绑定银行卡
+    goBindbank() {
+      uni.navigateTo({
+        url: '/pages/mine/bindBank/bindBank',
+      })
+    },
+    getList() {
+      bal
+        .getPkBdAccountList({
+          accountProperty: 3,
+        })
+        .then(res => {
+          res.data.forEach(ele => {
+            ele.name = ele.accountName
+          })
+          this.pkBdAccountList = [res.data]
 
-			},
-			submit() {
-				this.$refs.uForm.validate().then(res => {
-					bal.addWithdraw(this.dataForm).then(res => {
-						if (res.code == 200) {
-							this.$refs.uToast.show({
-								message: res.msg,
-								type: 'success'
-							})
-							setTimeout(() => {
-								uni.navigateBack()
-							}, 1000);
-						}
-					})
-					
-
-				}).catch(errors => {
-					uni.$u.toast('校验失败')
-				})
-			},
-			confirm(e) {
-
-				this.dataForm.pkAccountName = e.value[0].accountName
-				this.dataForm.pkAccount = e.value[0].pkId
-				this.showAmount = false
-				this.checkAccount()
-
-			},
-			checkAccount() {
-				if (!this.dataForm.cashAmount) {
-					uni.$u.toast('请先输入金额')
-					return
-				} else if (!this.dataForm.pkAccount) {
-					uni.$u.toast('请先选择账户')
-					return
-				}
-				bal.getWidthdrawShow({
-					pkAccount: this.dataForm.pkAccount,
-					cashAmount: this.dataForm.cashAmount,
-				}).then(res => {
-					this.widthDrwaData = res.data
-				})
-			}
-		}
-	}
+          if (this.pkBdAccountList.length > 0) {
+            this.dataForm.pkAccountName = res.data[0].accountName
+            this.dataForm.pkAccount = res.data[0].pkId
+          }
+        })
+      bal.getDefaultBank().then(res => {
+        this.bankData = res.data
+        this.dataForm.pkBank = res.data.pkId
+      })
+      //校验是否绑定银行卡
+      bal.checkIsbindBank().then(res => {
+        if (res.flag == 'Y') {
+          this.canbind = false
+        } else if (res.flag == 'N') {
+          this.canbind = true
+        }
+      })
+    },
+    submit() {
+      this.$refs.uForm
+        .validate()
+        .then(res => {
+          bal.addWithdraw(this.dataForm).then(res => {
+            if (res.code == 200) {
+              this.$refs.uToast.show({
+                message: res.msg,
+                type: 'success',
+              })
+              // 显示提现引导弹窗
+              setTimeout(() => {
+                this.showWithdrawalGuide = true
+              }, 300)
+            }
+          })
+        })
+        .catch(errors => {
+          uni.$u.toast('校验失败')
+        })
+    },
+    confirm(e) {
+      this.dataForm.pkAccountName = e.value[0].accountName
+      this.dataForm.pkAccount = e.value[0].pkId
+      this.showAmount = false
+      this.checkAccount()
+    },
+    checkAccount() {
+      if (!this.dataForm.cashAmount) {
+        uni.$u.toast('请先输入金额')
+        return
+      } else if (!this.dataForm.pkAccount) {
+        uni.$u.toast('请先选择账户')
+        return
+      }
+      bal
+        .getWidthdrawShow({
+          pkAccount: this.dataForm.pkAccount,
+          cashAmount: this.dataForm.cashAmount,
+        })
+        .then(res => {
+          this.widthDrwaData = res.data
+        })
+    },
+    // 处理提现引导弹窗确认
+    onWithdrawalGuideConfirm() {
+      this.showWithdrawalGuide = false
+      uni.navigateBack()
+    },
+  },
+}
 </script>
 
 <style lang="scss" scoped>
-	.content {
-		background: #F2F2F2;
+.content {
+  background: #f2f2f2;
 
-		.theform {
-			margin-top: 6rpx;
-			background: #FFFFFF;
-			padding: 20rpx 23rpx 48rpx 23rpx;
+  .theform {
+    margin-top: 6rpx;
+    background: #ffffff;
+    padding: 20rpx 23rpx 48rpx 23rpx;
 
-			.contentbox {
-				background: rgba(251, 48, 36, 0.15);
-				border-radius: 20rpx;
-				padding: 35rpx 20rpx;
-				margin-top: 20rpx;
+    .contentbox {
+      background: rgba(251, 48, 36, 0.15);
+      border-radius: 20rpx;
+      padding: 35rpx 20rpx;
+      margin-top: 20rpx;
 
-				.linebox {
-					display: flex;
-					align-items: center;
-					justify-content: space-between;
-					font-size: 24rpx;
-					font-family: Source Han Sans CN;
-					font-weight: 400;
-					color: #333333;
-					margin-top: 8rpx;
-				}
-			}
+      .linebox {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        font-size: 24rpx;
+        font-family: Source Han Sans CN;
+        font-weight: 400;
+        color: #333333;
+        margin-top: 8rpx;
+      }
+    }
+  }
 
-		}
+  .btnbox {
+    margin-top: 38rpx;
+    padding: 0 20rpx;
 
-		.btnbox {
-			margin-top: 38rpx;
-			padding: 0 20rpx;
-
-			.subbtn {
-				background: #005BAC;
-				border-radius: 46rpx;
-				font-size: 30rpx;
-				font-family: Source Han Sans CN;
-				font-weight: 400;
-				color: #FFFFFF;
-			}
-		}
-
-
-	}
-</style>
\ No newline at end of file
+    .subbtn {
+      background: #005bac;
+      border-radius: 46rpx;
+      font-size: 30rpx;
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      color: #ffffff;
+    }
+  }
+}
+</style>
diff --git a/static/images/with-drawal-mini-code.png b/static/images/with-drawal-mini-code.png
new file mode 100644
index 0000000..40b0c4f
Binary files /dev/null and b/static/images/with-drawal-mini-code.png differ