From 5527a30484ea8437571ed542c87408b9670eee94 Mon Sep 17 00:00:00 2001
From: woody <woody@163>
Date: Mon, 9 Jun 2025 14:39:09 +0800
Subject: [PATCH] =?UTF-8?q?feat(specialArea):=20=E4=B8=93=E5=8C=BA?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/cl-tabbar.vue         | 159 ++++++--
 config/special-area.js           |   3 +-
 pages/index/index.vue            |   6 +-
 pages/mine/bindBank/bindBank.vue | 619 ++++++++++++++++++-------------
 pages/pay/bindBank.vue           | 116 +++---
 pages/specialArea/index.vue      | 496 +++++--------------------
 util/specialAreaMap.js           |  18 +
 7 files changed, 649 insertions(+), 768 deletions(-)
 create mode 100644 util/specialAreaMap.js

diff --git a/components/cl-tabbar.vue b/components/cl-tabbar.vue
index 3d7b54d..a5961b1 100644
--- a/components/cl-tabbar.vue
+++ b/components/cl-tabbar.vue
@@ -1,65 +1,164 @@
 <!--
- * @Descripttion: 
- * @version: 
+ * @Descripttion:
+ * @version:
  * @Author: kBank
  * @Date: 2022-11-21 15:11:22
 -->
 <template>
   <view>
     <!-- v-if="user.skin == 0" -->
-    <u-tabbar v-if="systemSkin === 0" :value="current ? current : 0"  @change="tabbarChange" :fixed="true" :placeholder="false"
-      :border="false" :safeAreaInsetBottom="true" inactiveColor="#666666" activeColor="#333333">
+    <u-tabbar
+      v-if="systemSkin === 0"
+      :value="current ? current : 0"
+      @change="tabbarChange"
+      :fixed="true"
+      :placeholder="false"
+      :border="false"
+      :safeAreaInsetBottom="true"
+      inactiveColor="#666666"
+      activeColor="#333333"
+    >
       <u-tabbar-item :text="'首页'">
-        <image class="u-page__item__slot-icon" slot="active-icon" src="@/static/images/one1.png"></image>
-        <image class="u-page__item__slot-icon" slot="inactive-icon" src="@/static/images/one2.png"></image>
+        <image
+          class="u-page__item__slot-icon"
+          slot="active-icon"
+          src="@/static/images/one1.png"
+        ></image>
+        <image
+          class="u-page__item__slot-icon"
+          slot="inactive-icon"
+          src="@/static/images/one2.png"
+        ></image>
       </u-tabbar-item>
       <u-tabbar-item :text="'站内信'">
-        <image class="u-page__item__slot-icon" slot="active-icon" src="@/static/images/two1.png"></image>
-        <image class="u-page__item__slot-icon" slot="inactive-icon" src="@/static/images/two2.png"></image>
+        <image
+          class="u-page__item__slot-icon"
+          slot="active-icon"
+          src="@/static/images/two1.png"
+        ></image>
+        <image
+          class="u-page__item__slot-icon"
+          slot="inactive-icon"
+          src="@/static/images/two2.png"
+        ></image>
       </u-tabbar-item>
       <u-tabbar-item :text="'会员专区'">
-        <image class="u-page__item__slot-icon" slot="active-icon" src="@/static/images/five1.jpg"></image>
-        <image class="u-page__item__slot-icon" slot="inactive-icon" src="@/static/images/five2.jpg"></image>
+        <image
+          class="u-page__item__slot-icon"
+          slot="active-icon"
+          src="@/static/images/five1.jpg"
+        ></image>
+        <image
+          class="u-page__item__slot-icon"
+          slot="inactive-icon"
+          src="@/static/images/five2.jpg"
+        ></image>
       </u-tabbar-item>
       <u-tabbar-item :text="'购物车'" :badge="shopCarLength">
-        <image class="u-page__item__slot-icon" slot="active-icon" src="@/static/images/three1.png"></image>
-        <image class="u-page__item__slot-icon" slot="inactive-icon" src="@/static/images/three2.png"></image>
+        <image
+          class="u-page__item__slot-icon"
+          slot="active-icon"
+          src="@/static/images/three1.png"
+        ></image>
+        <image
+          class="u-page__item__slot-icon"
+          slot="inactive-icon"
+          src="@/static/images/three2.png"
+        ></image>
       </u-tabbar-item>
 
       <u-tabbar-item :text="'我的'">
-        <image class="u-page__item__slot-icon" slot="active-icon" src="@/static/images/fore1.png"></image>
-        <image class="u-page__item__slot-icon" slot="inactive-icon" src="@/static/images/fore2.png"></image>
+        <image
+          class="u-page__item__slot-icon"
+          slot="active-icon"
+          src="@/static/images/fore1.png"
+        ></image>
+        <image
+          class="u-page__item__slot-icon"
+          slot="inactive-icon"
+          src="@/static/images/fore2.png"
+        ></image>
       </u-tabbar-item>
     </u-tabbar>
-    <u-tabbar :value="current ? current : 0" class="greenEd" v-if="systemSkin === 2" @change="tabbarChange" :fixed="true"
-      :placeholder="false" :border="false" :safeAreaInsetBottom="true" inactiveColor="#666666" activeColor="#333333">
+    <u-tabbar
+      :value="current ? current : 0"
+      class="greenEd"
+      v-if="systemSkin === 2"
+      @change="tabbarChange"
+      :fixed="true"
+      :placeholder="false"
+      :border="false"
+      :safeAreaInsetBottom="true"
+      inactiveColor="#666666"
+      activeColor="#333333"
+    >
       <u-tabbar-item :text="'首页'">
-        <image class="u-page__item__slot-icon1" slot="active-icon" src="@/static/images/one11.jpg"></image>
-        <image class="u-page__item__slot-icon1" slot="inactive-icon" src="@/static/images/one11.jpg"></image>
+        <image
+          class="u-page__item__slot-icon1"
+          slot="active-icon"
+          src="@/static/images/one11.jpg"
+        ></image>
+        <image
+          class="u-page__item__slot-icon1"
+          slot="inactive-icon"
+          src="@/static/images/one11.jpg"
+        ></image>
       </u-tabbar-item>
       <u-tabbar-item :text="'站内信'">
