From 6546fa2d86ca7a00eb1ebddf86237f9b50297b1a Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Mon, 16 Mar 2026 17:39:19 +0800
Subject: [PATCH] =?UTF-8?q?chore(=E6=8F=90=E7=8E=B0=E7=9B=B8=E5=85=B3?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2):=20=E7=BF=BB=E8=AF=91=E3=80=81=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/HostCenter/HostSetting.vue          | 32 ++++++-----
 src/views/HostCenter/index.vue                | 10 ++--
 src/views/Wallet/CashOut/BankCard.vue         | 26 ++++++++-
 src/views/Wallet/CashOut/CashOut.vue          |  2 +-
 src/views/Wallet/CashOut/CashWithdraw.vue     | 56 +++++++++++++++----
 src/views/Wallet/CashOut/KYC.vue              |  2 +-
 .../Wallet/Detail/InformationDetails.vue      |  2 +-
 7 files changed, 96 insertions(+), 34 deletions(-)

diff --git a/src/views/HostCenter/HostSetting.vue b/src/views/HostCenter/HostSetting.vue
index 91078bd..e4e1537 100644
--- a/src/views/HostCenter/HostSetting.vue
+++ b/src/views/HostCenter/HostSetting.vue
@@ -80,7 +80,7 @@
       <div style="display: flex; flex-direction: column; gap: 2vw">
         <!-- 标题 -->
         <div style="display: flex; justify-content: space-between">
-          <div style="font-size: 1.4em; font-weight: 600">Bank Card</div>
+          <div style="font-size: 1.4em; font-weight: 600">{{ t('bank_card') }}</div>
 
           <!-- 跳转按钮 -->
           <div
@@ -88,15 +88,7 @@
             style="display: flex; align-items: center"
             @click="gotoselectBank"
           >
-            <div style="font-weight: 400; color: rgba(0, 0, 0, 0.4)">More</div>
-            <!-- 跳转按钮 -->
-            <img
-              v-smart-img
-              src="/src/assets/icon/arrow.png"
-              alt=""
-              style="width: 6vw"
-              class="flipImg"
-            />
+            <div style="font-weight: 400; color: rgba(0, 0, 0, 0.4)">{{ t('more') }}</div>
           </div>
         </div>
 
@@ -278,7 +270,7 @@
             <div style="display: flex; justify-content: space-between; align-items: center">
               <!-- 图片数量 -->
               <span style="font-weight: 510; font-size: 1em"
-                >{{ t('passport_id_card', { current: bankCardInfo.previewUrls.length }) }}:</span
+                >{{ t('passport_id_card_title') }}:</span
               >
 
               <!-- 跳转按钮 -->
@@ -304,13 +296,27 @@
 
             <!-- 联系方式 -->
             <div style="font-weight: 500">{{ t('contact_number') }}:</div>
-            <div style="color: rgba(0, 0, 0, 0.4); font-weight: 600; font-size: 0.8em">
+            <div
+              style="
+                color: rgba(0, 0, 0, 0.4);
+                font-weight: 600;
+                font-size: 0.8em;
+                overflow-wrap: break-word;
+              "
+            >
               {{ bankCardInfo.contactNumber }}
             </div>
 
             <!-- 备注信息 -->
             <div style="font-weight: 500">{{ t('other_description') }}:</div>
-            <div style="color: rgba(0, 0, 0, 0.4); font-weight: 600; font-size: 0.8em">
+            <div
+              style="
+                color: rgba(0, 0, 0, 0.4);
+                font-weight: 600;
+                font-size: 0.8em;
+                overflow-wrap: break-word;
+              "
+            >
               {{ bankCardInfo.otherDescription }}
             </div>
           </div>
diff --git a/src/views/HostCenter/index.vue b/src/views/HostCenter/index.vue
index 42a5f60..18799c1 100644
--- a/src/views/HostCenter/index.vue
+++ b/src/views/HostCenter/index.vue
@@ -226,15 +226,17 @@
             display: flex;
             flex-direction: column;
             align-items: center;
-            gap: 4px;
+            gap: 2vw;
           "
           @click.stop
         >
-          <div style="color: rgba(0, 0, 0, 0.8); font-weight: 800">{{ t('prompt') }}</div>
-          <div style="color: rgba(0, 0, 0, 0.4); font-weight: 600; font-size: 0.8em">
+          <div style="color: rgba(0, 0, 0, 0.8); font-weight: 700; font-size: 1.2em">
+            {{ t('prompt') }}
+          </div>
+          <div style="color: rgba(0, 0, 0, 0.8); font-weight: 600">
             {{ t('fill_info_tips') }}
           </div>
