整合api请求、添加购买会员卡页面、登陆页面

gym-manage-uniapp/pages/memberInfo/couponDetail.vue

@@ -36,31 +36,33 @@
     </view>
 </template>
 
-<script>
+<script setup>
+import { ref, onMounted } from 'vue'
 import MemberInfoSubNav from '@/components/memberInfo/MemberInfoSubNav.vue'
 import { PAGE, navigateToPage, goBackOrTab } from '@/common/constants/routes.js'
 import { loadMemberStore } from '@/common/memberInfo/store.js'
 import { getCouponById } from '@/common/memberInfo/moduleStore.js'
 
-export default {
-    components: { MemberInfoSubNav },
-    data() {
-        return { coupon: null }
-    },
-    onLoad(options) {
-        const store = loadMemberStore()
-        this.coupon = getCouponById(store, options?.id)
-    },
-    methods: {
-        onBack() { goBackOrTab(PAGE.COUPONS) },
-        useNow() {
-            navigateToPage(PAGE.COURSE_LIST)
-        }
-    }
+const coupon = ref(null)
+
+onMounted(() => {
+    const pages = getCurrentPages()
+    const currentPage = pages[pages.length - 1]
+    const options = currentPage?.options || {}
+    const store = loadMemberStore()
+    coupon.value = getCouponById(store, options?.id)
+})
+
+function onBack() {
+    goBackOrTab(PAGE.COUPONS)
+}
+
+function useNow() {
+    navigateToPage(PAGE.COURSE_LIST)
 }
 </script>
 
-<style>
+<style lang="scss">
 @import '@/common/style/base.css';
 @import '@/common/style/memberInfo/pages/page-reset.css';
 @import '@/common/style/memberInfo/pages/sub-page-base.css';