feat:黄炎培对话对接中

src/pages/chenyun/place/place7.tsx

@@ -10,6 +10,7 @@ import {
   type SingleChoiceOption,
   type DragFillResult,
   QuizPanel,
+  StudyGuideModal,
 } from "@/components";
 import { SuccessAlert, DragQuizPanel } from "@/components/layout";
 import { getBackgroundImage, getStaticImage, getPublicPath } from "@/lib/utils";
@@ -28,21 +29,24 @@ const exhibitSrcMap: Record<1, string> = {
 const QUIZ1_OPTIONS: SingleChoiceOption[] = [
   {
     value: "A",
-    label:
-      "A. 推动了淮海战役的胜利（错误选项，选后提示：淮海战役于1949年1月胜利结束，发生在这次“银元之战”前，不存在因果关系）",
+    label: "A. 推动了淮海战役的胜利",
   },
   {
     value: "B",
-    label:
-      "B. 有利于稳定人民的发行和地位（正确选项，选后提示：“银元之战”属于当时人民政府整顿金融的重要举措，黄金、银元投机不利于人民币币值稳定和流通，因此“银元之战”打击贵属投机活动，有利于稳定人民币的发行和地位）",
+    label: "B. 有利于稳定人民的发行和地位",
   },
   {
     value: "C",
-    label:
-      "C. 巩固了新中国人民政权（错误选项，选后提示：1949年6月新中国政权尚未建立）",
+    label: "C. 巩固了新中国人民政权",
   },
 ];
 
+// 题目1各选项对应的错误提示（原来写在选项括号中的内容）
+const QUIZ1_ERROR_HINTS: Record<string, string> = {
+  A: "淮海战役于1949年1月胜利结束，发生在这次“银元之战”前，不存在因果关系。",
+  C: "1949年6月新中国政权尚未建立。",
+};
+
 const ChenyunPlace7 = () => {
   const navigate = useNavigate();
   const { moduleName } = useParams<{
@@ -74,8 +78,13 @@ const ChenyunPlace7 = () => {
   const [successAlertVisible, setSuccessAlertVisible] = useState(false);
   // 标记拖拽题是否已完成
   const [quiz2Completed, setQuiz2Completed] = useState(false);
+  // 学习引导弹窗
+  const [showGuideModal, setShowGuideModal] = useState(true);
 
   const handleOpenExhibit = (_index: 1) => {
+    // 如果本场景学习已完成（拖拽题已答对），不再响应点击，避免重复播放
+    if (quiz2Completed) return;
+
     // 展品1：点击时显示视频1场景和引导对话1
     setVideoVisible1(true);
     setVideoPlaying(false); // 视频不自动播放
@@ -271,7 +280,11 @@ const ChenyunPlace7 = () => {
             // 显示成功提示
             setSuccessAlertVisible(true);
           } else {
-            setQuizError("再想一想，注意题干中的时间和提示信息哦～");
+            // 使用对应选项的错误提示，如果不存在则使用通用提示
+            setQuizError(
+              QUIZ1_ERROR_HINTS[val] ||
+                "再想一想，注意题干中的时间和提示信息哦～"
+            );
           }
         }}
       />
@@ -375,6 +388,19 @@ const ChenyunPlace7 = () => {
           />
         </div>
       )}
+
+      {/* 学习引导 */}
+      <StudyGuideModal
+        visible={showGuideModal}
+        onContinue={() => setShowGuideModal(false)}
+        ailgn="left"
+      >
+        1、场景中出现动态光点的展品表示未浏览，可通过点击光点来了解展品背后的故事，通过滚轮可以放大展品，浏览展品后蓝色动态光点会变为已浏览状态；
+        {"\n"}
+        2、在学习过程中会掉落拼图碎片，拼图碎片会自动收入拼图盒中，拼图盒可以点击查看当前拼图收集情况，点击单个拼图可以回到获得拼图的场景再次学习；
+        {"\n"}
+        3、所有动态光点的展品全部学习后才能进入下一个场景学习；
+      </StudyGuideModal>
     </div>
   );
 };