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

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

@@ -38,7 +38,8 @@
     </view>
 </template>
 
-<script>
+<script setup>
+import { ref, computed, onUnmounted } from 'vue'
 import MemberInfoSubNav from '@/components/memberInfo/MemberInfoSubNav.vue'
 import { PAGE, navigateToPage, goBackOrTab } from '@/common/constants/routes.js'
 import {
@@ -57,108 +58,106 @@ const PHASES = [
     { until: 100, hint: '即将完成', text: '生成健康报告中…' }
 ]
 
-export default {
-    components: { MemberInfoSubNav },
-    data() {
-        return {
-            progress: 0,
-            liveMetrics: {},
-            timer: null,
-            finished: false
-        }
-    },
-    computed: {
-        ringRotation() {
-            return -90 + (this.progress / 100) * 360
-        },
-        phaseHint() {
-            const phase = PHASES.find((p) => this.progress <= p.until)
-            return phase?.hint || '完成'
-        },
-        statusText() {
-            const phase = PHASES.find((p) => this.progress <= p.until)
-            return phase?.text || '测量完成'
-        },
-        liveDisplay() {
-            const m = this.liveMetrics
-            return [
-                { key: 'weight', label: '体重(kg)', value: m.weight ?? '--' },
-                { key: 'bodyFat', label: '体脂率(%)', value: m.bodyFat ?? '--' },
-                { key: 'muscleMass', label: '肌肉量(kg)', value: m.muscleMass ?? '--' },
-                { key: 'bmr', label: '基础代谢', value: m.bmr ?? '--' }
-            ]
-        }
-    },
-    onLoad() {
-        const store = loadMemberStore()
-        if (!store.bodyTest.device.connected) {
-            uni.showToast({ title: '请先连接设备', icon: 'none' })
-            setTimeout(() => {
-                navigateToPage(PAGE.BODY_TEST_CONNECT)
-            }, 800)
+const progress = ref(0)
+const liveMetrics = ref({})
+let timer = null
+const finished = ref(false)
+
+const ringRotation = computed(() => {
+    return -90 + (progress.value / 100) * 360
+})
+
+const phaseHint = computed(() => {
+    const phase = PHASES.find((p) => progress.value <= p.until)
+    return phase?.hint || '完成'
+})
+
+const statusText = computed(() => {
+    const phase = PHASES.find((p) => progress.value <= p.until)
+    return phase?.text || '测量完成'
+})
+
+const liveDisplay = computed(() => {
+    const m = liveMetrics.value
+    return [
+        { key: 'weight', label: '体重(kg)', value: m.weight ?? '--' },
+        { key: 'bodyFat', label: '体脂率(%)', value: m.bodyFat ?? '--' },
+        { key: 'muscleMass', label: '肌肉量(kg)', value: m.muscleMass ?? '--' },
+        { key: 'bmr', label: '基础代谢', value: m.bmr ?? '--' }
+    ]
+})
+
+function clearTimer() {
+    if (timer) {
+        clearInterval(timer)
+        timer = null
+    }
+}
+
+function startMeasurement() {
+    const store = loadMemberStore()
+    liveMetrics.value = interpolateMeasuringMetrics(0, store.profile)
+    timer = setInterval(() => {
+        if (progress.value >= 100) {
+            completeMeasurement()
             return
         }
-        this.startMeasurement()
-    },
-    onUnload() {
-        this.clearTimer()
-    },
-    methods: {
-        clearTimer() {
-            if (this.timer) {
-                clearInterval(this.timer)
-                this.timer = null
+        progress.value = Math.min(100, progress.value + 2)
+        const s = loadMemberStore()
+        liveMetrics.value = interpolateMeasuringMetrics(progress.value, s.profile)
+    }, 120)
+}
+
+function completeMeasurement() {
+    if (finished.value) return
+    finished.value = true
+    clearTimer()
+    const store = loadMemberStore()
+    const record = saveSimulatedBodyTestRecord(store, {
+        ...liveMetrics.value,
+        visceralFat: 6,
+        boneMass: 2.42,
+        bodyWater: liveMetrics.value.bodyWater || 52.8,
+        protein: 16.4
+    })
+    persistMemberStore(store)
+    uni.showToast({ title: '测量完成', icon: 'success' })
+    setTimeout(() => {
+        navigateToPage(`${PAGE.BODY_TEST_REPORT}?id=${record.id}&new=1`)
+    }, 600)
+}
+
+function onCancel() {
+    if (finished.value) return
+    uni.showModal({
+        title: '取消测量',
+        content: '确定要中断当前体测吗？',
+        success: (res) => {
+            if (res.confirm) {
+                clearTimer()
+                goBackOrTab(PAGE.BODY_TEST_HOME)
             }
-        },
-        startMeasurement() {
-            const store = loadMemberStore()
-            this.liveMetrics = interpolateMeasuringMetrics(0, store.profile)
-            this.timer = setInterval(() => {
-                if (this.progress >= 100) {
-                    this.completeMeasurement()
-                    return
-                }
-                this.progress = Math.min(100, this.progress + 2)
-                const s = loadMemberStore()
-                this.liveMetrics = interpolateMeasuringMetrics(this.progress, s.profile)
-            }, 120)
-        },
-        completeMeasurement() {
-            if (this.finished) return
-            this.finished = true
-            this.clearTimer()
-            const store = loadMemberStore()
-            const record = saveSimulatedBodyTestRecord(store, {
-                ...this.liveMetrics,
-                visceralFat: 6,
-                boneMass: 2.42,
-                bodyWater: this.liveMetrics.bodyWater || 52.8,
-                protein: 16.4
-            })
-            persistMemberStore(store)
-            uni.showToast({ title: '测量完成', icon: 'success' })
-            setTimeout(() => {
-                navigateToPage(`${PAGE.BODY_TEST_REPORT}?id=${record.id}&new=1`)
-            }, 600)
-        },
-        onCancel() {
-            if (this.finished) return
-            uni.showModal({
-                title: '取消测量',
-                content: '确定要中断当前体测吗？',
-                success: (res) => {
-                    if (res.confirm) {
-                        this.clearTimer()
-                        goBackOrTab(PAGE.BODY_TEST_HOME)
-                    }
-                }
-            })
         }
-    }
+    })
+}
+
+onUnmounted(() => {
+    clearTimer()
+})
+
+// Initialize
+const store = loadMemberStore()
+if (!store.bodyTest.device.connected) {
+    uni.showToast({ title: '请先连接设备', icon: 'none' })
+    setTimeout(() => {
+        navigateToPage(PAGE.BODY_TEST_CONNECT)
+    }, 800)
+} else {
+    startMeasurement()
 }
 </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';