index.vue 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <!-- 积分管理 -->
  2. <template>
  3. <div class="default-width">
  4. <div class="pa-3 mb-2 white-bgc">
  5. <integralShow :showMall="true" :taskCenter="true" :title="descriptiveTitle"></integralShow>
  6. </div>
  7. <div>
  8. <!-- <v-tabs v-model="tab" align-tabs="start" color="primary" bg-color="#fff" @update:model-value="getPositionList">
  9. <v-tab :value="1">{{ $t('points.redemptionOfPoints') }}</v-tab>
  10. <v-tab :value="2">{{ $t('points.pointsDetails') }}</v-tab>
  11. </v-tabs> -->
  12. </div>
  13. <div class="mt-3 white-bgc pa-3 pt-1">
  14. <div v-if="tab === 1">
  15. <pointsDetails></pointsDetails>
  16. </div>
  17. <div v-if="tab === 2" class="pt-5">
  18. <pointsMall></pointsMall>
  19. </div>
  20. </div>
  21. </div>
  22. </template>
  23. <script setup>
  24. import pointsDetails from './pointsDetails.vue'
  25. import pointsMall from './pointsMall.vue'
  26. import integralShow from '@/views/integral/components/integralShow.vue'
  27. // import { useRoute } from 'vue-router'; const route = useRoute()
  28. // import { useRouter } from 'vue-router'; const router = useRouter()
  29. // import { ref } from 'vue'
  30. defineOptions({name: 'personal-pointsManagement-index'})
  31. const tab = 1
  32. // const tab = ref(+route.query?.tab || 1)
  33. // const getPositionList = () => {
  34. // if (route.query) router.replace({ path: route.path }) // 不留记录的清除跳转带过来的参数
  35. // }
  36. const descriptiveTitle = '您当前可用积分'
  37. </script>
  38. <style lang="scss" scoped>
  39. </style>