From 27c4a85b416694aefb2e72f0a291108bfa15d5e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E6=A0=91=E6=9E=97?= <904079904@qq.com>
Date: Thu, 11 Jul 2019 23:50:12 +0800
Subject: [PATCH] =?UTF-8?q?=E9=BB=98=E8=AE=A4=E6=9B=B4=E6=94=B9=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../PackageIndexNEITaskDetails.js             | 140 +++++++++++++++++-
 .../img/gouxuan.png                           | Bin 0 -> 305 bytes
 .../img/weigouxuan.png                        | Bin 0 -> 281 bytes
 .../PackageIndexNEITaskDetails/pds.css        |  49 ++++++
 4 files changed, 182 insertions(+), 7 deletions(-)
 create mode 100644 public/react/src/modules/projectPackages/PackageIndexNEITaskDetails/img/gouxuan.png
 create mode 100644 public/react/src/modules/projectPackages/PackageIndexNEITaskDetails/img/weigouxuan.png
 create mode 100644 public/react/src/modules/projectPackages/PackageIndexNEITaskDetails/pds.css

diff --git a/public/react/src/modules/projectPackages/PackageIndexNEITaskDetails/PackageIndexNEITaskDetails.js b/public/react/src/modules/projectPackages/PackageIndexNEITaskDetails/PackageIndexNEITaskDetails.js
index 87e00c6e..bd988730 100644
--- a/public/react/src/modules/projectPackages/PackageIndexNEITaskDetails/PackageIndexNEITaskDetails.js
+++ b/public/react/src/modules/projectPackages/PackageIndexNEITaskDetails/PackageIndexNEITaskDetails.js
@@ -7,6 +7,9 @@ import locale from 'antd/lib/date-picker/locale/zh_CN';
 import MDEditors from '../MDEditors';
 import PhoneModel from '../PackageIndexNewandEdit/PhoneModel';
 import '../packageconcnet.css';
+import './pds.css'
+import gouxuan from './img/gouxuan.png'
+import weigouxuan from './img/weigouxuan.png'
 const { Search } = Input;
 
 class PackageIndexNEITaskDetails extends Component {
@@ -14,10 +17,83 @@ class PackageIndexNEITaskDetails extends Component {
 		super(props)
 		this.contentMdRef = React.createRef();
 		this.state = {
-			modalCancel:false
+			modalCancel: false,
+			gouxuans1: [{id: 1, name: "前端开发", bool: false, url: ""}, {id: 2, name: "后端开发", bool: false, url: ""}, {
+				id: 3,
+				name: "移动开发",
+				bool: false,
+				url: ""
+			}, {id: 4, name: "数据库", bool: false, url: ""}, {id: 5, name: "云计算和大数据", bool: false, url: ""}, {
+				id: 6,
+				name: "运维与测试",
+				bool: false,
+				url: ""
+			}, {id: 7, name: "人工智能", bool: false, url: ""}, {id: 8, name: "其他", bool: false, url: ""}, {
+				id: 9,
+				name: "人工智能9",
+				bool: false,
+				url: ""
+			}, {id: 10, name: "其他10", bool: false, url: ""}, {id: 1, name: "其他10", bool: false, url: ""}],
+			gouxuans2: [{id: 1, name: "前端开发", bool: false, url: "https://www.educoder.net/images/avatars/User/1"}, {
+				id: 2,
+				name: "后端开发",
+				bool: false,
+				url: "https://www.educoder.net/images/avatars/User/1"
+			}, {id: 3, name: "移动开发", bool: false, url: "https://www.educoder.net/images/avatars/User/1"}, {
+				id: 4,
+				name: "数据库",
+				bool: false,
+				url: "https://www.educoder.net/images/avatars/User/1"
+			}, {id: 5, name: "云计算和大数据", bool: false, url: "https://www.educoder.net/images/avatars/User/1"}, {
+				id: 6,
+				name: "运维与测试",
+				bool: false,
+				url: "https://www.educoder.net/images/avatars/User/1"
+			}, {id: 7, name: "人工智能", bool: false, url: "https://www.educoder.net/images/avatars/User/1"}, {
+				id: 8,
+				name: "其他",
+				bool: false,
+				url: "https://www.educoder.net/images/avatars/User/1"
+			}, {id: 9, name: "人工智能9", bool: false, url: "https://www.educoder.net/images/avatars/User/1"}, {
+				id: 10,
+				name: "其他10",
+				bool: false,
+				url: "https://www.educoder.net/images/avatars/User/1"
+			}, {id: 11, name: "其他10", bool: false, url: "https://www.educoder.net/images/avatars/User/1"}, {
+				id:12,
+				name: "前端开发",
+				bool: false,
+				url: "https://www.educoder.net/images/avatars/User/1"
+			}, {id: 13, name: "后端开发", bool: false, url: "https://www.educoder.net/images/avatars/User/1"}, {
+				id: 14,
+				name: "移动开发",
+				bool: false,
+				url: "https://www.educoder.net/images/avatars/User/1"
+			}, {id: 15, name: "数据库", bool: false, url: "https://www.educoder.net/images/avatars/User/1"}, {
+				id: 16,
+				name: "云计算和大数据",
+				bool: false,
+				url: "https://www.educoder.net/images/avatars/User/1"
+			}, {id: 17, name: "运维与测试", bool: false, url: "https://www.educoder.net/images/avatars/User/1"}, {
+				id: 18,
+				name: "人工智能",
+				bool: false,
+				url: "https://www.educoder.net/images/avatars/User/1"
+			}, {id: 19, name: "其他", bool: false, url: "https://www.educoder.net/images/avatars/User/1"}, {
+				id: 20,
+				name: "人工智能9",
+				bool: false,
+				url: "https://www.educoder.net/images/avatars/User/1"
+			}, {id: 21, name: "其他10", bool: false, url: "https://www.educoder.net/images/avatars/User/1"}, {
+				id: 22,
+				name: "其他10",
+				bool: false,
+				url: "https://www.educoder.net/images/avatars/User/1"},],
+
+
 		}
 	}
-
+;
 	componentDidMount() {
 
 
@@ -50,9 +126,27 @@ class PackageIndexNEITaskDetails extends Component {
 		})
 	}
 
