feat(主播专用提现页面): 新增跳转功能，调整代码

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="display: flex; justify-content: space-between; align-items: center">
-          <div style="font-weight: 600">{{ t('kyc') }}</div>
+          <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
+            <div
-            v-if="bankCardInfo?.status === 'PASS'"
+              v-if="bankCardInfo?.status === 'PASS'"
-            style="
+              style="
-              font-weight: 510;
+                font-weight: 510;
-              font-size: 0.9em;
+                font-size: 0.9em;
-              background: linear-gradient(248deg, #75ff98 5.66%, #3dff54 42.49%);
+                background: linear-gradient(248deg, #75ff98 5.66%, #3dff54 42.49%);
-              background-clip: text;
+                background-clip: text;
-              -webkit-background-clip: text;
+                -webkit-background-clip: text;
-              -webkit-text-fill-color: transparent;
+                -webkit-text-fill-color: transparent;
-            "
+              "
-          >
+            >
-            {{ t('review_passed') }}
+              {{ 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
+          <img
-            v-if="bankCardInfo?.status === 'NOT_PASS'"
+            v-smart-img
-            style="
+            src="/src/assets/icon/arrow.png"
-              font-weight: 510;
+            alt=""
-              font-size: 0.9em;
+            style="width: 6vw"
-              background: linear-gradient(248deg, #ff7578 5.66%, #ff3d40 42.49%);
+            class="flipImg"
-              background-clip: text;
+            @click="goToKYC"
-              -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>
 
         <!-- 资料内容 -->
@@ -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')
 }