init

src/app.jsx

@@ -36,7 +36,6 @@ const pageMap = {
   [PAGE_MAP.DRAW_PAGE]: <Drawpage />,
   [PAGE_MAP.PRIZE_PAGE]: <Prizepage />,
   [PAGE_MAP.HOME_PAGE]: <Userhomepage />,
-  [PAGE_MAP.OPUS_PAGE]: <Opuspage />
 };
 
 @observer

src/components/AssistCountPanel/AssistCountPanel.jsx

+import React from "react";
+import { observer } from "mobx-react";
+import "./AssistCountPanel.less";
+import { Button } from "@src/components/Button";
+import modalStore from "@src/store/modal";
+import store from "@src/store";
+
+@observer
+class AssistCountPanel extends React.Component {
+
+  componentDidMount = async () => {
+
+  };
+
+  /** 关闭 */
+  clickClose = () => {
+    modalStore.closePop();
+  };
+
+  clickOk = () => {
+    modalStore.closePop();
+  }
+
+  render() {
+    return <div className="AssistCountPanel modal_center">
+      <div className="bg"/>
+      <div className="txt">一共有{store.setIndex.newAssistUser}位好友助力</div>
+      <Button className="btn" onClick={this.clickOk} />
+      <Button className="close" onClick={this.clickClose} />
+    </div>;
+  }
+}
+
+export default AssistCountPanel;

src/components/AssistCountPanel/AssistCountPanel.less

+@import "../../res.less";
+
+.AssistCountPanel {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 750px;
+  height: 1624px;
+
+  .bg {
+    position: absolute;
+    left: 99px;
+    top: 392px;
+    width: 553px;
+    height: 622px;
+    .sparkBg("AssistCountPanel/bg.png")
+  }
+
+  .txt {
+    font-size: 35.33px;
+    color: rgb(51, 51, 51);
+    line-height: 1.766;
+    text-align: center;
+    position: absolute;
+    left: 0;
+    top: 708px;
+    width: 750px;
+  }
+
+  .btn {
+    position: absolute;
+    left: 221px;
+    top: 817px;
+    width: 310px;
+    height: 94px;
+    .sparkBg("AssistCountPanel/我知道了.png")
+  }
+
+  .close {
+    position: absolute;
+    left: 345px;
+    top: 1108px;
+    width: 60px;
+    height: 60px;
+    .sparkBg("common/closeBtn.png")
+  }
+}

src/modal/modal.jsx

@@ -16,6 +16,7 @@ import FillAddress from "../components/FillAddress/FillAddress";
 import Selectmodal from "../components/selectmodal/selectmodal";
 import Yinsirulepop from "../components/yinsirulepop/yinsirulepop";
 import LongImgPop from "@src/components/longImgPop/longImgPop";
+import AssistCountPanel from "@src/components/AssistCountPanel/AssistCountPanel";
 /**
  * 弹窗配置
 */
@@ -46,6 +47,9 @@ export const cfg = {
   Yinsirulepop,
   // 增援海报视频弹窗
   LongImgPop,
+
+  AssistCountPanel,
+
 };
 
 @observer

src/store/index.js

@@ -104,6 +104,10 @@ const store = makeAutoObservable({
       this.setIndex.rulePop = false;
     }
 
+    if (data?.newAssistUser) {
+      modalStore.pushPop("AssistCountPanel");
+    }
+
     // 首页接口把绑定逻辑加上
     /** 绑定业务员code判断 */
     if (data?.boundYkCode) {