From c2c07694faca37b4d7310951dbe88b0dff7fc0f0 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Thu, 5 Mar 2026 14:38:33 +0800
Subject: [PATCH] =?UTF-8?q?chore(=E5=9B=BE=E7=89=87=E7=BC=93=E5=AD=98?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E6=96=87=E4=BB=B6):=20=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E5=AD=98=E6=94=BE=E8=B7=AF=E5=BE=84=EF=BC=8C?=
 =?UTF-8?q?=E4=BB=A5=E5=8F=8A=E5=AF=B9=E5=BA=94=E7=9A=84=E5=BC=95=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/directives/smartImage.js                     |  2 +-
 src/utils/{ => image}/imageCacheManager.js       |  0
 src/utils/{ => image}/imageHandler.js            |  0
 src/utils/{ => image}/imagePreloader.js          |  2 +-
 src/utils/versionChecker.js                      |  2 +-
 src/views/Activities/LoginReward/index.vue       |  4 ++--
 .../LuckyDollars/Season3/components/Barrage.vue  |  2 +-
 .../LuckyDollars/Season3/components/topUser.vue  |  2 +-
 .../Activities/LuckyDollars/Season3/index.vue    |  4 ++--
 src/views/Activities/Reward/RechargeReward.vue   |  4 ++--
 src/views/Activities/SpringFestival/Ranking.vue  |  4 ++--
 .../Activities/SpringFestival/RankingReward.vue  |  4 ++--
 .../Activities/SpringFestival/RechargeReward.vue |  4 ++--
 src/views/Activities/SpringFestival/Task.vue     |  4 ++--
 .../SpringFestival/components/topUser.vue        |  2 +-
 src/views/Activities/SpringFestival/index.vue    |  4 ++--
 src/views/AdminCenter/MyAgencyTeams.vue          |  2 +-
 src/views/AdminCenter/MyBDLeaderTeams.vue        |  2 +-
 src/views/AdminCenter/MyBDTeams.vue              |  2 +-
 src/views/AdminCenter/index.vue                  |  2 +-
 src/views/AdminCenter/policy.vue                 |  2 +-
 src/views/AgencyCenter/AgencySetting.vue         |  2 +-
 src/views/AgencyCenter/Message.vue               |  6 +++---
 .../AgencyCenter/components/TeamBillMore.vue     |  2 +-
 src/views/AgencyCenter/index.vue                 |  2 +-
 src/views/ApplyHost/ApplyView.vue                |  4 ++--
 src/views/BDCenter/incomeDetails.vue             |  6 +++---
 src/views/BDCenter/index.vue                     |  2 +-
 src/views/BDLeaderCenter/index.vue               |  2 +-
 src/views/GoodID/index.vue                       |  2 +-
 src/views/HostCenter/HostSetting.vue             |  2 +-
 src/views/Invitation/InviteToRegister.vue        |  4 ++--
 src/views/Invitation/inviteAgency.vue            |  4 ++--
 src/views/Invitation/inviteBD.vue                |  4 ++--
 src/views/Invitation/inviteBDLeader.vue          |  4 ++--
 src/views/Invitation/inviteNewUser.vue           |  4 ++--
 src/views/Invitation/inviteRechargeAgency.vue    |  4 ++--
 src/views/Ranking/Couple/GamePlay/Gameplay.vue   |  4 ++--
 .../Couple/GamePlay/components/exchange.vue      |  4 ++--
 .../Couple/GamePlay/components/lottery.vue       |  4 ++--
 .../Couple/GamePlay/components/signIn.vue        |  4 ++--
 .../Couple/GamePlay/components/signInItem.vue    |  2 +-
 src/views/Ranking/Couple/Ranking.vue             |  4 ++--
 src/views/Ranking/Couple/components/Barrage.vue  |  2 +-
 src/views/Ranking/Couple/components/topUser.vue  |  4 ++--
 src/views/Ranking/Couple/index.vue               |  4 ++--
 .../Ranking/GamesKing/components/topUser.vue     |  2 +-
 src/views/Ranking/GamesKing/index.vue            |  4 ++--
 src/views/Ranking/KingAndQueen/TopList.vue       |  4 ++--
 src/views/Ranking/Overall/Ranking.vue            |  4 ++--
 src/views/Ranking/Overall/components/topUser.vue |  2 +-
 src/views/Ranking/WeeklyStar/WeeklyStar.vue      |  4 ++--
 .../Ranking/WeeklyStar/components/topUser.vue    |  2 +-
 src/views/Recharge/guide.vue                     |  2 +-
 src/views/Recharge/payWay.vue                    | 16 +++++++++-------
 src/views/RechargeAgency/Recruit.vue             |  2 +-
 src/views/RechargeAgency/SearchUser.vue          |  2 +-
 src/views/RechargeAgency/SellerRecordsView.vue   |  4 ++--
 src/views/RechargeAgency/index.vue               |  2 +-
 src/views/Wallet/Transfer/SearchPayee.vue        |  4 ++--
 src/views/Wallet/Transfer/Transfer.vue           |  2 +-
 src/views/Wallet/availableIncome.vue             |  2 +-
 62 files changed, 100 insertions(+), 98 deletions(-)
 rename src/utils/{ => image}/imageCacheManager.js (100%)
 rename src/utils/{ => image}/imageHandler.js (100%)
 rename src/utils/{ => image}/imagePreloader.js (92%)

diff --git a/src/directives/smartImage.js b/src/directives/smartImage.js
index 20640e6..326cf92 100644
--- a/src/directives/smartImage.js
+++ b/src/directives/smartImage.js
@@ -1,5 +1,5 @@
 // src/directives/smartImage.js
