From 0560fa124ae90e061c74447c8994077d6a6d90a2 Mon Sep 17 00:00:00 2001
From: woody <woody@163>
Date: Thu, 4 Sep 2025 13:43:56 +0800
Subject: [PATCH] =?UTF-8?q?fea(bindBank):=20=E7=BB=91=E5=AE=9A=E9=93=B6?=
 =?UTF-8?q?=E8=A1=8C=E5=8D=A1=E9=80=BB=E8=BE=91=E8=BF=81=E7=A7=BB=EF=BC=8C?=
 =?UTF-8?q?=E6=B5=8B=E8=AF=95=E7=8E=AF=E5=A2=83=E4=BB=A3=E7=90=86=E5=9C=B0?=
 =?UTF-8?q?=E5=9D=80https?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config/balance.js                 | 272 ++++++++++--------
 config/request.js                 |   2 +-
 pages/mine/balance/withdrawal.vue |  47 +++-
 pages/mine/bindBank/bindBank.vue  |  86 ++++--
 pages/mine/bindBank/index.vue     | 448 ++++++++++++++++--------------
 5 files changed, 487 insertions(+), 368 deletions(-)

diff --git a/config/balance.js b/config/balance.js
index 684b394..6c2a59f 100644
--- a/config/balance.js
+++ b/config/balance.js
@@ -1,202 +1,230 @@
 const http = uni.$u.http
 
 // 钱包余额
-export const getWalletBalance = (params) => http.get('/member/api/wallet/balance', {
-	params
-})
+export const getWalletBalance = params =>
+  http.get('/member/api/wallet/balance', {
+    params,
+  })
 
-//提现账户 
-export const getPkBdAccountList = (params) => http.get('/system/api/account/pkBdAccountList', {
-	params
-})
+//提现账户
+export const getPkBdAccountList = params =>
+  http.get('/system/api/account/pkBdAccountList', {
+    params,
+  })
 
 //提现选择银行卡
-export const getDefaultBank = (params) => http.get('/member/api/bank/default-bank', {
-	params
-})
-
-//校验是否绑定银行卡
-export const checkIsbindBank = (params) => http.get('/member/api/bank/is-bind', {
-	params
-})
+export const getDefaultBank = params =>
+  http.get('/member/api/bank/default-bank', {
+    params,
+  })
 
 //提现页面展示
-export const getWidthdrawShow = (params) => http.get('/member/api/withdraw/show/add', {
-	params
-})
+export const getWidthdrawShow = params =>
+  http.get('/member/api/withdraw/show/add', {
+    params,
+  })
 
 //确认提现
-export const addWithdraw = (params) => http.post('/member/api/withdraw/add', params)
-
+export const addWithdraw = params =>
+  http.post('/member/api/withdraw/add', params)
 
 //提现明细列表
-export const getWithdrawList = (params) => http.get('/member/api/withdraw/list-detail', {
-	params
-})
+export const getWithdrawList = params =>
+  http.get('/member/api/withdraw/list-detail', {
+    params,
+  })
 
 //提现撤销
-export const cancelWithdraw = (params) => http.get('/member/api/withdraw/cancel', {
-	params
-})
+export const cancelWithdraw = params =>
+  http.get('/member/api/withdraw/cancel', {
+    params,
+  })
 
 //获取转账转出账户
-export const getTransferAccount = (params) => http.get('/member/api/transfer/transfer-account', {
-	params
-})
+export const getTransferAccount = params =>
+  http.get('/member/api/transfer/transfer-account', {
+    params,
+  })
 
 //根据用户编号查询用户姓名
-export const getTransferChineseName = (params) => http.get('/member/api/transfer/chinese-name', {
-	params
-})
+export const getTransferChineseName = params =>
+  http.get('/member/api/transfer/chinese-name', {
+    params,
+  })
 
 //查询选择账户可转账余额
-export const getTransferMember = (params) => http.get('/member/api/transfer/member-balance', {
-	params
-})
+export const getTransferMember = params =>
+  http.get('/member/api/transfer/member-balance', {
+    params,
+  })
 
 //确认转账
