From 74723c4b29abad27b20e0c50429a107aa6ba5aa4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E6=A0=91=E6=98=8E?= <775174143@qq.com>
Date: Tue, 10 Sep 2019 16:52:46 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E7=89=88=E5=AE=9E=E8=AE=AD=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/react/src/AppConfig.js                 |   2 +-
 .../courses/coursesPublic/NewShixunModel.js   | 156 +++++++++++++----
 .../courses/coursesPublic/Newshixunmodel.css  | 157 ++++++++++++++++++
 3 files changed, 285 insertions(+), 30 deletions(-)
 create mode 100644 public/react/src/modules/courses/coursesPublic/Newshixunmodel.css

diff --git a/public/react/src/AppConfig.js b/public/react/src/AppConfig.js
index 939d2cdaa..93447b65c 100644
--- a/public/react/src/AppConfig.js
+++ b/public/react/src/AppConfig.js
@@ -10,7 +10,7 @@ broadcastChannelOnmessage('refreshPage', () => {
 })
 
 function locationurl(list){
-	debugger
+
   if (window.location.port === "3007") {
 
   } else {
diff --git a/public/react/src/modules/courses/coursesPublic/NewShixunModel.js b/public/react/src/modules/courses/coursesPublic/NewShixunModel.js
index c8f3d6857..3c6b736f6 100644
--- a/public/react/src/modules/courses/coursesPublic/NewShixunModel.js
+++ b/public/react/src/modules/courses/coursesPublic/NewShixunModel.js
@@ -1,8 +1,8 @@
 import React,{Component} from 'react';
-import { Modal,Checkbox,Select,Input,Tooltip,Spin,Icon,Drawer} from "antd";
+import { Modal,Checkbox,Select,Input,Tooltip,Spin,Icon,Drawer,Dropdown,Menu,} from "antd";
 import axios from'axios';
-
-
+import './Newshixunmodel.css';
+const Search = Input.Search;
 class NewShixunModel extends Component{
 	constructor(props){
 		super(props)
@@ -15,12 +15,52 @@ class NewShixunModel extends Component{
 
 		// let {Searchvalue,type,hometypepvisible,shixunmodallist,newshixunmodallist,}=this.state;
 		// let {visible,patheditarry}=this.props;
+		const menu = (
+			<Menu>
+				<Menu.Item></Menu.Item>
+			</Menu>
+		);
+
+		const menus = (
+			<Menu>
+				<Menu.Item>
+					<a target="_blank" rel="noopener noreferrer" href="http://www.alipay.com/">
+		         初级
+					</a>
+				</Menu.Item>
+
+				<Menu.Item>
+					<a target="_blank" rel="noopener noreferrer" href="http://www.taobao.com/">
+					   中级
+					</a>
+				</Menu.Item>
+
+				<Menu.Item>
+					<a target="_blank" rel="noopener noreferrer" href="http://www.tmall.com/">
+				     高级
+					</a>
+				</Menu.Item>
+
+				<Menu.Item>
+					<a target="_blank" rel="noopener noreferrer" href="http://www.tmall.com/">
+						顶级
+					</a>
+				</Menu.Item>
+			</Menu>
+		);
 
 		return(
 			<div>
+				<style>
+					{
+						`body{  overflow: hidden !important; }
+					   .ant-drawer-content{ overflow:auto !important; background: #f5f5f5; }
+					   .yslbottomsj{position: absolute;bottom: -8px;}
+					  `
+					}
+				</style>
 
 				<Drawer
-					title="Basic Drawer"
 					placement="top"
 					closable={false}
 					onClose={this.onClose}
@@ -28,34 +68,92 @@ class NewShixunModel extends Component{
 					visible={true}
 					height={'100%'}
 				>
-					{/*this.state.visible*/}
-					<p>Some contents...</p>
-					<p>Some contents...</p>
-					<p>Some contents...</p>					<p>Some contents...</p>
-					<p>Some contents...</p>
-					<p>Some contents...</p>					<p>Some contents...</p>
-					<p>Some contents...</p>
-					<p>Some contents...</p>					<p>Some contents...</p>
-					<p>Some contents...</p>
-					<p>Some contents...</p>					<p>Some contents...</p>
-					<p>Some contents...</p>
-					<p>Some contents...</p>					<p>Some contents...</p>
-					<p>Some contents...</p>
-					<p>Some contents...</p>					<p>Some contents...</p>
-					<p>Some contents...</p>
-					<p>Some contents...</p>					<p>Some contents...</p>
-					<p>Some contents...</p>
-					<p>Some contents...</p>					<p>Some contents...</p>
-					<p>Some contents...</p>
-					<p>Some contents...</p>					<p>Some contents...</p>
-					<p>Some contents...</p>
-					<p>Some contents...</p>
-					<p>Some contents...</p>
-					<p>Some contents...</p>
+					<div className={"clearfix educontent pr"}>
 
-				</Drawer>
+						<div className={"square-list clearfix"}>
+
+							<div className="newshixunheadersear">
+								<div style={{height:"53px"}}></div>
+								<Search
+									style={{ width: "800px"}}
+									className="packinput"
+									placeholder="实训信息 / 院校名称 / 创建者"
+									value={this.state.keywords}
+									enterButton={<span>搜索</span>}
+									onInput={(e)=>this.setdatafunsval(e)}
+									onSearch={ (value)=>this.setdatafuns(value)} />
+							</div>
+
+							 <div className="clearfix font-12 mt20 mb10">
+
+								<p className="font-12 ml5 fl">
+
+									<span className="fl color-grey-9 mr20">已选   <span className={"color-blue"}>6</span>   个实训</span>
+									<span className="fl color-grey-9 mr20">共   <span className={"color-blue"}>5</span>  个实训</span>
+									<Dropdown overlay={menu} visible={true}>
+										<span className="fl color-grey-9 pointer mr30">
+											<a>学习人数</a>
+											<sapn className="relativef ml5 " onClick={()=>this.updatedlist(sort_by)}>
+												<i className={"iconfont icon-sanjiaoxing-up font-12 topsj color-blue"}></i>
+												<i className={"iconfont icon-sanjiaoxing-down font-12 yslbottomsj"}></i>
+											</sapn>
+										</span>
+									</Dropdown>
 
+									<Dropdown overlay={menus}>
+										<a className="ant-dropdown-link" href="#">
+											难度<Icon type="down" />
+										</a>
+									</Dropdown>
+								</p>
 
+								<p className="font-12 alltopiscright ml25 fr">
+									<span className="fr mr30 topcsactive pointer">我的实训</span>
+									<span className="fr mr30 topcsactive pointer color-blue">全部实训</span>
+								</p>
+
+							</div>
+
+							<div className="mt20 edu-back-white pd1323 relativef">
+								<div className="clearfix">
+									<div className="item-body">
+										<div className="clearfix ds pr pt10 contentSection">
+											<a title={""} className="ml10 fl mt3 font-16  color-dark maxwidth900">
+												移动云启 ——JAVA面向对象
+											</a>
+
+											<div className="cl"></div>
+											<p className="newshixunmodelmidfont">
+												已被广泛应用于移动及桌面应用程序、Web应用程序、分布式系统和嵌入式系统应用程序等各个领域的软件开发中。
+											</p>
+
+											<p className="newshixunmodelbotfont">
+												已被广泛应用于移动及桌面应用程序、Web应用程序、分布式系统和嵌入式系统应用程序等各个领域的软件开发中。
+											</p>
+
+											<p className="color-grey panel-lightgrey mt16 fl">
+													<span className={"topicswidth600"}>
+														<span className="topsics135 color-grey9 mr50">13123</span>
+														<span className="mr50 color-grey9">213次引用</span>
+														<span className="mr50 color-grey9">312次答题</span>
+														<span className="mr50 color-grey9">123</span>
+													</span>
+
+												  <span className={"topsicrelative topsicinline"} title={"123123"}>
+														<div className={"topicsbtn topsicsmax550"}>123123</div>
+													</span>
+											</p>
+
+
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+
+					</div>
+
+				</Drawer>
 			</div>
 
 		)
diff --git a/public/react/src/modules/courses/coursesPublic/Newshixunmodel.css b/public/react/src/modules/courses/coursesPublic/Newshixunmodel.css
new file mode 100644
index 000000000..ec06b1f4b
--- /dev/null
+++ b/public/react/src/modules/courses/coursesPublic/Newshixunmodel.css
@@ -0,0 +1,157 @@
+.searchinput{
+    width: 800px;
+    margin-top: 53px;
+}
+.newshixunheadersear{
+    display: flex;
+    justify-content: center;
+}
+.packinput .ant-input{
+    height: 55px;
+    width:663px !important;
+    font-size: 14px;
+    color: #681616 !important;
+    border-color: #E1EDF8 !important;
+    padding-left: 20px;
+}
+
+.packinput .ant-input-group-addon .ant-btn{
+    width:137px !important;
+    font-size: 18px;
+    height: 53px;
+    background:rgba(76,172,255,1);
+
+}
+.tabtitle{
+    height: 62px !important;
+    box-shadow: 3px 10px 21px 0px rgba(76, 76, 76, 0.15);
+    border-radius: 6px;
+    background: #fff;
+    display: flex;
+    justify-content: center;
+}
+.tabtitles2{
+    background: #fff;
+    height: 62px !important;
+    width: 1200px;
+}
+
+.tabtitless{
+    height: 62px !important;
+    line-height: 62px !important;
+
+}
+.tabtitle1{
+
+}
+.tabtitle2{
+    margin-left: 30px !important;
+
+}
+
+
+.counttit{
+    display: flex;
+    justify-content: center;
+}
+
+.counttittext{
+    text-align: left;
+    width: 1200px;
+    height: 18px;
+    color: #888888;
+    font-size: 13px;
+    margin-top: 24px;
+
+
+}
+.counttittexts{
+    color: #4CACFF !important;
+    font-size: 13px;
+}
+
+.mainx{
+    display: flex;
+    justify-content: center;
+    margin-top: 17px;
+}
+.project-packages-list{
+
+}
+.project-package-item{
+    display: -webkit-flex;
+    display: flex;
+    flex-direction:column;
+    margin-bottom: 20px;
+    padding: 20px;
+    background: white;
+    /* box-shadow: 1px 3px 3px 1px rgba(156,156,156,0.16); */
+
+}
+.xuxianpro{
+    height: 20px;
+    border-bottom: 1px dashed;
+    border-color: #EAEAEA;
+    margin-bottom: 18px;
+}
+.magr11{
+    margin-top: 11px;
+}
+.highlight{
+    color: #4CACFF;
+}
+.fonttext{
+    font-size: 20px;
+    font-weight:bold;
+}
+
+.fontextcolor{
+    color:  #777777;
+}
+.tzbq{
+    margin-left: 68px;
+}
+.tzbqx{
+    /* margin-left: 24px; */
+}
+.bjyss{
+    background: #F8F8F8;
+}
+.zj{
+    overflow:hidden;
+    text-overflow:ellipsis;
+    white-space:nowrap
+}
+.ziticor{
+    color: #777777;
+    font-size: 13px;
+}
+.foohter{
+    margin-top: 20px;
+    display: flex;
+    flex-direction:row;
+}
+
+.maxwidth900{
+    max-width: 900px;
+    overflow:hidden;
+    text-overflow:ellipsis;
+    white-space:nowrap;
+    font-size: 18px !important;
+    font-weight: 500;
+    color: rgba(51,51,51,1) !important;
+}
+
+
+.newshixunmodelmidfont{
+    font-size: 14px;
+    font-weight: 400;
+    color: #999999;
+    margin-top: 20px;
+}
+
+.newshixunmodelbotfont{
+    font-size:12px;
+    font-weight:400;
+    color:rgba(102,102,102,1);
+}
\ No newline at end of file