feat: update residence learning flows

Commit non-media application and asset changes while leaving audio, video, and environment files out of version control. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-13 10:15:26 +08:00
1 parent 68ba22a33f
commit 6d40e19346
@@ -9,7 +9,7 @@ import type { ClueData } from '../clue/types'
 // 银元之战视频配置
 export const YINYUAN_VIDEO_CONFIG = {
  src: getPublicPath('video/chenyun/chenyun_15.mp4'),
-  narration: `1949年5月，上海解放，此时上海经济秩序混乱，一些资本家甚至说“共产党是军事一百分，政治八十分，财经打零分。“上海经济旧势力利用人们长期以来形成的担心钞票贬值的心理，大肆贩卖银元，掀起投机风潮。上海证券交易所是投机商的大本营，而大街小巷的银元贩子却更多。原来的一块银元值100人民币，到了6月4日已经涨到1100元，而涨势仍在继续。事实上，银元已经是上海市场的主要货币。有些商号只认银元，把人民币排斥到市场之外。上海，这个全国的经济心脏，能否在新政权手中恢复跳动？一场没有硝烟的经济战争即将打响。面对这硝烟弥漫的经济战线，陈云同志亲自参与指导了同旧经济势力间的“银元之战。你将化身陈云同志的特派员，直面这场“银元之战”。"`,
+  narration: `1949年5月，上海解放，此时上海经济秩序混乱，一些资本家甚至说“共产党是军事一百分，政治八十分，财经打零分。“上海经济旧势力利用人们长期以来形成的担心钞票贬值的心理，大肆贩卖银元，掀起投机风潮。上海证券交易所是投机商的大本营，而大街小巷的银元贩子却更多。原来的一块银元值100人民币，到了6月4日已经涨到1100元，而涨势仍在继续。事实上，银元已经是上海市场的主要货币。有些商号只认银元，把人民币排斥到市场之外。上海，这个全国的经济心脏，能否在新政权手中恢复跳动？一场没有硝烟的经济战争即将打响。面对这硝烟弥漫的经济战线，陈云同志亲自参与指导了同旧经济势力间的“银元之战”。”你将化身陈云同志的特派员，直面这场“银元之战”。`,
  alert: {
    title: '第一幕:“银元之战”--人民币的阵地争夺战',
    subtitle: '上海目前出现大肆贩卖银元的情况，请你了解情况!',
@@ -36,10 +36,10 @@ export const YINYUAN_CLUE_DATA: Record<
    title: '线索二',
    content: (
      <div className="flex flex-col items-start text-left gap-2 px-14">
-        <div className="mb-8">
+        <div className="mb-8 indent-14">
          南京路的先施、永安、大新、新新等四大公司率先拒收人民币，甚至用银元标价。
        </div>
-        <div>其他商户纷纷仿效，人民币在市场交易中地位下降。</div>
+        <div className="indent-14">其他商户纷纷仿效，人民币在市场交易中地位下降。</div>
      </div>
    ),
  },
@@ -2,7 +2,7 @@
 * 陈云反思页面主入口
 * 整合银元之战和米棉之战两个模块
 */
-import { Image, StudyGuideModal } from '@/components'
+import { Image, StudyGuideModal, Video } from '@/components'
 import ErrorAlert from '@/components/layout/alert/error-alert'
 import TitleAlert from '@/components/layout/alert/title-alert'
 import ClueOverlay from '@/pages/chenyun/reflection/clue'
@@ -63,10 +63,10 @@ const ChenyunReflection = () => {
  /** 是否显示线索弹窗 */
  const [showClueOverlay, setShowClueOverlay] = useState(false)

+  const [showOpeningVideo, setShowOpeningVideo] = useState(true)
+
  /** 欢迎语弹窗（使用 StudyGuideModal 展示入口引导） */
-  const [showWelcomeGuide, setShowWelcomeGuide] = useState(
-    () => !useChenyunStore.getState().isYinyuanSolved
-  )
+  const [showWelcomeGuide, setShowWelcomeGuide] = useState(false)

  /** 第一幕银元之战 - 学习引导弹窗 */
  const [showYinyuanGuide, setShowYinyuanGuide] = useState(false)
@@ -219,6 +219,36 @@ const ChenyunReflection = () => {
        backgroundImage: getBackgroundImage(`chenyun/reflection/底图`),
      }}
    >
+      {showOpeningVideo && (
+        <div className="fixed inset-0 z-10000 w-full h-full bg-black">
+          <Video
+            src={getPublicPath('video/reflection/chenyun_tiwu_00.mp4')}
+            autoPlay
+            playsInline
+            showSkipButton
+            skipText="跳过"
+            onEnded={() => {
+              setShowOpeningVideo(false)
+              if (!useChenyunStore.getState().isYinyuanSolved) {
+                setShowWelcomeGuide(true)
+              }
+            }}
+            onSkip={() => {
+              setShowOpeningVideo(false)
+              if (!useChenyunStore.getState().isYinyuanSolved) {
+                setShowWelcomeGuide(true)
+              }
+            }}
+            onError={() => {
+              setShowOpeningVideo(false)
+              if (!useChenyunStore.getState().isYinyuanSolved) {
+                setShowWelcomeGuide(true)
+              }
+            }}
+          />
+        </div>
+      )}
+
      {/* 离开按钮 */}
      {expandedFile == null && (
        <Image
@@ -139,7 +139,7 @@ export const YinyuanBattle = ({
      // 关闭多选题1，显示旁白文字（图2）
      state.setShowQuiz1(false)
      state.setNarration2Text(
-        `六月五日,上海政府抛出十万银元,力图以银元制服银元,使价格回跌。全市举行了"反对银元投机,保障人民生活"的游行和宣传。上海市军委会主任陈毅在全市集会上警告投机奸商"赶快洗手不干,否则勿谓言之不预"。但这两手收效仍微。十万银元被投机商人一吸而空,六月七日银元每元的价格涨到一千八百元人民币。陈云同志判断:"单纯的经济手段已不足以震慑敌人,必须辅以坚定的行政与法律手段。"`
+        `六月五日，上海政府抛出十万银元，力图以银元制服银元，使价格回跌。全市举行了“反对银元投机，保障人民生活”的游行和宣传。上海市军委会主任陈毅在全市集会上警告投机奸商“赶快洗手不干，否则勿谓言之不预”。但这两手收效仍微。十万银元被投机商人一吸而空，六月七日银元每元的价格涨到一千八百元人民币。陈云同志判断：“单纯的经济手段已不足以震慑敌人，必须辅以坚定的行政与法律手段。”`
      )
      state.setShowNarration2(true)
    }
@@ -77,7 +77,7 @@ export const YinyuanGuides = ({
      <ExhibitOverlay
        visible={showTrendChartDetail}
        src="chenyun/reflection/银元价格走势图"
-        description={`以上海为中心，代表"人民币信用"的绿色区域迅速覆盖全市，并向外辐射。`}
+        description={`以上海为中心，代表“人民币信用”的绿色区域迅速覆盖全市，并向外辐射。`}
        onClick={onTrendChartClick}
        onClose={onTrendChartDetailClose}
      />
@@ -47,17 +47,17 @@ export const YinyuanQuizzes = ({
      {/* 多选题1 - 点击引导图标后显示 */}
      <MultipleChoiceQuizPanel
        visible={showQuiz1}
-        title="【多选】面对银元投机狂潮,你认为首要突破口是? "
+        title="【多选】面对银元投机狂潮，你认为首要突破口是？"
        options={[
          { value: 'A', label: 'A. 政治攻势（警告、约谈）' },
-          { value: 'B', label: 'B. 经济手段（抛售银元,以银元打银元）' },
-          { value: 'C', label: 'C. 舆论动员（宣传人民币信用,发动群众）' },
+          { value: 'B', label: 'B. 经济手段（抛售银元，以银元打银元）' },
+          { value: 'C', label: 'C. 舆论动员（宣传人民币信用，发动群众）' },
        ]}
        correctAnswer={['A', 'B', 'C']}
-        errorMessage="单一措施效果有限,请尝试综合施策。"
+        errorMessage="单一措施效果有限，请尝试综合施策。"
        minSelections={1}
        maxSelections={3}
-        minSelectionsErrorMessage="单一措施效果有限,请尝试综合施策。"
+        minSelectionsErrorMessage="单一措施效果有限，请尝试综合施策。"
        submitText="提交"
        onSubmit={onQuiz1Submit}
        onError={(error) => {
@@ -77,17 +77,17 @@ export const YinyuanQuizzes = ({
      {/* 多选题2（图3）- 关闭旁白后显示 */}
      <MultipleChoiceQuizPanel
        visible={showQuiz2}
-        title="【多选】面对投机商的猖狂反扑,下一步应采取哪些决定性措施?"
+        title="【多选】面对投机商的猖狂反扑，下一步应采取哪些决定性措施？"
        options={[
-          { value: 'A', label: 'A. 加大银元抛售量,耗尽投机资本' },
-          { value: 'B', label: 'B. 查封投机核心场所,逮捕首要分子' },
-          { value: 'C', label: 'C. 颁布法令,严禁银元计价流通' },
+          { value: 'A', label: 'A. 加大银元抛售量，耗尽投机资本' },
+          { value: 'B', label: 'B. 查封投机核心场所，逮捕首要分子' },
+          { value: 'C', label: 'C. 颁布法令，严禁银元计价流通' },
        ]}
        correctAnswer={['A', 'B', 'C']}
-        errorMessage="单一措施效果有限,请尝试综合施策。"
+        errorMessage="单一措施效果有限，请尝试综合施策。"
        minSelections={1}
        maxSelections={3}
-        minSelectionsErrorMessage="单一措施效果有限,请尝试综合施策。"
+        minSelectionsErrorMessage="单一措施效果有限，请尝试综合施策。"
        submitText="提交"
        onSubmit={onQuiz2Submit}
        onError={(error) => {
@@ -98,8 +98,8 @@ export const YinyuanQuizzes = ({
      {/* 成功提示框 - 多选题2答对后显示 */}
      <SuccessAlert
        visible={showSuccessAlert}
-        title="恭喜你, 选择正确!"
-        content="陈云同志的意见是:三管齐下,但核心是查封投机核心场所,逮捕首要分子。擒贼先擒王,打掉指挥部。"
+        title="恭喜你，选择正确！"
+        content="陈云同志的意见是：三管齐下，但核心是查封投机核心场所，逮捕首要分子。擒贼先擒王，打掉指挥部。"
        onContinue={onSuccessAlertContinue}
      />
    </>