-export const addTransfer = (params) => http.post('/member/api/transfer/add', params)
+export const addTransfer = params =>
+  http.post('/member/api/transfer/add', params)
 
 //钱包银行卡列表
-export const getBankList = (params) => http.get('/member/api/bank/list', {
-	params
-})
+export const getBankList = params =>
+  http.get('/member/api/bank/list', {
+    params,
+  })
 
 //解除绑定
-export const removeBankBind = (params) => http.get('/member/api/bank/unbind-bank', {
-	params
-})
+export const removeBankBind = params =>
+  http.get('/member/api/bank/unbind-bank', {
+    params,
+  })
 
 //获取银行验证码
-export const getVerification = (params) => http.get('/member/api/sms/verification', {
-	params
-})
+export const getVerification = params =>
+  http.get('/member/api/sms/verification', {
+    params,
+  })
 
 //绑定银行卡校验
-export const verifyBankCard = (params) => http.post('/member/api/bank/verify-bank-card', params)
-
-//是否配置白名单 白名单不进行银行卡四要素校验
-export const checkIfWhite = (params) => http.get('/member/api/bank/is-white-list', {
-	params
-})
+export const verifyBankCard = params =>
+  http.post('/member/api/bank/verify-bank-card', params)
 
 //银行卡选择下拉选
-export const getBankCardChoiceList = (params) => http.get('/system/api/bank/list', {
-	params
-})
+export const getBankCardChoiceList = params =>
+  http.get('/system/api/bank/list', {
+    params,
+  })
 
 //钱包绑卡
-export const bindWalletBankAdd = (params) => http.post('/member/api/bank/add', params)
+export const bindWalletBankAdd = params =>
+  http.post('/member/api/bank/add', params)
 
 // 交易明细
-export const getTransactionDetails = (params) => http.post('/member/api/wallet/transaction-details?pageNum=' + params
-	.pageNum + "&pageSize=" + params.pageSize, params)
-
+export const getTransactionDetails = params =>
+  http.post(
+    '/member/api/wallet/transaction-details?pageNum=' +
+      params.pageNum +
+      '&pageSize=' +
+      params.pageSize,
+    params
+  )
 
 //交易类型下拉选
-export const getTradeTypeList = (params) => http.get('/member/api/wallet/trade-type', {
-	params
-})
+export const getTradeTypeList = params =>
+  http.get('/member/api/wallet/trade-type', {
+    params,
+  })
 
 //币种-账户类型下拉选
-export const getEnumsAccountList = (params) => http.get('/system/api/account/pkBdAccountList', {
-	params
-})
+export const getEnumsAccountList = params =>
+  http.get('/system/api/account/pkBdAccountList', {
+    params,
+  })
 
 //意见反馈类型
-export const getFeedbackType = (params) => http.get('/system/pub/enums/feedback-type', {
-	params
-})
+export const getFeedbackType = params =>
+  http.get('/system/pub/enums/feedback-type', {
+    params,
+  })
 
 //提交意见反馈列表
-export const saveFeedBack = (params) => http.post('/system/api/feedback/save', params)
-
-
+export const saveFeedBack = params =>
+  http.post('/system/api/feedback/save', params)
 
 // 公告、站内信、意见反馈数
-export const getNoticeCount = (params) => http.get('/system/api/notice/index-count', {
-	params
-})
+export const getNoticeCount = params =>
+  http.get('/system/api/notice/index-count', {
+    params,
+  })
 
 // 公告站内信列表 公告1站内信2
-export const getNoticeList = (params) => http.get('/system/api/notice/index-list', {
-	params
-})
+export const getNoticeList = params =>
+  http.get('/system/api/notice/index-list', {
+    params,
+  })
 
 //意见列表
-export const getFeedbackList = (params) => http.get('/system/api/feedback/index-list', {
-	params
-})
-
+export const getFeedbackList = params =>
+  http.get('/system/api/feedback/index-list', {
+    params,
+  })
 
 //获取公告、站内信详情
