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

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

@@ -104,45 +104,37 @@
     </view>
 </template>
 
-<script>
+<script setup>
+import { ref } from 'vue'
 import MemberInfoSubNav from '@/components/memberInfo/MemberInfoSubNav.vue'
 import { getReferralPageData } from '@/common/memberInfo/moduleStore.js'
 import { loadMemberStore } from '@/common/memberInfo/store.js'
-import { subPageMixin } from '@/common/memberInfo/mixins.js'
+import { backToMemberCenter } from '@/common/constants/routes.js'
 
-export default {
-    components: { MemberInfoSubNav },
-    mixins: [subPageMixin],
-    data() {
-        return {
-            data: { code: '', invited: 0, registered: 0, purchased: 0, records: [], rules: [] }
+const data = ref(getReferralPageData(loadMemberStore()))
+
+function goBack() {
+    backToMemberCenter()
+}
+
+function copyCode() {
+    uni.setClipboardData({
+        data: data.value.code,
+        success: () => uni.showToast({ title: '已复制', icon: 'success' })
+    })
+}
+
+function shareInvite() {
+    uni.showActionSheet({
+        itemList: ['分享给微信好友', '生成分享海报'],
+        success: (res) => {
+            uni.showToast({ title: ['已唤起微信分享', '海报已生成'][res.tapIndex] || '分享成功', icon: 'none' })
         }
-    },
-    onShow() {
-        const store = loadMemberStore()
-        this.data = getReferralPageData(store)
-    },
-    methods: {
-        copyCode() {
-            uni.setClipboardData({
-                data: this.data.code,
-                success: () => uni.showToast({ title: '邀请码已复制', icon: 'success' })
-            })
-        },
-        shareInvite() {
-            uni.showActionSheet({
-                itemList: ['分享给微信好友', '生成邀请海报', '复制分享链接'],
-                success: (res) => {
-                    const msgs = ['已唤起分享', '海报已生成', '链接已复制']
-                    uni.showToast({ title: msgs[res.tapIndex] || '分享成功', icon: 'none' })
-                }
-            })
-        }
-    }
+    })
 }
 </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';
@@ -151,8 +143,4 @@ export default {
 @import '@/common/style/memberInfo/member-info-tap.css';
 @import '@/common/style/memberInfo/pages/body-test-common.css';
 @import '@/common/style/memberInfo/pages/module-pages-common.css';
-
-.mi-mod-referral-hero .bt-hero__actions {
-    margin-top: 16px;
-}
 </style>