From b82a639868e23fe80022841046465a957150b636 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Thu, 23 Oct 2025 17:20:34 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=96=B0=E9=A1=B5=E9=9D=A2):=20=E6=8F=90?=
 =?UTF-8?q?=E7=8E=B0=E8=B5=84=E6=96=99=E6=8F=90=E4=BA=A4=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icon/addImg.png           | Bin 0 -> 9460 bytes
 src/assets/icon/cancelGray.png       | Bin 0 -> 1002 bytes
 src/assets/icon/direction.png        | Bin 0 -> 519 bytes
 src/router/index.js                  |   6 +
 src/utils/permissionManager.js       |   1 +
 src/utils/routeGuard.js              |   1 +
 src/views/Wallet/CashOut/CashOut.vue |  21 +++-
 src/views/Wallet/CashOut/KYC.vue     | 181 +++++++++++++++++++++++++++
 8 files changed, 207 insertions(+), 3 deletions(-)
 create mode 100644 src/assets/icon/addImg.png
 create mode 100644 src/assets/icon/cancelGray.png
 create mode 100644 src/assets/icon/direction.png
 create mode 100644 src/views/Wallet/CashOut/KYC.vue

diff --git a/src/assets/icon/addImg.png b/src/assets/icon/addImg.png
new file mode 100644
index 0000000000000000000000000000000000000000..4b489d425ecad368642d09083232c4cf056f7e7b
GIT binary patch
literal 9460
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

literal 0
HcmV?d00001

diff --git a/src/assets/icon/cancelGray.png b/src/assets/icon/cancelGray.png
new file mode 100644
index 0000000000000000000000000000000000000000..574ce849e01d2ee3a242d66ce62c86935b9226a6
GIT binary patch
literal 1002
zcmV<G0~P#<P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm001F4
z001F40Y#QEU;qFB0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1Aj?GK~#7F)ta$O
z96=PuKQB#+6c$2G2(m?#fP#W41chvwF4t&mBq<`~Pe|b(k=n{Kr-BKjut;DJJTR3a
z78k1vL{Lb;KnjC_%Y3&x$KH5*GqXE;xB0>2cK3Gg-ZwLE-rLy){&Pm)p1YBaD#x#d
zUBEFe1kl;Cut$-NYR<oitPxozvIy`HIy{F^L>kyD6cGr!LJHCdU<*G*=)6mgkwS>A
zfCXVb(zmz?L1adl3ZTQQ2#3ueXbO7|gWk9UJsdKx5C-a?;D2(6GCr>Rov0JQA9@M>
z%#sJ}b*+eg0*2|lM2cX5|Lt``sn5lnX@=>%gg&e$eVNn)zOctA4iv#*^j-a;lyI_-
z;^Cvmh$tnTSVR~P74@JhfC}eOTs$bbNEP72f=Z=QJ~}#jUaeN2z>>|)&4shGvlsjg
z*wIzOsG0Z;EXo8rFgZEtal2lxA1^H}eK5IB2=-T2R@$OZPEH!Lv$Iv0!(e_JeRlN#
zm08s|wOZ|~++JK<oI5x;c&581?mQ8VV0({1A3eFF3b0~*ef@A}XQw9jbs|*fcXxM#
z<>loX?D6DATtKQ?M>rIih;ZmU=`?m`0YoRlvGatpWqY{GAg1%Lk&*4~ZC^Onag>35
zet!PTvGWoJ@|6_eAuQZ7ql$>*(0Q^YtXYC%)Zrv??0g630!XXXx^--Pd_0%R*0}&R
zU?rw`!WJnY)sluvui3^XPgv5Gi8BjGnkr56L<-s&JU)a{i_p#UIf&?#A8`SxmibJR
zlw%Pc0r6W(-ZWd?3)p5@A)q-uJv}1K<Nn0NM0sXrhR46bjzHKCZp3?ls;*(d)YQ~{
zxotYnt34q~X%BYD_0%?M58M;>0ES#%UjCe)pC8-X+xxP%wpKU2PWHsj&CQ>Ujg8NZ
zM&mckIYmr>dPC#EQAv>_?HWk#sEMoz2W$2@!Ue9b*|JwA-iKu@43I!Q&}(6f&NCh!
zqF4mzF*=fJp+khjsVK;&IJf9m%)Nu78Yv_6VL$21eyh_QMpSOSTHz2nzlA;xse3*k
zlg2PaXq_h}PiUkF-jIx8Ff<W5uT5|!0tiK%M%y0pga7kM*heHh&`?SHnAL~-MPT+a
zgEiO3tZ}4}Eb+k>XLhCYO{BopyAtv>gEI6BWNcyint^o%tdhse9)u#)Ub#Xs@=CGz
Y2R4&jepf3fr2qf`07*qoM6N<$f&)^=o&W#<