-export const getNoticeDetail = (params) => http.get('/system/api/notice/index-detail', {
-	params
-})
+export const getNoticeDetail = params =>
+  http.get('/system/api/notice/index-detail', {
+    params,
+  })
 
 //二级密码校验
-export const checkPwd = (params) => http.get('/member/api/recharge/check-pwd', {
-	params
-})
+export const checkPwd = params =>
+  http.get('/member/api/recharge/check-pwd', {
+    params,
+  })
 
 //是否进行实名认证
-export const getIfAuth = (params) => http.get('/member/api/authentication/is-auth', {
-	params
-})
-
+export const getIfAuth = params =>
+  http.get('/member/api/authentication/is-auth', {
+    params,
+  })
 
 //证件类型
-export const getCardType = (params) => http.get('/system/pub/enums/id-type', {
-	params
-})
+export const getCardType = params =>
+  http.get('/system/pub/enums/id-type', {
+    params,
+  })
 
 //实名认证
-export const addAuthentication = (params) => http.post('/member/api/authentication/add', params)
+export const addAuthentication = params =>
+  http.post('/member/api/authentication/add', params)
 
 //上传图片
-export const getUploadUrl = (params) => http.post('/system/upload', params)
+export const getUploadUrl = params => http.post('/system/upload', params)
 
 //成长之路-等级
-export const getGrowUpGrade = (params) => http.get('/member/api/member-footmark/grow-up-footmark-grade', {
-	params
-})
+export const getGrowUpGrade = params =>
+  http.get('/member/api/member-footmark/grow-up-footmark-grade', {
+    params,
+  })
 
 //成长之路-奖衔
-export const getGrowUpAwards = (params) => http.get('/member/api/member-footmark/grow-up-footmark-awards', {
-	params
-})
-
+export const getGrowUpAwards = params =>
+  http.get('/member/api/member-footmark/grow-up-footmark-awards', {
+    params,
+  })
 
 //是否上传营业执照
-export const getIsExist = (params) => http.get('/member/api/business/license/is-exist', {
-	params
-})
+export const getIsExist = params =>
+  http.get('/member/api/business/license/is-exist', {
+    params,
+  })
 
 //上传营业执照
-export const addLicense = (params) => http.post('/member/api/business/license/add', params)
+export const addLicense = params =>
+  http.post('/member/api/business/license/add', params)
 
 //营业执照详情
-export const getLicenseDetail = (params) => http.get('/member/api/business/license/detail', {
-	params
-})
+export const getLicenseDetail = params =>
+  http.get('/member/api/business/license/detail', {
+    params,
+  })
 
 //修改营业执照
-export const updateLicense = (params) => http.post('/member/api/business/license/update', params)
+export const updateLicense = params =>
+  http.post('/member/api/business/license/update', params)
 //ocr
-export const ocrIdCard = (params) => http.post('/member/api/authentication/invoke-idCard', params)
+export const ocrIdCard = params =>
+  http.post('/member/api/authentication/invoke-idCard', params)
 //ocrBack
-export const ocrIdCardBack = (params) => http.post('/member/api/authentication/invoke-idCard-back', params)
+export const ocrIdCardBack = params =>
+  http.post('/member/api/authentication/invoke-idCard-back', params)
 //实名认证详情
-export const authenticationDetails = (params) => http.get('/member/api/authentication/detail', {
-	params
-})
+export const authenticationDetails = params =>
+  http.get('/member/api/authentication/detail', {
+    params,
+  })
 //实名认证详情续约用
-export const agreementName = (params) => http.get('/member/api/authentication/agreement-real-name', {
-	params
-})
+export const agreementName = params =>
+  http.get('/member/api/authentication/agreement-real-name', {
+    params,
+  })
 
 //设置默认银行卡
