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

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

@@ -59,53 +59,52 @@
     </view>
 </template>
 
-<script>
+<script setup>
+import { ref, computed, watch } from 'vue'
 import MemberInfoSubNav from '@/components/memberInfo/MemberInfoSubNav.vue'
 import { PAGE, navigateToPage, goBackOrTab } from '@/common/constants/routes.js'
 import { loadMemberStore } from '@/common/memberInfo/store.js'
 import { getBodyTestHistory, getBodyTestYears, getBodyTestChangeBadge } from '@/common/memberInfo/bodyTestStore.js'
 
-export default {
-    components: { MemberInfoSubNav },
-    data() {
-        return { activeYear: 'all', years: [], allRecords: [] }
-    },
-    computed: {
-        records() {
-            const list = this.activeYear === 'all'
-                ? this.allRecords
-                : this.allRecords.filter((r) => r.date.startsWith(this.activeYear))
-            return list.map((item, index) => {
-                const previous = list[index + 1]
-                return {
-                    ...item,
-                    changeBadge: getBodyTestChangeBadge(item, previous)
-                }
-            })
+const activeYear = ref('all')
+const years = ref([])
+const allRecords = ref([])
+
+const records = computed(() => {
+    const list = activeYear.value === 'all'
+        ? allRecords.value
+        : allRecords.value.filter((r) => r.date.startsWith(activeYear.value))
+    return list.map((item, index) => {
+        const previous = list[index + 1]
+        return {
+            ...item,
+            changeBadge: getBodyTestChangeBadge(item, previous)
         }
-    },
-    watch: {
-        activeYear() { this.loadList() }
-    },
-    onShow() { this.loadList() },
-    methods: {
-        loadList() {
-            const store = loadMemberStore()
-            this.years = getBodyTestYears(store)
-            this.allRecords = getBodyTestHistory(store)
-        },
-        onBack() { goBackOrTab(PAGE.MEMBER) },
-        viewReport(item) {
-            navigateToPage(`${PAGE.BODY_TEST_REPORT}?id=${item.id}`)
-        },
-        goCompare() {
-            navigateToPage(PAGE.BODY_TEST_COMPARE)
-        }
-    }
+    })
+})
+
+function loadList() {
+    const store = loadMemberStore()
+    years.value = getBodyTestYears(store)
+    allRecords.value = getBodyTestHistory(store)
 }
+
+function onBack() { goBackOrTab(PAGE.MEMBER) }
+
+function viewReport(item) {
+    navigateToPage(`${PAGE.BODY_TEST_REPORT}?id=${item.id}`)
+}
+
+function goCompare() {
+    navigateToPage(PAGE.BODY_TEST_COMPARE)
+}
+
+watch(activeYear, () => { 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';
@@ -196,15 +195,7 @@ export default {
     background: rgba(46, 204, 113, 0.12);
 }
 
-.mi-timeline-card__badge--good text {
-    font-size: 10px;
-    color: var(--success-green, #2ECC71);
-    font-weight: 600;
-}
-
-.mi-timeline-card__badge--warn text {
-    font-size: 10px;
-    color: var(--warning-amber, #F39C12);
-    font-weight: 600;
+.mi-timeline-card__badge--warn {
+    background: rgba(243, 156, 18, 0.12);
 }
 </style>