-          <div style="color: rgba(0, 0, 0, 0.4); font-weight: 600; font-size: 0.6em">
+          <div style="color: rgba(0, 0, 0, 0.4); font-weight: 600; font-size: 0.8em">
             {{ t('card_issue_tips') }}
           </div>
           <div
diff --git a/src/views/Wallet/CashOut/BankCard.vue b/src/views/Wallet/CashOut/BankCard.vue
index f3c414d..ce83c02 100644
--- a/src/views/Wallet/CashOut/BankCard.vue
+++ b/src/views/Wallet/CashOut/BankCard.vue
@@ -23,10 +23,14 @@
             : ''
         "
       >
+        <!-- 没有使用中的银行卡 -->
         <div v-if="!usedBankCard.cardNo" style="font-weight: 510; color: rgba(0, 0, 0, 0.4)">
           {{ t('no_bank_cards_in_use') }}
         </div>
+
+        <!-- 使用中的银行卡 -->
         <div v-else style="display: flex; align-items: center; gap: 2vw">
+          <!-- 银行图标 -->
           <div style="width: 4.5em">
             <img
               v-smart-img
@@ -44,10 +48,12 @@
             />
           </div>
 
+          <!-- 信息 -->
           <div
             style="
               flex: 1;
               min-width: 0;
+
               display: flex;
               flex-direction: column;
               justify-content: space-around;
@@ -64,7 +70,15 @@
             >
               {{ t('payee') }}: {{ usedBankCard.payee }}
             </div>
-            <div style="font-weight: 510; color: rgba(0, 0, 0, 0.4)">
+            <div
+              style="
+                font-weight: 510;
+                color: rgba(0, 0, 0, 0.4);
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+              "
+            >
               {{ t('card_number') }}: {{ usedBankCard.cardNo }}
             </div>
           </div>
@@ -136,7 +150,15 @@
             >
               {{ t('payee') }}: {{ card.payee }}
             </div>
-            <div style="font-weight: 510; color: rgba(0, 0, 0, 0.4)">
+            <div
+              style="
+                font-weight: 510;
+                color: rgba(0, 0, 0, 0.4);
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+              "
+            >
               {{ t('card_number') }}: {{ card.cardNo }}
             </div>
           </div>
diff --git a/src/views/Wallet/CashOut/CashOut.vue b/src/views/Wallet/CashOut/CashOut.vue
index 1d722ca..e6684e9 100644
--- a/src/views/Wallet/CashOut/CashOut.vue
+++ b/src/views/Wallet/CashOut/CashOut.vue
@@ -134,7 +134,7 @@
             <!-- 图片 -->
             <div style="display: flex; justify-content: space-between; align-items: center">
               <span style="font-weight: 510; font-size: 1em">{{
-                t('passport_id_card', { current: bankCardInfo.previewUrls.length })
+                t('passport_id_card_title')
               }}</span>
               <img
                 v-smart-img
diff --git a/src/views/Wallet/CashOut/CashWithdraw.vue b/src/views/Wallet/CashOut/CashWithdraw.vue
index f21e75c..7a5f80d 100644
--- a/src/views/Wallet/CashOut/CashWithdraw.vue
+++ b/src/views/Wallet/CashOut/CashWithdraw.vue
@@ -88,7 +88,7 @@
               ? `border-radius: 11.75px;border: 0.5px solid rgba(255, 255, 255, 0.08);`
               : ''
           "
-          @click="cashOutTypeShow = true"
+          @click="usedBankCard ? (cashOutTypeShow = true) : ''"
         >
           <!-- 无使用银行卡 -->
           <div v-if="!usedBankCard" style="font-weight: 510; color: rgba(0, 0, 0, 0.4)">
@@ -136,7 +136,15 @@
               >
                 {{ t('payee') }}: {{ usedBankCard?.payee }}
               </div>
-              <div style="font-weight: 510; color: rgba(0, 0, 0, 0.4)">
+              <div
+                style="
+                  font-weight: 510;
+                  color: rgba(0, 0, 0, 0.4);
+                  overflow: hidden;
+                  text-overflow: ellipsis;
+                  white-space: nowrap;
+                "
+              >
                 {{ t('card_number') }}: {{ usedBankCard?.cardNo }}
               </div>
             </div>
@@ -241,9 +249,9 @@
           <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"
