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

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

@@ -46,45 +46,48 @@
     </view>
 </template>
 
-<script>
+<script setup>
+import { ref, computed } from 'vue'
 import MemberInfoSubNav from '@/components/memberInfo/MemberInfoSubNav.vue'
-import { moduleMock, getCheckInHistory } from '@/common/memberInfo/moduleStore.js'
+import { getCheckInHistory } 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 {
-            tabs: moduleMock.checkInTabs,
-            activeFilter: 'all',
-            list: []
-        }
-    },
-    computed: {
-        filteredList() {
-            if (this.activeFilter === 'all') return this.list
-            return this.list.filter((i) => i.tagTheme === this.activeFilter)
-        }
-    },
-    onShow() {
-        const store = loadMemberStore()
-        this.list = getCheckInHistory(store, 'all')
-    },
-    methods: {
-        showDetail(item) {
-            uni.showModal({
-                title: item.title,
-                content: `${item.time}\n地点：${item.location}\n类型：${item.tag}`,
-                showCancel: false
-            })
-        }
-    }
+const tabs = ref([
+    { key: 'all', label: '全部' },
+    { key: 'signin', label: '签到' },
+    { key: 'trial', label: '体验' },
+    { key: 'event', label: '活动' }
+])
+const activeFilter = ref('all')
+const list = ref([])
+
+const filteredList = computed(() => {
+    if (activeFilter.value === 'all') return list.value
+    return list.value.filter((i) => i.tagTheme === activeFilter.value)
+})
+
+function refresh() {
+    const store = loadMemberStore()
+    list.value = getCheckInHistory(store, 'all')
 }
+
+function goBack() {
+    backToMemberCenter()
+}
+
+function showDetail(item) {
+    uni.showModal({
+        title: item.title,
+        content: `${item.time}\n地点：${item.location}\n类型：${item.tag}`,
+        showCancel: false
+    })
+}
+
+refresh()
 </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';