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

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

@@ -41,40 +41,34 @@
     </view>
 </template>
 
-<script>
+<script setup>
+import { ref, watch } 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 { filterPointsHistory } from '@/common/memberInfo/moduleStore.js'
 
-export default {
-    components: { MemberInfoSubNav },
-    data() {
-        return {
-            filter: 'all',
-            tabs: [
-                { key: 'all', label: '全部' },
-                { key: 'earn', label: '获取' },
-                { key: 'spend', label: '消耗' }
-            ],
-            list: []
-        }
-    },
-    watch: {
-        filter() { this.loadList() }
-    },
-    onShow() { this.loadList() },
-    methods: {
-        onBack() { goBackOrTab(PAGE.POINTS) },
-        loadList() {
-            const store = loadMemberStore()
-            this.list = filterPointsHistory(store, this.filter)
-        }
-    }
+const filter = ref('all')
+const tabs = ref([
+    { key: 'all', label: '全部' },
+    { key: 'earn', label: '获取' },
+    { key: 'spend', label: '消耗' }
+])
+const list = ref([])
+
+function onBack() { goBackOrTab(PAGE.POINTS) }
+
+function loadList() {
+    const store = loadMemberStore()
+    list.value = filterPointsHistory(store, filter.value)
 }
+
+watch(filter, () => { loadList() })
+
+loadList()
 </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';