个人中心-交易订单

components.d.ts

@@ -32,6 +32,7 @@ declare module 'vue' {
     Echarts: typeof import('./src/components/Echarts/index.vue')['default']
     ElCascader: typeof import('element-plus/es')['ElCascader']
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
+    ElTree: typeof import('element-plus/es')['ElTree']
     Empty: typeof import('./src/components/Empty/index.vue')['default']
     File: typeof import('./src/components/Upload/file.vue')['default']
     HeadSearch: typeof import('./src/components/headSearch/index.vue')['default']
@@ -51,7 +52,7 @@ declare module 'vue' {
     LongCompany: typeof import('./src/components/Position/longCompany.vue')['default']
     LongStrip: typeof import('./src/components/Position/longStrip.vue')['default']
     NestedListGroup: typeof import('./src/components/FormUI/nestedListGroup/index.vue')['default']
-    Pay: typeof import('./src/components/personalRecharge/pay.vue')['default']
+    Pay: typeof import('./src/components/pay/index.vue')['default']
     PersonalRecharge: typeof import('./src/components/personalRecharge/index.vue')['default']
     PreviewImage: typeof import('./src/components/PreviewImg/previewImage.vue')['default']
     PreviewImg: typeof import('./src/components/PreviewImg/index.vue')['default']
@@ -74,4 +75,7 @@ declare module 'vue' {
     VerifySlide: typeof import('./src/components/Verifition/Verify/VerifySlide.vue')['default']
     WangEditor: typeof import('./src/components/FormUI/wangEditor/index.vue')['default']
   }
+  export interface ComponentCustomProperties {
+    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
+  }
 }

src/views/recruit/personal/PersonalCenter/tradeOrder/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="white-bgc pa-3">
-    <v-tabs v-model="tab" align-tabs="start" color="primary" bg-color="#f7f8fa">
+    <v-tabs v-model="tab" align-tabs="start" color="primary" bg-color="#f7f8fa" @update:modelValue="handleUpdate">
       <v-tab v-for="k in items" :key="k.value" :value="k.value">{{ k.label }}</v-tab>
     </v-tabs>
     <component :is="items[tab].path" />
@@ -14,10 +14,10 @@ import RechargeVipOrder from './dynamic/rechargeVip.vue'
 import MallOrder from './dynamic/mallOrder.vue'
 import PointExchangeRecord from './dynamic/pointExchangeRecord.vue'
 import MyPrize from './dynamic/myPrize.vue'
-import { useRoute } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 
 const mode = import.meta.env.VITE_NODE_ENV
-console.log(import.meta.env.VITE_NODE_ENV, '当前环境变量===========')
+
 const tab = ref(0)
 const items = shallowRef(mode === 'production' ? [
   { label: '余额充值、购买会员订单', value: 0, path: RechargeVipOrder }
@@ -30,8 +30,13 @@ const items = shallowRef(mode === 'production' ? [
 
 
 const route = useRoute()
+const router = useRouter()
 const { key } = route.query
 if (key) tab.value = Number(key)
+
+const handleUpdate = (e) => {
+  router.push({ path: '/recruit/personal/personalCenter/tradeOrder', query: { key: e } })
+}
 </script>
 
 <style lang="scss" scoped>