-        <image class="u-page__item__slot-icon1" slot="active-icon" src="@/static/images/two11.jpg"></image>
-        <image class="u-page__item__slot-icon1" slot="inactive-icon" src="@/static/images/two11.jpg"></image>
+        <image
+          class="u-page__item__slot-icon1"
+          slot="active-icon"
+          src="@/static/images/two11.jpg"
+        ></image>
+        <image
+          class="u-page__item__slot-icon1"
+          slot="inactive-icon"
+          src="@/static/images/two11.jpg"
+        ></image>
       </u-tabbar-item>
       <u-tabbar-item :text="'会员专区'">
-        <image class="u-page__item__slot-icon2" slot="active-icon" src="@/static/images/five11.jpg"></image>
-        <image class="u-page__item__slot-icon2" slot="inactive-icon" src="@/static/images/five11.jpg"></image>
+        <image
+          class="u-page__item__slot-icon2"
+          slot="active-icon"
+          src="@/static/images/five11.jpg"
+        ></image>
+        <image
+          class="u-page__item__slot-icon2"
+          slot="inactive-icon"
+          src="@/static/images/five11.jpg"
+        ></image>
       </u-tabbar-item>
       <u-tabbar-item :text="'购物车'" :badge="shopCarLength">
-        <image class="u-page__item__slot-icon1" slot="active-icon" src="@/static/images/three11.jpg"></image>
-        <image class="u-page__item__slot-icon1" slot="inactive-icon" src="@/static/images/three11.jpg"></image>
+        <image
+          class="u-page__item__slot-icon1"
+          slot="active-icon"
+          src="@/static/images/three11.jpg"
+        ></image>
+        <image
+          class="u-page__item__slot-icon1"
+          slot="inactive-icon"
+          src="@/static/images/three11.jpg"
+        ></image>
       </u-tabbar-item>
 
       <u-tabbar-item :text="'我的'">
-        <image class="u-page__item__slot-icon1" slot="active-icon" src="@/static/images/fore11.jpg"></image>
-        <image class="u-page__item__slot-icon1" slot="inactive-icon" src="@/static/images/fore11.jpg"></image>
+        <image
+          class="u-page__item__slot-icon1"
+          slot="active-icon"
+          src="@/static/images/fore11.jpg"
+        ></image>
+        <image
+          class="u-page__item__slot-icon1"
+          slot="inactive-icon"
+          src="@/static/images/fore11.jpg"
+        ></image>
       </u-tabbar-item>
     </u-tabbar>
   </view>
 </template>
 
 <script>
