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

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

@@ -39,49 +39,50 @@
     </view>
 </template>
 
-<script>
+<script setup>
+import { ref } from 'vue'
 import MemberInfoSubNav from '@/components/memberInfo/MemberInfoSubNav.vue'
 import { PAGE, goBackOrTab } from '@/common/constants/routes.js'
 import { loadMemberStore, persistMemberStore } from '@/common/memberInfo/store.js'
 import { getPointsPageData, redeemPointsReward } from '@/common/memberInfo/moduleStore.js'
 
-export default {
-    components: { MemberInfoSubNav },
-    data() {
-        return { balance: 0, rewards: [], redeemRecords: [] }
-    },
-    onShow() {
-        const data = getPointsPageData(loadMemberStore())
-        this.balance = data.balance
-        this.rewards = data.rewards
-        this.redeemRecords = data.redeemRecords
-    },
-    methods: {
-        onBack() { goBackOrTab(PAGE.POINTS) },
-        redeem(item) {
-            uni.showModal({
-                title: '确认兑换',
-                content: `使用 ${item.cost} 积分兑换「${item.name}」？`,
-                success: (res) => {
-                    if (!res.confirm) return
-                    const store = loadMemberStore()
-                    const result = redeemPointsReward(store, item.id)
-                    uni.showToast({ title: result.message, icon: result.ok ? 'success' : 'none' })
-                    if (result.ok) {
-                        persistMemberStore(store)
-                        const data = getPointsPageData(store)
-                        this.balance = data.balance
-                        this.rewards = data.rewards
-                        this.redeemRecords = data.redeemRecords
-                    }
-                }
-            })
-        }
-    }
+const balance = ref(0)
+const rewards = ref([])
+const redeemRecords = ref([])
+
+function loadData() {
+    const data = getPointsPageData(loadMemberStore())
+    balance.value = data.balance
+    rewards.value = data.rewards
+    redeemRecords.value = data.redeemRecords
 }
+
+function onBack() { goBackOrTab(PAGE.POINTS) }
+
+function redeem(item) {
+    uni.showModal({
+        title: '确认兑换',
+        content: `使用 ${item.cost} 积分兑换「${item.name}」？`,
+        success: (res) => {
+            if (!res.confirm) return
+            const store = loadMemberStore()
+            const result = redeemPointsReward(store, item.id)
+            uni.showToast({ title: result.message, icon: result.ok ? 'success' : 'none' })
+            if (result.ok) {
+                persistMemberStore(store)
+                const data = getPointsPageData(store)
+                balance.value = data.balance
+                rewards.value = data.rewards
+                redeemRecords.value = data.redeemRecords
+            }
+        }
+    })
+}
+
+loadData()
 </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';