关卡-开启挑战

public/react/src/modules/tpm/shixunchild/Challenges/Challenges.js

@@ -33,7 +33,7 @@ class Challenges extends Component {
 			isSpin:false,
       boxoffsetHeigh:0,
       opentitletype:true,
-      isopentitletype:"Less",
+      isopentitletype:"Less"
     }
   }
 
@@ -357,6 +357,50 @@ class Challenges extends Component {
     })
   }
 
+  // 开启挑战
+  beginChallenge=(url)=>{
+    if (this.props.checkIfLogin() === false) {
+      this.props.showLoginDialog()
+      return;
+    }
+    if (this.props.checkIfProfileCompleted() === false) {
+      this.setState({
+        AccountProfiletype: true
+      })
+      return;
+    }
+    this.setState({
+      startbtns:true
+    })
+    if(url.indexOf(".json")>-1){
+      axios.get(url).then((response) => {
+        if (response.data.status === -2) {
+          this.setState({
+            startbtns:false,
+            shixunsreplace:true,
+            hidestartshixunsreplacevalue:response.data.message+".json"
+          })
+        } else if (response.data.status === -1) {
+          this.setState({
+            startbtns: false
+          })
+        }else if(response.data.status===-3){
+          this.setState({
+            shixunsmessage:response.data.message,
+            startshixunCombattype:true,
+            startbtns:false
+          })
+        } else {
+          window.location.href = "/tasks/" + response.data.game_identifier;
+        }
+      }).catch((error) => {
+
+      });
+    }else{
+      window.location.href=url;
+    }
+  }
+
   render() {
     let { ChallengesDataList, startbtns, sumidtype ,startshixunCombattype,shixunsreplace,shixunsmessage,hidestartshixunsreplacevalue,operationstrue,AccountProfiletype} = this.state;
     let { loadingContent } = this.props;
@@ -700,49 +744,60 @@ class Challenges extends Component {
                             </span>
                         </div>
 
+                        <div className="challengtes_Item">
+                          <div className="flex1">   
+                            <div className="clearfix mb5">
+                              {/*onClick={() => this.EditTraining(this.props.identity, item.challenge_id, "/editquestion")}*/}
+                              {this.props.identity<5?
+                                item.st === 1 ?
+                                  <div className="font-16 color05101a fonthiddens">{item.name}</div>
+                                  :
+                                  <div className="font-16 color05101a fonthiddens">{item.name}</div>:<div
+                                  // onClick={() => this.startshixunCombat(this.props.identity, item.challenge_id, "/editcheckpoint")}
+                                  className="font-16 color05101a fonthiddens">{item.name}</div>
+                              }
+                              {/* onClick={() => this.EditTraining(this.props.identity, item.challenge_id, "/editcheckpoint")}*/}
+
+                              
+
+                            </div>
+                            <div className="clearfix">
+                            <style>
+                              {
+                                `
+                                .task-colspan {
+                                  min-width: 18% !important;
+                                  }
+                                `
+                              }
+                            </style>
+                            <span className="task-colspan"><span className={"shixunbingbaocun12"}>正在挑战： </span><span className={"shixunbingbaocun33312"}>{item.playing_count}人</span></span>
+                            <span className="task-colspan"><span className={"shixunbingbaocun12"}>完成挑战： </span><span className={"shixunbingbaocun33312"}>{item.passed_count}人</span></span>
+                            <span className="task-colspan"><span className={"shixunbingbaocun12"}>可获经验： </span><span className={"shixunbingbaocun33312"}>{item.score}点</span></span>
 
-                        <div className="clearfix mb5">
-                          {/*onClick={() => this.EditTraining(this.props.identity, item.challenge_id, "/editquestion")}*/}
-                          {this.props.identity<5?
-                            item.st === 1 ?
-                              <div className="font-16 color05101a fonthiddens">{item.name}</div>
-                              :
-                              <div className="font-16 color05101a fonthiddens">{item.name}</div>:<div
-                              // onClick={() => this.startshixunCombat(this.props.identity, item.challenge_id, "/editcheckpoint")}
-                              className="font-16 color05101a fonthiddens">{item.name}</div>
+                          </div>
+                          </div>
+                          {
+                            item.open_game ?
+                            <a onClick={()=>this.beginChallenge(item.open_game)} className="challengeBtn blue">开启挑战</a>   
+                            :
+                            <span className="challengeBtn">开启挑战</span>   
                           }
-                          {/* onClick={() => this.EditTraining(this.props.identity, item.challenge_id, "/editcheckpoint")}*/}
-
-                          <Modal
-                            keyboard={false}
-                            visible={startbtns}
-                            closable={false}
-                            footer={null}
-                            className="startbtnModal"
-                          >
-                            <Spin size="large" />
-                          </Modal>
-
-                        </div>
-                        <div className="clearfix">
-                          <style>
-                            {
-                              `
-                              .task-colspan {
-                                min-width: 18% !important;
-                                }
-                              `
-                            }
-                          </style>
-                          <span className="task-colspan"><span className={"shixunbingbaocun12"}>正在挑战： </span><span className={"shixunbingbaocun33312"}>{item.playing_count}人</span></span>
-													<span className="task-colspan"><span className={"shixunbingbaocun12"}>完成挑战： </span><span className={"shixunbingbaocun33312"}>{item.passed_count}人</span></span>
-													<span className="task-colspan"><span className={"shixunbingbaocun12"}>可获经验： </span><span className={"shixunbingbaocun33312"}>{item.score}点</span></span>
-
-                        </div>
+                        </div> 
                       </div>
                     )
                   })}
             </div>
+            <Modal
+              keyboard={false}
+              visible={startbtns}
+              closable={false}
+              footer={null}
+              className="startbtnModal"
+              centered={true}
+            >
+              <Spin size="large" />
+            </Modal>
             <Modal
               keyboard={false}
               title="提示"
@@ -765,7 +820,6 @@ class Challenges extends Component {
               </div>
 
             </Modal>
-
             <Modal
               keyboard={false}
               title="提示"

public/react/src/modules/tpm/shixunchild/shixunchildCss/Challenges.css

@@ -262,4 +262,28 @@
 
 .boreee{
     border-bottom: 1px solid #F4F4F4;
+}
+.challengtes_Item{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+.flex1{
+    flex: 1;
+    width: 0;
+}
+.challengeBtn{
+    height:40px;
+    line-height: 38px;
+    padding:0px 27px;
+    color: #C0C4CC!important;
+    font-size: 16px;
+    border:1px solid rgba(235,235,235,1);
+    border-radius:4px;
+    margin-left: 15px;
+}
+.challengeBtn.blue{
+    background: #F2F8FE;
+    border:1px solid rgba(64,158,255,1);
+    color: #409EFF!important;
 }