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/index/index.vue b/pages/index/index.vue
index 6063eea..a9df1af 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -61,7 +61,7 @@
             </view>
           </view>
         </view>
-        <view v-if="isEmpty(goodsList.recommendSpecialAreaList) == false">
+        <!-- <view v-if="isEmpty(goodsList.recommendSpecialAreaList) == false">
           <view
             class="more"
             @click="more"
@@ -88,7 +88,6 @@
               <view class="padding_s goods-info">
                 <view class="goods-name">{{ item.waresName }}</view>
                 <view class="goods-sales-wrapper">
-                  <!-- <view class="goods-sales">累计销量{{ formatSales(item.sales) }}</view> -->
                   <view
                     class="goods-price"
                     v-if="item.specialArea == 31 && userInfo.isMakerSpace == 1"
@@ -117,7 +116,7 @@
               </view>
             </view>
           </view>
-        </view>
+        </view> -->
       </view>
       <cl-tabbar :current="0"></cl-tabbar>
       <div>
diff --git a/pages/mine/balance/withdrawal.vue b/pages/mine/balance/withdrawal.vue
index 272afef..1fa0bab 100644
--- a/pages/mine/balance/withdrawal.vue
+++ b/pages/mine/balance/withdrawal.vue
@@ -1,256 +1,343 @@
 <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 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/pages/specialArea/list.vue b/pages/specialArea/list.vue
index 0400976..1fb8be2 100644
--- a/pages/specialArea/list.vue
+++ b/pages/specialArea/list.vue
@@ -1,662 +1,805 @@
 <!--
- * @Descripttion: 
- * @version: 
+ * @Descripttion:
+ * @version:
  * @Author: kBank
  * @Date: 2022-11-21 15:11:22
 -->
 <template>
