diff --git a/src/components/HostCenter/workReportBox.vue b/src/components/workReportBox.vue
similarity index 95%
rename from src/components/HostCenter/workReportBox.vue
rename to src/components/workReportBox.vue
index 756fc61..f49f2b3 100644
--- a/src/components/HostCenter/workReportBox.vue
+++ b/src/components/workReportBox.vue
@@ -1,6 +1,6 @@
 <template>
   <div style="position: relative; width: 100%">
-    <img class="flipImg" :src="whiteBox" alt="" width="100%" style="display: block" />
+    <img v-smart-img class="flipImg" :src="whiteBox" alt="" width="100%" style="display: block" />
     <div :style="{ backgroundImage }" class="status-background">
       <div
         style="width: 50%; height: 50%; display: flex; justify-content: center; align-items: center"
@@ -30,12 +30,12 @@
 </template>
 
 <script setup>
-import { computed, ref, watch } from 'vue'
+import { ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useLangStore } from '@/stores/lang'
 
 const { t } = useI18n()
-const whiteBox = new URL('../../assets/images/HostCenter/whitebox.png', import.meta.url).href
+const whiteBox = new URL('../assets/images/HostCenter/whitebox.png', import.meta.url).href
 
 const props = defineProps({
   type: {
diff --git a/src/views/Agency/AgencyCenterView.vue b/src/views/Agency/AgencyCenterView.vue
index 01b7291..5e04af4 100644
--- a/src/views/Agency/AgencyCenterView.vue
+++ b/src/views/Agency/AgencyCenterView.vue
@@ -333,15 +333,17 @@
 
 <script setup>
 import { ref, reactive, onMounted, computed, watch } from 'vue'
-import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
-import GeneralHeader from '@/components/GeneralHeader.vue'
+import { useI18n } from 'vue-i18n'
+import { setDocumentDirection } from '@/locales/i18n'
 import { usePageInitializationWithConfig } from '@/utils/pageConfig.js'
 import { getTeamId, getUserId } from '@/utils/userStore.js'
-import { getTeamMemberCount, getTeamBill, getTeamMemberWork } from '@/api/teamBill.js'
 import { clearSelectedPayee } from '@/utils/payeeStore.js'
-import workReportBox from '@/components/HostCenter/workReportBox.vue'
-import { setDocumentDirection } from '@/locales/i18n'
+
+import { getTeamMemberCount, getTeamBill, getTeamMemberWork } from '@/api/teamBill.js'
+
+import GeneralHeader from '@/components/GeneralHeader.vue'
+import workReportBox from '@/components/workReportBox.vue'
 
 const { t, locale } = useI18n()
 const router = useRouter()
diff --git a/src/views/HistorySalaryView.vue b/src/views/HistorySalaryView.vue
index 31bffdf..8792917 100644
--- a/src/views/HistorySalaryView.vue
+++ b/src/views/HistorySalaryView.vue
@@ -233,12 +233,14 @@
 <script setup>
 import { onMounted, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
-import GeneralHeader from '@/components/GeneralHeader.vue'
-import { getTeamMemberWork, getTeamReleasePolicy } from '../api/teamBill.js'
-import { getTeamId, getUserId, getUserProfile } from '@/utils/userStore.js'
-import { getUserIdentity } from '@/api/wallet.js'
-import workReportBox from '@/components/HostCenter/workReportBox.vue'
 import { setDocumentDirection } from '@/locales/i18n'
+import { getTeamId, getUserId } from '@/utils/userStore.js'
+
+import { getTeamMemberWork, getTeamReleasePolicy } from '@/api/teamBill.js'
+import { getUserIdentity } from '@/api/wallet.js'
+
+import GeneralHeader from '@/components/GeneralHeader.vue'
+import workReportBox from '@/components/workReportBox.vue'
 
 const { t, locale } = useI18n()
 
diff --git a/src/views/Host/HostCenterView.vue b/src/views/Host/HostCenterView.vue
index 373408d..369bf89 100644
--- a/src/views/Host/HostCenterView.vue
+++ b/src/views/Host/HostCenterView.vue
@@ -114,17 +114,18 @@
 
 <script setup>
 import { onMounted, reactive } from 'vue'
-import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
-import GeneralHeader from '@/components/GeneralHeader.vue'
-import { usePageInitializationWithConfig } from '@/utils/pageConfig.js'
-import { isInApp } from '@/utils/appBridge.js'
-import { getTeamMemberWork } from '@/api/teamBill.js'
-import { getUserId } from '@/utils/userStore.js'
-import { getUserIdentity } from '@/api/wallet.js'
-import { clearSelectedPayee } from '@/utils/payeeStore.js'
-import workReportBox from '@/components/HostCenter/workReportBox.vue'
+import { useI18n } from 'vue-i18n'
 import { setDocumentDirection } from '@/locales/i18n'
+import { usePageInitializationWithConfig } from '@/utils/pageConfig.js'
+import { getUserId } from '@/utils/userStore.js'
+import { clearSelectedPayee } from '@/utils/payeeStore.js'
+
+import { getTeamMemberWork } from '@/api/teamBill.js'
+import { getUserIdentity } from '@/api/wallet.js'
+
+import GeneralHeader from '@/components/GeneralHeader.vue'
+import workReportBox from '@/components/workReportBox.vue'
 
 const { t, locale } = useI18n()
 const router = useRouter()