feat: test popup not done

src/components/NTRPEvaluatePopup/index.module.scss

@@ -1,8 +1,8 @@
 @use "~@/scss/images.scss" as img;
 
 .container {
-  width: calc(100vw - 40px);
-  height: 400px;
+  width: 100%;
+  // height: 400px;
   display: flex;
   flex-direction: column;
   align-items: center;

src/components/NTRPEvaluatePopup/index.tsx

@@ -3,12 +3,15 @@ import React, {
   useImperativeHandle,
   useEffect,
   forwardRef,
+  memo,
 } from "react";
 import { Button, Input, View, Text } from "@tarojs/components";
 import Taro from "@tarojs/taro";
 import CommonPopup from "../CommonPopup";
 import { getCurrentFullPath } from "@/utils";
-import { useUserInfo, useUserActions } from "@/store/userStore";
+import evaluateService from "@/services/evaluateService";
+import NTRPTestEntryCard from "../NTRPTestEntryCard";
+import NtrpPopupGuide from "../NTRPPopupGuide";
 import style from "./index.module.scss";
 
 export enum EvaluateType {
@@ -32,6 +35,7 @@ interface NTRPEvaluatePopupProps {
   types: EvaluateType[];
   displayCondition: DisplayConditionType;
   scene: SceneType;
+  showGuide: boolean;
   children: React.ReactNode;
 }
 
@@ -40,7 +44,7 @@ function showCondition(scene, ntrp) {
     // TODO: 显示频率
     return Math.random() < 0.1 && [0, undefined].includes(ntrp);
   }
-  return [0, undefined].includes(ntrp);
+  return ntrp === "0";
 }
 
 const NTRPEvaluatePopup = (props: NTRPEvaluatePopupProps, ref) => {
@@ -48,10 +52,10 @@ const NTRPEvaluatePopup = (props: NTRPEvaluatePopupProps, ref) => {
     types = ["edit", "evaluate"],
     displayCondition = "auto",
     scene = "list",
+    showGuide = false,
   } = props;
-  const [visible, setVisible] = useState(false);
-  const { ntrp } = useUserInfo();
-  const { fetchUserInfo } = useUserActions();
+  const [visible, setVisible] = useState(true);
+  const [ntrp, setNtrp] = useState<undefined | string>();
 
   useImperativeHandle(ref, () => ({
     show: () => setVisible(true),
@@ -61,14 +65,26 @@ const NTRPEvaluatePopup = (props: NTRPEvaluatePopupProps, ref) => {
     setVisible(false);
     // TODO: 实现NTRP评估逻辑
     Taro.navigateTo({
-      url: `/other_pages/ntrp-evaluate/index?redirect=${encodeURIComponent(getCurrentFullPath())}`,
+      url: `/other_pages/ntrp-evaluate/index?redirect=${encodeURIComponent(
+        getCurrentFullPath()
+      )}`,
     });
   }
 
   useEffect(() => {
-    // fetchUserInfo();
+    getNtrp();
   }, []);
 
+  async function getNtrp() {
+    const res = await evaluateService.getLastResult();
+    if (res.code === 0 && res.data.has_ntrp_level) {
+      // setNtrp(res.data.user_ntrp_level)
+      setNtrp("0");
+    } else {
+      setNtrp("0");
+    }
+  }
+
   const showEntry =
     displayCondition === "auto"
       ? showCondition(scene, ntrp)
@@ -80,20 +96,21 @@ const NTRPEvaluatePopup = (props: NTRPEvaluatePopupProps, ref) => {
         title="NTRP评估"
         visible={visible}
         onClose={() => setVisible(false)}
-        position="center"
+        showHeader={false}
         hideFooter
         enableDragToClose={false}
       >
-        <View className={style.container}>
-          {/* TODO: 直接修改NTRP水平 */}
-          <Text>您还未测评。。。</Text>
-          <Text>请先进行NTRP评估</Text>
-          <Button onClick={handleEvaluate}>开始评估</Button>
-        </View>
+        {showGuide ? (
+          <NtrpPopupGuide />
+        ) : (
+          <View className={style.container}>
+            <NTRPTestEntryCard />
+          </View>
+        )}
       </CommonPopup>
-      {showEntry ? props.children : ''}
+      {showEntry ? props.children : ""}
     </>
   );
 };
 
-export default forwardRef(NTRPEvaluatePopup);
+export default memo(forwardRef(NTRPEvaluatePopup));