+	Clickteacher2=(e)=>{
+		let {gouxuans2} =this.state;
+		for (var i=0;i<gouxuans2.length;i++){
+			if(gouxuans2[i].id === e){
+				console.log("51");
+				console.log(e);
+				if(gouxuans2[i].bool === true){
+					gouxuans2[i].bool=false;
+				}else{
+					gouxuans2[i].bool=true;
+				}
+			}
+		}
+		console.log(gouxuans2);
+		this.setState({
+			gouxuans3:gouxuans2,
+		})
 
+	}
 	render() {
-		let {modalCancel}=this.state;
+		let {modalCancel,gouxuans2}=this.state;
 		return (
 			<div>
 				<div className="clearfix">
@@ -143,16 +237,48 @@ class PackageIndexNEITaskDetails extends Component {
 
 
 							{/*发布者和竞选者状态show*/}
-							<div className={"stud-class-set padding30 coursenavbox edu-back-white mt20"}>
-
+							<div className={"stud-class-set  coursenavbox edu-back-white mt20"}>
+								{/*下面是头像*/}
+								<div className={"ysllogin_register_contents   edu-back-white "}>
+									<div className="ysllogin_section">
+										<div className="ysldivhome2">
+											<div style={{height: "20px"}}> </div>
+											{gouxuans2&&gouxuans2.map((item,key)=>{
+												return(
+													<div className="ysldivhomediv1">
+														<img className="div1img" src={item.url}/>
+														<span className="textall">{item.name}</span>
+													</div>
+												)
+											})}
+										</div>
+									</div>
+								</div>
 							</div>
 
 
 							
 							{/*发布人选择状态*/}
-							<div className={"stud-class-set padding30 coursenavbox edu-back-white mt20"}>
-
+							<div className={"stud-class-set  coursenavbox edu-back-white mt20"}>
+              {/*下面是头像*/}
+							<div className={"ysllogin_register_contents   edu-back-white "}>
+								<div className="ysllogin_section">
+									<div className="ysldivhome2">
+										<div style={{height: "20px"}}> </div>
+								{gouxuans2&&gouxuans2.map((item,key)=>{
+										return(
+											<div className="ysldivhomediv1" onClick={()=>this.Clickteacher2(item.id)}>
+												{item.bool===true?<img src={gouxuan} className="yslgouxuanimg"/>:<img src={weigouxuan} className="yslgouxuanimg"/>}
+												<img className="div1img" src={item.url}/>
+												<span className="textall">{item.name}</span>
+											</div>
+										)
+									})}
+								</div>
+							</div>
 							</div>
+							</div>
+
 						</p>
 
 					</div>
diff --git a/public/react/src/modules/projectPackages/PackageIndexNEITaskDetails/img/gouxuan.png b/public/react/src/modules/projectPackages/PackageIndexNEITaskDetails/img/gouxuan.png
new file mode 100644
index 0000000000000000000000000000000000000000..5bc53f0071f75c4dd701659b26d2ba98ecd1e35d
GIT binary patch
literal 305
zcmV-10nYx3P)<h;3K|Lk000e1NJLTq000yK000yS1^@s6jfou%0002^Nkl<ZI8VjY
zK@Pz{6b9h`X<BqI!3GP7u5bh=;0PSSP27MZa05rMBeAIs5({>sgC}i_l(fkVMb~e>
z{PX(e5fc6=VGrL0b6&M!lF`;lE%-9oS<9I`^OUe~a$F*mbU<cyH|a$s5-fTS>tM2W
zZOtFSo)Z2IWT1aEk0V=T_kPNc5?;Z*t+g2Cy;?T~8Y+Q)0s?mds)u_Tg(-mo=cX`)
zYm3ZOqH&lK2;d-aZb|eC3|_ApPOjR+0F^@<?%C^Tse=Bw05xDV<PV6NQyoxg&VL8K
z_m;8Rr03<xw;XI6Habf8ycY?&jAOTr4is0L_=3Fwmt%?*Z{_gI00000NkvXXu0mjf
DffIdT

literal 0
HcmV?d00001

diff --git a/public/react/src/modules/projectPackages/PackageIndexNEITaskDetails/img/weigouxuan.png b/public/react/src/modules/projectPackages/PackageIndexNEITaskDetails/img/weigouxuan.png
new file mode 100644
index 0000000000000000000000000000000000000000..40ca5572827dcb0f7a96f700aa4da4cf355ed66c
GIT binary patch
literal 281
zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE<r15X#n5DWjeQw|C?Iq<lC*XIpr
zQmsguG`Va+S%Yi@lPZv#!1}6FRxbi5-oku@Q@O{uD&orQH>v!y_x$nPB>(I<`}sYK
zG@dDKk_u)%pxCv@d%iKl+~S!XXBc19N;CE{%5-L|wv-K+YU(@L@N*8!3U1xgMr&5R
z5@I<RHMQ)3&3R!4MZvenm`v|kPM1nv=Q4%Qp*G>!6X6A1uRg0kxZ-?X_SfO9l|QTQ
z&vK5vzI1Du@r=WV6}~Zu9h<?^u)Vg^Lq{n+t&jcptM-*%x3|T1dAu-A(9KzEyVo>A
dzQO;D?9!xlqSLQ05Ci&^!PC{xWt~$(69CLvZsY&}

literal 0
HcmV?d00001

diff --git a/public/react/src/modules/projectPackages/PackageIndexNEITaskDetails/pds.css b/public/react/src/modules/projectPackages/PackageIndexNEITaskDetails/pds.css
new file mode 100644
index 00000000..19392039
--- /dev/null
+++ b/public/react/src/modules/projectPackages/PackageIndexNEITaskDetails/pds.css
@@ -0,0 +1,49 @@
+.ysldivhome2{
+    display: flex;
+    flex-flow: row wrap;
+    align-content:stretch;
+    flex-direction: row;
+    margin-bottom: 20px;
+}
+.ysllogin_register_contents{
+    display: flex;
+    margin-top: 20px;
+    justify-content: center;
+    background: #fff;
+
+}
+.ysldivhomediv1{
+    width: 75px;
+    height: 110px;
+    display: flex;
+    flex-direction:column;
+    margin-left: 53px;
+    margin-top: 20px;
+}
+.yslgouxuanimg{
+    width: 20px;
+    height: 20px;
+    margin-left: 64px;
+
+}
+.yslgouxuanimg2{
+    height: 20px;
+}
+.div1img{
+    display: flex;
+    justify-content:center;
+    width: 70px;
+    height: 70px;
+    border-radius:50%;
+
+}
+.textall{
+    text-align: center;
+    font-size: 13px;
+    color: #4B4B4B;
+}
+.ysllogin_section {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+}
\ No newline at end of file