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

2026-06-23 22:17:53 +08:00
parent 1c547a717e
commit 8d8c823616
70 changed files with 7666 additions and 2656 deletions
@@ -74,84 +74,83 @@
    </view>
 </template>

-<script>
+<script setup>
+import { ref, computed } 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 { getBodyTestHistory, getCompareData } from '@/common/memberInfo/bodyTestStore.js'

-export default {
-    components: { MemberInfoSubNav },
-    data() {
-        return {
-            records: [],
-            recordA: null,
-            recordB: null,
-            compareData: null
-        }
-    },
-    computed: {
-        scoreDiff() {
-            if (!this.compareData) return 0
-            return this.compareData.recordA.score - this.compareData.recordB.score
-        }
-    },
-    onShow() {
-        const store = loadMemberStore()
-        this.records = getBodyTestHistory(store)
-        if (this.records.length >= 2 && !this.recordA) {
-            this.recordA = this.records[0]
-            this.recordB = this.records[1]
-            this.refreshCompare()
-        }
-    },
-    methods: {
-        onBack() {
-            goBackOrTab(PAGE.BODY_TEST_HISTORY)
-        },
-        pickRecord(which) {
-            const labels = this.records.map(
-                (r) => `${r.date} · ${r.score}分 · ${r.gradeLabel}`
-            )
-            uni.showActionSheet({
-                itemList: labels,
-                success: (res) => {
-                    const picked = this.records[res.tapIndex]
-                    if (which === 'a') this.recordA = picked
-                    else this.recordB = picked
-                    this.refreshCompare()
-                }
-            })
-        },
-        refreshCompare() {
-            if (!this.recordA || !this.recordB) {
-                this.compareData = null
-                return
-            }
-            if (this.recordA.id === this.recordB.id) {
-                uni.showToast({ title: '请选择两条不同记录', icon: 'none' })
-                this.compareData = null
-                return
-            }
-            const store = loadMemberStore()
-            this.compareData = getCompareData(store, this.recordA.id, this.recordB.id)
-        },
-        formatDiff(diff, key) {
-            const sign = diff > 0 ? '+' : ''
-            const units = { bodyFat: '%', weight: '', bmi: '', muscleMass: '', visceralFat: '', bmr: '' }
-            return `${sign}${diff}${units[key] || ''}`
-        },
-        diffColor(row) {
-            const lowerBetter = ['weight', 'bodyFat', 'visceralFat'].includes(row.key)
-            const good = lowerBetter ? row.diff < 0 : row.diff > 0
-            if (row.diff === 0) return '#8A99B4'
-            return good ? '#2ECC71' : '#F39C12'
-        }
+const records = ref([])
+const recordA = ref(null)
+const recordB = ref(null)
+const compareData = ref(null)
+
+const scoreDiff = computed(() => {
+    if (!compareData.value) return 0
+    return compareData.value.recordA.score - compareData.value.recordB.score
+})
+
+function refreshFromStore() {
+    const store = loadMemberStore()
+    records.value = getBodyTestHistory(store)
+    if (records.value.length >= 2 && !recordA.value) {
+        recordA.value = records.value[0]
+        recordB.value = records.value[1]
+        refreshCompare()
    }
 }
+
+function onBack() {
+    goBackOrTab(PAGE.BODY_TEST_HISTORY)
+}
+
+function pickRecord(which) {
+    const labels = records.value.map(
+        (r) => `${r.date} · ${r.score}分 · ${r.gradeLabel}`
+    )
+    uni.showActionSheet({
+        itemList: labels,
+        success: (res) => {
+            const picked = records.value[res.tapIndex]
+            if (which === 'a') recordA.value = picked
+            else recordB.value = picked
+            refreshCompare()
+        }
+    })
+}
+
+function refreshCompare() {
+    if (!recordA.value || !recordB.value) {
+        compareData.value = null
+        return
+    }
+    if (recordA.value.id === recordB.value.id) {
+        uni.showToast({ title: '请选择两条不同记录', icon: 'none' })
+        compareData.value = null
+        return
+    }
+    const store = loadMemberStore()
+    compareData.value = getCompareData(store, recordA.value.id, recordB.value.id)
+}
+
+function formatDiff(diff, key) {
+    const sign = diff > 0 ? '+' : ''
+    const units = { bodyFat: '%', weight: '', bmi: '', muscleMass: '', visceralFat: '', bmr: '' }
+    return `${sign}${diff}${units[key] || ''}`
+}
+
+function diffColor(row) {
+    const lowerBetter = ['weight', 'bodyFat', 'visceralFat'].includes(row.key)
+    const good = lowerBetter ? row.diff < 0 : row.diff > 0
+    if (row.diff === 0) return '#8A99B4'
+    return good ? '#2ECC71' : '#F39C12'
+}
+
+refreshFromStore()
 </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';