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..fc24d37 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/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>
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