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

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

@@ -33,38 +33,37 @@
     </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, persistMemberStore } from '@/common/memberInfo/store.js'
 import { getCouponCenterList, claimCouponFromCenter } from '@/common/memberInfo/moduleStore.js'
 
-export default {
-    components: { MemberInfoSubNav },
-    data() {
-        return { list: [] }
-    },
-    onShow() {
-        const store = loadMemberStore()
-        this.list = getCouponCenterList(store)
-    },
-    methods: {
-        onBack() { goBackOrTab(PAGE.COUPONS) },
-        claim(item) {
-            if (item.claimed) return
-            const store = loadMemberStore()
-            const result = claimCouponFromCenter(store, item.id)
-            uni.showToast({ title: result.message, icon: result.ok ? 'success' : 'none' })
-            if (result.ok) {
-                persistMemberStore(store)
-                this.list = getCouponCenterList(store)
-            }
-        }
+const list = ref([])
+
+onMounted(() => {
+    const store = loadMemberStore()
+    list.value = getCouponCenterList(store)
+})
+
+function onBack() {
+    goBackOrTab(PAGE.COUPONS)
+}
+
+function claim(item) {
+    if (item.claimed) return
+    const store = loadMemberStore()
+    const result = claimCouponFromCenter(store, item.id)
+    uni.showToast({ title: result.message, icon: result.ok ? 'success' : 'none' })
+    if (result.ok) {
+        persistMemberStore(store)
+        list.value = getCouponCenterList(store)
     }
 }
 </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';