literal 0
HcmV?d00001

diff --git a/src/assets/icon/direction.png b/src/assets/icon/direction.png
new file mode 100644
index 0000000000000000000000000000000000000000..057531f3bceb66dac7fb0cc0e8d54eff060a9348
GIT binary patch
literal 519
zcmV+i0{H!jP)<h;3K|Lk000e1NJLTq002k;002k`1^@s6RqeA!00009a7bBm001F4
z001F40Y#QEU;qFB0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0h~!hK~#7F?b^*v
z!!Q_!@rQN*Izo;dJA#=2*nk^HMyMHq5tslrC>sD1&=I;pv73O>%3n$@B>w-T_d=;u
zJxbEl4v2_|2sCaC60~u1=;i}C(U0>x2004F@pFSj<LDG49cM-56emG(5)>z)+Bg>l
z|KsD>z~6Un?%eE|u010^f9%Ma(`*>10S=W+6N|7QuBHob!$4c6btDX#<eh)+BE9M&
ztpl%px_M^Wc5dDo$w%^)L-jYvks=jPqymamK#>Y4Qh`(?!%Qp~&i}}}roA6JcZvKt
zKa#!~aqIrylq`3Yx~DyIUYPb0h=_=Yh&W5;#oyIGxVdukg`8+;f9CWT<E!5i@4F?u
zW1&bLLws9DkvbMd%Caa@mPL`WEQ*w6QKT%(h)5+%u7>HaF+UQ20K;!Q3|=CRZR^Zw
zwhUx|LnX70MM&+7?Wjle6kBHA<gZbNd3$p67JISeBE4eTUy1&+zY_kU@o_8_OFche
zshr{@C{BXnBq&aX;v|IDq!p*fpg39mQ_Lbkh8aBqC?X;<+z)z51%D5;xq$!x002ov
JPDHLkV1i*$*$e;x

literal 0
HcmV?d00001

diff --git a/src/router/index.js b/src/router/index.js
index 4723ce3..5fecd4a 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -263,6 +263,12 @@ const router = createRouter({
       component: () => import('../views/Wallet/CashOut/Details.vue'),
       meta: { requiresAuth: true },
     },
+    {
+      path: '/KYC',
+      name: 'KYC',
+      component: () => import('../views/Wallet/CashOut/KYC.vue'),
+      meta: { requiresAuth: true },
+    },
   ],
 })
 
diff --git a/src/utils/permissionManager.js b/src/utils/permissionManager.js
index a8c7317..0cce32b 100644
--- a/src/utils/permissionManager.js
+++ b/src/utils/permissionManager.js
@@ -122,6 +122,7 @@ export const ROLE_PERMISSIONS = {
     '/lottery', // 抽奖活动页面
     '/cash-out', // 提现页面
     '/cash-out-details', //提现详情页面
+    '/KYC', //提现资料提交
   ],
 
   // 加载页面
diff --git a/src/utils/routeGuard.js b/src/utils/routeGuard.js
index 6c93dd7..7669144 100644
--- a/src/utils/routeGuard.js
+++ b/src/utils/routeGuard.js
@@ -413,6 +413,7 @@ class RouteGuard {
       '/lottery', // 抽奖活动页面
       '/cash-out', // 提现页面
       '/cash-out-details', //提现详情页面
+      '/KYC', //提现资料提交
     ]
     return publicPages.includes(path)
   }
diff --git a/src/views/Wallet/CashOut/CashOut.vue b/src/views/Wallet/CashOut/CashOut.vue
index 559720f..da024b4 100644
--- a/src/views/Wallet/CashOut/CashOut.vue
+++ b/src/views/Wallet/CashOut/CashOut.vue
@@ -40,9 +40,11 @@
 
       <!-- 银行帐号信息 -->
       <div>
+        <!-- 标题 -->
         <div style="display: flex; align-items: center; margin-bottom: 10px">
           <div style="font-weight: 600">KYC</div>
         </div>
+        <!-- 银行卡信息 -->
         <div
           style="
             background-color: white;
@@ -56,16 +58,23 @@
           <div
             v-if="!hasBankCard"
             style="display: flex; justify-content: space-between; align-items: center"
+            @click="gotoKYC"
           >
             <span style="font-weight: 510; font-size: 1em">Complete information</span>
             <img src="../../../assets/icon/arrow.png" alt="" style="width: 6vw" />
           </div>
+
           <!-- 获取到银行卡信息 -->
           <div v-else style="width: 100%; display: flex; flex-direction: column; gap: 8px">
             <!-- 图片 -->
             <div style="display: flex; justify-content: space-between; align-items: center">
               <span style="font-weight: 510; font-size: 1em">Passport/ID card:(3/3)</span>
-              <img src="../../../assets/icon/arrow.png" alt="" style="width: 6vw" />
+              <img
+                src="../../../assets/icon/arrow.png"
+                alt=""
+                style="width: 6vw"
+                @click="gotoKYC"
+              />
             </div>
             <div style="display: flex; align-items: center; gap: 4px">
               <div
@@ -99,9 +108,9 @@
       <div style="display: flex; justify-content: center; align-items: center">
         <div
           style="
+            margin-top: 10px;
             width: 80%;
             border-radius: 32px;
-            background: linear-gradient(135deg, #d1ced6 2.82%, #7c7882 99.15%);
             padding: 12px;
             color: #fff;
             font-weight: 590;
@@ -186,16 +195,22 @@ const router = useRouter()
 const maskLayerShow = ref(false)
 
 const bankCardInfo = ref({
-  id: '',
+  // id: '',
 })
 const hasBankCard = computed(() => {
   return Object.keys(bankCardInfo.value).length > 0
 })
 
+// 查看历史提现信息
 const lookDetails = () => {
   router.push('/cash-out-details')
 }
 
+// 查看历史提现信息
+const gotoKYC = () => {
+  router.push('/KYC')
+}
+
 // 提现按钮
 const CashOut = () => {
   if (hasBankCard.value) {
diff --git a/src/views/Wallet/CashOut/KYC.vue b/src/views/Wallet/CashOut/KYC.vue
new file mode 100644
index 0000000..40338fe
--- /dev/null
+++ b/src/views/Wallet/CashOut/KYC.vue
@@ -0,0 +1,181 @@
+<template>
+  <div class="fullPage">
+    <GeneralHeader
+      style="width: 100%"
+      title="KYC"
+      color="color: rgba(0, 0, 0, 0.80)"
+      backImg="/src/assets/icon/arrowBackBlack.png"
+    />
+
+    <div style="padding: 16px; display: flex; flex-direction: column; gap: 8px">
+      <!-- 银行卡号 -->
+      <div style="font-weight: 600">Contact number</div>
+      <div
+        style="
+          border-radius: 8px;
+          background: #fff;
+          padding: 12px;
+          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
+        "
+      >
+        <input
+          type="text"
+          v-model="cardNum"
+          placeholder="Please enter your bank card number"
+          style="width: 100%; border: none; outline: none"
+        />
+      </div>
+
+      <!-- 申请信息 -->
+      <div style="font-weight: 600">Other description</div>
+      <div
+        style="
+          padding: 12px 12px 20px;
+          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
+          border-radius: 8px;
+          position: relative;
+        "
+      >
+        <textarea
+          v-model="description"
+          rows="5"
+          maxlength="100"
+          placeholder="Please enter other description"
+          @input="updateCount"
+          style="width: 100%; border: none; outline: none; resize: none"
+        ></textarea>
+        <span
+          style="
+            position: absolute;
+            bottom: 4px;
+            right: 4px;
+            color: rgba(0, 0, 0, 0.4);
+            font-size: 0.8em;
+          "
+          class="word-count"
+          >{{ count }}/100</span
+        >
+      </div>
+
+      <!-- 上传图片 -->
+      <div style="font-weight: 600">Passport/lD card:</div>
+      <div style="display: flex; align-items: center">
+        <img
+          src="/src/assets/icon/addImg.png"
+          alt=""
+          style="display: block; width: 15vw; aspect-ratio: 1/1; object-fit: cover"
+        />
+        <img
+          src="/src/assets/icon/direction.png"
+          alt=""
+          style="display: block; width: 5vw; aspect-ratio: 1/1; object-fit: cover"
+        />
+        <div style="position: relative">
+          <img
+            src="/src/assets/icon/addImg.png"
+            alt=""
+            style="display: block; width: 15vw; aspect-ratio: 1/1; object-fit: cover"
+          />
+          <img
+            src="/src/assets/icon/cancelGray.png"
+            alt=""
+            style="
+              position: absolute;
+              top: 6%;
+              right: 6%;
+              display: block;
+              width: 3vw;
+              aspect-ratio: 1/1;
+              object-fit: cover;
+            "
+          />
+        </div>
+      </div>
+
+      <!-- 提现按钮 -->
+      <div style="display: flex; justify-content: center; align-items: center">
+        <div
+          style="
+            margin-top: 10px;
+            width: 80%;
+            border-radius: 32px;
+            background: linear-gradient(135deg, #bb92ff 2.82%, #8b45ff 99.15%),
+              linear-gradient(135deg, #d1ced6 2.82%, #7c7882 99.15%);
+            padding: 12px;
+            color: #fff;
+            font-weight: 590;
+            text-align: center;
+          "
+          @click="Submit"
+        >
+          Submit
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import GeneralHeader from '@/components/GeneralHeader.vue'
+import { ref, onMounted, computed } from 'vue'
+
+const cardNum = ref('')
+const description = ref('')
+const count = computed(() => description.value.length)
+</script>
+
+<style lang="scss" scoped>
+* {
+  color: rgba(0, 0, 0, 0.8);
+  font-family: 'SF Pro Text';
+}
+
+.fullPage {
+  width: 100vw;
+  min-height: 100vh;
+  background-color: #fff;
+  background-image: url(/src/assets/images/secondBg.png);
+  background-size: 100% auto;
+  background-repeat: no-repeat;
+  position: relative;
+}
+
+input::placeholder {
+  font-weight: 510;
+  color: rgba(0, 0, 0, 0.4);
+}
+
+textarea::placeholder {
+  font-weight: 510;
+  color: rgba(0, 0, 0, 0.4);
+}
+
+textarea::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+}
+
+@media screen and (max-width: 360px) {
+  * {
+    font-size: 10px;
+  }
+}
+
+@media screen and (min-width: 360px) {
+  * {
+    font-size: 16px;
+  }
+}
+
+@media screen and (min-width: 768px) {
+  * {
+    font-size: 24px;
+  }
+}
+
+@media screen and (min-width: 1024px) {
+  * {
+    font-size: 32px;
+  }
+}
+</style>