From bcd075457e025e5d2192e2d00d4d0f4e89b282b8 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Mon, 16 Mar 2026 15:55:40 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E4=B8=BB=E6=92=AD=E4=B8=93=E7=94=A8?=
 =?UTF-8?q?=E6=8F=90=E7=8E=B0=E9=A1=B5=E9=9D=A2):=20=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E5=8A=9F=E8=83=BD=EF=BC=8C=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Wallet/CashOut/CashWithdraw.vue | 124 ++++++++++++----------
 1 file changed, 68 insertions(+), 56 deletions(-)

diff --git a/src/views/Wallet/CashOut/CashWithdraw.vue b/src/views/Wallet/CashOut/CashWithdraw.vue
index 8a72f61..f21e75c 100644
--- a/src/views/Wallet/CashOut/CashWithdraw.vue
+++ b/src/views/Wallet/CashOut/CashWithdraw.vue
@@ -16,7 +16,7 @@
 
     <!-- 主体内容 -->
     <div style="padding: 16px; display: flex; flex-direction: column; gap: 2vw">
-      <!-- 提现部分 -->
+      <!-- Salary Balance -->
       <div style="display: flex; flex-direction: column; gap: 2vw">
         <!-- 收入金额 -->
         <div style="display: flex; justify-content: space-between; align-items: center">
@@ -58,7 +58,7 @@
         </div>
       </div>
 
-      <!-- 使用的银行卡 -->
+      <!-- Your Card (In Use) -->
       <div style="display: flex; flex-direction: column; gap: 2vw">
         <!-- 标题 -->
         <div style="display: flex; justify-content: space-between; align-items: center">
@@ -71,7 +71,7 @@
             alt=""
             style="width: 6vw"
             class="flipImg"
-            @click="gotoselectBank"
+            @click="goToSelectBank"
           />
         </div>
 
@@ -144,59 +144,71 @@
         </div>
       </div>
 
-      <!-- 个人信息 -->
+      <!-- KYC -->
       <div style="display: flex; flex-direction: column; gap: 2vw">
         <!-- 标题 -->
-        <div style="display: flex; align-items: center">
-          <div style="font-weight: 600">{{ t('kyc') }}</div>
+        <div style="display: flex; justify-content: space-between; align-items: center">
+          <div style="display: flex; align-items: center">
+            <div style="font-weight: 600">{{ t('kyc') }}</div>
 
-          <!-- 申请状态 -->
-          <div v-if="hasKYC" style="font-weight: 600; margin: 0 4px">:</div>
+            <!-- 申请状态 -->
+            <div v-if="hasKYC" style="font-weight: 600; margin: 0 4px">:</div>
 
-          <!-- 通过 -->
-          <div
-            v-if="bankCardInfo?.status === 'PASS'"
-            style="
-              font-weight: 510;
-              font-size: 0.9em;
-              background: linear-gradient(248deg, #75ff98 5.66%, #3dff54 42.49%);
-              background-clip: text;
-              -webkit-background-clip: text;
-              -webkit-text-fill-color: transparent;
-            "
-          >
-            {{ t('review_passed') }}
+            <!-- 通过 -->
+            <div
+              v-if="bankCardInfo?.status === 'PASS'"
+              style="
+                font-weight: 510;
+                font-size: 0.9em;
+                background: linear-gradient(248deg, #75ff98 5.66%, #3dff54 42.49%);
+                background-clip: text;
+                -webkit-background-clip: text;
+                -webkit-text-fill-color: transparent;
+              "
+            >
+              {{ t('review_passed') }}
+            </div>
+
+            <!-- 未通过 -->
+            <div
+              v-if="bankCardInfo?.status === 'NOT_PASS'"
+              style="
+                font-weight: 510;
+                font-size: 0.9em;
+                background: linear-gradient(248deg, #ff7578 5.66%, #ff3d40 42.49%);
+                background-clip: text;
+                -webkit-background-clip: text;
+                -webkit-text-fill-color: transparent;
+              "
+            >
+              {{ t('review_failed') }}
+            </div>
+
+            <!-- 审核中 -->
+            <div
+              v-if="bankCardInfo?.status === 'PENDING'"
+              style="
+                font-weight: 510;
+                font-size: 0.9em;
+                background: linear-gradient(248deg, #ffe675 5.66%, #ffc53d 42.49%);
+                background-clip: text;
+                -webkit-background-clip: text;
+                -webkit-text-fill-color: transparent;
+              "
+            >
+              {{ t('awaiting_review') }}
+            </div>
           </div>
 
-          <!-- 未通过 -->
-          <div
-            v-if="bankCardInfo?.status === 'NOT_PASS'"
-            style="
-              font-weight: 510;
-              font-size: 0.9em;
-              background: linear-gradient(248deg, #ff7578 5.66%, #ff3d40 42.49%);
-              background-clip: text;
-              -webkit-background-clip: text;
-              -webkit-text-fill-color: transparent;
-            "
-          >
-            {{ t('review_failed') }}
-          </div>
-
-          <!-- 审核中 -->
-          <div
-            v-if="bankCardInfo?.status === 'PENDING'"
-            style="
-              font-weight: 510;
-              font-size: 0.9em;
-              background: linear-gradient(248deg, #ffe675 5.66%, #ffc53d 42.49%);
-              background-clip: text;
-              -webkit-background-clip: text;
-              -webkit-text-fill-color: transparent;
-            "
-          >
-            {{ t('awaiting_review') }}
-          </div>
+          <!-- 跳转按钮 -->
+          <img
+            v-smart-img
+            src="/src/assets/icon/arrow.png"
+            alt=""
+            style="width: 6vw"
+            class="flipImg"
+            @click="goToKYC"
+          />
         </div>
 
         <!-- 资料内容 -->
@@ -213,7 +225,7 @@
           <div
             v-if="!hasKYC"
             style="display: flex; justify-content: space-between; align-items: center"
-            @click="gotoKYC"
+            @click="goToKYC"
           >
             <span style="font-weight: 510; font-size: 1em">{{ t('complete_information') }}</span>
             <img
@@ -240,7 +252,7 @@
                 src="/src/assets/icon/arrow.png"
                 alt=""
                 style="width: 6vw"
-                @click="gotoKYC"
+                @click="goToKYC"
                 class="flipImg"
               /> -->
             </div>
@@ -352,7 +364,7 @@
               padding: 8px 12px;
               width: 50%;
             "
-            @click="gotoKYC"
+            @click="goToKYC"
           >
             {{ t('receive') }}
           </div>
@@ -608,8 +620,8 @@ const hasKYC = computed(() => {
   return bankCardInfo.value != null
 })
 
-// 前往选择提交方式
-const gotoselectBank = () => {
+// 前往选择银行卡
+const goToSelectBank = () => {
   router.push('/bank-card')
 }
 
@@ -619,7 +631,7 @@ const lookDetails = () => {
 }
 
 // 查看历史提现信息
-const gotoKYC = () => {
+const goToKYC = () => {
   router.push('/KYC')
 }