feat: 结果页

src/other_pages/ntrp-evaluate/index.module.scss

@@ -545,6 +545,10 @@
         font-style: normal;
         font-weight: 900;
         line-height: 44px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 8px;
 
         .level {
           color: #00E5AD;

src/other_pages/ntrp-evaluate/index.tsx

@@ -7,6 +7,7 @@ import { withAuth, RadarChart } from "@/components";
 import evaluateService, {
   LastTimeTestResult,
   Question,
+  TestResultData,
 } from "@/services/evaluateService";
 import { useUserInfo, useUserActions } from "@/store/userStore";
 import { delay } from "@/utils";
@@ -323,12 +324,28 @@ function Test(props) {
 }
 
 function Result() {
+  const { params } = useRouter();
+  const { id } = params;
   const userInfo = useUserInfo();
   const { fetchUserInfo } = useUserActions();
 
+  const [result, setResult] = useState<TestResultData>();
+  const [radarData, setRadarData] = useState<[propName: string, prop: number][]>([])
+
   useEffect(() => {
-    fetchUserInfo()
-  }, [])
+    getResultById();
+    fetchUserInfo();
+  }, []);
+
+  async function getResultById() {
+    const res = await evaluateService.getTestResult({ record_id: Number(id) });
+    if (res.code === 0) {
+      setResult(res.data);
+      setRadarData(Object.entries(res.data.radar_data.abilities).map(([key, value]) => [key, value.current_score]))
+    }
+  }
+
+  console.log(result, "result");
 
   return (
     <View className={styles.resultContainer}>
@@ -357,14 +374,14 @@ function Result() {
           </View>
           <View className={styles.levelWrap}>
             <Text>NTRP</Text>
-            <Text className={styles.level}>{1.1}</Text>
+            <Text className={styles.level}>{result?.ntrp_level}</Text>
           </View>
           <View className={styles.slogan}>
             <Text>变线+网前，下一步就是赢比赛！</Text>
           </View>
         </View>
         <View>
-          <RadarChart />
+          <RadarChart data={radarData} />
         </View>
       </View>
     </View>