-                >{{ t('passport_id_card', { current: bankCardInfo.previewUrls.length }) }}:</span
+                >{{ t('passport_id_card_title') }}:</span
               >
 
               <!-- 跳转按钮 -->
@@ -269,13 +277,27 @@
 
             <!-- 联系方式 -->
             <div style="font-weight: 500">{{ t('contact_number') }}:</div>
-            <div style="color: rgba(0, 0, 0, 0.4); font-weight: 600; font-size: 0.8em">
+            <div
+              style="
+                color: rgba(0, 0, 0, 0.4);
+                font-weight: 600;
+                font-size: 0.8em;
+                overflow-wrap: break-word;
+              "
+            >
               {{ bankCardInfo.contactNumber }}
             </div>
 
             <!-- 备注信息 -->
             <div style="font-weight: 500">{{ t('other_description') }}:</div>
-            <div style="color: rgba(0, 0, 0, 0.4); font-weight: 600; font-size: 0.8em">
+            <div
+              style="
+                color: rgba(0, 0, 0, 0.4);
+                font-weight: 600;
+                font-size: 0.8em;
+                overflow-wrap: break-word;
+              "
+            >
               {{ bankCardInfo.otherDescription }}
             </div>
           </div>
@@ -392,7 +414,7 @@
           <!-- 标题 -->
           <div style="display: flex; justify-content: center; align-items: center">
             <div style="margin: 0; font-size: 18px; font-weight: 600; color: #333">
-              {{ t('bd_salary') }}
+              {{ t('bank_card') }}
             </div>
           </div>
 
@@ -472,7 +494,15 @@
                   >
                     {{ t('payee') }}: {{ card.payee }}
                   </div>
-                  <div style="font-weight: 510; color: rgba(0, 0, 0, 0.4)">
+                  <div
+                    style="
+                      font-weight: 510;
+                      color: rgba(0, 0, 0, 0.4);
+                      overflow: hidden;
+                      text-overflow: ellipsis;
+                      white-space: nowrap;
+                    "
+                  >
                     {{ t('card_number') }}: {{ card.cardNo }}
                   </div>
                 </div>
@@ -529,12 +559,14 @@
             display: flex;
             flex-direction: column;
             align-items: center;
-            gap: 4px;
+            gap: 2vw;
           "
           @click.stop
         >
-          <div style="color: rgba(0, 0, 0, 0.8); font-weight: 800">{{ t('tips') }}</div>
-          <div style="color: rgba(0, 0, 0, 0.8); font-weight: 600; font-size: 0.8em">
+          <div style="color: rgba(0, 0, 0, 0.8); font-weight: 700; font-size: 1.2em">
+            {{ t('tips') }}
+          </div>
+          <div style="color: rgba(0, 0, 0, 0.8); font-weight: 600">
             {{ t('cash_withdrawal_tips') }}
           </div>
           <div
@@ -627,7 +659,7 @@ const goToSelectBank = () => {
 
 // 查看历史提现信息
 const lookDetails = () => {
-  router.push('/cash-out-details')
+  router.push('/information-details')
 }
 
 // 查看历史提现信息
diff --git a/src/views/Wallet/CashOut/KYC.vue b/src/views/Wallet/CashOut/KYC.vue
index 5f3dddb..97b0fbc 100644
--- a/src/views/Wallet/CashOut/KYC.vue
+++ b/src/views/Wallet/CashOut/KYC.vue
@@ -176,7 +176,7 @@
               ? 'linear-gradient(135deg, #BB92FF 2.82%, #8B45FF 99.15%), linear-gradient(135deg, #D1CED6 2.82%, #7C7882 99.15%)'
               : 'linear-gradient(135deg, #D1CED6 2.82%, #7C7882 99.15%)',
           }"
-          @click="maskLayerShow = true"
+          @click="checkStatus ? (maskLayerShow = true) : ''"
         >
           <div v-if="updateStatus" style="color: #fff; font-weight: 590; text-align: center">
             {{ t('change_kyc') }}
diff --git a/src/views/Wallet/Detail/InformationDetails.vue b/src/views/Wallet/Detail/InformationDetails.vue
index 585c84d..63deec0 100644
--- a/src/views/Wallet/Detail/InformationDetails.vue
+++ b/src/views/Wallet/Detail/InformationDetails.vue
@@ -3,7 +3,7 @@
     <!-- 使用 GeneralHeader 替换 MobileHeader -->
     <GeneralHeader
       :showLanguageList="true"
-      :title="t('information_details')"
+      :title="t('details')"
       color="black"
       style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
     />