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

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

@@ -31,25 +31,28 @@
     </view>
 </template>
 
-<script>
+<script setup>
+import { ref, onMounted } from 'vue'
 import MemberInfoSubNav from '@/components/memberInfo/MemberInfoSubNav.vue'
 import { PAGE, goBackOrTab } from '@/common/constants/routes.js'
 import { loadMemberStore } from '@/common/memberInfo/store.js'
 import { getTrainingSessionById } from '@/common/memberInfo/moduleStore.js'
 
-export default {
-    components: { MemberInfoSubNav },
-    data() { return { session: null } },
-    onLoad(options) {
-        this.session = getTrainingSessionById(loadMemberStore(), options?.id)
-    },
-    methods: {
-        onBack() { goBackOrTab(PAGE.TRAIN_REPORT) }
-    }
+const session = ref(null)
+
+onMounted(() => {
+    const pages = getCurrentPages()
+    const currentPage = pages[pages.length - 1]
+    const options = currentPage?.options || {}
+    session.value = getTrainingSessionById(loadMemberStore(), options?.id)
+})
+
+function onBack() {
+    goBackOrTab(PAGE.TRAIN_REPORT)
 }
 </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';