提交

weekVerb/project/src/constant.js

@@ -22,6 +22,12 @@ export const MODAL_TYPE = {
     W3_PRIZE: 5
 }
 
+export const PRIZE_TYPE = {
+    W1: "ru_1",
+    W2: "ru_2",
+    W3: "ru_3"
+}
+
 export function Modal_Lables(modalType, imgUuid, level) {
     let title = "";
     let desc = "";

weekVerb/project/src/pages/pageweekverb/pageweekverb.jsx

@@ -2,25 +2,95 @@
 
 import React, { Component } from 'react';
 import resList from '../../resconfig/resList';
+import { Toast, Loading, getModalHoc } from '../../../node_modules/spark-design';
 import API from '../../api';
-import { ModalImage, AWARD_TYPE, MODAL_TYPE, Modal_Lables, ERROR_MESSSAGE } from '../../constant';
+import { getPxToken } from '../../libs/spark_gettoken';
+import verbModal from '../../components/commessagemodal/commessagemodal.jsx'
+import { ModalImage, AWARD_TYPE, MODAL_TYPE, Modal_Lables, ERROR_MESSSAGE, PRIZE_TYPE } from '../../constant';
 import './pageweekverb.less';
+const VerbModal = getModalHoc(verbModal);
+
 class Pageweekverb extends Component {
   constructor(props) {
     super(props);
-    this.state = { resList: resList };
+    this.state = {
+      resList: resList,
+      modalStatus: false,
+      baseData: {
+        vipLevel: "w2",
+        adUrl: "http://www.baidu.com",
+        adMes: "1",
+        tenDjStock: 1200,
+        fiveDjStock: 2000,
+        llbStock: 3000
+      }
+    };
   }
 
   componentDidMount() {
     this.getBaseInfoData();
 
   }
+
+  jumpUrl(url) {
+    if (url) {
+      window.location.herf = url;
+    }
+    else {
+      Toast('网络出现故障,请重试')
+    }
+  }
+  /**
+   * 基础接口数据调用
+   */
   async getBaseInfoData() {
-    console.log('======');
-    let data = await API.getBaseInfo();
-    console.log("data====", data);
+    /*
+    "data": {
+        "vipLevel": "w2",
+        "adUrl": "1",
+        "adMes": "1",
+        "tenDjStock": 1200,
+        "fiveDjStock": 2000,
+        "llbStock": 3000
+    },
+    */
+    // console.log('======');
+    // let data = await API.getBaseInfo();
+    // console.log("data====", data);
   }
+
+
+  /**
+   * 领取奖品调用接口
+   * @param {*} prizeType 
+   */
+  verbPrizeInterface(prizeType, modalType, imgUuid, level) {
+    getPxToken(
+      async token => {
+        let { success, message, code } = await API.verbPrize({ token: token, awardType: prizeType });
+        console.log("success====", success, "message-====", message);
+        if (success) {
+          console.log('领取奖品结束');
+        } else {
+          Toast(ERROR_MESSSAGE(code));
+        }
+      }
+    )
+  }
+
+
+
+  showModal(modalType, imgUuid, level) {
+    this.state.modalStatus = true;
+
+
+
+  }
+
+
+
   render() {
+    let { baseData, modalStatus } = this.state;
     return (
       <div className="weekverb ">
         <img className="wholebg " src={this.state.resList['8c8463a4-658c-431f-ba5b-0fb00f4fda44'].url} />
@@ -30,26 +100,28 @@ class Pageweekverb extends Component {
           <div className="w1rewar ">
             <img className="w1bg " src={this.state.resList['86fa1e7e-97b5-4d2d-9b73-42c629ec7c8e'].url} />
             <span className="w1limit ">W1会员及以上</span>
-            <span className="w1stock ">剩余10000份</span>
-            <img className="w1verb " src={this.state.resList['1f277473-a3c7-4f2a-a473-907c1d7428eb'].url} />
+            <span className="w1stock ">剩余{baseData.llbStock || 0}份</span>
+            <img className="w1verb " onClick={() => { this.showModal() }} src={this.state.resList['1f277473-a3c7-4f2a-a473-907c1d7428eb'].url} />
           </div>
           <div className="w2rewar ">
             <img className="w2bg " src={this.state.resList['fd31ffa9-c0ab-4f93-b894-c7ff817e1f30'].url} />
             <span className="w2limit ">W2会员专享</span>
-            <span className="w2stock ">剩余5000份</span>
-            <img className="w2verb " src={this.state.resList['1f277473-a3c7-4f2a-a473-907c1d7428eb'].url} />
+            <span className="w2stock ">剩余{baseData.fiveDjStock || 0}份</span>
+            <img className="w2verb " onClick={() => { this.showModal() }} src={this.state.resList['1f277473-a3c7-4f2a-a473-907c1d7428eb'].url} />
           </div>
           <div className="w3rewar ">
             <img className="w3bg " src={this.state.resList['23116b8a-cbb7-4a44-a1f8-bbb7b23a8392'].url} />
             <span className="w3limit ">W3及以上会员专享</span>
-            <span className="w3stock ">剩余5000份</span>
-            <img className="w3verb " src={this.state.resList['1f277473-a3c7-4f2a-a473-907c1d7428eb'].url} />
+            <span className="w3stock ">剩余{baseData.tenDjStock || 0}份</span>
+            <img className="w3verb " onClick={() => { this.showModal() }} src={this.state.resList['1f277473-a3c7-4f2a-a473-907c1d7428eb'].url} />
           </div>
           <img className="myrewar " src={this.state.resList['b1f11e37-165a-4bfa-8058-ceddecb14ba2'].url} />
           {/* <img className="adborde " src={this.state.resList['d45b8c4a-1eaa-436c-b992-cca999839d66'].url} /> */}
-          <img className="adimg " src={this.state.resList['f2366ce5-dc77-4941-a8bf-48f35b4e0536'].url} />
+          <img className="adimg " onClick={() => { this.jumpUrl(baseData.adUrl) }} src={this.state.resList['f2366ce5-dc77-4941-a8bf-48f35b4e0536'].url} />
           <span className="adslot ">广告位</span>
         </div>
+
+        {modalStatus && <VerbModal></VerbModal>}
       </div>
     );
   }