-export const updateDefault = (params) => http.get('/member/api/bank/update-default', {
-	params
-})
-
+export const updateDefault = params =>
+  http.get('/member/api/bank/update-default', {
+    params,
+  })
diff --git a/config/request.js b/config/request.js
index a3863ea..57eea4c 100644
--- a/config/request.js
+++ b/config/request.js
@@ -20,7 +20,7 @@ module.exports = vm => {
 
     //#ifdef DEV_SERVER
     console.log('DEV_SERVER')
-    config.baseURL = 'http://t-app.beida777.com/prod-api'
+    config.baseURL = 'https://t-app.beida777.com/prod-api'
     //#endif
 
     //#ifdef QA_SERVER
diff --git a/pages/mine/balance/withdrawal.vue b/pages/mine/balance/withdrawal.vue
index ff55b4c..c784a59 100644
--- a/pages/mine/balance/withdrawal.vue
+++ b/pages/mine/balance/withdrawal.vue
@@ -7,7 +7,7 @@
         :rules="rules"
         ref="uForm"
       >
-        <!-- <u-form-item
+        <u-form-item
           label-width="200rpx"
           :label="'银行卡号'"
           prop="cardNumber"
@@ -24,7 +24,7 @@
           <view v-else style="color: red" @click="goBindbank">
             {{ '请先绑定银行卡' }}
           </view>
-        </u-form-item> -->
+        </u-form-item>
         <u-form-item
           label-width="200rpx"
           :label="`${'提现金额'}(${isLocaled()})`"
@@ -134,7 +134,16 @@
       <u-button class="subbtn" @click="submit">{{ '提现' }}</u-button>
     </view>
     <u-toast ref="uToast"></u-toast>
-
+    <u-modal
+      :show="unBindDefaultModal"
+      showCancelButton
+      @cancel="unBindDefaultModal = false"
+      cancelText="取消"
+      confirmText="确定"
+      @confirm="unBindDefaultConfirm"
+    >
+      请先绑定默认银行卡
+    </u-modal>
     <!-- 提现引导弹窗 -->
     <!-- <WithdrawalGuide
       :show="showWithdrawalGuide"
@@ -193,8 +202,9 @@ export default {
       bankData: {},
       widthDrwaData: {},
       ifeye: false,
-      canbind: false,
+      canbind: true,
       showWithdrawalGuide: false,
+      unBindDefaultModal: false,
     }
   },
   watch: {
@@ -205,7 +215,7 @@ export default {
       url: '/pages/mine/balance/withdrawlDetail',
     })
   },
-  onLoad() {
+  onShow() {
     this.getList()
   },
   methods: {
@@ -233,18 +243,20 @@ export default {
           }
         })
       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
+        if (res.data && Object.keys(res.data).length > 0) {
+          this.bankData = res.data
+          this.dataForm.pkBank = res.data.pkId
+        } else {
+          this.unBindDefaultModal = true
         }
       })
     },
+    unBindDefaultConfirm() {
+      this.unBindDefaultModal = false
+      uni.navigateTo({
+        url: '/pages/mine/bindBank/index',
+      })
+    },
     submit() {
       this.$refs.uForm
         .validate()
@@ -257,7 +269,12 @@ export default {
               })
               setTimeout(() => {
                 uni.navigateBack()
-              }, 300)
+              }, 500)
+
+              // 显示提现引导弹窗
+              // setTimeout(() => {
+              //   this.showWithdrawalGuide = true
+              // }, 300)
             }
           })
         })
diff --git a/pages/mine/bindBank/bindBank.vue b/pages/mine/bindBank/bindBank.vue
index 788b9b6..607f799 100644
--- a/pages/mine/bindBank/bindBank.vue
+++ b/pages/mine/bindBank/bindBank.vue
@@ -7,21 +7,9 @@
         :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
+          required
           label-width="200rpx"
           :label="'银行名称'"
           prop="bankName"
@@ -40,6 +28,7 @@
         <u-form-item
           label-width="200rpx"
           :label="'开户支行'"
+          required
           prop="subBankName"
           borderBottom
           ref="item1"
@@ -52,7 +41,22 @@
         </u-form-item>
         <u-form-item
           label-width="200rpx"
-          :label="'真实姓名'"
+          :label="'银行卡号'"
+          required
+          borderBottom
+          prop="cardNumber"
+          ref="item1"
+        >
+          <u--input
+            v-model="dataForm.cardNumber"
+            disabledColor="#F5F5F5;"
+            border="none"
+          ></u--input>
+        </u-form-item>
+        <u-form-item
+          label-width="200rpx"
+          label="开户姓名"
+          required
           prop="accountName"
           borderBottom
           ref="item1"
