倒计时

src/panels/FailPanel/FailPanel.tsx

@@ -5,8 +5,16 @@ import {Button} from "@grace/ui";
 import {_asyncThrottle} from "@/utils/utils.ts";
 import { ModalCtrl } from "@/core/ctrls/ModalCtrl.tsx";
 
+export interface IFailPanelProps {
+  score: number,
+  rank: number,
+  prizeName: string,
+  reachTargetScore: boolean,
+  drawChance: number,
+}
+
 @observer
-class FailPanel extends React.Component {
+class FailPanel extends React.Component<IFailPanelProps> {
 
   componentDidMount() {
   }
@@ -20,10 +28,13 @@ class FailPanel extends React.Component {
   });
 
   render() {
+
+    const {score, rank} = this.props;
+
     return <div className="FailPanel">
       <div className="bg"/>
-      <div className="rank">当前排名:NO.78</div>
-      <div className="score">167<span>分</span></div>
+      <div className="rank">当前排名:NO.{rank}</div>
+      <div className="score">{score}<span>分</span></div>
       <div className="tip">
         单局游戏分数达200<br/>
         即可获得<span>1次抽奖机会</span>

src/panels/SucPanel/SucPanel.tsx

@@ -5,8 +5,16 @@ import {Button} from "@grace/ui";
 import {_asyncThrottle} from "@/utils/utils.ts";
 import { ModalCtrl } from "@/core/ctrls/ModalCtrl.tsx";
 
+export interface ISucPanelProps {
+  score: number,
+  rank: number,
+  prizeName: string,
+  reachTargetScore: boolean,
+  drawChance: number,
+}
+
 @observer
-class SucPanel extends React.Component {
+class SucPanel extends React.Component<ISucPanelProps> {
 
   componentDidMount() {
   }
@@ -20,10 +28,13 @@ class SucPanel extends React.Component {
   });
 
   render() {
+
+    const {score, rank} = this.props;
+
     return <div className="SucPanel">
       <div className="bg"/>
-      <div className="rank">当前排名:NO.78</div>
-      <div className="score">167<span>分</span></div>
+      <div className="rank">当前排名:NO.{rank}</div>
+      <div className="score">{score}<span>分</span></div>
       <div className="tip">恭喜获得抽奖机会<span>+1</span></div>
       <Button className="btn" onClick={this.clickBtn}/>
       <Button className="close" onClick={this.clickClose}/>

src/store/gameStore.ts

@@ -97,10 +97,10 @@ class GameStore {
       return;
     }
 
-    if (score > data.reachTargetScore) {
-      ModalCtrl.showModal(SucPanel);
+    if (data.reachTargetScore) {
+      ModalCtrl.showModal(SucPanel, data);
     } else {
-      ModalCtrl.showModal(FailPanel);
+      ModalCtrl.showModal(FailPanel, data);
     }
 
   }