调整

public/react/src/modules/paths/PathDetail/DetailTop.css

@@ -1,3 +1,18 @@
-.userbluebgfont{
-    color:#fff !important;
-}
+.userbluebgfont{
+    color:#fff !important;
+}
+
+.kaike{
+    border-radius: 4px;
+    border: 1px solid rgba(255,255,255);
+    padding: 0px 10px;
+    cursor: pointer;
+    font-size: 14px;
+    display: block;
+    width: 120px;
+    text-align: center;
+    height: 40px;
+    line-height: 40px!important;
+    border-radius: 4px;
+    box-sizing: border-box;
+}

public/react/src/modules/paths/PathDetail/DetailTop.js

@@ -167,8 +167,30 @@ class DetailTop extends Component{
             <div className="font-28 color-white clearfix">
               <span className="fl lineh-40">
                 {detailInfoList.name}
-
               </span>
+							<style>
+								{
+									`
+									.tag-orange .tag-name{
+									    display: block;
+											width: auto;
+											background-color: #FF6800;
+											background-size: 100% 100%;
+											padding: 0px 4px;
+											color: #fff;
+											float: left;
+											height: 28px;
+											line-height: 28px;
+											font-size: 14px;
+											border-radius: 4px;
+									}
+									`
+								}
+							</style>
+							{this.props.courses===undefined?"":
+							<span className="tag-orange">
+								<span className="tag-name mt6 ml10">开放课程</span>
+							</span>}
               {detailInfoList===undefined?"":detailInfoList.allow_statistics===true?
 								<Tooltip placement="bottom" title={"编辑"}>
 										<Link to={"/paths/"+this.props.match.params.pathId+"/edit"} className="ml10 ring-green fl mt10" >
@@ -202,34 +224,47 @@ class DetailTop extends Component{
                   { detailInfoList.member_count!=0 ? <li><span>学习人数</span><span>{detailInfoList.member_count}</span></li> : ""}
                 </ul>
               }
-              <div className="fr pr">
-                {detailInfoList===undefined?"":detailInfoList.allow_delete===true?<a
-                    className={detailInfoList.publish_status===-1?"fl font-18 color-white mt5 mr20":"fl font-18 color-white mt5"}
-                    style={{opacity: '0.6'}} onClick={this.allow_deletepath}
-                >删除路径</a>:""}
-
-                {
-                 detailInfoList.publish_status===0&&detailInfoList.allow_add_member===true?
-                  <a className="user_default_btn user_bluebg_btn font-18 fl ml40 userbluebgfont"
-                    onClick={this.applyissuePath}
-                  >申请发布</a>:""
-                }
-
-
-                {
-                  detailInfoList.publish_status===1 && detailInfoList.allow_statistics===true?
-                  <a className="user_default_btn user_grey_btn font-18 fl pointer ml40"
-                     onClick={this.cancelissuePath}
-                  >撤销申请</a>:""
-                }
-
-                {
-                  detailInfoList.publish_status===2 && detailInfoList.allow_statistics===true?
-                  <a className="user_default_btn user_grey_btn font-18 fl pointer ml40"
-                     onClick={this.reovkissuePath}
-                  >撤销发布</a>:""
-                }
-              </div>
+              {/*<div className="fr pr">*/}
+                {/*{detailInfoList===undefined?"":detailInfoList.allow_delete===true?<a*/}
+                    {/*className={detailInfoList.publish_status===-1?"fl font-18 color-white mt5 mr20":"fl font-18 color-white mt5"}*/}
+                    {/*style={{opacity: '0.6'}} onClick={this.allow_deletepath}*/}
+                {/*>删除路径</a>:""}*/}
+
+                {/*{*/}
+                 {/*detailInfoList.publish_status===0&&detailInfoList.allow_add_member===true?*/}
+                  {/*<a className="user_default_btn user_bluebg_btn font-18 fl ml40 userbluebgfont"*/}
+                    {/*onClick={this.applyissuePath}*/}
+                  {/*>申请发布</a>:""*/}
+                {/*}*/}
+
+
+                {/*{*/}
+                  {/*detailInfoList.publish_status===1 && detailInfoList.allow_statistics===true?*/}
+                  {/*<a className="user_default_btn user_grey_btn font-18 fl pointer ml40"*/}
+                     {/*onClick={this.cancelissuePath}*/}
+                  {/*>撤销申请</a>:""*/}
+                {/*}*/}
+
+                {/*{*/}
+                  {/*detailInfoList.publish_status===2 && detailInfoList.allow_statistics===true?*/}
+                  {/*<a className="user_default_btn user_grey_btn font-18 fl pointer ml40"*/}
+                     {/*onClick={this.reovkissuePath}*/}
+                  {/*>撤销发布</a>:""*/}
+                {/*}*/}
+              {/*</div>*/}
+
+
+							<div className="fr pr">
+
+								<a className={"fl font-18 color-white mt5 kaike mr20"}
+
+								>开课</a>
+								<a className={"fl font-18 color-white mt5 kaike"}
+
+								>学习统计</a>
+
+							</div>
+
             </div>
           </div>
         }

public/react/src/modules/paths/PathDetail/PathDetailIndex.js

@@ -81,6 +81,7 @@ class PathDetailIndex extends Component{
       cardsModalsave:this.cardsModalsave,
       user_id:undefined,
       loadtype:false,
+			courses:undefined,
       items: getItems(10)
     }
     this.onDragEnd = this.onDragEnd.bind(this);
@@ -161,6 +162,7 @@ class PathDetailIndex extends Component{
 				if(result.data.allow_visit===true){
 					this.setState({
 						detailInfoList:result.data,
+						courses:result.data.courses
 						 // items:  getItems(result.data.members.length),
 					})
 				}
@@ -364,6 +366,7 @@ class PathDetailIndex extends Component{
 			progress,
 			members,
 			tags,
+			courses,
     } = this.state
 
      console.log(this.props.checkIfLogin())