@@ -66,6 +70,7 @@
         <u-form-item
           label-width="200rpx"
           :label="'证件号码'"
+          required
           prop="idCard"
           borderBottom
           ref="item1"
@@ -81,6 +86,7 @@
           label-width="200rpx"
           :label="'联系方式'"
           prop="phone"
+          required
           borderBottom
           ref="item1"
         >
@@ -95,6 +101,7 @@
           v-if="userInfo.pkCountry == 1 && cancode"
           label-width="200rpx"
           :label="'验证码'"
+          required
           prop="verificationCode"
           borderBottom
           ref="item1"
@@ -131,6 +138,13 @@
         ></u-picker>
       </u--form>
     </view>
+    <view class="tip-wrapper">
+      <view class="tip-content">
+        <view class="tip-text"
+          >银行卡号、真实姓名、证件号码、联系方式，请与银行预留信息保持一致</view
+        >
+      </view>
+    </view>
     <view class="btnbox">
       <u-button class="subbtn" @click="submit">{{ '确定' }}</u-button>
     </view>
@@ -221,18 +235,8 @@ export default {
   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
     },
@@ -295,9 +299,7 @@ export default {
         .then(res => {
           // 没有三方接口 临机写死
           this.ifpass = true
-          this.bindBank()
 
-          return
           if (this.userInfo.pkCountry == 1) {
             if (this.cancode) {
               ban
@@ -374,5 +376,37 @@ export default {
     border-radius: 38rpx;
     color: #fff;
   }
+
+  .tip-wrapper {
+    margin: 20rpx 20rpx 0 20rpx;
+
+    .tip-content {
+      display: flex;
+      align-items: flex-start;
+      background: linear-gradient(135deg, #fff3e0 0%, #fff8f0 100%);
+      border: 2rpx solid #ffb74d;
+      border-radius: 16rpx;
+      padding: 20rpx 24rpx;
+      box-shadow: 0 4rpx 12rpx rgba(255, 183, 77, 0.1);
+
+      .tip-icon {
+        color: #ff9800;
+        font-size: 28rpx;
+        font-weight: bold;
+        margin-right: 16rpx;
+        margin-top: 2rpx;
+        flex-shrink: 0;
+      }
+
+      .tip-text {
+        flex: 1;
+        font-size: 24rpx;
+        line-height: 36rpx;
+        color: #e65100;
+        font-weight: 500;
+        letter-spacing: 0.5rpx;
+      }
+    }
+  }
 }
 </style>
diff --git a/pages/mine/bindBank/index.vue b/pages/mine/bindBank/index.vue
index 762bb3d..975470c 100644
--- a/pages/mine/bindBank/index.vue
+++ b/pages/mine/bindBank/index.vue
@@ -1,225 +1,265 @@
 <template>
-	<view class="content">
-		<view class="tablebox" v-if="tableData.length > 0">
-			<view class="card" v-for="(item, index) in tableData"
-				:style="{ backgroundImage: 'url(' + item.backgroundImg + ')'}" :key="index">
-				<view class="cardtopflex">
-					<view class="cardtopflex2">
-						<view class="imgbox"><img :src="item.logo" alt="" /></view>
-						<view class="titlebox">
-							<view class="cardtitle">{{item.bankName}}</view>
-							<view class="cardtitle2">{{'储蓄卡'}}</view>
-						</view>
-					</view>
-					<view class="flexs_1" v-if="item.defaultCard==1">
-						<view class="qiu"></view>
-						<view v-if="userInfo.pkCountry == 1">{{'默认'}}</view>
-						<view v-else style="color: #000;font-weight: bold;" class="cardfooter">{{'默认'}}</view>
-					</view>
-					<view class="flexs_1" v-else>
+  <view class="content">
+    <view class="tablebox" v-if="tableData.length > 0">
+      <view
+        class="card"
+        v-for="(item, index) in tableData"
+        :style="{ backgroundImage: 'url(' + item.backgroundImg + ')' }"
+        :key="index"
+      >
+        <view class="cardtopflex">
+          <view class="cardtopflex2">
+            <view class="imgbox"><img :src="item.logo" alt="" /></view>
+            <view class="titlebox">
+              <view class="cardtitle">{{ item.bankName }}</view>
+              <view class="cardtitle2">{{ '储蓄卡' }}</view>
+            </view>
+          </view>
+          <view class="flexs_1" v-if="item.defaultCard == 1">
+            <view class="qiu"></view>
+            <view v-if="userInfo.pkCountry == 1">{{ '默认' }}</view>
+            <view
+              v-else
+              style="color: #000; font-weight: bold"
+              class="cardfooter"
+              >{{ '默认' }}</view
+            >
+          </view>
+          <view class="flexs_1" v-else>
+            <view
+              style="color: #fff; font-weight: bold; cursor: pointer"
+              @click="setDefault(item.pkId)"
+              class="cardfooter"
+              >{{ '设为默认' }}</view
+            >
+          </view>
+        </view>
+        <view class="cardNumber">{{ item.cardNumber }}</view>
+        <view
+          v-if="userInfo.pkCountry == 1"
+          class="cardfooter"
+          @click="removeBind(item)"
+        >
+          [{{ '解绑' }}]</view
+        >
+        <view
+          v-else
+          style="color: #000; font-weight: bold"
+          class="cardfooter"
+          @click="removeBind(item)"
+        >
+          [{{ '解绑' }}]</view
+        >
+      </view>
+    </view>
+    <u-modal
+      :showCancelButton="true"
+      @cancel="modalShow = false"
+      :content="'是否确认解绑银行卡'"
+      :show="modalShow"
+      @confirm="confirmRemove"
+      ref="uModal"
+      :asyncClose="true"
+    ></u-modal>
+    <view class="footerbtn" @click="goAdd"> +{{ '添加银行卡' }} </view>
 
-						<view style="color: #fff; font-weight: bold; cursor: pointer" @click="setDefault(item.pkId)"
-							class="cardfooter">{{'设为默认'}}</view>
-					</view>
-				</view>
-				<view class="cardNumber">{{ item.cardNumber }}</view>
-				<view v-if="userInfo.pkCountry == 1" class="cardfooter" @click="removeBind(item)">
-					[{{'解绑'}}]</view>
-				<view v-else style="color: #000;font-weight: bold;" class="cardfooter" @click="removeBind(item)">
-					[{{'解绑'}}]</view>
-			</view>
-		</view>
-		<u-modal :showCancelButton="true" @cancel="modalShow=false" :content="'是否确认解绑银行卡'" :show="modalShow"
-			@confirm="confirmRemove" ref="uModal" :asyncClose="true"></u-modal>
-		<view class="footerbtn" @click="goAdd">
-			+{{'添加银行卡'}}
-		</view>
-
-		<u-modal :showCancelButton="true" @cancel="modalShow2=false" content="当前解绑为默银行卡，请设置为另一张卡为默认银行卡"
-			:show="modalShow2" @confirm="confirmRemove2" ref="uModal" :asyncClose="true"></u-modal>
-		<!-- <el-button class="footerbtn" @click="bindBank(true)">{{'绑定银行卡'}}</el-button> -->
-	</view>
+    <u-modal
+      :showCancelButton="true"
+      @cancel="modalShow2 = false"
+      content="当前解绑为默银行卡，请设置为另一张卡为默认银行卡"
+      :show="modalShow2"
+      @confirm="confirmRemove2"
+      ref="uModal"
+      :asyncClose="true"
+    ></u-modal>
+    <!-- <el-button class="footerbtn" @click="bindBank(true)">{{'绑定银行卡'}}</el-button> -->
+  </view>
 </template>
 
 <script>
-	import * as ban from "@/config/balance.js"
-	export default {
-		data() {
-			return {
-				tableData: [],
-				modalShow: false,
-				modalShow2: false,
-				pkId: "",
-				userInfo: {}
-			}
-		},
-		onLoad() {
-			this.userInfo = uni.getStorageSync('User')
-		},
-		onShow() {
-			this.getSearch()
-		},
-		methods: {
-			setDefault(pkId) {
-				ban.updateDefault({
-					pkId: pkId
-				}).then((res) => {
-					if (res.code == 200) {
-						uni.$u.toast(res.msg)
-						this.getSearch();
-					} else {
-						uni.$u.toast(res.msg)
-					}
-				});
-			},
-			goAdd() {
-				uni.navigateTo({
-					url: '/pages/mine/bindBank/bindBank'
-				})
-			},
-			removeBind(item) {
-				this.pkId = item.pkId
-				if (item.defaultCard == 1) {
-					this.modalShow2 = true
-				} else {
-					this.modalShow = true
-				}
-
-			},
-			confirmRemove2() {
-				this.modalShow2 =false
-				this.modalShow = true
-			},
-			//解除绑定
-			confirmRemove() {
-				ban.removeBankBind({
-					pkId: this.pkId
-				}).then((res) => {
-					if (res.code == 200) {
-						uni.$u.toast(res.msg)
-						this.modalShow = false
-						this.getSearch();
-					} else {
-						uni.$u.toast(res.msg)
-						this.modalShow = false
-					}
-				});
-			},
-			//点击绑定银行卡
-			bindBank(val) {
-				// this.isAdd = true;
-				// this.jdTl = val;
-			},
-			getSearch() {
-				ban.getBankList().then((res) => {
-					this.tableData = res.data;
-				});
-			},
-		}
-	}
+import * as ban from '@/config/balance.js'
+export default {
+  data() {
+    return {
+      tableData: [],
+      modalShow: false,
+      modalShow2: false,
+      pkId: '',
+      userInfo: {},
+    }
+  },
+  onLoad() {
+    this.userInfo = uni.getStorageSync('User')
+  },
+  onShow() {
+    this.getSearch()
+  },
+  methods: {
+    setDefault(pkId) {
+      ban
+        .updateDefault({
+          pkId: pkId,
+        })
+        .then(res => {
+          if (res.code == 200) {
+            uni.$u.toast(res.msg)
+            this.getSearch()
+          } else {
+            uni.$u.toast(res.msg)
+          }
+        })
+    },
+    goAdd() {
+      uni.navigateTo({
+        url: '/pages/mine/bindBank/bindBank',
+      })
+    },
+    removeBind(item) {
+      this.pkId = item.pkId
+      if (item.defaultCard == 1) {
+        this.modalShow2 = true
+      } else {
+        this.modalShow = true
+      }
+    },
+    confirmRemove2() {
+      this.modalShow2 = false
+      // this.modalShow = true
+    },
+    //解除绑定
+    confirmRemove() {
+      ban
+        .removeBankBind({
+          pkId: this.pkId,
+        })
+        .then(res => {
+          if (res.code == 200) {
+            uni.$u.toast(res.msg)
+            this.modalShow = false
+            this.getSearch()
+          } else {
+            uni.$u.toast(res.msg)
+            this.modalShow = false
+          }
+        })
+    },
+    //点击绑定银行卡
+    bindBank(val) {
+      // this.isAdd = true;
+      // this.jdTl = val;
+    },
+    getSearch() {
+      ban.getBankList().then(res => {
+        this.tableData = res.data
+      })
+    },
+  },
+}
 </script>
 
 <style lang="scss" scoped>
-	.content {
-		background-color: #f9f9f9;
-		padding: 22rpx;
+.content {
+  background-color: #f9f9f9;
+  padding: 22rpx;
 
-		.tablebox {
-			display: flex;
-			flex-wrap: wrap;
-			justify-content: space-between;
+  .tablebox {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
 
-			.card {
-				width: 100%;
-				background-color: rgba(170, 45, 42, 0.9);
-				background-size: 100% 100%;
-				border-radius: 20rpx;
-				margin: 20rpx 0;
-				padding: 28rpx 32rpx 40rpx 32rpx;
-				margin-top: 20rpx;
+    .card {
+      width: 100%;
+      background-color: rgba(170, 45, 42, 0.9);
+      background-size: 100% 100%;
+      border-radius: 20rpx;
+      margin: 20rpx 0;
+      padding: 28rpx 32rpx 40rpx 32rpx;
+      margin-top: 20rpx;
 
-				.cardtopflex {
-					display: flex;
-					align-items: center;
-					justify-content: space-between;
+      .cardtopflex {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
 
-					.flexs_1 {
-						display: flex;
-						align-items: center;
-						margin-right: 20rpx;
-						color: #ffffff;
-						font-size: 24rpx;
+        .flexs_1 {
+          display: flex;
+          align-items: center;
+          margin-right: 20rpx;
+          color: #ffffff;
+          font-size: 24rpx;
 
-						.qiu {
-							margin-right: 10rpx;
-							width: 20rpx;
-							height: 20rpx;
-							border-radius: 50%;
-							background: rgb(47, 236, 47);
-						}
-					}
+          .qiu {
+            margin-right: 10rpx;
+            width: 20rpx;
+            height: 20rpx;
+            border-radius: 50%;
+            background: rgb(47, 236, 47);
+          }
+        }
 
-					.cardtopflex2 {
-						.imgbox {
-							margin-right: 20rpx;
+        .cardtopflex2 {
+          .imgbox {
+            margin-right: 20rpx;
 
-							img {
-								width: 68rpx;
-								height: 68rpx;
-							}
-						}
+            img {
+              width: 68rpx;
+              height: 68rpx;
+            }
+          }
 
-						.titlebox {
-							color: #ffffff;
-							text-align: left;
+          .titlebox {
+            color: #ffffff;
+            text-align: left;
 
-							.cardtitle {
-								font-size: 36rpx;
-								font-weight: 600;
-							}
+            .cardtitle {
+              font-size: 36rpx;
+              font-weight: 600;
+            }
 
-							.cardtitle2 {
-								font-size: 20rpx;
-								margin-top: 8rpx;
-								font-weight: 400;
-							}
-						}
-					}
+            .cardtitle2 {
+              font-size: 20rpx;
+              margin-top: 8rpx;
+              font-weight: 400;
+            }
+          }
+        }
+      }
 
-				}
+      .cardNumber {
+        font-size: 32rpx;
+        font-family:
+          PingFang SC-Medium,
+          PingFang SC;
+        font-weight: 600;
+        color: #ffffff;
+        margin-top: 100rpx;
+        margin-left: 36rpx;
+      }
 
-				.cardNumber {
-					font-size: 32rpx;
-					font-family: PingFang SC-Medium, PingFang SC;
-					font-weight: 600;
-					color: #ffffff;
-					margin-top: 100rpx;
-					margin-left: 36rpx;
-				}
+      .cardfooter {
+        text-align: right;
+        font-size: 24rpx;
+        font-family:
+          PingFang SC-Regular,
+          PingFang SC;
+        font-weight: 400;
+        color: #ffffff;
+        margin-top: 24rpx;
+        cursor: pointer;
+      }
+    }
+  }
 
-				.cardfooter {
-					text-align: right;
-					font-size: 24rpx;
-					font-family: PingFang SC-Regular, PingFang SC;
-					font-weight: 400;
-					color: #ffffff;
-					margin-top: 24rpx;
-					cursor: pointer;
-				}
-			}
-		}
-
-		.footerbtn {
-
-			display: flex;
-			align-items: center;
-			padding: 40rpx;
-			background: #ffffff;
-			font-size: 24rpx;
-			font-weight: 600;
-			border-radius: 20rpx;
-			margin-top: 32rpx;
-			width: 100%;
-		}
-	}
-</style>
\ No newline at end of file
+  .footerbtn {
+    display: flex;
+    align-items: center;
+    padding: 40rpx;
+    background: #ffffff;
+    font-size: 24rpx;
+    font-weight: 600;
+    border-radius: 20rpx;
+    margin-top: 32rpx;
+    width: 100%;
+  }
+}
+</style>