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

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

@@ -73,7 +73,8 @@
     </view>
 </template>
 
-<script>
+<script setup>
+import { ref } from 'vue'
 import MemberInfoSubNav from '@/components/memberInfo/MemberInfoSubNav.vue'
 import { PAGE, navigateToPage, goBackOrTab } from '@/common/constants/routes.js'
 import {
@@ -81,52 +82,52 @@ import {
     persistMemberStore
 } from '@/common/memberInfo/store.js'
 import {
-    connectBodyTestDevice,
-    bodyTestMock
+    connectBodyTestDevice
 } from '@/common/memberInfo/bodyTestStore.js'
 
-export default {
-    components: { MemberInfoSubNav },
-    data() {
-        return {
-            device: {},
-            steps: bodyTestMock.connectSteps,
-            searching: false,
-            connected: false,
-            searchHint: '请保持手机蓝牙已开启'
-        }
-    },
-    onShow() {
-        const store = loadMemberStore()
-        this.device = { ...store.bodyTest.device }
-        this.connected = store.bodyTest.device.connected
-    },
-    methods: {
-        onBack() {
-            goBackOrTab(PAGE.BODY_TEST_HOME)
-        },
-        searchDevice() {
-            if (this.searching) return
-            this.searching = true
-            this.searchHint = '发现 InBody 270…'
-            setTimeout(() => {
-                const store = loadMemberStore()
-                connectBodyTestDevice(store)
-                persistMemberStore(store)
-                this.device = { ...store.bodyTest.device }
-                this.connected = true
-                this.searching = false
-                uni.showToast({ title: '设备已连接', icon: 'success' })
-            }, 1800)
-        },
-        goMeasuring() {
-            navigateToPage(PAGE.BODY_TEST_MEASURING)
-        }
-    }
+const device = ref({})
+const steps = ref([
+    { step: 1, text: '打开体测仪电源' },
+    { step: 2, text: '站在体测仪上' },
+    { step: 3, text: '等待测量完成' }
+])
+const searching = ref(false)
+const connected = ref(false)
+const searchHint = ref('请保持手机蓝牙已开启')
+
+function refreshFromStore() {
+    const store = loadMemberStore()
+    device.value = { ...store.bodyTest.device }
+    connected.value = store.bodyTest.device.connected
 }
+
+function onBack() {
+    goBackOrTab(PAGE.BODY_TEST_HOME)
+}
+
+function searchDevice() {
+    if (searching.value) return
+    searching.value = true
+    searchHint.value = '发现 InBody 270…'
+    setTimeout(() => {
+        const store = loadMemberStore()
+        connectBodyTestDevice(store)
+        persistMemberStore(store)
+        device.value = { ...store.bodyTest.device }
+        connected.value = true
+        searching.value = false
+        uni.showToast({ title: '设备已连接', icon: 'success' })
+    }, 1800)
+}
+
+function goMeasuring() {
+    navigateToPage(PAGE.BODY_TEST_MEASURING)
+}
+
+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';