-import { imageCacheManager } from '@/utils/imageCacheManager'
+import { imageCacheManager } from '@/utils/image/imageCacheManager'
 import { nextTick } from 'vue'
 
 export const smartImage = {
diff --git a/src/utils/imageCacheManager.js b/src/utils/image/imageCacheManager.js
similarity index 100%
rename from src/utils/imageCacheManager.js
rename to src/utils/image/imageCacheManager.js
diff --git a/src/utils/imageHandler.js b/src/utils/image/imageHandler.js
similarity index 100%
rename from src/utils/imageHandler.js
rename to src/utils/image/imageHandler.js
diff --git a/src/utils/imagePreloader.js b/src/utils/image/imagePreloader.js
similarity index 92%
rename from src/utils/imagePreloader.js
rename to src/utils/image/imagePreloader.js
index b196175..231d9b4 100644
--- a/src/utils/imagePreloader.js
+++ b/src/utils/image/imagePreloader.js
@@ -1,5 +1,5 @@
 // src/utils/imagePreloader.js
-import { imageCacheManager } from '@/utils/imageCacheManager'
+import { imageCacheManager } from '@/utils/image/imageCacheManager'
 
 export const preloadImages = async (sources) => {
   let urls = []
diff --git a/src/utils/versionChecker.js b/src/utils/versionChecker.js
index 2e1489c..1a13352 100644
--- a/src/utils/versionChecker.js
+++ b/src/utils/versionChecker.js
@@ -1,7 +1,7 @@
 // src/utils/versionChecker.js
 // 版本检查工具
 
-import { imageCacheManager } from '@/utils/imageCacheManager'
+import { imageCacheManager } from '@/utils/image/imageCacheManager'
 
 const PERSISTENT_KEYS = [
   'preferred-language', // 语言设置
diff --git a/src/views/Activities/LoginReward/index.vue b/src/views/Activities/LoginReward/index.vue
index 4922324..f8c7193 100644
--- a/src/views/Activities/LoginReward/index.vue
+++ b/src/views/Activities/LoginReward/index.vue
@@ -94,9 +94,9 @@ import { setDocumentDirection } from '@/locales/i18n'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { useLangStore } from '@/stores/lang'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { formatRewardDisplay } from '@/utils/rewardFormatter.js'
 
 import { apiGetLoginRewards, apiGetTodayLoginStatus, postReceiveLoginReward } from '@/api/task.js'
diff --git a/src/views/Activities/LuckyDollars/Season3/components/Barrage.vue b/src/views/Activities/LuckyDollars/Season3/components/Barrage.vue
index 955bd7b..58bb2ff 100644
--- a/src/views/Activities/LuckyDollars/Season3/components/Barrage.vue
+++ b/src/views/Activities/LuckyDollars/Season3/components/Barrage.vue
@@ -62,7 +62,7 @@
 <script setup>
 import { ref, computed, onMounted, onUnmounted, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 const { locale, t } = useI18n()
 
diff --git a/src/views/Activities/LuckyDollars/Season3/components/topUser.vue b/src/views/Activities/LuckyDollars/Season3/components/topUser.vue
index c53175b..81f661a 100644
--- a/src/views/Activities/LuckyDollars/Season3/components/topUser.vue
+++ b/src/views/Activities/LuckyDollars/Season3/components/topUser.vue
@@ -108,7 +108,7 @@
 </template>
 
 <script setup>
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 import { computed } from 'vue'
 
 const props = defineProps({
diff --git a/src/views/Activities/LuckyDollars/Season3/index.vue b/src/views/Activities/LuckyDollars/Season3/index.vue
index fef9bab..fcb199f 100644
--- a/src/views/Activities/LuckyDollars/Season3/index.vue
+++ b/src/views/Activities/LuckyDollars/Season3/index.vue
@@ -1908,11 +1908,11 @@ import { setDocumentDirection } from '@/locales/i18n'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { useLangStore } from '@/stores/lang'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { setUserInfo } from '@/utils/userStore.js'
 import { formatUTCCustom } from '@/utils/utcFormat.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { getSelectedPayee, clearSelectedPayee } from '@/utils/payeeStore.js'
 import { useThrottle } from '@/utils/useDebounce'
 import { formatRewardDisplay } from '@/utils/rewardFormatter.js'
diff --git a/src/views/Activities/Reward/RechargeReward.vue b/src/views/Activities/Reward/RechargeReward.vue
index 1a512e9..1da5148 100644
--- a/src/views/Activities/Reward/RechargeReward.vue
+++ b/src/views/Activities/Reward/RechargeReward.vue
@@ -131,8 +131,8 @@
 import { ref, onMounted } from 'vue'
 import { connectToApp } from '@/utils/appConnector.js'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { getMemberProfile, getTotalRecharge } from '@/api/wallet'
 
diff --git a/src/views/Activities/SpringFestival/Ranking.vue b/src/views/Activities/SpringFestival/Ranking.vue
index e54b593..474e034 100644
--- a/src/views/Activities/SpringFestival/Ranking.vue
+++ b/src/views/Activities/SpringFestival/Ranking.vue
@@ -192,9 +192,9 @@ import { setDocumentDirection } from '@/locales/i18n'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { useLangStore } from '@/stores/lang'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { formatRewardDisplay } from '@/utils/rewardFormatter.js'
 import { useSpringFestival } from '@/stores/springFestival'
 import { storeToRefs } from 'pinia'
diff --git a/src/views/Activities/SpringFestival/RankingReward.vue b/src/views/Activities/SpringFestival/RankingReward.vue
index 3bc895b..7bf9869 100644
--- a/src/views/Activities/SpringFestival/RankingReward.vue
+++ b/src/views/Activities/SpringFestival/RankingReward.vue
@@ -70,9 +70,9 @@ import { setDocumentDirection } from '@/locales/i18n'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { useLangStore } from '@/stores/lang'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { formatRewardDisplay } from '@/utils/rewardFormatter.js'
 import { useSpringFestival } from '@/stores/springFestival'
 import { storeToRefs } from 'pinia'
diff --git a/src/views/Activities/SpringFestival/RechargeReward.vue b/src/views/Activities/SpringFestival/RechargeReward.vue
index 3158be2..7734b84 100644
--- a/src/views/Activities/SpringFestival/RechargeReward.vue
+++ b/src/views/Activities/SpringFestival/RechargeReward.vue
@@ -210,9 +210,9 @@ import { setDocumentDirection } from '@/locales/i18n'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { useLangStore } from '@/stores/lang'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { formatRewardDisplay } from '@/utils/rewardFormatter.js'
 import { useSpringFestival } from '@/stores/springFestival'
 import { storeToRefs } from 'pinia'
diff --git a/src/views/Activities/SpringFestival/Task.vue b/src/views/Activities/SpringFestival/Task.vue
index c12e5cd..05690fa 100644
--- a/src/views/Activities/SpringFestival/Task.vue
+++ b/src/views/Activities/SpringFestival/Task.vue
@@ -662,9 +662,9 @@ import { setDocumentDirection } from '@/locales/i18n'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { useLangStore } from '@/stores/lang'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { formatRewardDisplay } from '@/utils/rewardFormatter.js'
 import { getSelectedPayee, clearSelectedPayee } from '@/utils/payeeStore.js'
 import { useSpringFestival } from '@/stores/springFestival'
diff --git a/src/views/Activities/SpringFestival/components/topUser.vue b/src/views/Activities/SpringFestival/components/topUser.vue
index 68926ca..5dc64b5 100644
--- a/src/views/Activities/SpringFestival/components/topUser.vue
+++ b/src/views/Activities/SpringFestival/components/topUser.vue
@@ -116,7 +116,7 @@
 </template>
 
 <script setup>
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 import { computed } from 'vue'
 
 const props = defineProps({
diff --git a/src/views/Activities/SpringFestival/index.vue b/src/views/Activities/SpringFestival/index.vue
index 2593a04..5827c94 100644
--- a/src/views/Activities/SpringFestival/index.vue
+++ b/src/views/Activities/SpringFestival/index.vue
@@ -643,10 +643,10 @@ import { getPngUrl, getWebpUrl } from '@/config/imagePaths.js'
 import { getUserId, setUserInfo } from '@/utils/userStore.js'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { connectToApp } from '@/utils/appConnector.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { formatUTCCustom } from '@/utils/utcFormat.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { useSpringFestival } from '@/stores/springFestival'
 import { storeToRefs } from 'pinia'
 import { getSelectedPayee, clearSelectedPayee } from '@/utils/payeeStore.js'
diff --git a/src/views/AdminCenter/MyAgencyTeams.vue b/src/views/AdminCenter/MyAgencyTeams.vue
index 7e30a92..826aa14 100644
--- a/src/views/AdminCenter/MyAgencyTeams.vue
+++ b/src/views/AdminCenter/MyAgencyTeams.vue
@@ -365,7 +365,7 @@
 import { computed, onMounted, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { setDocumentDirection } from '@/locales/i18n'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import {
   apiGetTeamOverview, //查询BD团队概览
diff --git a/src/views/AdminCenter/MyBDLeaderTeams.vue b/src/views/AdminCenter/MyBDLeaderTeams.vue
index 4c1fbc2..35ae950 100644
--- a/src/views/AdminCenter/MyBDLeaderTeams.vue
+++ b/src/views/AdminCenter/MyBDLeaderTeams.vue
@@ -367,7 +367,7 @@
 import { computed, onMounted, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { setDocumentDirection } from '@/locales/i18n'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import {
   apiGetTeamOverview, //查询BD团队概览
diff --git a/src/views/AdminCenter/MyBDTeams.vue b/src/views/AdminCenter/MyBDTeams.vue
index 84fb5ee..aa5677b 100644
--- a/src/views/AdminCenter/MyBDTeams.vue
+++ b/src/views/AdminCenter/MyBDTeams.vue
@@ -362,7 +362,7 @@
 import { computed, onMounted, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { setDocumentDirection } from '@/locales/i18n'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import {
   apiGetTeamOverview, //查询BD团队概览
diff --git a/src/views/AdminCenter/index.vue b/src/views/AdminCenter/index.vue
index 6e0fc92..178c972 100644
--- a/src/views/AdminCenter/index.vue
+++ b/src/views/AdminCenter/index.vue
@@ -425,7 +425,7 @@ import { setDocumentDirection } from '@/locales/i18n'
 import { gotoAppPage } from '@/utils/appBridge.js'
 import { getUserId } from '@/utils/userStore.js'
 import { usePageInitializationWithConfig } from '@/utils/pageConfig.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 import { useIdentityStore } from '@/stores/identity.js'
 import { showError } from '@/utils/toast.js'
 
diff --git a/src/views/AdminCenter/policy.vue b/src/views/AdminCenter/policy.vue
index afd4c42..d12eb1d 100644
--- a/src/views/AdminCenter/policy.vue
+++ b/src/views/AdminCenter/policy.vue
@@ -38,7 +38,7 @@ import { computed, onMounted, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useLangStore } from '@/stores/lang'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 
 import GeneralHeader from '@/components/GeneralHeader.vue'
 
diff --git a/src/views/AgencyCenter/AgencySetting.vue b/src/views/AgencyCenter/AgencySetting.vue
index eead011..fdfb5d7 100644
--- a/src/views/AgencyCenter/AgencySetting.vue
+++ b/src/views/AgencyCenter/AgencySetting.vue
@@ -60,7 +60,7 @@ import { reactive } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { setDocumentDirection } from '@/locales/i18n'
 import { usePageInitializationWithConfig } from '@/utils/pageConfig.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import GeneralHeader from '@/components/GeneralHeader.vue'
 
diff --git a/src/views/AgencyCenter/Message.vue b/src/views/AgencyCenter/Message.vue
index 8bd2680..3febafd 100644
--- a/src/views/AgencyCenter/Message.vue
+++ b/src/views/AgencyCenter/Message.vue
@@ -105,7 +105,7 @@ import { useI18n } from 'vue-i18n'
 import { getTeamId } from '@/utils/userStore.js'
 import { showError, showSuccess, showWarning } from '@/utils/toast.js'
 import { setDocumentDirection } from '@/locales/i18n'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { getApplyRecord } from '@/api/teamBill.js'
 import { processUserApply } from '@/api/wallet.js'
@@ -174,7 +174,7 @@ const handleAgree = async (message) => {
       showSuccess(
         t('approved_application', {
           name: message.name,
-        })
+        }),
       )
       // 从列表中移除
       const index = messages.value.findIndex((m) => m.id === message.id)
@@ -202,7 +202,7 @@ const handleRefuse = async (message) => {
       showWarning(
         t('rejected_application', {
           name: message.name,
-        })
+        }),
       )
       // 从列表中移除
       const index = messages.value.findIndex((m) => m.id === message.id)
diff --git a/src/views/AgencyCenter/components/TeamBillMore.vue b/src/views/AgencyCenter/components/TeamBillMore.vue
index fd012e7..b884e29 100644
--- a/src/views/AgencyCenter/components/TeamBillMore.vue
+++ b/src/views/AgencyCenter/components/TeamBillMore.vue
@@ -231,7 +231,7 @@ import { useLangStore } from '@/stores/lang'
 import { useI18n } from 'vue-i18n'
 import { setDocumentDirection } from '@/locales/i18n'
 import { getTeamId } from '@/utils/userStore.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { getTeamReleasePolicy } from '@/api/teamBill.js'
 
diff --git a/src/views/AgencyCenter/index.vue b/src/views/AgencyCenter/index.vue
index db80879..901ea1f 100644
--- a/src/views/AgencyCenter/index.vue
+++ b/src/views/AgencyCenter/index.vue
@@ -339,7 +339,7 @@ import { setDocumentDirection } from '@/locales/i18n'
 import { usePageInitializationWithConfig } from '@/utils/pageConfig.js'
 import { getTeamId, getUserId } from '@/utils/userStore.js'
 import { clearSelectedPayee } from '@/utils/payeeStore.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { getTeamMemberCount, getTeamBill, getTeamMemberWork } from '@/api/teamBill.js'
 import { getUserIdentity } from '@/api/wallet.js'
diff --git a/src/views/ApplyHost/ApplyView.vue b/src/views/ApplyHost/ApplyView.vue
index 2e2b77b..e3cbab8 100644
--- a/src/views/ApplyHost/ApplyView.vue
+++ b/src/views/ApplyHost/ApplyView.vue
@@ -262,7 +262,7 @@ import { showError, showWarning, showInfo, showSuccess } from '@/utils/toast.js'
 import { ApiError } from '@/utils/http.js'
 import { usePageInitializationWithConfig } from '@/utils/pageConfig.js'
 import { setDocumentDirection } from '@/locales/i18n'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import {
   sendTeamApplyJoin,
@@ -329,7 +329,7 @@ const handleCancelApply = async (record) => {
           default:
             showError(
               error.errorMsg || error.message || 'Cancellation failed, please try again',
-              'Cancellation failed'
+              'Cancellation failed',
             )
         }
       } else {
diff --git a/src/views/BDCenter/incomeDetails.vue b/src/views/BDCenter/incomeDetails.vue
index 54df251..1659d59 100644
--- a/src/views/BDCenter/incomeDetails.vue
+++ b/src/views/BDCenter/incomeDetails.vue
@@ -44,8 +44,8 @@
                   record.status === 'Under review'
                     ? 'linear-gradient(248deg, #FFE675 5.66%, #FFC53D 42.49%)'
                     : record.status === 'Approved'
-                    ? 'linear-gradient(248deg, #75FF98 5.66%, #3DFF54 42.49%)'
-                    : 'linear-gradient(248deg, #FF7578 5.66%, #FF3D40 42.49%)',
+                      ? 'linear-gradient(248deg, #75FF98 5.66%, #3DFF54 42.49%)'
+                      : 'linear-gradient(248deg, #FF7578 5.66%, #FF3D40 42.49%)',
               }"
             >
               {{ getStatusText(record.status) }}
@@ -142,7 +142,7 @@
 import { useI18n } from 'vue-i18n'
 import { ref, onMounted } from 'vue'
 import { setDocumentDirection } from '@/locales/i18n'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { apiGetWithdrawRecords } from '@/api/wallet'
 
diff --git a/src/views/BDCenter/index.vue b/src/views/BDCenter/index.vue
index 8e2fdf1..4d6abdb 100644
--- a/src/views/BDCenter/index.vue
+++ b/src/views/BDCenter/index.vue
@@ -544,7 +544,7 @@ import { isInApp } from '@/utils/appBridge.js'
 import { clearSelectedPayee } from '@/utils/payeeStore.js'
 import { setDocumentDirection } from '@/locales/i18n'
 import { useIdentityStore } from '@/stores/identity.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { getBdMemberBillList, getBdHistory, getBdHistoryMore } from '@/api/bdCenter.js'
 import { apiGetBankBalance } from '@/api/wallet.js'
diff --git a/src/views/BDLeaderCenter/index.vue b/src/views/BDLeaderCenter/index.vue
index 9e5e1e0..e05091c 100644
--- a/src/views/BDLeaderCenter/index.vue
+++ b/src/views/BDLeaderCenter/index.vue
@@ -955,7 +955,7 @@ import { isInApp } from '@/utils/appBridge.js'
 import { clearSelectedPayee } from '@/utils/payeeStore.js'
 import { usePageInitializationWithConfig } from '@/utils/pageConfig.js'
 import { useIdentityStore } from '@/stores/identity.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { getBdMemberBillList, getBdHistory, getBdHistoryMore } from '@/api/bdCenter.js'
 import { getBdLeaderHistory, getBdLeaderHistoryMore } from '@/api/bdLeaderCenter'
diff --git a/src/views/GoodID/index.vue b/src/views/GoodID/index.vue
index abe9546..176f5ab 100644
--- a/src/views/GoodID/index.vue
+++ b/src/views/GoodID/index.vue
@@ -155,7 +155,7 @@ import { useLangStore } from '@/stores/lang'
 import { useI18n } from 'vue-i18n'
 import { getPngUrl } from '@/config/imagePaths.js'
 import { connectToApp } from '@/utils/appConnector.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { getUserId } from '@/utils/userStore.js'
 import { showError, showWarning, showSuccess } from '@/utils/toast.js'
 
diff --git a/src/views/HostCenter/HostSetting.vue b/src/views/HostCenter/HostSetting.vue
index fb7934b..4231f90 100644
--- a/src/views/HostCenter/HostSetting.vue
+++ b/src/views/HostCenter/HostSetting.vue
@@ -103,7 +103,7 @@ import { useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
 import { setDocumentDirection } from '@/locales/i18n'
 import { getTeamId } from '@/utils/userStore.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { getMyAgency, leaveAgency } from '@/api/host'
 
diff --git a/src/views/Invitation/InviteToRegister.vue b/src/views/Invitation/InviteToRegister.vue
index 9fbf456..b05d8af 100644
--- a/src/views/Invitation/InviteToRegister.vue
+++ b/src/views/Invitation/InviteToRegister.vue
@@ -525,8 +525,8 @@ import { showError, showWarning, showSuccess } from '@/utils/toast.js'
 import { useClipboard } from '@vueuse/core'
 import { connectToApp } from '@/utils/appConnector.js'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
-import { handleRewardImageError } from '@/utils/imageHandler.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
+import { handleRewardImageError } from '@/utils/image/imageHandler.js'
 
 import {
   getMyInviteCode, // 获取我的邀请码
diff --git a/src/views/Invitation/inviteAgency.vue b/src/views/Invitation/inviteAgency.vue
index 49d2ffa..a8cd1d2 100644
--- a/src/views/Invitation/inviteAgency.vue
+++ b/src/views/Invitation/inviteAgency.vue
@@ -222,7 +222,7 @@ import { useI18n } from 'vue-i18n'
 import { setDocumentDirection } from '@/locales/i18n'
 import { showError, showSuccess } from '@/utils/toast.js'
 import { useDebounce } from '@/utils/useDebounce'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { searchUser } from '@/api/userInfo'
 import { invitedList, inviteToBeAgency, cancelInvite } from '@/api/bdCenter.js'
@@ -298,7 +298,7 @@ const debouncedSearch = useDebounce(
     }
   },
   500,
-  true
+  true,
 )
 
 // 选择用户
diff --git a/src/views/Invitation/inviteBD.vue b/src/views/Invitation/inviteBD.vue
index b5231fc..11b9163 100644
--- a/src/views/Invitation/inviteBD.vue
+++ b/src/views/Invitation/inviteBD.vue
@@ -222,7 +222,7 @@ import { useI18n } from 'vue-i18n'
 import { setDocumentDirection } from '@/locales/i18n'
 import { showError, showSuccess } from '@/utils/toast.js'
 import { useDebounce } from '@/utils/useDebounce'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { searchUser } from '@/api/userInfo'
 import {
@@ -302,7 +302,7 @@ const debouncedSearch = useDebounce(
     }
   },
   500,
-  true
+  true,
 )
 
 // 选择用户
diff --git a/src/views/Invitation/inviteBDLeader.vue b/src/views/Invitation/inviteBDLeader.vue
index 45ce734..c3f308f 100644
--- a/src/views/Invitation/inviteBDLeader.vue
+++ b/src/views/Invitation/inviteBDLeader.vue
@@ -221,7 +221,7 @@ import { useI18n } from 'vue-i18n'
 import { setDocumentDirection } from '@/locales/i18n'
 import { showError, showSuccess } from '@/utils/toast.js'
 import { useDebounce } from '@/utils/useDebounce'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { searchUser } from '@/api/userInfo'
 import {
@@ -301,7 +301,7 @@ const debouncedSearch = useDebounce(
     }
   },
   500,
-  true
+  true,
 )
 
 // 选择用户
diff --git a/src/views/Invitation/inviteNewUser.vue b/src/views/Invitation/inviteNewUser.vue
index 3f514c4..eadcfef 100644
--- a/src/views/Invitation/inviteNewUser.vue
+++ b/src/views/Invitation/inviteNewUser.vue
@@ -1084,8 +1084,8 @@ import { showError, showWarning, showSuccess } from '@/utils/toast.js'
 import { useClipboard } from '@vueuse/core'
 import { connectToApp } from '@/utils/appConnector.js'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 
 import {
   getRankingListAndMyRanking, // 获取排行榜和当前用户排名
diff --git a/src/views/Invitation/inviteRechargeAgency.vue b/src/views/Invitation/inviteRechargeAgency.vue
index 5b509c7..01bd07a 100644
--- a/src/views/Invitation/inviteRechargeAgency.vue
+++ b/src/views/Invitation/inviteRechargeAgency.vue
@@ -201,7 +201,7 @@ import { useI18n } from 'vue-i18n'
 import { setDocumentDirection } from '@/locales/i18n'
 import { useDebounce } from '@/utils/useDebounce'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import GeneralHeader from '@/components/GeneralHeader.vue'
 
@@ -281,7 +281,7 @@ const debouncedSearch = useDebounce(
     }
   },
   500,
-  true
+  true,
 )
 
 // 选择用户
diff --git a/src/views/Ranking/Couple/GamePlay/Gameplay.vue b/src/views/Ranking/Couple/GamePlay/Gameplay.vue
index fdd99a3..42fab8e 100644
--- a/src/views/Ranking/Couple/GamePlay/Gameplay.vue
+++ b/src/views/Ranking/Couple/GamePlay/Gameplay.vue
@@ -124,10 +124,10 @@ import { getPngUrl } from '@/config/imagePaths.js'
 import { getUserId, setUserInfo } from '@/utils/userStore.js'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { connectToApp } from '@/utils/appConnector.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { formatUTCCustom } from '@/utils/utcFormat.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { useCoupleStore } from '@/stores/couple'
 import { storeToRefs } from 'pinia'
 
diff --git a/src/views/Ranking/Couple/GamePlay/components/exchange.vue b/src/views/Ranking/Couple/GamePlay/components/exchange.vue
index 512ee8f..cb768c3 100644
--- a/src/views/Ranking/Couple/GamePlay/components/exchange.vue
+++ b/src/views/Ranking/Couple/GamePlay/components/exchange.vue
@@ -72,10 +72,10 @@ import { getPngUrl } from '@/config/imagePaths.js'
 import { getUserId, setUserInfo } from '@/utils/userStore.js'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { connectToApp } from '@/utils/appConnector.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { formatUTCCustom } from '@/utils/utcFormat.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { useCoupleStore } from '@/stores/couple'
 import { formatRewardDisplay } from '@/utils/rewardFormatter.js'
 
diff --git a/src/views/Ranking/Couple/GamePlay/components/lottery.vue b/src/views/Ranking/Couple/GamePlay/components/lottery.vue
index df45a5b..f895b9b 100644
--- a/src/views/Ranking/Couple/GamePlay/components/lottery.vue
+++ b/src/views/Ranking/Couple/GamePlay/components/lottery.vue
@@ -210,10 +210,10 @@ import { getPngUrl } from '@/config/imagePaths.js'
 import { getUserId, setUserInfo } from '@/utils/userStore.js'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { connectToApp } from '@/utils/appConnector.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { formatUTCCustom } from '@/utils/utcFormat.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { useCoupleStore } from '@/stores/couple'
 import { storeToRefs } from 'pinia'
 
diff --git a/src/views/Ranking/Couple/GamePlay/components/signIn.vue b/src/views/Ranking/Couple/GamePlay/components/signIn.vue
index 1cfc485..e369ae5 100644
--- a/src/views/Ranking/Couple/GamePlay/components/signIn.vue
+++ b/src/views/Ranking/Couple/GamePlay/components/signIn.vue
@@ -71,10 +71,10 @@ import { getPngUrl } from '@/config/imagePaths.js'
 import { setUserInfo } from '@/utils/userStore.js'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { connectToApp } from '@/utils/appConnector.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { formatUTCCustom } from '@/utils/utcFormat.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { useCoupleStore } from '@/stores/couple'
 import { storeToRefs } from 'pinia'
 
diff --git a/src/views/Ranking/Couple/GamePlay/components/signInItem.vue b/src/views/Ranking/Couple/GamePlay/components/signInItem.vue
index 27e7553..dcf4469 100644
--- a/src/views/Ranking/Couple/GamePlay/components/signInItem.vue
+++ b/src/views/Ranking/Couple/GamePlay/components/signInItem.vue
@@ -124,7 +124,7 @@
 
 <script setup>
 import { computed, onMounted, onUnmounted, ref } from 'vue'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 import { useRoute, useRouter } from 'vue-router'
 import { useLangStore } from '@/stores/lang'
 import { useI18n } from 'vue-i18n'
diff --git a/src/views/Ranking/Couple/Ranking.vue b/src/views/Ranking/Couple/Ranking.vue
index 9e96d5c..5d3708b 100644
--- a/src/views/Ranking/Couple/Ranking.vue
+++ b/src/views/Ranking/Couple/Ranking.vue
@@ -264,10 +264,10 @@ import { getPngUrl } from '@/config/imagePaths.js'
 import { setUserInfo } from '@/utils/userStore.js'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { connectToApp } from '@/utils/appConnector.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { formatUTCCustom } from '@/utils/utcFormat.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { useCoupleStore } from '@/stores/couple'
 import { useThrottle } from '@/utils/useDebounce.js'
 import { storeToRefs } from 'pinia'
diff --git a/src/views/Ranking/Couple/components/Barrage.vue b/src/views/Ranking/Couple/components/Barrage.vue
index e3ec843..cafda6b 100644
--- a/src/views/Ranking/Couple/components/Barrage.vue
+++ b/src/views/Ranking/Couple/components/Barrage.vue
@@ -109,7 +109,7 @@
 import { ref, computed, onMounted, onUnmounted, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 const { locale, t } = useI18n()
 
diff --git a/src/views/Ranking/Couple/components/topUser.vue b/src/views/Ranking/Couple/components/topUser.vue
index ff00b17..421c694 100644
--- a/src/views/Ranking/Couple/components/topUser.vue
+++ b/src/views/Ranking/Couple/components/topUser.vue
@@ -299,10 +299,10 @@ import { getPngUrl } from '@/config/imagePaths.js'
 import { setUserInfo } from '@/utils/userStore.js'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { connectToApp } from '@/utils/appConnector.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { formatUTCCustom } from '@/utils/utcFormat.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { useThrottle } from '@/utils/useDebounce.js'
 import { useCoupleStore } from '@/stores/couple'
 import { storeToRefs } from 'pinia'
diff --git a/src/views/Ranking/Couple/index.vue b/src/views/Ranking/Couple/index.vue
index ee90631..ea15e2c 100644
--- a/src/views/Ranking/Couple/index.vue
+++ b/src/views/Ranking/Couple/index.vue
@@ -1311,10 +1311,10 @@ import { getPngUrl } from '@/config/imagePaths.js'
 import { getUserId, setUserInfo } from '@/utils/userStore.js'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { connectToApp } from '@/utils/appConnector.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { formatUTCCustom } from '@/utils/utcFormat.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { useCoupleStore } from '@/stores/couple'
 import { storeToRefs } from 'pinia'
 import { useThrottle, useDebounce } from '@/utils/useDebounce.js'
diff --git a/src/views/Ranking/GamesKing/components/topUser.vue b/src/views/Ranking/GamesKing/components/topUser.vue
index c8c89ef..31a179a 100644
--- a/src/views/Ranking/GamesKing/components/topUser.vue
+++ b/src/views/Ranking/GamesKing/components/topUser.vue
@@ -91,7 +91,7 @@
 
 <script setup>
 import { computed } from 'vue'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 const props = defineProps({
   // 排名
diff --git a/src/views/Ranking/GamesKing/index.vue b/src/views/Ranking/GamesKing/index.vue
index 041df4b..5794893 100644
--- a/src/views/Ranking/GamesKing/index.vue
+++ b/src/views/Ranking/GamesKing/index.vue
@@ -751,8 +751,8 @@ import { viewUserInfo } from '@/utils/appBridge.js'
 import { connectToApp } from '@/utils/appConnector.js'
 import { useLangStore } from '@/stores/lang'
 import { getPngUrl, getWebpUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { useGamesKingStore } from '@/stores/gamesKing'
 import { storeToRefs } from 'pinia'
 
diff --git a/src/views/Ranking/KingAndQueen/TopList.vue b/src/views/Ranking/KingAndQueen/TopList.vue
index a0f9752..ef48958 100644
--- a/src/views/Ranking/KingAndQueen/TopList.vue
+++ b/src/views/Ranking/KingAndQueen/TopList.vue
@@ -786,8 +786,8 @@ import { useLangStore } from '@/stores/lang'
 import { useThrottle } from '@/utils/useDebounce'
 import { connectToApp } from '@/utils/appConnector.js'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 
 import {
   getWeekTopList,
diff --git a/src/views/Ranking/Overall/Ranking.vue b/src/views/Ranking/Overall/Ranking.vue
index bc6268b..515a0d3 100644
--- a/src/views/Ranking/Overall/Ranking.vue
+++ b/src/views/Ranking/Overall/Ranking.vue
@@ -393,9 +393,9 @@ import { useRoute } from 'vue-router'
 import { useI18n } from 'vue-i18n'
 import { isInApp, closePage, viewUserInfo, gotoRoom } from '@/utils/appBridge.js'
 import { connectToApp } from '@/utils/appConnector.js'
-import { preloadImages } from '@/utils/imagePreloader'
+import { preloadImages } from '@/utils/image/imagePreloader'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 import { useThrottle } from '@/utils/useDebounce'
 
 import { getWealthRanking, getCharmRanking, getRoomRanking, getMyRanking } from '@/api/ranking'
diff --git a/src/views/Ranking/Overall/components/topUser.vue b/src/views/Ranking/Overall/components/topUser.vue
index a2cf990..6836390 100644
--- a/src/views/Ranking/Overall/components/topUser.vue
+++ b/src/views/Ranking/Overall/components/topUser.vue
@@ -106,7 +106,7 @@
 <script setup>
 import { computed, watch } from 'vue'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 // 获取OSS图片URL的函数
 const coinNumBgUrl = getPngUrl('Ranking/Overall/', 'coinNumBg')
diff --git a/src/views/Ranking/WeeklyStar/WeeklyStar.vue b/src/views/Ranking/WeeklyStar/WeeklyStar.vue
index a65f9fa..88937ec 100644
--- a/src/views/Ranking/WeeklyStar/WeeklyStar.vue
+++ b/src/views/Ranking/WeeklyStar/WeeklyStar.vue
@@ -856,8 +856,8 @@ import { connectToApp } from '@/utils/appConnector.js'
 import { useThrottle } from '@/utils/useDebounce'
 import { showWarning } from '@/utils/toast.js'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 
 import { getMemberProfile } from '@/api/wallet'
 import {
diff --git a/src/views/Ranking/WeeklyStar/components/topUser.vue b/src/views/Ranking/WeeklyStar/components/topUser.vue
index 49a33da..896453b 100644
--- a/src/views/Ranking/WeeklyStar/components/topUser.vue
+++ b/src/views/Ranking/WeeklyStar/components/topUser.vue
@@ -74,7 +74,7 @@
 </template>
 
 <script setup>
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 const props = defineProps({
   isTopOne: {
diff --git a/src/views/Recharge/guide.vue b/src/views/Recharge/guide.vue
index dbc9e5f..6f42999 100644
--- a/src/views/Recharge/guide.vue
+++ b/src/views/Recharge/guide.vue
@@ -15,7 +15,7 @@ import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
 import { useLangStore } from '@/stores/lang'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 
 const router = useRouter()
 // 获取OSS图片URL的函数
diff --git a/src/views/Recharge/payWay.vue b/src/views/Recharge/payWay.vue
index 856a03f..0bd628e 100644
--- a/src/views/Recharge/payWay.vue
+++ b/src/views/Recharge/payWay.vue
@@ -104,7 +104,9 @@
                 padding: 4px;
                 border-radius: 4px;
                 background: #7726ff;
-                box-shadow: 0 1px 18px 2px #f2d9ff inset, 0 1px 4px 2px #f2d9ff inset;
+                box-shadow:
+                  0 1px 18px 2px #f2d9ff inset,
+                  0 1px 4px 2px #f2d9ff inset;
 
                 display: flex;
                 justify-content: center;
@@ -193,8 +195,8 @@ import { useRouter, useRoute } from 'vue-router'
 import { connectToApp } from '@/utils/appConnector.js'
 import { goAirwallex } from '@/utils/payment'
 import { showWarning } from '@/utils/toast.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 
 import { storeToRefs } from 'pinia'
 import { useCountryStore } from '@/stores/country'
@@ -288,8 +290,8 @@ const getPayAplicationAndCommodity = async () => {
     type: userInfo.value.isSuperFreightAgent
       ? 'FREIGHT_GOLD_SUPER'
       : userInfo.value.isFreightAgent
-      ? 'FREIGHT_GOLD'
-      : 'GOLD',
+        ? 'FREIGHT_GOLD'
+        : 'GOLD',
   }
   const appCommodityCard = await getAppCommodityCard(appCommodityCardParams)
   commodityList.value = appCommodityCard.body.commodity
@@ -308,8 +310,8 @@ const getUserInfoAndCountry = async () => {
       type: userInfo.value.isSuperFreightAgent
         ? 'FREIGHT_GOLD_SUPER'
         : userInfo.value.isFreightAgent
-        ? 'FREIGHT_GOLD'
-        : 'GOLD',
+          ? 'FREIGHT_GOLD'
+          : 'GOLD',
     }
     const countryAndRegionInfo = await searchPayRechargeUser(params)
 
diff --git a/src/views/RechargeAgency/Recruit.vue b/src/views/RechargeAgency/Recruit.vue
index 76ef5f8..163b206 100644
--- a/src/views/RechargeAgency/Recruit.vue
+++ b/src/views/RechargeAgency/Recruit.vue
@@ -342,7 +342,7 @@ import {
   isAppConnected,
   getAppHeaderInfo,
 } from '@/utils/appConnectionManager.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { getFreightAgencys } from '@/api/userInfo.js'
 import { follow } from '@/api/recruit.js'
diff --git a/src/views/RechargeAgency/SearchUser.vue b/src/views/RechargeAgency/SearchUser.vue
index 469cdfb..d8e5167 100644
--- a/src/views/RechargeAgency/SearchUser.vue
+++ b/src/views/RechargeAgency/SearchUser.vue
@@ -140,7 +140,7 @@ import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
 import { setSelectedUser } from '@/utils/coinSellerStore.js'
 import { setDocumentDirection } from '@/locales/i18n'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { searchFreightUser } from '@/api/wallet.js'
 
diff --git a/src/views/RechargeAgency/SellerRecordsView.vue b/src/views/RechargeAgency/SellerRecordsView.vue
index eb0cedf..9254998 100644
--- a/src/views/RechargeAgency/SellerRecordsView.vue
+++ b/src/views/RechargeAgency/SellerRecordsView.vue
@@ -260,7 +260,7 @@ import { useI18n } from 'vue-i18n'
 import { setDocumentDirection } from '@/locales/i18n'
 import { formatUTCCustom } from '@/utils/utcFormat.js'
 import { getUserId } from '@/utils/userStore.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 import { useDebounce, useThrottle } from '@/utils/useDebounce'
 
 import { getFreightWaterFlow } from '@/api/wallet.js'
@@ -419,7 +419,7 @@ const debouncedSearch = useDebounce(
     }
   },
   500,
-  true
+  true,
 )
 
 const throttleFetch = useThrottle((fetchFn) => {
diff --git a/src/views/RechargeAgency/index.vue b/src/views/RechargeAgency/index.vue
index eee5b28..546b19e 100644
--- a/src/views/RechargeAgency/index.vue
+++ b/src/views/RechargeAgency/index.vue
@@ -326,7 +326,7 @@ import { setDocumentDirection } from '@/locales/i18n'
 import { getSelectedUser } from '@/utils/coinSellerStore.js'
 import { showError, showSuccess } from '@/utils/toast.js'
 import { usePageInitializationWithConfig } from '@/utils/pageConfig.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import {
   checkFreightDealer,
diff --git a/src/views/Wallet/Transfer/SearchPayee.vue b/src/views/Wallet/Transfer/SearchPayee.vue
index 01c0004..eb6fcfa 100644
--- a/src/views/Wallet/Transfer/SearchPayee.vue
+++ b/src/views/Wallet/Transfer/SearchPayee.vue
@@ -253,7 +253,7 @@ import { useI18n } from 'vue-i18n'
 import { setSelectedPayee } from '@/utils/payeeStore.js'
 import { showError } from '@/utils/toast.js'
 import { setDocumentDirection } from '@/locales/i18n'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { userBankSearchUserProfile } from '@/api/wallet.js'
 
@@ -373,7 +373,7 @@ watch(
     if (hasSearched.value) {
       hasSearched.value = false
     }
-  }
+  },
 )
 
 // 页面加载时检查用户角色
diff --git a/src/views/Wallet/Transfer/Transfer.vue b/src/views/Wallet/Transfer/Transfer.vue
index cbc0f7d..166ae74 100644
--- a/src/views/Wallet/Transfer/Transfer.vue
+++ b/src/views/Wallet/Transfer/Transfer.vue
@@ -211,7 +211,7 @@ import { getBankBalance, userBankTransfer } from '@/api/wallet.js'
 import { getSelectedPayee, clearSelectedPayee } from '@/utils/payeeStore.js'
 import { showError, showSuccess } from '@/utils/toast.js'
 import { setDocumentDirection } from '@/locales/i18n'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 const { t, locale } = useI18n()
 const router = useRouter()
diff --git a/src/views/Wallet/availableIncome.vue b/src/views/Wallet/availableIncome.vue
index b11dc9d..30567a5 100644
--- a/src/views/Wallet/availableIncome.vue
+++ b/src/views/Wallet/availableIncome.vue
@@ -762,7 +762,7 @@ import { showError, showSuccess } from '@/utils/toast.js'
 import { useI18n } from 'vue-i18n'
 import { setDocumentDirection } from '@/locales/i18n'
 import { useIdentityStore } from '@/stores/identity.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import {
   apiGetBankBalance, //获取当前余额