feat:黄炎培对话对接中
This commit is contained in:
zhongyidian committed
1 parent
3611a0857a
commit
6ab184b328
125 files changed
+6617
-2391
No files matched your search
@@ -0,0 +1,299 @@
|
||||
/**
|
||||
* 米棉之战题目组件
|
||||
* 包含单选题1-5、旁白1-3、成功提示框、结束语
|
||||
*/
|
||||
import { Narration, SingleChoiceQuizPanel, StudyGuideModal } from "@/components";
|
||||
import SuccessAlert from "@/components/layout/alert/success-alert";
|
||||
|
||||
export interface MimianQuizzesProps {
|
||||
/** 是否显示单选题1 */
|
||||
showQuiz1: boolean;
|
||||
/** 是否显示旁白1 */
|
||||
showNarration1: boolean;
|
||||
/** 是否显示单选题2 */
|
||||
showQuiz2: boolean;
|
||||
/** 是否显示旁白2 */
|
||||
showNarration2: boolean;
|
||||
/** 是否显示单选题3 */
|
||||
showQuiz3: boolean;
|
||||
/** 是否显示单选题4 */
|
||||
showQuiz4: boolean;
|
||||
/** 是否显示旁白3 */
|
||||
showNarration3: boolean;
|
||||
/** 是否显示单选题5 */
|
||||
showQuiz5: boolean;
|
||||
/** 是否显示旁白5（结束语） */
|
||||
showNarration5: boolean;
|
||||
/** 是否显示成功提示框 */
|
||||
showSuccessAlert: boolean;
|
||||
/** 成功提示框内容 */
|
||||
successAlertContent: string;
|
||||
/** 单选题1提交回调 */
|
||||
onQuiz1Submit: (value: string, isCorrect: boolean) => void;
|
||||
/** 成功提示框1继续回调 */
|
||||
onSuccessAlert1Continue: () => void;
|
||||
/** 旁白1关闭回调 */
|
||||
onNarration1Close: () => void;
|
||||
/** 单选题2提交回调 */
|
||||
onQuiz2Submit: (value: string, isCorrect: boolean) => void;
|
||||
/** 成功提示框2继续回调 */
|
||||
onSuccessAlert2Continue: () => void;
|
||||
/** 错误提示框继续回调 */
|
||||
onErrorAlertContinue: () => void;
|
||||
/** 旁白2关闭回调 */
|
||||
onNarration2Close: () => void;
|
||||
/** 单选题3提交回调 */
|
||||
onQuiz3Submit: (value: string, isCorrect: boolean) => void;
|
||||
/** 单选题3成功/错误提示继续回调 */
|
||||
onQuiz3AlertContinue: (isCorrect: boolean) => void;
|
||||
/** 单选题4提交回调 */
|
||||
onQuiz4Submit: (value: string, isCorrect: boolean) => void;
|
||||
/** 单选题4成功/错误提示继续回调 */
|
||||
onQuiz4AlertContinue: (isCorrect: boolean) => void;
|
||||
/** 旁白3关闭回调 */
|
||||
onNarration3Close: () => void;
|
||||
/** 单选题5提交回调 */
|
||||
onQuiz5Submit: (value: string, isCorrect: boolean) => void;
|
||||
/** 单选题5成功/错误提示继续回调 */
|
||||
onQuiz5AlertContinue: (isEndSuccess: boolean) => void;
|
||||
/** 结束语继续回调 */
|
||||
onNarration5Continue: () => void;
|
||||
}
|
||||
|
||||
/**
|
||||
* 米棉之战题目组件
|
||||
* 显示所有题目、旁白和提示框
|
||||
*/
|
||||
export const MimianQuizzes = ({
|
||||
showQuiz1,
|
||||
showNarration1,
|
||||
showQuiz2,
|
||||
showNarration2,
|
||||
showQuiz3,
|
||||
showQuiz4,
|
||||
showNarration3,
|
||||
showQuiz5,
|
||||
showNarration5,
|
||||
showSuccessAlert,
|
||||
successAlertContent,
|
||||
onQuiz1Submit,
|
||||
onSuccessAlert1Continue,
|
||||
onNarration1Close,
|
||||
onQuiz2Submit,
|
||||
onSuccessAlert2Continue,
|
||||
onErrorAlertContinue,
|
||||
onNarration2Close,
|
||||
onQuiz3Submit,
|
||||
onQuiz3AlertContinue,
|
||||
onQuiz4Submit,
|
||||
onQuiz4AlertContinue,
|
||||
onNarration3Close,
|
||||
onQuiz5Submit,
|
||||
onQuiz5AlertContinue,
|
||||
onNarration5Continue,
|
||||
}: MimianQuizzesProps) => {
|
||||
return (
|
||||
<>
|
||||
{/* 米棉之战 - 单选题1（图1） */}
|
||||
<SingleChoiceQuizPanel
|
||||
visible={showQuiz1}
|
||||
title='（单选题）投机商集中冲击"两白一黑"的核心目的是( )。'
|
||||
options={[
|
||||
{ value: "A", label: "A. 满足市场需求" },
|
||||
{ value: "B", label: "B. 扰乱经济秩序、动摇政权" },
|
||||
]}
|
||||
correctAnswer="B"
|
||||
errorMessage="很抱歉,你选错了!请你再思考一下吧!"
|
||||
onSubmit={onQuiz1Submit}
|
||||
/>
|
||||
|
||||
{/* 米棉之战 - 成功提示框1 */}
|
||||
<SuccessAlert
|
||||
visible={
|
||||
showSuccessAlert && successAlertContent === "恭喜你,选择正确!"
|
||||
}
|
||||
title="恭喜你,选择正确!"
|
||||
onContinue={onSuccessAlert1Continue}
|
||||
/>
|
||||
|
||||
{/* 米棉之战 - 旁白1（图2） */}
|
||||
<Narration
|
||||
text="为了打击投机资本势力,面对上海米价、纱价等上涨,又同时影响到整个华东和华北、中南等地的情况。陈云于1949年7月17日率领中财委抵达上海,开展了一系列的举措,7月27日至8月15日,陈云主持召开了华东、华北、华中、东北、西北5个大区的财经会议,商讨解决上海和全国面临的严峻经济形势问题和对策。"
|
||||
visible={showNarration1}
|
||||
onClose={onNarration1Close}
|
||||
enableAnimation={false}
|
||||
/>
|
||||
|
||||
{/* 米棉之战 - 单选题2（图3） */}
|
||||
<SingleChoiceQuizPanel
|
||||
visible={showQuiz2}
|
||||
title="（单选题）你觉得此时解决上海和全国面临的严峻经济形势问题的对策应该是( )。"
|
||||
options={[
|
||||
{ value: "A", label: "A. 局部限购" },
|
||||
{ value: "B", label: "B. 增发货币" },
|
||||
{ value: "C", label: "C. 全国调运+集中抛售" },
|
||||
]}
|
||||
correctAnswer="C"
|
||||
errorMessage="很抱歉,你选错了!请你再思考一下吧!"
|
||||
onSubmit={onQuiz2Submit}
|
||||
/>
|
||||
|
||||
{/* 米棉之战 - 成功提示框2（单选题2答对后） */}
|
||||
<SuccessAlert
|
||||
visible={
|
||||
showSuccessAlert && successAlertContent.includes("全国一盘棋")
|
||||
}
|
||||
title="恭喜你,选择正确!"
|
||||
content={successAlertContent}
|
||||
onContinue={onSuccessAlert2Continue}
|
||||
/>
|
||||
|
||||
{/* 米棉之战 - 错误提示框（单选题2答错后） */}
|
||||
<SuccessAlert
|
||||
visible={
|
||||
showSuccessAlert &&
|
||||
successAlertContent.includes("很抱歉") &&
|
||||
!successAlertContent.includes("全国一盘棋")
|
||||
}
|
||||
title="很抱歉,你选错了!"
|
||||
content={successAlertContent}
|
||||
onContinue={onErrorAlertContinue}
|
||||
/>
|
||||
|
||||
{/* 米棉之战 - 旁白2（图4） */}
|
||||
<Narration
|
||||
text={`根据"全国一盘棋"的指示,中央政府通过全国范围内的物资调配体系,从多个区域调运米、棉、煤等关键物资支援上海。可是地方在落实推进过程中碰到了现实问题,作为陈云同志的特派员,你应该如何与地方沟通。`}
|
||||
visible={showNarration2}
|
||||
onClose={onNarration2Close}
|
||||
enableAnimation={false}
|
||||
/>
|
||||
|
||||
{/* 米棉之战 - 单选题3（图5） */}
|
||||
<SingleChoiceQuizPanel
|
||||
visible={showQuiz3}
|
||||
title='（单选题）某地方粮站反馈"本地冬储粮不足,不愿外运"。'
|
||||
options={[
|
||||
{ value: "A", label: "A. 强制调运,否则追责" },
|
||||
{
|
||||
value: "B",
|
||||
label: "B. 中央已协调东北补充常州冬储粮,先保障全国物价稳定",
|
||||
},
|
||||
]}
|
||||
correctAnswer="B"
|
||||
errorMessage="地方抵触,调运延误多天"
|
||||
onSubmit={onQuiz3Submit}
|
||||
/>
|
||||
|
||||
{/* 米棉之战 - 单选题3成功/错误提示 */}
|
||||
<SuccessAlert
|
||||
visible={
|
||||
showSuccessAlert &&
|
||||
(successAlertContent.includes("地方配合") ||
|
||||
successAlertContent.includes("地方抵触"))
|
||||
}
|
||||
title={
|
||||
successAlertContent.includes("恭喜")
|
||||
? "恭喜你,选择正确!"
|
||||
: "很抱歉,你选错了!"
|
||||
}
|
||||
content={successAlertContent}
|
||||
onContinue={() => {
|
||||
const isCorrect = successAlertContent.includes("地方配合");
|
||||
onQuiz3AlertContinue(isCorrect);
|
||||
}}
|
||||
/>
|
||||
|
||||
{/* 米棉之战 - 单选题4（图6） */}
|
||||
<SingleChoiceQuizPanel
|
||||
visible={showQuiz4}
|
||||
title="（单选题）某地方棉农担心外运后本地纱厂缺原料。"
|
||||
options={[
|
||||
{ value: "A", label: "A. 全国优先上海,本地暂时忍耐" },
|
||||
{
|
||||
value: "B",
|
||||
label: "B. 上海纱厂稳定后,会优先供应本地布匹,实现全国共赢",
|
||||
},
|
||||
]}
|
||||
correctAnswer="B"
|
||||
errorMessage="棉农抵触,调运量减少"
|
||||
onSubmit={onQuiz4Submit}
|
||||
/>
|
||||
|
||||
{/* 米棉之战 - 单选题4成功/错误提示 */}
|
||||
<SuccessAlert
|
||||
visible={
|
||||
showSuccessAlert &&
|
||||
(successAlertContent.includes("棉农支持") ||
|
||||
successAlertContent.includes("棉农抵触"))
|
||||
}
|
||||
title={
|
||||
successAlertContent.includes("恭喜")
|
||||
? "恭喜你,选择正确!"
|
||||
: "很抱歉,你选错了!"
|
||||
}
|
||||
content={successAlertContent}
|
||||
onContinue={() => {
|
||||
const isCorrect = successAlertContent.includes("棉农支持");
|
||||
onQuiz4AlertContinue(isCorrect);
|
||||
}}
|
||||
/>
|
||||
|
||||
{/* 米棉之战 - 旁白3（图7） */}
|
||||
<Narration
|
||||
text="在以陈云为首的中财委的统一部署下,人民政府在全国范围内调配粮食、棉布和煤炭等商品,在准备充分后,政府开始行动。11月25日,市场物价处在高峰,进入总攻阶段。"
|
||||
visible={showNarration3}
|
||||
onClose={onNarration3Close}
|
||||
enableAnimation={false}
|
||||
/>
|
||||
|
||||
{/* 米棉之战 - 单选题5（图8） */}
|
||||
<SingleChoiceQuizPanel
|
||||
visible={showQuiz5}
|
||||
title="（单选题）此时,以下哪种举措能够一举获得胜利?"
|
||||
options={[
|
||||
{
|
||||
value: "A",
|
||||
label:
|
||||
"A:突然性、连续性大量抛售。在全国各地同时行动,上海、武汉、西安等地国营公司连续降价抛售粮棉,不给投机资本喘息之机",
|
||||
},
|
||||
{
|
||||
value: "B",
|
||||
label: `B:逐步降价,配合舆论引导,每日小幅降价,并通过报纸宣传政府物资充足,试图"劝退"投机商`,
|
||||
},
|
||||
]}
|
||||
correctAnswer="A"
|
||||
errorMessage="很抱歉,你选错了!投机商此前曾吃下政府平价抛售物资获利。逐步降价加舆论引导难让其信服,他们会持续囤货,政府储备会被消耗,反而让投机商掌控节奏,无法遏制物价上涨。请你再思考一下吧!"
|
||||
onSubmit={onQuiz5Submit}
|
||||
/>
|
||||
|
||||
{/* 米棉之战 - 单选题5成功/错误提示 */}
|
||||
<SuccessAlert
|
||||
visible={
|
||||
showSuccessAlert &&
|
||||
(successAlertContent.includes("这契合米棉之战史实") ||
|
||||
successAlertContent.includes("投机商此前曾吃下"))
|
||||
}
|
||||
title={
|
||||
successAlertContent.includes("恭喜")
|
||||
? "恭喜你,选择正确!"
|
||||
: "很抱歉,你选错了!"
|
||||
}
|
||||
content={successAlertContent}
|
||||
onContinue={() => {
|
||||
const isEndSuccess =
|
||||
successAlertContent.includes("这契合米棉之战史实");
|
||||
onQuiz5AlertContinue(isEndSuccess);
|
||||
}}
|
||||
/>
|
||||
|
||||
{/* 米棉之战 - 旁白5（结束语）改用 StudyGuideModal 展示 */}
|
||||
<StudyGuideModal
|
||||
visible={showNarration5}
|
||||
onContinue={onNarration5Continue}
|
||||
>
|
||||
从"银元之战"查封投机枢纽、稳固人民币根基,到"米棉之战"全国统筹调运、集中抛售击溃投机势力,这场经济战线的"淮海战役",不仅平定了物价、安定了民心,更印证了"全国一盘棋"的战略智慧与制度优势。当市场秩序重归稳定,新生政权在经济领域站稳脚跟,这份由陈云同志等老一辈革命家铸就的治理经验,也为新时代经济建设埋下了思想伏笔,等待我们在传承中探索新的实践路径。
|
||||
</StudyGuideModal>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in new issue
Block a user