-	<view class="content">
-		<backIcon :diff="diff"></backIcon>
-		<view class="index_header">
-			<view>{{ titLabel }}</view>
-		</view>
-		<view class="shareImg" v-if="specialArea == 7" @click="goShare">
-			<u-icon name="share-square" size="24" color="#005BAC"> </u-icon>
-		</view>
-		<view class="shareImg1" v-if="specialArea == 1" @tap="changeCountry">
-			<img :src="pkCountryImg" alt="" />
-			<u-icon name="arrow-down" color="#999"></u-icon>
-		</view>
-		<u-scroll-list :indicator="false" v-if="itemChildren.length > 1" class="tabList_a">
-			<view class="tab">
-				<view v-for="(item, index) in itemChildren" :key="index" @click="setSpecial(item)" v-show="item.isShow"
-					:class="[specialArea == item.value ? 'actTab' : 'tab_i']">
-					<view>{{ item.label }}</view>
-				</view>
-			</view>
-		</u-scroll-list>
-		<view class="index_btm">
-			<view class="index_l">
-				<view v-for="item in oneList" :class="['classIfy', oneId == item.pkId ? 'actOne' : '']" @click="
-            (oneId = item.pkId),
-              getAllGoods(item.pkId),
-              getClassIfyTwo(item.pkId)
-          " :key="item.pkId">{{ item.classifyName }}</view>
-			</view>
-			<view class="index_r">
-				<u-scroll-list :indicator="false" class="tabList">
-					<view class="tab">
-						<view v-for="(item, index) in twoList" :key="index"
-							@click="(twoId = item.pkId), getAllGoods1(item.pkId)"
-							:class="[twoId == item.pkId ? 'actTab' : 'tab_i']">
-							<view>{{ item.classifyName }}</view>
-							<!-- <view :class="[twoId == item.pkId ? 'heng' : 'heng1']"></view> -->
-						</view>
-					</view>
-				</u-scroll-list>
-				<view class="search">
-					<u--input placeholder="请输入商品名称" placeholderStyle="font-size:14px;" prefixIcon="search"
-						shape="circle" v-model="waresName" border="none" @confirm="getAllGoods1()"
-						prefixIconStyle="font-size: 22px;color: #909399"></u--input>
-				</view>
-				<view class="goodList">
-					<view v-for="item in goodList" :key="item.waresCode" class="goodList_i" @tap="goDetails(item)">
-						<view class="fly" v-show="item.preSaleStatus == 3 || item.isSale == 1"></view>
-						<img :src="item.cover1" class="cover" alt="" />
-						<view class="goodList_ir">
-							<view>
-								<span class="qzbq" v-if="item.prefixLabelTarget != undefined">{{
+  <view class="content">
+    <backIcon :diff="diff"></backIcon>
+    <view class="index_header">
+      <view>{{ titLabel }}</view>
+    </view>
+    <view class="shareImg" v-if="specialArea == 7" @click="goShare">
+      <u-icon name="share-square" size="24" color="#005BAC"> </u-icon>
+    </view>
+
+    <u-scroll-list
+      :indicator="false"
+      v-if="itemChildren.length > 1"
+      class="tabList_a"
+    >
+      <view class="tab">
+        <view
+          v-for="(item, index) in itemChildren"
+          :key="index"
+          @click="setSpecial(item)"
+          v-show="item.isShow"
+          :class="[specialArea == item.value ? 'actTab' : 'tab_i']"
+        >
+          <view>{{ item.label }}</view>
+        </view>
+      </view>
+    </u-scroll-list>
+    <view class="index_btm">
+      <view class="index_l">
+        <view
+          v-for="item in oneList"
+          :class="['classIfy', oneId == item.pkId ? 'actOne' : '']"
+          @click="
+            ((oneId = item.pkId),
+            getAllGoods(item.pkId),
+            getClassIfyTwo(item.pkId))
+          "
+          :key="item.pkId"
+          >{{ item.classifyName }}</view
+        >
+      </view>
+      <view class="index_r">
+        <u-scroll-list :indicator="false" class="tabList">
+          <view class="tab">
+            <view
+              v-for="(item, index) in twoList"
+              :key="index"
+              @click="((twoId = item.pkId), getAllGoods1(item.pkId))"
+              :class="[twoId == item.pkId ? 'actTab' : 'tab_i']"
+            >
+              <view>{{ item.classifyName }}</view>
+              <!-- <view :class="[twoId == item.pkId ? 'heng' : 'heng1']"></view> -->
+            </view>
+          </view>
+        </u-scroll-list>
+        <view class="search">
+          <u--input
+            placeholder="请输入商品名称"
+            placeholderStyle="font-size:14px;"
+            prefixIcon="search"
+            shape="circle"
+            v-model="waresName"
+            border="none"
+            @confirm="getAllGoods1()"
+            prefixIconStyle="font-size: 22px;color: #909399"
+          ></u--input>
+        </view>
+        <view class="goodList">
+          <view
+            v-for="item in goodList"
+            :key="item.waresCode"
+            class="goodList_i"
+            @tap="goDetails(item)"
+          >
+            <view
+              class="fly"
+              v-show="item.preSaleStatus == 3 || item.isSale == 1"
+            ></view>
+            <view class="image-container">
+              <img :src="item.cover || item.cover1" class="cover" alt="" />
+              <!-- 三角形角标 -->
+              <view class="triangle-badge" v-if="item.warnMessage">
+                <view
+                  class="triangle-badge-text"
+                  :class="{
+                    'text-2': item.warnMessage.length === 2,
+                    'text-3': item.warnMessage.length === 3,
+                    'text-4': item.warnMessage.length === 4,
+                  }"
+                >
+                  {{ item.warnMessage }}
+                </view>
+              </view>
+            </view>
+            <view class="goodList_ir">
+              <view>
+                <span class="qzbq" v-if="item.prefixLabelTarget != undefined">{{
                   item.prefixLabelTarget.label
                 }}</span>
-								{{ item.waresName }}
-							</view>
-							<view class="pv"
-								v-if="specialArea != 18 && specialArea != 13&& specialArea != 31&& specialArea != 10">
-								业绩:{{ item.waresAchieve | numberToCurrency }}
-							</view>
-							<view class="pv" v-if="specialArea ==10">
-								积分可抵扣:{{ item.deductMoney | numberToCurrency }}
-							</view>
-							<view class="pv" v-if="specialArea == 31&&userInfo.isMakerSpace == 0">
-								业绩:{{ item.waresAchieve | numberToCurrency }}
-							</view>
-							<view class="pv" v-if="specialArea == 13">
-								BV:{{ item.assAchieve | numberToCurrency }}
-							</view>
-							<!-- <view class="pv"> 销量:{{ item.sales | seles }} </view> -->
-							<view class="goodList_ib">
-								<view v-if="specialArea == 31&&userInfo.isMakerSpace == 1">
-									{{ item.vipPrice | numberToCurrency  }}
-								</view>
-								<view v-if="(specialArea == 31&&userInfo.isMakerSpace == 0)||specialArea !=31">
-									{{ item.waresPrice | numberToCurrency }}
-								</view>
-								<img @click.stop="addCar(item)"
-									v-show="item.preSaleStatus != 3 && item.isSale != 1&&specialArea != 31"
-									src="@/static/images/cart.png" alt="" />
-								<img @click.stop="addCar(item)"
-									v-show="item.preSaleStatus != 3 && item.isSale != 1&&specialArea == 31&&userInfo.isMakerSpace == 0"
-									src="@/static/images/cart.png" alt="" />
-							</view>
-							<!-- <view class="pv" v-show="specialArea == 31"> 统一零售价:{{ item.retailPrice| numberToCurrency | isLocal}} </view> -->
-						</view>
-					</view>
-					<view class="zhan"></view>
-				</view>
-			</view>
-		</view>
-		<u-picker :show="isCountry" @cancel="isCountry = false" @confirm="sureCountry" :columns="countryList"
-			keyName="label"></u-picker>
-		<selSpaceGoods ref="selSpaceGoods" @getCar="getCatLength"></selSpaceGoods>
-		<cartBall ref="cart" :carLength="shopCarLength" :specialArea="specialArea"></cartBall>
-	</view>
+                {{ item.waresName }}
+              </view>
+              <view
+                class="pv"
+                v-if="
+                  specialArea != 18 &&
+                  specialArea != 13 &&
+                  specialArea != 31 &&
+                  specialArea != 10
+                "
+              >
+                业绩:{{ item.waresAchieve | numberToCurrency }}
+              </view>
+              <view class="pv" v-if="specialArea == 10">
+                积分可抵扣:{{ item.deductMoney | numberToCurrency }}
+              </view>
+              <view
+                class="pv"
+                v-if="specialArea == 31 && userInfo.isMakerSpace == 0"
+              >
+                业绩:{{ item.waresAchieve | numberToCurrency }}
+              </view>
+              <view class="pv" v-if="specialArea == 13">
+                BV:{{ item.assAchieve | numberToCurrency }}
+              </view>
+              <!-- <view class="pv"> 销量:{{ item.sales | seles }} </view> -->
+              <view class="goodList_ib">
+                <view v-if="specialArea == 31 && userInfo.isMakerSpace == 1">
+                  {{ item.vipPrice | numberToCurrency }}
+                </view>
+                <view
+                  v-if="
+                    (specialArea == 31 && userInfo.isMakerSpace == 0) ||
+                    specialArea != 31
+                  "
+                >
+                  {{ item.waresPrice | numberToCurrency }}
+                </view>
+                <img
+                  @click.stop="addCar(item)"
+                  v-show="
+                    item.preSaleStatus != 3 &&
+                    item.isSale != 1 &&
+                    specialArea != 31
+                  "
+                  src="@/static/images/cart.png"
+                  alt=""
+                />
+                <img
+                  @click.stop="addCar(item)"
+                  v-show="
+                    item.preSaleStatus != 3 &&
+                    item.isSale != 1 &&
+                    specialArea == 31 &&
+                    userInfo.isMakerSpace == 0
+                  "
+                  src="@/static/images/cart.png"
+                  alt=""
+                />
+              </view>
+              <!-- <view class="pv" v-show="specialArea == 31"> 统一零售价:{{ item.retailPrice| numberToCurrency | isLocal}} </view> -->
+            </view>
+          </view>
+          <view class="zhan"></view>
+        </view>
+      </view>
+    </view>
+    <u-picker
+      :show="isCountry"
+      @cancel="isCountry = false"
+      @confirm="sureCountry"
+      :columns="countryList"
+      keyName="label"
+    ></u-picker>
+    <selSpaceGoods ref="selSpaceGoods" @getCar="getCatLength"></selSpaceGoods>
+    <cartBall
+      ref="cart"
+      :carLength="shopCarLength"
+      :specialArea="specialArea"
+    ></cartBall>
+  </view>
 </template>
 
 <script>
-	import backIcon from "@/components/backIcon.vue";
-	import cartBall from "@/components/cartBall.vue";
-	import {
-		mapGetters,
-		mapActions
-	} from "vuex";
-	import * as api from "@/config/goods";
-	import clTabbar from "@/components/cl-tabbar.vue";
-	import selSpaceGoods from "@/components/selSpaceGoods.vue";
+import backIcon from '@/components/backIcon.vue'
+import cartBall from '@/components/cartBall.vue'
+import { mapGetters, mapActions } from 'vuex'
+import * as api from '@/config/goods'
+import clTabbar from '@/components/cl-tabbar.vue'
+import selSpaceGoods from '@/components/selSpaceGoods.vue'
 
-	export default {
-		components: {
-			"cl-tabbar": clTabbar,
-			backIcon,
-			cartBall,
-			selSpaceGoods,
-		},
-		computed: {},
-		filters: {
-			seles(value) {
-				if (value > 999) {
-					return 999 + "+";
-				} else {
-					return value;
-				}
-			},
-		},
-		data() {
-			return {
-				specialArea: 1,
-				oneList: [],
-				oneId: "",
-				twoList: [],
-				twoId: "",
-				goodList: [],
-				titLabel: "",
-				itemChildren: [],
-				diff: 0,
-				shopCarLength: false,
-				userInfo: {},
-				pkCountry: 1,
-				pkCountryLabel: "",
-				pkCountryImg: "",
-				countryList: [],
-				isCountry: false,
-				waresName: "",
-			};
-		},
-		onLoad(options) {
-			console.log('%c [ options ]-25', 'font-size:13px; background:#cb38d2; color:#ff7cff;', options)
-			if (JSON.parse(options.children).length > 0) {
-				let arr = [];
-				if (options.childArea) {
-					this.specialArea = options.childArea;
-					// this.diff = 1
-				} else {
-					JSON.parse(options.children).forEach((item) => {
-						if (item.isShow) {
-							arr.push(item.value);
-						}
-					});
-					this.specialArea = arr[0];
-					// this.diff = 0
-				}
-				if (options.diff) {
-					this.diff = options.diff;
-				}
-			} else {
-				this.specialArea = options.specialArea;
-			}
+export default {
+  components: {
+    'cl-tabbar': clTabbar,
+    backIcon,
+    cartBall,
+    selSpaceGoods,
+  },
+  computed: {},
+  filters: {
+    seles(value) {
+      if (value > 999) {
+        return 999 + '+'
+      } else {
+        return value
+      }
+    },
+  },
+  data() {
+    return {
+      specialArea: 1,
+      oneList: [],
+      oneId: '',
+      twoList: [],
+      twoId: '',
+      goodList: [],
+      titLabel: '',
+      itemChildren: [],
+      diff: 0,
+      shopCarLength: false,
+      userInfo: {},
+      pkCountry: 1,
+      pkCountryLabel: '',
+      pkCountryImg: '',
+      countryList: [],
+      isCountry: false,
+      waresName: '',
+    }
+  },
+  onLoad(options) {
+    console.log(
+      '%c [ options ]-25',
+      'font-size:13px; background:#cb38d2; color:#ff7cff;',
+      options
+    )
+    if (JSON.parse(options.children).length > 0) {
+      let arr = []
+      if (options.childArea) {
+        this.specialArea = options.childArea
+        // this.diff = 1
+      } else {
+        JSON.parse(options.children).forEach(item => {
+          if (item.isShow) {
+            arr.push(item.value)
+          }
+        })
+        this.specialArea = arr[0]
+        // this.diff = 0
+      }
+      if (options.diff) {
+        this.diff = options.diff
+      }
+    } else {
+      this.specialArea = options.specialArea
+    }
 
-			this.titLabel = options.label;
-			let tempArr = JSON.parse(options.children);
-			if (this.specialArea != 18) {
-				api.menuList().then((res) => {
-					tempArr = tempArr.filter(item => res.data.find(ctem => ctem.menuKey == item.name));
-					this.itemChildren = tempArr;
-				});
-			}
-			// 修改标题
-			uni.setNavigationBarTitle({
-				title: this.titLabel,
-				success: () => {},
-			});
-			// 获取一级分类并获取商品列表
-			// this.getClassIfy()
+    this.titLabel = options.label
+    let tempArr = JSON.parse(options.children)
+    if (this.specialArea != 18) {
+      api.menuList().then(res => {
+        tempArr = tempArr.filter(item =>
+          res.data.find(ctem => ctem.menuKey == item.name)
+        )
+        this.itemChildren = tempArr
+      })
+    }
+    // 修改标题
+    uni.setNavigationBarTitle({
+      title: this.titLabel,
+      success: () => {},
+    })
+    // 获取一级分类并获取商品列表
+    // this.getClassIfy()
 
-			this.userInfo = uni.getStorageSync("User");
-			console.log('%c [ this.userInfo ]-242', 'font-size:13px; background:#cb38d2; color:#ff7cff;', this.userInfo)
-			if (this.specialArea == 1) {
-				if (uni.getStorageSync("pkCountry")) {
-					this.pkCountry = uni.getStorageSync("pkCountry");
-				} else {
-					this.pkCountry = this.userInfo.pkSettleCountry;
-					uni.setStorageSync("pkCountry", this.pkCountry + "");
-				}
-			} else {
-				this.pkCountry = this.userInfo.pkSettleCountry;
-			}
-			this.setSpecial({
-				value: this.specialArea
-			});
-		},
-		onShow() {
-			let that = this;
-			uni.$on("returnData", function(data) {
-				that.specialArea = data.value;
-				that.setSpecial({
-					value: data.value
-				});
-			});
-			// 获取国家
-			this.getJScountry();
-			this.$nextTick(() => {
-				this.$refs.cart.getCar()
-			})
-		},
-		onHide() {
-			this.$refs.cart.close()
-			this.setSmallCarLength(0)
-		},
-		beforeDestroy() {
-			console.log('beforeDestroy........?')
-			this.setSmallCarLength(0)
-		},
-		methods: {
-			...mapActions(['setSmallCarLength', 'setShopCarLength']),
-			changeCountry() {
-				this.isCountry = true;
-			},
-			sureCountry(e) {
-				const {
-					value
-				} = e;
-				this.pkCountry = value[0].id;
-				this.pkCountryLabel = value[0].label;
-				this.pkCountryImg = value[0].img;
-				this.isCountry = false;
-				uni.setStorageSync("pkCountry", this.pkCountry + "");
-				// 获取分类一级
-				this.getClassIfy();
-				this.$refs.cart.getCar();
-			},
-			getJScountry() {
-				api.currencyList().then((res) => {
-					let data = res.data.map((item) => {
-						return {
-							img: item.nationalFlag2,
-							id: item.pkId,
-							label: item.shortName,
-						};
-					});
-					this.countryList = [data];
-					this.countryList[0].forEach((item) => {
-						if (item.id == this.pkCountry) {
-							this.pkCountryLabel = item.label;
-							this.pkCountryImg = item.img;
-						}
-					});
-				});
-			},
-			goShare() {
-				uni.navigateTo({
-					url: "/pages/specialArea/share?specialArea=7",
-				});
-			},
-			setSpecial(item) {
-				if (item.value == 21) {
-					// uni.navigateTo({
-					//   url:
-					//     '/pages/specialArea/haIndex?label=' +
-					//     this.titLabel +
-					//     '&specialArea=21&children=' +
-					//     JSON.stringify(this.itemChildren),
-					// })
-				} else {
-					this.specialArea = item.value;
-					this.getClassIfy();
-				}
-			},
-			addCar(item) {
-				let carList = {
-					pkCountry: this.pkCountry,
-					specialArea: item.specialArea,
-					number: 1,
-					waresCode: item.waresCode,
-					productGroup: item.productGroup,
-				};
-				if (
-					item.isMakerGift == 2 &&
-					(item.specialArea == 1 || item.specialArea == 3)
-				) {
-					this.$refs.selSpaceGoods.getData(carList);
-				} else {
-					api.addShopping(carList).then((res) => {
-						if (res.code == 200) {
-							uni.showToast({
-								title: '购物车添加成功',
-								icon: "success",
-								mask: true,
-							});
-							setTimeout(() => {
-								this.$store
-									.dispatch("getCarLength", this.specialArea)
-									.then((res) => {
-										this.shopCarLength = res.data.smallCount;
-									});
-							}, 200);
-						}
-					});
-				}
-			},
-			getCatLength() {
-				this.$store.dispatch("getCarLength", this.specialArea).then((res) => {
-					this.shopCarLength = res.data.smallCount;
-				});
-			},
-			getClassIfy() {
-				api
-					.classifyList({
-						pkCountry: this.pkCountry,
-						specialArea: this.specialArea,
-						hierarchy: 0,
-					})
-					.then((res) => {
-						res.data.unshift({
-							classifyName: '全部',
-							pkId: "",
-						});
-						this.oneList = res.data;
-						this.oneId = this.oneList[0]?this.oneList[0].pkId : '';
-						this.getClassIfyTwo(this.oneList[0].pkId);
-						this.getAllGoods(this.oneList[0].pkId);
-					});
-			},
-			// 获取分类二级
-			getClassIfyTwo(pkId) {
-				api
-					.classifyList({
-						specialArea: this.specialArea,
-						pkParent: pkId,
-						hierarchy: 1,
-						pkCountry: this.pkCountry,
-					})
-					.then((res) => {
-						res.data.unshift({
-							classifyName: '全部',
-							pkId: pkId,
-						});
-						this.twoList = res.data;
-						this.twoId = pkId;
-					});
-			},
-			getAllGoods(id) {
-				api
-					.getAllGoods({
-						pkCountry: this.pkCountry,
-						specialArea: Number(this.specialArea),
-						pkAreaClassify: id ? id : "",
-					})
-					.then((res) => {
-						this.goodList = res.data;
-						this.goodList.forEach((item) => {
-							if (item.waresName.length > 11) {
-								item.waresName = item.waresName.substring(0, 11) + "...";
-							}
-						});
-					});
-			},
-			getAllGoods1(id) {
-				api
-					.getAllGoods({
-						pkCountry: this.pkCountry,
-						specialArea: this.specialArea,
-						waresName: this.waresName,
-						pkAreaClassify: id ? id : this.oneId,
-					})
-					.then((res) => {
-						this.goodList = res.data;
-						this.goodList.forEach((item) => {
-							if (item.waresName.length > 11) {
-								item.waresName = item.waresName.substring(0, 11) + "...";
-							}
-						});
-					});
-			},
-			goDetails(item) {
-				if (item.preSaleStatus != 3 && item.isSale != 1) {
-					uni.navigateTo({
-						url: "/pages/specialArea/details?waresCode=" +
-							item.waresCode +
-							"&specialArea=" +
-							item.specialArea,
-					});
-				}
-			},
-		},
-	};
+    this.userInfo = uni.getStorageSync('User')
+    console.log(
+      '%c [ this.userInfo ]-242',
+      'font-size:13px; background:#cb38d2; color:#ff7cff;',
+      this.userInfo
+    )
+    if (this.specialArea == 1) {
+      if (uni.getStorageSync('pkCountry')) {
+        this.pkCountry = uni.getStorageSync('pkCountry')
+      } else {
+        this.pkCountry = this.userInfo.pkSettleCountry
+        uni.setStorageSync('pkCountry', this.pkCountry + '')
+      }
+    } else {
+      this.pkCountry = this.userInfo.pkSettleCountry
+    }
+    this.setSpecial({
+      value: this.specialArea,
+    })
+  },
+  onShow() {
+    let that = this
+    uni.$on('returnData', function (data) {
+      that.specialArea = data.value
+      that.setSpecial({
+        value: data.value,
+      })
+    })
+    // 获取国家
+    this.getJScountry()
+    this.$nextTick(() => {
+      this.$refs.cart.getCar()
+    })
+  },
+  onHide() {
+    this.$refs.cart.close()
+    this.setSmallCarLength(0)
+  },
+  beforeDestroy() {
+    console.log('beforeDestroy........?')
+    this.setSmallCarLength(0)
+  },
+  methods: {
+    ...mapActions(['setSmallCarLength', 'setShopCarLength']),
+    changeCountry() {
+      this.isCountry = true
+    },
+    sureCountry(e) {
+      const { value } = e
+      this.pkCountry = value[0].id
+      this.pkCountryLabel = value[0].label
+      this.pkCountryImg = value[0].img
+      this.isCountry = false
+      uni.setStorageSync('pkCountry', this.pkCountry + '')
+      // 获取分类一级
+      this.getClassIfy()
+      this.$refs.cart.getCar()
+    },
+    getJScountry() {
+      api.currencyList().then(res => {
+        let data = res.data.map(item => {
+          return {
+            img: item.nationalFlag2,
+            id: item.pkId,
+            label: item.shortName,
+          }
+        })
+        this.countryList = [data]
+        this.countryList[0].forEach(item => {
+          if (item.id == this.pkCountry) {
+            this.pkCountryLabel = item.label
+            this.pkCountryImg = item.img
+          }
+        })
+      })
+    },
+    goShare() {
+      uni.navigateTo({
+        url: '/pages/specialArea/share?specialArea=7',
+      })
+    },
+    setSpecial(item) {
+      if (item.value == 21) {
+        // uni.navigateTo({
+        //   url:
+        //     '/pages/specialArea/haIndex?label=' +
+        //     this.titLabel +
+        //     '&specialArea=21&children=' +
+        //     JSON.stringify(this.itemChildren),
+        // })
+      } else {
+        this.specialArea = item.value
+        this.getClassIfy()
+      }
+    },
+    addCar(item) {
+      let carList = {
+        pkCountry: this.pkCountry,
+        specialArea: item.specialArea,
+        number: 1,
+        waresCode: item.waresCode,
+        productGroup: item.productGroup,
+      }
+      if (
+        item.isMakerGift == 2 &&
+        (item.specialArea == 1 || item.specialArea == 3)
+      ) {
+        this.$refs.selSpaceGoods.getData(carList)
+      } else {
+        api.addShopping(carList).then(res => {
+          if (res.code == 200) {
+            uni.showToast({
+              title: '购物车添加成功',
+              icon: 'success',
+              mask: true,
+              duration: 500,
+            })
+            setTimeout(() => {
+              this.$store
+                .dispatch('getCarLength', this.specialArea)
+                .then(res => {
+                  this.shopCarLength = res.data.smallCount
+                })
+            }, 200)
+          }
+        })
+      }
+    },
+    getCatLength() {
+      this.$store.dispatch('getCarLength', this.specialArea).then(res => {
+        this.shopCarLength = res.data.smallCount
+      })
+    },
+    getClassIfy() {
+      api
+        .classifyList({
+          pkCountry: this.pkCountry,
+          specialArea: this.specialArea,
+          hierarchy: 0,
+        })
+        .then(res => {
+          res.data.unshift({
+            classifyName: '全部',
+            pkId: '',
+          })
+          this.oneList = res.data
+          this.oneId = this.oneList[0] ? this.oneList[0].pkId : ''
+          this.getClassIfyTwo(this.oneList[0].pkId)
+          this.getAllGoods(this.oneList[0].pkId)
+        })
+    },
+    // 获取分类二级
+    getClassIfyTwo(pkId) {
+      api
+        .classifyList({
+          specialArea: this.specialArea,
+          pkParent: pkId,
+          hierarchy: 1,
+          pkCountry: this.pkCountry,
+        })
+        .then(res => {
+          res.data.unshift({
+            classifyName: '全部',
+            pkId: pkId,
+          })
+          this.twoList = res.data
+          this.twoId = pkId
+        })
+    },
+    getAllGoods(id) {
+      api
+        .getAllGoods({
+          pkCountry: this.pkCountry,
+          specialArea: Number(this.specialArea),
+          pkAreaClassify: id ? id : '',
+        })
+        .then(res => {
+          this.goodList = res.data
+          this.goodList.forEach(item => {
+            if (item.waresName.length > 11) {
+              item.waresName = item.waresName.substring(0, 11) + '...'
+            }
+          })
+        })
+    },
+    getAllGoods1(id) {
+      api
+        .getAllGoods({
+          pkCountry: this.pkCountry,
+          specialArea: this.specialArea,
+          waresName: this.waresName,
+          pkAreaClassify: id ? id : this.oneId,
+        })
+        .then(res => {
+          this.goodList = res.data
+          this.goodList.forEach(item => {
+            if (item.waresName.length > 11) {
+              item.waresName = item.waresName.substring(0, 11) + '...'
+            }
+          })
+        })
+    },
+    goDetails(item) {
+      if (item.preSaleStatus != 3 && item.isSale != 1) {
+        uni.navigateTo({
+          url:
+            '/pages/specialArea/details?waresCode=' +
+            item.waresCode +
+            '&specialArea=' +
+            item.specialArea,
+        })
+      }
+    },
+  },
+}
 </script>
 
 <style lang="scss" scoped>
-	.index_header {
-		background: #fff;
-		font-size: 18px;
-		font-family: PingFang SC-Semibold, PingFang SC;
-		font-weight: 600;
-		color: #333333;
-		text-align: center;
-		padding: 10px 0;
-	}
+.index_header {
+  background: #fff;
+  font-size: 18px;
+  font-family:
+    PingFang SC-Semibold,
+    PingFang SC;
+  font-weight: 600;
+  color: #333333;
+  text-align: center;
+  padding: 10px 0;
+}
 
-	.content {
-		background: #f9f9f9;
-		height: 93vh;
-		display: flex;
-		flex-direction: column;
-		overflow: hidden;
-	}
+.content {
+  background: #f9f9f9;
+  height: 93vh;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
 
-	.tabList_a {}
+.tabList_a {
+}
 
-	.index_btm {
-		flex: 1; // display: flex;
+.index_btm {
+  flex: 1; // display: flex;
 
-		.index_l {
-			width: 198rpx;
-			padding: 10rpx 0;
-			font-size: 11px;
-			font-family: PingFang SC-Regular, PingFang SC;
-			font-weight: 400;
-			color: #000000;
-			overflow-y: auto;
-			display: flex;
-			flex-direction: column;
-			position: absolute;
-			height: 86vh;
-			background: #f2f2f2;
-		}
+  .index_l {
+    width: 198rpx;
+    padding: 10rpx 0;
+    font-size: 11px;
+    font-family:
+      PingFang SC-Regular,
+      PingFang SC;
+    font-weight: 400;
+    color: #000000;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    position: absolute;
+    height: 86vh;
+    background: #f2f2f2;
+  }
 
-		.index_r {
-			// flex: 1;
-			background: #fff;
-			margin-left: 198rpx; // padding: 20rpx;
-			// display: flex;
-		}
-	}
+  .index_r {
+    // flex: 1;
+    background: #fff;
+    margin-left: 198rpx; // padding: 20rpx;
+    // display: flex;
+  }
+}
 
-	.classIfy {
-		padding: 20rpx 20rpx;
-		margin: 20rpx 0;
-		font-size: 26rpx;
-		font-family: Microsoft YaHei;
-		font-weight: 400;
-		color: #666666;
-		
-	}
+.classIfy {
+  padding: 20rpx 20rpx;
+  margin: 20rpx 0;
+  font-size: 26rpx;
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  color: #666666;
+}
 
-	.actOne {
-		// border-left: 6rpx solid #005BAC;
-		color: #fff;
-		background: #005BAC;
-	}
+.actOne {
+  // border-left: 6rpx solid #005BAC;
+  color: #fff;
+  background: #005bac;
+}
 
-	.tab {
-		display: flex;
-		align-items: center;
-		padding: 0 24rpx;
-		margin-top: 20rpx;
-		
-	}
+.tab {
+  display: flex;
+  align-items: center;
+  padding: 0 24rpx;
+  margin-top: 20rpx;
+}
 
-	.tab_i {
-		// width: 120rpx;
-		text-align: center;
-		font-size: 14px;
-		font-weight: 600;
-		color: #999999;
-		margin-right: 28rpx;
-		white-space: nowrap;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		background-color: #f6f6f6;
-		color: #666;
-		border-radius: 200rpx;
-		padding: 0 20rpx;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		line-height: 1;
-		height: 58rpx;
-		box-sizing: border-box;
-	}
+.tab_i {
+  // width: 120rpx;
+  text-align: center;
+  font-size: 14px;
+  font-weight: 600;
+  color: #999999;
+  margin-right: 28rpx;
+  white-space: nowrap;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background-color: #f6f6f6;
+  color: #666;
+  border-radius: 200rpx;
+  padding: 0 20rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  line-height: 1;
+  height: 58rpx;
+  box-sizing: border-box;
+}
 
-	.actTab {
-		// width: 120rpx;
-		text-align: center;
-		font-size: 14px;
-		font-family: PingFang SC-Semibold, PingFang SC;
-		font-weight: 600;
-		// color: #005BAC;
-		background-color: #005BAC;
-		color: #fff;
-		margin-right: 28rpx;
-		white-space: nowrap;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		border-radius: 200rpx;
-		padding: 0 20rpx;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		line-height: 1;
-		height: 58rpx;
-		box-sizing: border-box;
-	}
+.actTab {
+  // width: 120rpx;
+  text-align: center;
+  font-size: 14px;
+  font-family:
+    PingFang SC-Semibold,
+    PingFang SC;
+  font-weight: 600;
+  // color: #005BAC;
+  background-color: #005bac;
+  color: #fff;
+  margin-right: 28rpx;
+  white-space: nowrap;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  border-radius: 200rpx;
+  padding: 0 20rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  line-height: 1;
+  height: 58rpx;
+  box-sizing: border-box;
+}
 
-	.heng {
-		width: 24px;
-		height: 2px;
-		background: #005BAC;
-		border-radius: 1px 1px 1px 1px;
-		margin-top: 4rpx;
-	}
+.heng {
+  width: 24px;
+  height: 2px;
+  background: #005bac;
+  border-radius: 1px 1px 1px 1px;
+  margin-top: 4rpx;
+}
 
-	.heng1 {
-		width: 24px;
-		height: 2px;
-		background: f9f9f9;
-		border-radius: 1px 1px 1px 1px;
-		margin-top: 4rpx;
-	}
+.heng1 {
+  width: 24px;
+  height: 2px;
+  background: f9f9f9;
+  border-radius: 1px 1px 1px 1px;
+  margin-top: 4rpx;
+}
 
-	.heng2 {
-		width: 24px;
-		height: 2px;
-		background: f9f9f9;
-		border-radius: 1px 1px 1px 1px;
-		margin-top: 4rpx;
-	}
+.heng2 {
+  width: 24px;
+  height: 2px;
+  background: f9f9f9;
+  border-radius: 1px 1px 1px 1px;
+  margin-top: 4rpx;
+}
 
-	::v-deep .u-scroll-list {
-		padding-bottom: 10rpx;
-	}
+::v-deep .u-scroll-list {
+  padding-bottom: 10rpx;
+}
 
-	.zhan {
-		height: 200px;
-	}
+.zhan {
+  height: 200px;
+}
 
-	.goodList {
-		padding: 0 20rpx;
-		height: 95vh;
-		overflow-y: auto;
+.goodList {
+  padding: 0 20rpx;
+  height: 95vh;
+  overflow-y: auto;
 
-		.goodList_i {
-			display: flex;
-			border-bottom: 1px solid #eee;
-			padding: 20rpx 0;
-			position: relative;
+  .goodList_i {
+    display: flex;
+    border-bottom: 1px solid #eee;
+    padding: 20rpx 0;
+    position: relative;
 
-			.goodList_ir {
-				margin-left: 20rpx;
-				flex: 1;
-				display: flex;
-				flex-direction: column;
-				justify-content: space-between;
-				font-size: 24rpx;
-				font-family: Microsoft YaHei;
-				font-weight: 400;
-				color: #333333;
+    .goodList_ir {
+      margin-left: 20rpx;
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      font-size: 24rpx;
+      font-family: Microsoft YaHei;
+      font-weight: 400;
+      color: #333333;
 
-				.goodList_ib {
-					display: flex;
-					align-items: center;
-					justify-content: space-between;
-					font-size: 28rpx;
-					font-family: Source Han Sans CN;
-					font-weight: 400;
-					color: #f82c1a;
+      .goodList_ib {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        font-size: 28rpx;
+        font-family: Source Han Sans CN;
+        font-weight: 400;
+        color: #f82c1a;
 
-					img {
-						width: 56rpx;
-						height: 56rpx;
-					}
-				}
-			}
+        img {
+          width: 56rpx;
+          height: 56rpx;
+        }
+      }
+    }
 
-			.fly {
-				position: absolute;
-				width: 100%;
-				height: 100%;
-				top: 0;
-				background: #eee;
-				opacity: 0.5;
-			}
-		}
+    .fly {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      top: 0;
+      background: #eee;
+      opacity: 0.5;
+    }
+  }
 
-		.cover {
-			width: 152rpx;
-			height: 152rpx;
-			background: #ffffff;
-			border: 1px solid #eeeeee;
-			border-radius: 10rpx;
-		}
-	}
+  .cover {
+    width: 152rpx;
+    height: 152rpx;
+    background: #ffffff;
+    border: 1px solid #eeeeee;
+    border-radius: 10rpx;
+  }
+}
 
-	.pv {
-		font-size: 22rpx;
-		font-family: Source Han Sans CN;
-		font-weight: 400;
-		color: #999999;
-	}
+.pv {
+  font-size: 22rpx;
+  font-family: Source Han Sans CN;
+  font-weight: 400;
+  color: #999999;
+}
 
-	.shareImg {
-		position: fixed;
-		margin: 14rpx 24rpx;
-		z-index: 9999;
-		right: 20rpx;
-		top: 5rpx;
-	}
+.shareImg {
+  position: fixed;
+  margin: 14rpx 24rpx;
+  z-index: 9999;
+  right: 20rpx;
+  top: 5rpx;
+}
 
-	.shareImg1 {
-		position: fixed;
-		margin: 14rpx 24rpx;
-		z-index: 1;
-		right: 10rpx;
-		top: 10rpx;
-		display: flex;
-		align-items: center;
+.shareImg1 {
+  position: fixed;
+  margin: 14rpx 24rpx;
+  z-index: 1;
+  right: 10rpx;
+  top: 10rpx;
+  display: flex;
+  align-items: center;
 
-		img {
-			width: 40rpx;
-			height: 30rpx;
-			margin-right: 20rpx;
-		}
-	}
+  img {
+    width: 40rpx;
+    height: 30rpx;
+    margin-right: 20rpx;
+  }
+}
 
-	.qzbq {
-		background: #d61820;
-		border-radius: 2px 2px 2px 2px;
-		font-size: 10px;
-		// font-family: PingFang SC-Semibold, PingFang SC;
-		// font-weight: 600;
-		color: #ffffff;
-		padding: 0px 5px;
-		margin-right: 5px;
-	}
+.qzbq {
+  background: #d61820;
+  border-radius: 2px 2px 2px 2px;
+  font-size: 10px;
+  // font-family: PingFang SC-Semibold, PingFang SC;
+  // font-weight: 600;
+  color: #ffffff;
+  padding: 0px 5px;
+  margin-right: 5px;
+}
 
-	.search {
-		margin: 10rpx 20rpx;
-		padding: 10rpx;
-		background: #eeeeee;
-		border-radius: 20px;
-		font-size: 14px;
-	}
-</style>
\ No newline at end of file
+.search {
+  margin: 10rpx 20rpx;
+  padding: 10rpx;
+  background: #eeeeee;
+  border-radius: 20px;
+  font-size: 14px;
+}
+.image-container {
+  position: relative;
+}
+
+.triangle-badge {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 0;
+  height: 0;
+  border-top: 90rpx solid #005bac;
+  border-right: 90rpx solid transparent;
+  border-radius: 10rpx 0 0 0;
+  z-index: 10;
+}
+
+.triangle-badge-text {
+  position: absolute;
+  color: #ffffff;
+  font-weight: 600;
+  line-height: 1;
+  transform: rotate(-45deg);
+  transform-origin: center;
+  white-space: nowrap;
+  text-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.2);
+}
+
+/* 2个字样式 */
+.triangle-badge-text.text-2 {
+  top: -68rpx;
+  left: 10rpx;
+  font-size: 22rpx;
+}
+
+/* 3个字样式 */
+.triangle-badge-text.text-3 {
+  top: -68rpx;
+  left: 4rpx;
+  font-size: 20rpx;
+}
+
+/* 4个字样式 */
+.triangle-badge-text.text-4 {
+  top: -64rpx;
+  left: 0rpx;
+  font-size: 18rpx;
+}
+</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