接入练习数据接口

src/pages/grade-intro.vue

@@ -1,7 +1,9 @@
 <script setup>
 import Container from "@/components/Container.vue";
-
-const grade = 7;
+import useStore from "@/store";
+import { storeToRefs } from "pinia";
+const store = useStore();
+const { user } = storeToRefs(store);
 </script>
 
 <template>
@@ -13,12 +15,12 @@ const grade = 7;
           <view
             :style="{
               backgroundColor:
-                index + 1 < grade
+                index + 1 < user.lvl
                   ? '#fff9'
-                  : index + 1 === grade
+                  : index + 1 === user.lvl
                   ? '#fed847'
                   : 'transparent',
-              borderColor: index + 1 === grade ? '#fed847' : '#fff9',
+              borderColor: index + 1 === user.lvl ? '#fed847' : '#fff9',
             }"
           />
           <view />

src/pages/my-growth.vue

@@ -1,12 +1,18 @@
 <script setup>
 import Container from "@/components/Container.vue";
 import Avatar from "@/components/Avatar.vue";
+import { getPractiseResultListAPI } from "@/apis";
 
 import { ref } from "vue";
 
 const selectedIndex = ref(0);
+const practiseList = ref([]);
 
-const handleSelect = (index) => {
+const handleSelect = async (index) => {
+  if (index === 2) {
+    const result = await getPractiseResultListAPI();
+    practiseList.value = result.list;
+  }
   selectedIndex.value = index;
 };
 </script>
@@ -104,11 +110,11 @@ const handleSelect = (index) => {
         }"
       >
         <view
-          v-for="(_, index) in new Array(6).fill(0)"
+          v-for="(item, index) in practiseList"
           :key="index"
           class="practice-record"
         >
-          <text>单组练习 2025.01.21 14:09:23</text>
+          <text>单组练习 {{ item.createdAt }}</text>
           <image src="../static/back.png" mode="widthFix" />
         </view>
       </view>