-import { mapGetters } from "vuex";
+import { mapGetters } from 'vuex'
 export default {
   props: {
     current: Number,
@@ -94,8 +193,8 @@ export default {
   computed: {
     ...mapGetters(['shopCarLength', 'user']),
     systemSkin() {
-      return this.user.skin || 0
-    }
+      return this.user?.skin || 0
+    },
   },
   methods: {
     tabbarChange(e) {
@@ -131,7 +230,7 @@ export default {
   }
 
   ::v-deep .u-tabbar__content__item-wrapper {
-    height: 80px
+    height: 80px;
   }
 
   ::v-deep .u-tabbar-item {
diff --git a/config/special-area.js b/config/special-area.js
index 4b96ca6..3a1a5bc 100644
--- a/config/special-area.js
+++ b/config/special-area.js
@@ -1,4 +1,5 @@
 const http = uni.$u.http
 
 //会员专区商品列表
-export const getAreaGoods = (params) => http.get('/sale/api/wares/list-wares', params)
\ No newline at end of file
+export const getAreaGoods = params =>
+  http.post('/sale/api/retail-wares/wares-list', params)
diff --git a/pages/index/index.vue b/pages/index/index.vue
index a9df53f..4236975 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -142,7 +142,7 @@
         ></directrank-popup>
          -->
 
-        <u-modal
+        <!-- <u-modal
           :show="promptFlag"
           title="提示"
           :closeOnClickOverlay="true"
@@ -153,7 +153,7 @@
           @cancel="promptFlag = false"
           @confirm="toDel"
           :content="promptMsg"
-        ></u-modal>
+        ></u-modal> -->
       </div>
     </view>
   </view>
@@ -401,7 +401,7 @@ export default {
     this.getGoodsInfo()
     this.getAreaGoods()
     // this.getLanguage();
-    this.getService()
+    // this.getService()
   },
   onShow() {
     this.$store.dispatch('getCarLength')
diff --git a/pages/mine/bindBank/bindBank.vue b/pages/mine/bindBank/bindBank.vue
index 81fabbc..788b9b6 100644
--- a/pages/mine/bindBank/bindBank.vue
+++ b/pages/mine/bindBank/bindBank.vue
@@ -1,273 +1,378 @@
 <template>
-	<view class="content">
-		<view class="theform">
-			<u--form labelPosition="left" :model="dataForm" :rules="rules" ref="uForm">
-				<u-form-item label-width="200rpx" :label="'银行卡号'" borderBottom prop="cardNumber" ref="item1">
-					<u--input v-model="dataForm.cardNumber" disabledColor="#F5F5F5;" border="none"></u--input>
-				</u-form-item>
-				<u-form-item borderBottom label-width="200rpx" :label="'银行名称'" prop="bankName"
-					@click="showAmount = true; " ref="item1">
-					<u--input v-model="dataForm.bankName" disabledColor="#ffffff" :placeholder="'请选择'"
-						border="none"></u--input>
-					<u-icon slot="right" name="arrow-right"></u-icon>
-				</u-form-item>
+  <view class="content">
+    <view class="theform">
+      <u--form
+        labelPosition="left"
+        :model="dataForm"
+        :rules="rules"
+        ref="uForm"
+      >
+        <u-form-item
+          label-width="200rpx"
+          :label="'银行卡号'"
+          borderBottom
+          prop="cardNumber"
+          ref="item1"
+        >
+          <u--input
+            v-model="dataForm.cardNumber"
+            disabledColor="#F5F5F5;"
+            border="none"
+          ></u--input>
+        </u-form-item>
+        <u-form-item
+          borderBottom
+          label-width="200rpx"
+          :label="'银行名称'"
+          prop="bankName"
+          @click="showAmount = true"
+          ref="item1"
+        >
+          <u--input
+            v-model="dataForm.bankName"
+            disabledColor="#ffffff"
+            :placeholder="'请选择'"
+            border="none"
+          ></u--input>
+          <u-icon slot="right" name="arrow-right"></u-icon>
+        </u-form-item>
 
+        <u-form-item
+          label-width="200rpx"
+          :label="'开户支行'"
+          prop="subBankName"
+          borderBottom
+          ref="item1"
+        >
+          <u--input
+            v-model="dataForm.subBankName"
+            disabledColor="#F5F5F5;"
+            border="none"
+          ></u--input>
+        </u-form-item>
+        <u-form-item
+          label-width="200rpx"
+          :label="'真实姓名'"
+          prop="accountName"
+          borderBottom
+          ref="item1"
+        >
+          <u--input
+            :placeholder="'请输入'"
+            v-model="dataForm.accountName"
+            border="none"
+          ></u--input>
+        </u-form-item>
+        <u-form-item
+          label-width="200rpx"
+          :label="'证件号码'"
+          prop="idCard"
+          borderBottom
+          ref="item1"
+        >
+          <u--input
+            v-model="dataForm.idCard"
+            :placeholder="'请输入'"
+            disabledColor="#F5F5F5;"
+            border="none"
+          ></u--input>
+        </u-form-item>
+        <u-form-item
+          label-width="200rpx"
+          :label="'联系方式'"
+          prop="phone"
+          borderBottom
+          ref="item1"
+        >
+          <u--input
+            v-model="dataForm.phone"
+            :placeholder="'请输入'"
+            maxlength="20"
+            border="none"
+          ></u--input>
+        </u-form-item>
+        <u-form-item
+          v-if="userInfo.pkCountry == 1 && cancode"
+          label-width="200rpx"
+          :label="'验证码'"
+          prop="verificationCode"
+          borderBottom
+          ref="item1"
+        >
+          <u--input
+            v-model="dataForm.verificationCode"
+            :placeholder="'请输入'"
+            border="none"
+          ></u--input>
+          <u-button
+            @tap="getCode"
+            class="getcodes"
+            type="primary"
+            shape="circle"
+            :text="tips"
+            color="#2FBC42"
+          ></u-button>
+        </u-form-item>
 
-				<u-form-item label-width="200rpx" :label="'开户支行'" prop="subBankName" borderBottom ref="item1">
-					<u--input v-model="dataForm.subBankName" disabledColor="#F5F5F5;" border="none"></u--input>
-				</u-form-item>
-				<u-form-item label-width="200rpx" :label="'真实姓名'" prop="accountName" borderBottom ref="item1">
-					<u--input :placeholder="'请输入'" v-model="dataForm.accountName" border="none"></u--input>
-				</u-form-item>
-				<u-form-item label-width="200rpx" :label="'证件号码'" prop="idCard" borderBottom ref="item1">
-					<u--input v-model="dataForm.idCard" :placeholder="'请输入'" disabledColor="#F5F5F5;"
-						border="none"></u--input>
-				</u-form-item>
-				<u-form-item label-width="200rpx" :label="'联系方式'" prop="phone" borderBottom ref="item1">
-					<u--input  v-model="dataForm.phone" :placeholder="'请输入'" maxlength="20" border="none"></u--input>
-				</u-form-item>
-				<u-form-item v-if="userInfo.pkCountry==1&&cancode" label-width="200rpx" :label="'验证码'"
-					prop="verificationCode" borderBottom ref="item1">
-					<u--input v-model="dataForm.verificationCode" :placeholder="'请输入'" border="none"></u--input>
-					<u-button @tap='getCode' class="getcodes" type="primary" shape="circle" :text="tips"
-						color="#2FBC42"></u-button>
-				</u-form-item>
-
-				<u-code :seconds="seconds" @end="end" @start="start" ref="uCode" @change="codeChange"></u-code>
-				<u-picker @cancel='showAmount=false' :show="showAmount" ref="uPicker" :columns="bankCardChioceList"
-					@confirm="confirm" keyName='bankName'></u-picker>
-			</u--form>
-
-		</view>
-		<view class="btnbox">
-			<u-button class="subbtn" @click="submit">{{'确定'}}</u-button>
-		</view>
-		<u-toast ref="uToast"></u-toast>
-	</view>
+        <u-code
+          :seconds="seconds"
+          @end="end"
+          @start="start"
+          ref="uCode"
+          @change="codeChange"
+        ></u-code>
+        <u-picker
+          @cancel="showAmount = false"
+          :show="showAmount"
+          ref="uPicker"
+          :columns="bankCardChioceList"
+          @confirm="confirm"
+          keyName="bankName"
+        ></u-picker>
+      </u--form>
+    </view>
+    <view class="btnbox">
+      <u-button class="subbtn" @click="submit">{{ '确定' }}</u-button>
+    </view>
+    <u-toast ref="uToast"></u-toast>
+  </view>
 </template>
 
 <script>
-	import * as ban from "@/config/balance.js"
-	export default {
-		data() {
-			return {
-				showAmount: false,
-				dataForm: {
-					bankName: "",
-					cardNumber: "",
-					pkBank: "",
-					subBankName: "",
-					accountName: "",
-					idCard: "",
+import * as ban from '@/config/balance.js'
+export default {
+  data() {
+    return {
+      showAmount: false,
+      dataForm: {
+        bankName: '',
+        cardNumber: '',
+        pkBank: '',
+        subBankName: '',
+        accountName: '',
+        idCard: '',
+      },
+      bankCardChioceList: [],
+      rules: {
+        cardNumber: [
+          {
+            type: 'string',
+            required: true,
+            message: '请输入',
+            trigger: ['blur', 'change'],
+          },
+        ],
+        subBankName: [
+          {
+            type: 'string',
+            required: true,
+            message: '请输入',
+            trigger: ['blur', 'change'],
+          },
+        ],
+        accountName: [
+          {
+            type: 'string',
+            required: true,
+            message: '请输入',
+            trigger: ['blur', 'change'],
+          },
+        ],
+        idCard: [
+          {
+            type: 'string',
+            required: true,
+            message: '请输入',
+            trigger: ['blur', 'change'],
+          },
+        ],
+        phone: [
+          {
+            type: 'string',
+            required: true,
+            message: '请输入',
+            trigger: ['blur', 'change'],
+          },
+        ],
+        verificationCode: [
+          {
+            type: 'string',
+            required: true,
+            message: '请输入',
+            trigger: ['blur', 'change'],
+          },
+        ],
+        bankName: [
+          {
+            required: true,
+            message: '请选择',
+            trigger: ['change'],
+          },
+        ],
+      },
+      tips: '',
+      // refCode: null,
+      seconds: 60,
+      ifpass: false,
+      userInfo: {},
+      cancode: true, //判断是否是白名单
+    }
+  },
+  onLoad() {
+    this.userInfo = uni.getStorageSync('User')
+    this.getList()
+    this.checkIfWhite()
+  },
+  methods: {
+    checkIfWhite() {
+      ban.checkIfWhite().then(res => {
+        if (res.code == 200 && res.flag == 'N') {
+          this.cancode = true
+        } else if (res.code == 200 && res.flag == 'Y') {
+          this.cancode = false
+        }
+      })
+    },
+    codeChange(text) {
+      this.tips = text
+    },
+    getCode() {
+      if (this.dataForm.phone && this.$u.test.mobile(this.dataForm.phone)) {
+        if (this.$refs.uCode.canGetCode) {
+          // 模拟向后端请求验证码
+          uni.showLoading({
+            title: '正在获取验证码',
+          })
+          ban
+            .getVerification({
+              phone: this.dataForm.phone,
+            })
+            .then(res => {
+              uni.hideLoading()
+              // 这里此提示会被this.start()方法中的提示覆盖
+              uni.$u.toast('验证码已发送')
+              // 通知验证码组件内部开始倒计时
+              this.$refs.uCode.start()
+            })
+        } else {
+          uni.$u.toast('倒计时结束后再发送')
+        }
+      } else {
+        uni.$u.toast(
+          this.dataForm.phone ? '手机号格式不正确' : '请先输入手机号'
+        )
+        return
+      }
+    },
+    end() {
+      // uni.$u.toast('倒计时结束');
+    },
+    start() {
+      // uni.$u.toast('倒计时开始');
+    },
+    getList() {
+      ban.getBankCardChoiceList().then(res => {
+        this.bankCardChioceList = [res.data]
+      })
+    },
+    bindBank() {
+      if (!this.ifpass && this.cancode && this.userInfo.pkCountry == 1) {
+        uni.$u.toast('验证码错误')
+        return
+      }
+      ban.bindWalletBankAdd(this.dataForm).then(res => {
+        if (res.code == 200) {
+          uni.$u.toast(res.msg)
+          setTimeout(() => {
+            uni.navigateBack()
+          }, 1000)
+        }
+      })
+    },
+    submit() {
+      this.$refs.uForm
+        .validate()
+        .then(res => {
+          // 没有三方接口 临机写死
+          this.ifpass = true
+          this.bindBank()
 
-				},
-				bankCardChioceList: [],
-				rules: {
-					cardNumber: [{
-						type: 'string',
-						required: true,
-						message: '请输入',
-						trigger: ['blur', 'change']
-					}],
-					subBankName: [{
-						type: 'string',
-						required: true,
-						message: '请输入',
-						trigger: ['blur', 'change']
-					}],
-					accountName: [{
-						type: 'string',
-						required: true,
-						message: '请输入',
-						trigger: ['blur', 'change']
-					}],
-					idCard: [{
-						type: 'string',
-						required: true,
-						message: '请输入',
-						trigger: ['blur', 'change']
-					}],
-					phone: [{
-						type: 'string',
-						required: true,
-						message: '请输入',
-						trigger: ['blur', 'change']
-					}],
-					verificationCode: [{
-						type: 'string',
-						required: true,
-						message: '请输入',
-						trigger: ['blur', 'change']
-					}],
-					bankName: [{
-						required: true,
-						message: '请选择',
-						trigger: ['change']
-					}],
-				},
-				tips: '',
-				// refCode: null,
-				seconds: 60,
-				ifpass: false,
-				userInfo: {},
-				cancode: true, //判断是否是白名单
-
-			}
-		},
-		onLoad() {
-			this.userInfo = uni.getStorageSync('User')
-			this.getList()
-			this.checkIfWhite();
-
-		},
-		methods: {
-			checkIfWhite() {
-				ban.checkIfWhite().then((res) => {
-					if (res.code == 200 && res.flag == "N") {
-						this.cancode = true;
-					} else if (res.code == 200 && res.flag == "Y") {
-						this.cancode = false;
-					}
-				});
-			},
-			codeChange(text) {
-				this.tips = text;
-			},
-			getCode() {
-				if (this.dataForm.phone && this.$u.test.mobile(this.dataForm.phone)) {
-					if (this.$refs.uCode.canGetCode) {
-						// 模拟向后端请求验证码
-						uni.showLoading({
-							title: '正在获取验证码'
-						})
-						ban.getVerification({
-							phone: this.dataForm.phone
-						}).then((res) => {
-							uni.hideLoading();
-							// 这里此提示会被this.start()方法中的提示覆盖
-							uni.$u.toast('验证码已发送');
-							// 通知验证码组件内部开始倒计时
-							this.$refs.uCode.start();
-						})
-					} else {
-						uni.$u.toast('倒计时结束后再发送');
-					}
-				} else {
-					uni.$u.toast(this.dataForm.phone ? '手机号格式不正确' : '请先输入手机号')
-					return
-				}
-			},
-			end() {
-				// uni.$u.toast('倒计时结束');
-			},
-			start() {
-				// uni.$u.toast('倒计时开始');
-			},
-			getList() {
-				ban.getBankCardChoiceList().then(res => {
-					this.bankCardChioceList = [res.data]
-				})
-
-			},
-			bindBank() {
-				if (!this.ifpass &&this.cancode &&this.userInfo.pkCountry == 1) {
-					uni.$u.toast('验证码错误')
-					return
-				}
-				ban.bindWalletBankAdd(this.dataForm).then(res => {
-					if (res.code == 200) {
-						uni.$u.toast(res.msg)
-						setTimeout(() => {
-							uni.navigateBack()
-						}, 1000)
-					}
-				})
-
-			},
-			submit() {
-				this.$refs.uForm.validate().then(res => {
-					// 没有三方接口 临时写死
-					this.ifpass = true;
-					this.bindBank();
-
-					return
-					if (this.userInfo.pkCountry == 1) {
-						if(this.cancode){
-							ban.verifyBankCard(this.dataForm).then((res) => {
-									if (res.code == 200) {
-										this.ifpass = true;
-										this.bindBank();
-									} else {
-										this.ifpass = false;
-										uni.$u.toast(res.msg)
-									}
-								})
-								.catch((err) => {
-									this.ifpass = false;
-								});
-						}else{
-							this.ifpass = true;
-							this.bindBank();
-						}
-					} else {
-						this.bindBank()
-					}
-
-				}).catch(errors => {
-					uni.$u.toast('校验失败')
-					return false
-				})
-			},
-			confirm(e) {
-				this.dataForm.bankName = e.value[0].bankName
-				this.dataForm.pkBank = e.value[0].pkId
-				this.showAmount = false
-			},
-
-		}
-	}
+          return
+          if (this.userInfo.pkCountry == 1) {
+            if (this.cancode) {
+              ban
+                .verifyBankCard(this.dataForm)
+                .then(res => {
+                  if (res.code == 200) {
+                    this.ifpass = true
+                    this.bindBank()
+                  } else {
+                    this.ifpass = false
+                    uni.$u.toast(res.msg)
+                  }
+                })
+                .catch(err => {
+                  this.ifpass = false
+                })
+            } else {
+              this.ifpass = true
+              this.bindBank()
+            }
+          } else {
+            this.bindBank()
+          }
+        })
+        .catch(errors => {
+          uni.$u.toast('校验失败')
+          return false
+        })
+    },
+    confirm(e) {
+      this.dataForm.bankName = e.value[0].bankName
+      this.dataForm.pkBank = e.value[0].pkId
+      this.showAmount = false
+    },
+  },
+}
 </script>
 
 <style lang="scss" scoped>
-	.content {
-		background: #F2F2F2;
+.content {
+  background: #f2f2f2;
 
-		.theform {
-			margin-top: 6rpx;
-			background: #FFFFFF;
-			padding: 20rpx 23rpx 0rpx 23rpx;
+  .theform {
+    margin-top: 6rpx;
+    background: #ffffff;
+    padding: 20rpx 23rpx 0rpx 23rpx;
 
-			.contentye {
-				font-size: 28rpx;
-				margin-left: 200rpx;
-				font-family: Source Han Sans CN;
-				font-weight: 400;
-			}
+    .contentye {
+      font-size: 28rpx;
+      margin-left: 200rpx;
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+    }
+  }
 
-		}
+  .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;
+    }
+  }
 
-			.subbtn {
-				background: #005BAC;
-				border-radius: 46rpx;
-				font-size: 30rpx;
-				font-family: Source Han Sans CN;
-				font-weight: 400;
-				color: #FFFFFF;
-			}
-		}
-
-		.getcodes {
-			width: 197rpx;
-			height: 76rpx;
-			background: #2FBC42;
-			border-radius: 38rpx;
-			color: #fff;
-		}
-
-
-	}
+  .getcodes {
+    width: 197rpx;
+    height: 76rpx;
+    background: #2fbc42;
+    border-radius: 38rpx;
+    color: #fff;
+  }
+}
 </style>
diff --git a/pages/pay/bindBank.vue b/pages/pay/bindBank.vue
index c03f26c..381e88a 100644
--- a/pages/pay/bindBank.vue
+++ b/pages/pay/bindBank.vue
@@ -1,79 +1,62 @@
 <!--
- * @Descripttion: 
- * @version: 
+ * @Descripttion:
+ * @version:
  * @Author: kBank
  * @Date: 2022-11-21 15:11:22
 -->
 <template>
   <view class="content">
-    <view class="index_header">
-
-    </view>
+    <view class="index_header"> </view>
     <view class="contxt">
       <view class="kuang">
-        <u-form :model="form"
-                labelWidth="auto"
-                :rules="rules"
-                ref="uForm">
-          <u-form-item :label="'银行卡号'"
-                       required
-                       prop="bankNo">
-            <u-input v-model="form.bankNo"
-                     :placeholder="'请输入银行卡卡号'" />
+        <u-form :model="form" labelWidth="auto" :rules="rules" ref="uForm">
+          <u-form-item :label="'银行卡号'" required prop="bankNo">
+            <u-input v-model="form.bankNo" :placeholder="'请输入银行卡卡号'" />
           </u-form-item>
-          <u-form-item :label="'姓名'"
-                       required
-                       prop="name">
-            <u-input v-model="form.name"
-                     :placeholder="'请输入姓名'" />
+          <u-form-item :label="'姓名'" required prop="name">
+            <u-input v-model="form.name" :placeholder="'请输入姓名'" />
           </u-form-item>
-          <u-form-item :label="'身份证'"
-                       required
-                       prop="idCard">
-            <u-input v-model="form.idCard"
-                     :placeholder="'请输入身份证号码'" />
+          <u-form-item :label="'身份证'" required prop="idCard">
+            <u-input v-model="form.idCard" :placeholder="'请输入身份证号码'" />
           </u-form-item>
-          <u-form-item :label="'手机号'"
-                       required
-                       prop="phone">
-            <u-input v-model="form.phone"
-                     maxlength="20"
-                     type="number"
-                     :placeholder="'请输入银行预留手机号'" />
+          <u-form-item :label="'手机号'" required prop="phone">
+            <u-input
+              v-model="form.phone"
+              maxlength="20"
+              type="number"
+              :placeholder="'请输入银行预留手机号'"
+            />
           </u-form-item>
           <u-form-item label="有效期">
-            <u-input v-model="form.validdate"
-                     :placeholder="'请输入'" />
+            <u-input v-model="form.validdate" :placeholder="'请输入'" />
           </u-form-item>
           <u-form-item label="安全码">
-            <u-input v-model="form.cvv2"
-                     :placeholder="'请输入'" />
+            <u-input v-model="form.cvv2" :placeholder="'请输入'" />
           </u-form-item>
-          <u-form-item :label="'验证码'"
-                       required
-                       prop="smsCode">
-            <u-input v-model="form.smsCode"
-                     :placeholder="'请输入验证码'">
+          <u-form-item :label="'验证码'" required prop="smsCode">
+            <u-input v-model="form.smsCode" :placeholder="'请输入验证码'">
               <template slot="suffix">
-                <view class="getCode"
-                      @tap="submitForm">{{ getCode }}</view>
+                <view class="getCode" @tap="submitForm">{{ getCode }}</view>
               </template>
             </u-input>
           </u-form-item>
         </u-form>
-        <div class="tips" v-if="bank=='hf'">
-        <p>1、目前汇付支付支持绑定信用卡、储蓄卡</p>
-        <p>2、当绑定信用卡时，“安全码”、“有效期”两栏为必填项</p>
-        <p>3、安全码为信用卡背面签名栏后3位数字；</p>
-        <p>4、信用卡有效期格式不加/，例信用卡有效期10/24，请输入：1024</p>
-      </div>
-        <u-button type="success"
-                  class="uBtn"
-                  shape="circle"
-                  color="linear-gradient(to right, #005BAC, #005BAC )"
-                  :loading="isLoading"
-                  :loadingText="'绑定中'"
-                  @click="toBind">{{ '立即绑定' }}</u-button>
+        <div class="tips" v-if="bank == 'hf'">
+          <p>1、目前汇付支付支持绑定信用卡、储蓄卡</p>
+          <p>2、当绑定信用卡时，“安全码”、“有效期”两栏为必填项</p>
+          <p>3、安全码为信用卡背面签名栏后3位数字；</p>
+          <p>4、信用卡有效期格式不加/，例信用卡有效期10/24，请输入：1024</p>
+        </div>
+        <u-button
+          type="success"
+          class="uBtn"
+          shape="circle"
+          color="linear-gradient(to right, #005BAC, #005BAC )"
+          :loading="isLoading"
+          :loadingText="'绑定中'"
+          @click="toBind"
+          >{{ '立即绑定' }}</u-button
+        >
       </view>
     </view>
   </view>
@@ -159,7 +142,7 @@ export default {
       url({
         bindCode: this.bankCode,
         smsCode: this.form.smsCode,
-      }).then((res) => {
+      }).then(res => {
         if (res.code == 200) {
           uni.showToast({
             title: '绑卡成功',
@@ -186,7 +169,7 @@ export default {
     },
     // 绑卡获取验证码
     submitForm() {
-      this.$refs.uForm.validate().then((res) => {
+      this.$refs.uForm.validate().then(res => {
         if (!this.areBothValuesSet(this.form.validdate, this.form.cvv2)) {
           uni.showToast({
             title: '请输入安全码及有效期',
@@ -209,14 +192,13 @@ export default {
         } else if (this.bank == 'hf') {
           url = pay.bindHf
         }
-        url(this.form)
-          .then((res) => {
-           if(res.code == 200){
+        url(this.form).then(res => {
+          if (res.code == 200) {
             this.bankCode = res.data
-           }else{
+          } else {
             this.beginTime = 0
-           }
-          })
+          }
+        })
       })
     },
     // 倒计时
@@ -262,7 +244,9 @@ export default {
 }
 .getCode {
   font-size: 10px;
-  font-family: PingFang SC-Regular, PingFang SC;
+  font-family:
+    PingFang SC-Regular,
+    PingFang SC;
   font-weight: 400;
   color: #18acff;
 }
@@ -275,9 +259,9 @@ export default {
 .uBtn {
   margin-top: 120rpx;
 }
-.tips{
+.tips {
   font-size: 12px;
-  p{
+  p {
     // line-height: 10px;
   }
   color: #d5251d;
diff --git a/pages/specialArea/index.vue b/pages/specialArea/index.vue
index ef77e7c..be62d38 100644
--- a/pages/specialArea/index.vue
+++ b/pages/specialArea/index.vue
@@ -1,24 +1,60 @@
 <!--
- * @Descripttion: 
- * @version: 
+ * @Descripttion:
+ * @version:
  * @Author: kBank
  * @Date: 2022-11-21 15:11:22
 -->
 <template>
   <view class="content">
     <view class="goods-sort">
-      <view class="goods-flexs">
-        <view 
-          class="goods-view"
-          @click="navTap(item)"
-          v-for="item in goodsList.recommendSpecialAreaList "
-          :key="item.pkWares"
-        >
-          <view class="bg-color"></view>
-         
-          <area-product-list v-if="item.waresList && item.waresList.length > 0" :list="item.waresList" :title="item.specialAreaName"></area-product-list>
+      <!-- 注册 -->
+      <view
+        v-if="registList.length > 0 && user.memberSign !== 1"
+        class="goods-flexs"
+      >
+        <view class="goods-view">
+          <area-product-list
+            :list="registList"
+            :title="regist.name"
+          ></area-product-list>
         </view>
       </view>
+      <!-- 升级 -->
+      <view
+        v-if="upgradeList.length > 0 && user.memberSign === 1"
+        class="goods-flexs"
+      >
+        <view class="goods-view">
+          <area-product-list
+            :list="upgradeList"
+            :title="upgrade.name"
+          ></area-product-list>
+        </view>
+      </view>
+      <!-- 复购 -->
+      <view
+        v-if="repurchaseList.length > 0 && user.memberSign === 1"
+        class="goods-flexs"
+      >
+        <view class="goods-view">
+          <area-product-list
+            :list="repurchaseList"
+            :title="repurchase.name"
+          ></area-product-list>
+        </view>
+      </view>
+    </view>
+    <!-- 重消 -->
+    <view
+      v-if="rescissionList.length > 0 && user.memberSign === 1"
+      class="goods-flexs"
+    >
+      <view class="goods-view">
+        <area-product-list
+          :list="rescissionList"
+          :title="rescission.name"
+        ></area-product-list>
+      </view>
     </view>
     <cl-tabbar :current="2"></cl-tabbar>
   </view>
@@ -31,329 +67,60 @@ import * as apis from '@/config/index.js'
 import clTabbar from '@/components/cl-tabbar.vue'
 import * as ban from '@/config/balance.js'
 import areaProductList from '@/components/area-product-list/index.vue'
+import { mapGetters } from 'vuex'
+import {
+  REGIEST_AREA,
+  UPGRADE_AREA,
+  REPURCHASE_AREA,
+  REISSUE_AREA,
+} from '@/util/specialAreaMap'
 export default {
   components: {
     'cl-tabbar': clTabbar,
     'area-product-list': areaProductList,
   },
+  computed: {
+    ...mapGetters(['user']),
+  },
   data() {
     return {
-      user: '',
       goodsList: [],
       specialImg: require('@/static/images/two2.jpg'),
-      zoneList: [
-        {
-          label: '注册专区',
-          value: 1,
-          name: 'regiest',
-          children: [
-            {
-              label: '自营专区',
-              value: 1,
-              name: 'regiestArea',
-              isShow: true,
-            },
-            {
-              label: '注册专区',
-              value: 24,
-              name: 'ezLearnReg',
-              isShow: true,
-            },
-          ],
-        },
-        {
-          label: '升级专区',
-          value: 2,
-          name: 'upgrade',
-          children: [
-            {
-              label: '自营专区',
-              value: 2,
-              name: 'upgradeArea',
-              isShow: true,
-            },
-            {
-              label: '升级专区',
-              value: 25,
-              name: 'ezLearnUp',
-              isShow: true,
-            },
-            {
-              label: '海粉专区',
-              value: 27,
-              name: 'haiFunUpd',
-              isShow: true,
-            },
-          ],
-        },
-
-        {
-          label: '复购专区',
-          value: 3,
-          name: 'repurchase',
-          children: [
-            {
-              label: '自营专区',
-              value: 3,
-              name: 'self',
-              isShow: true,
-            },
-            {
-              label: '乐学甄选',
-              value: 26,
-              name: 'ezLearnRep',
-              isShow: true,
-            },
-            {
-              label: '免费注册',
-              value: 21,
-              name: 'haiFans',
-              isShow: true,
-            },
-
-            {
-              label: '复购合作',
-              value: 22,
-              name: 'cooperation',
-              isShow: true,
-            },
-            {
-              label: '直播专区',
-              value: 14,
-              name: 'live',
-              isShow: true,
-            },
-            {
-              label: '工具流',
-              value: 12,
-              name: 'gongju',
-              isShow: true,
-            },
-          ],
-        },
-        {
-          label: '福利专区',
-          value: 13,
-          children: [],
-          name: 'welfare',
-        },
-        {
-          label: '积分专区',
-          value: 11,
-          children: [],
-          name: 'integral',
-        },
-        {
-          label: '重消专区',
-          value: 10,
-          children: [],
-          name: 'rescission',
-        },
-        {
-          label: '专供专区',
-          value: 31,
-          children: [],
-          name: "wolesaleArea",
-        },
-        {
-          label: '续约专区',
-          value: 30,
-          children: [],
-          name: "renewalArea",
-        },
-        {
-          label: '创客空间专区',
-          value:28,
-          children: [],
-          isShow: true,
-          name: "makerArea",
-        },
-        {
-          label: '架构管理',
-          value: 6,
-          name: 'frame',
-          children: [
-            {
-              label: '安置架构',
-              value: 6,
-              name: 'architecture',
-              isShow: true,
-            },
-            {
-              label: '推荐架构',
-              value: 7,
-              name: 'recommend',
-              isShow: true,
-            },
-          ],
-        },
-        {
-          label: '分享专区',
-          value: 7,
-          name: 'share',
-          children: [
-            {
-              label: '海粉分享',
-              value: 7,
-              name: 'hiFans',
-              isShow: true,
-            },
-            {
-              label: '免费注册',
-              value: 21,
-              name: 'haiFans',
-              isShow: true,
-            },
-          ],
-        },
-        {
-          label: '创客礼包',
-          value: 18,
-          isShow: true,
-          children: [
-            {
-              label: '创客礼包',
-              value: 18,
-              isShow: true,
-              children: [],
-            },
-            {
-              label: '赋能礼包',
-              value: 19,
-              isShow: true,
-              children: [],
-            },
-          ],
-        },
-      ],
+      registList: [],
+      upgradeList: [],
+      repurchaseList: [],
+      rescissionList: [],
+      regist: REGIEST_AREA,
+      upgrade: UPGRADE_AREA,
+      repurchase: REPURCHASE_AREA,
+      rescission: REISSUE_AREA,
     }
   },
   onLoad() {
-    // this.getMenuList()
     this.getGoodsInfo()
   },
-  onShow() {
-    this.user = uni.getStorageSync('User')
-    // user.registerShare
-  },
+
   methods: {
-    goUrl() {
-      ban.agreementName().then((res) => {
-        if (res.data==0) {
-          uni.navigateTo({
-          url:
-            "/pages/specialArea/list?label=续约专区" +
-            "&specialArea=30" +
-            "&children=[]",
-        });
-        } else {
-          uni.showModal({
-            title: '提示',
-            content: '请先进行实名认证',
-            success: (res) => {
-              if (res.confirm) {
-                uni.navigateTo({
-                  url: '/pages/selfService/realName/realName',
-                })
-              }
-            },
-          })
-        }
-      })
-    },
-    navTap(item) {
-      if (item.isShare) {
-        uni.navigateTo({
-          url: '/pages/specialArea/share?specialArea=21',
-        })
-        return false
-      } else {
-        let tapx = -1
-        this.zoneList.forEach((items, index) => {
-          if (items.value == item.specialArea) {
-            tapx = index
-          }
-        })
-        if (tapx == -1) {
-          this.zoneList.forEach((items, index) => {
-            items.children.forEach((ctem) => {
-              if (ctem.value == item.specialArea) {
-                if (item.specialArea == 21) {
-                  uni.navigateTo({
-                    url:
-                      '/pages/specialArea/haIndex?label=' +
-                      item.specialAreaName +
-                      '&specialArea=21',
-                  })
-                } else {
-                  uni.navigateTo({
-                    url:
-                      '/pages/specialArea/list?label=' +
-                      items.label +
-                      '&specialArea=' +
-                      items.value +
-                      '&childArea=' +
-                      item.specialArea +
-                      '&children=' +
-                      JSON.stringify(items.children),
-                  })
-                }
-              }
-            })
-          })
-        } else {
-          if(item.specialArea == 30){
-            this.goUrl()
-          }else{
-            uni.navigateTo({
-            url:
-              '/pages/specialArea/list?label=' +
-              item.specialAreaName +
-              '&specialArea=' +
-              item.specialArea +
-              '&children=' +
-              JSON.stringify(this.zoneList[tapx].children),
-          })
-          }
-          
-        }
-      }
-    },
     getGoodsInfo() {
-      let userInfo = uni.getStorageSync('User')
-      getAreaGoods().then((res) => {
-        this.goodsList = res.data
-        this.$forceUpdate()
-      })
-    },
-    getMenuList() {
-      api.menuList().then((res) => {
-        res.data.forEach((item) => {
-          this.zoneList.forEach((ctem) => {
-            if (ctem.name == item.menuKey) {
-              ctem.isShow = true
-            }
-            if (ctem.children.length > 0) {
-              ctem.children.forEach((stem) => {
-                if (stem.name == item.menuKey) {
-                  stem.isShow = true
-                }
-              })
-            }
-          })
+      const params = {
+        pageNum: 1,
+        pageSize: 3,
+      }
+      const queryArea = [
+        REGIEST_AREA.id,
+        UPGRADE_AREA.id,
+        REPURCHASE_AREA.id,
+        REISSUE_AREA.id,
+      ]
+      if (this.user.memberSign === 1) {
+        queryArea.shift()
+      }
+      const queryList = queryArea.map(areaId => {
+        return getAreaGoods({
+          pageNum: 1,
+          pageSize: 3,
+          specialArea: areaId,
         })
-        this.$forceUpdate()
-      })
-    },
-    goGoodList(item) {
-      uni.navigateTo({
-        url:
-          '/pages/specialArea/list?specialArea=' +
-          item.value +
-          '&label=' +
-          item.label +
-          '&children=' +
-          JSON.stringify(item.children),
       })
     },
   },
@@ -366,105 +133,12 @@ export default {
   // padding: 0 20rpx;
   min-height: 94vh;
 }
-.kuang {
-  padding-top: 28rpx;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-}
-.kuang_i {
-  background: #ffffff;
-  border-radius: 20px;
-  padding: 46rpx 23rpx;
-  margin-bottom: 25rpx;
-  width: 42%;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  img {
-    width: 55rpx;
-    height: 55rpx;
-  }
-}
 
 .goods-sort {
   padding-bottom: 130rpx;
   .goods-flexs {
     padding: 30rpx 20rpx 20rpx;
     position: relative;
-    .bg-color {
-      width: 100%;
-      background: linear-gradient(
-        -180deg,
-        rgba(255, 226, 226, 0.85) 0%,
-        rgba(254, 240, 229, 0.45) 38%
-      );
-      border-radius: 15rpx 15rpx 0 0;
-      position: absolute;
-      top: 0;
-      left: 0rpx;
-    }
-    .goods-view {
-      position: relative;
-      background: #ffffff;
-      border-radius: 15rpx;
-      margin-bottom: 20rpx;
-      .goods-top {
-        z-index: 1;
-        position: relative;
-        display: flex;
-        .title {
-          color: #333;
-          font-size: 32rpx;
-          font-weight: bold;
-        }
-        .lables {
-          height: 28rpx;
-          background: #f82c1a;
-          border-radius: 10rpx;
-          line-height: 24rpx;
-          font-size: 22rpx;
-          padding: 5rpx 15rpx;
-          color: #fff;
-          max-width: 100rpx;
-          margin: 5rpx 0 0 10rpx;
-        }
-      }
-    }
-    .lefts {
-      margin-left: 15rpx;
-    }
-  }
-  .goods-cen {
-    display: flex;
-    margin-top: 20rpx;
-    justify-content: space-between;
-  }
-  .goods-list {
-    // display: flex;
-    margin-right: 20rpx;
-  }
-  .goods-content {
-    width: 140rpx;
-    text-align: center;
-    .goods {
-      image {
-        width: 140rpx;
-        height: 140rpx;
-      }
-    }
-  }
-  .price {
-    height: 40rpx;
-    line-height: 40rpx;
-    background: #fde9e9;
-    border-radius: 14rpx;
-    color: #e7141a;
-    font-size: 22rpx;
-    text-align: center;
-    width: max-content;
-    padding: 0 10rpx;
-    margin: 0 auto;
   }
 }
 </style>
diff --git a/util/specialAreaMap.js b/util/specialAreaMap.js
new file mode 100644
index 0000000..9b17100
--- /dev/null
+++ b/util/specialAreaMap.js
@@ -0,0 +1,18 @@
+export const REGIEST_AREA = {
+  id: 41,
+  name: '注册专区',
+}
+
+export const UPGRADE_AREA = {
+  id: 42,
+  name: '升级专区',
+}
+
+export const REISSUE_AREA = {
+  id: 43,
+  name: '重消专区',
+}
+export const REPURCHASE_AREA = {
+  id: 44,
+  name: '复购专区',
+}