chore(充值页面): 调整文件结构

src/router/index.js

@@ -170,19 +170,19 @@ const router = createRouter({
     {
       path: '/recharge',
       name: 'recharge',
-      component: () => import('../views/Recharge.vue'),
+      component: () => import('../views/Recharge/Recharge.vue'),
       meta: { requiresAuth: true },
     },
     {
       path: '/recharge-freight-agent',
       name: 'recharge-freight-agent',
-      component: () => import('../views/RechargeFreightAgent.vue'),
+      component: () => import('../views/Recharge/RechargeFreightAgent.vue'),
       meta: { requiresAuth: true },
     },
     {
       path: '/map',
       name: 'map',
-      component: () => import('../views/map.vue'),
+      component: () => import('../views/Recharge/map.vue'),
       meta: { requiresAuth: true },
     },
     {

src/views/Recharge/Recharge.vue

@@ -142,12 +142,13 @@
 </template>
 
 <script setup>
-import MobileHeader from '../components/MobileHeader.vue'
 import { ref } from 'vue'
-import { searchUser } from '@/api/userInfo'
-import { showWarning } from '@/utils/toast.js'
 import { useRouter } from 'vue-router'
-import { usePageInitializationWithConfig } from '@/utils/pageConfig.js'
+import { showWarning } from '@/utils/toast.js'
+
+import { searchUser } from '@/api/userInfo'
+
+import MobileHeader from '@/components/MobileHeader.vue'
 
 const router = useRouter()
 
@@ -205,7 +206,7 @@ const checkUserId = async () => {
 .bg {
   width: 100vw;
   min-height: 100vh;
-  background-image: url(../assets/images/secondBg.png);
+  background-image: url(../../assets/images/secondBg.png);
   background-size: 100% auto;
   background-repeat: no-repeat;
 }

src/views/Recharge/RechargeFreightAgent.vue

@@ -54,7 +54,7 @@
 
       <div style="padding: 10px">
         <!-- 头部展示图 -->
-        <img src="../assets/images/firstRechargeBonus.png" alt="" style="width: 100%" />
+        <img src="../../assets/images/firstRechargeBonus.png" alt="" style="width: 100%" />
 
         <div style="font-weight: 600; margin-bottom: 10px">Recharge ID：</div>
         <!-- 个人信息 -->
@@ -81,7 +81,7 @@
             <div style="font-weight: 700; display: flex; align-items: center">
               {{ userProfile.userNickname }}
               <img
-                src="../assets/icon/identity/coinSeller.png"
+                src="../../assets/icon/identity/coinSeller.png"
                 alt=""
                 style="height: 20px; margin-left: 5px"
                 v-if="isFreightAgent"
@@ -95,7 +95,7 @@
         <div style="width: 100%; display: flex; justify-content: space-between; margin: 10px 0">
           <div style="font-weight: 600">Select a country：</div>
           <div style="font-weight: 500; color: rgba(0, 0, 0, 0.4)" @click="goMap">
-            <img src="../assets/icon/Vector.png" alt="" style="width: 10px" />
+            <img src="../../assets/icon/Vector.png" alt="" style="width: 10px" />
             {{ selectedCountry.countryName }}
           </div>
         </div>
@@ -142,7 +142,7 @@
                 :key="index"
                 @click="goPay(channelItem, goods)"
               >
-                <img src="../assets/icon/coin.png" alt="" style="width: 30%" />
+                <img src="../../assets/icon/coin.png" alt="" style="width: 30%" />
                 <div>{{ goods.content }}</div>
                 <div>${{ goods.amountUsd }}</div>
               </div>
@@ -156,18 +156,20 @@
 
 <script setup>
 import { onMounted, ref, watch } from 'vue'
-import { useI18n } from 'vue-i18n'
-import MobileHeader from '../components/MobileHeader.vue'
-import { searchUser, searchPayRechargeUser } from '@/api/userInfo'
-// import { getUserIdentity } from "@/api/wallet";
-import { getPayAplication, getAppCommodityCard, payPlaceAnOrderRecharge } from '@/api/pay'
-import { goAirwallex } from '@/utils/payment'
-import { showError, showWarning, showInfo, showSuccess } from '@/utils/toast.js'
-
 import { useRoute } from 'vue-router'
 import router from '@/router'
+import { useI18n } from 'vue-i18n'
+import { goAirwallex } from '@/utils/payment'
+import { showWarning } from '@/utils/toast.js'
+
 import { useCountryStore } from '@/stores/country'
 import { storeToRefs } from 'pinia'
+
+import { searchPayRechargeUser } from '@/api/userInfo'
+import { getPayAplication, getAppCommodityCard, payPlaceAnOrderRecharge } from '@/api/pay'
+
+import MobileHeader from '@/components/MobileHeader.vue'
+
 const { t, locale } = useI18n()
 
 const countryStore = useCountryStore()
@@ -337,7 +339,7 @@ watch(selectedCountry, (New, Old) => {
 .bg {
   width: 100vw;
   min-height: 100vh;
-  background-image: url(../assets/images/secondBg.png);
+  background-image: url(../../assets/images/secondBg.png);
   background-size: 100% auto;
   background-repeat: no-repeat;
 }

src/views/Recharge/map.vue

@@ -77,10 +77,11 @@
 
 <script setup>
 import { computed, ref } from 'vue'
-import MobileHeader from '../components/MobileHeader.vue'
+import { useRouter } from 'vue-router'
-import { useRoute, useRouter } from 'vue-router'
+
 import { useCountryStore } from '@/stores/country'
-import { storeToRefs } from 'pinia'
+
+import MobileHeader from '@/components/MobileHeader.vue'
 
 const router = useRouter()
 const countryStore = useCountryStore()
@@ -157,7 +158,7 @@ const confirm = () => {
 .bg {
   width: 100vw;
   min-height: 100vh;
-  background-image: url(../assets/images/secondBg.png);
+  background-image: url(../../assets/images/secondBg.png);
   background-size: 100% auto;
   background-repeat: no-repeat;
 }