默认更改列表

public/react/src/modules/projectPackages/PackageIndexNEITaskDetails/PackageIndexNEITaskDetails.js

@@ -2,7 +2,7 @@ import React, {Component} from 'react';
 import {Link} from "react-router-dom";
 import axios from 'axios';
 import { Input ,Icon,Button,Pagination,DatePicker,Breadcrumb} from 'antd';
-import { handleDateString} from 'educoder';
+import { handleDateString,markdownToHTML} from 'educoder';
 import locale from 'antd/lib/date-picker/locale/zh_CN';
 import MDEditors from '../MDEditors';
 import PhoneModel from '../PackageIndexNewandEdit/PhoneModel';
@@ -18,6 +18,7 @@ class PackageIndexNEITaskDetails extends Component {
 		this.contentMdRef = React.createRef();
 		this.state = {
 			modalCancel: false,
+			overtype:false,
 			gouxuans1: [{id: 1, name: "前端开发", bool: false, url: ""}, {id: 2, name: "后端开发", bool: false, url: ""}, {
 				id: 3,
 				name: "移动开发",
@@ -91,6 +92,7 @@ class PackageIndexNEITaskDetails extends Component {
 				url: "https://www.educoder.net/images/avatars/User/1"},],
 
 
+
 		}
 	}
 ;
@@ -145,7 +147,20 @@ class PackageIndexNEITaskDetails extends Component {
 		})
 
 	}
+	setover=()=>{
+		this.setState({
+			overtype:true
+		})
+	}
+
+	setout=()=>{
+		this.setState({
+			overtype:false
+		})
+	}
 	render() {
+		let {overtype}=this.state;
+		console.log(overtype)
 		let {modalCancel,gouxuans2}=this.state;
 		return (
 			<div>
@@ -153,11 +168,11 @@ class PackageIndexNEITaskDetails extends Component {
 				 <div className={"educontent mt20 mb50"}>
 
 					 <Breadcrumb separator={'>'}>
-						 <Breadcrumb.Item>Home</Breadcrumb.Item>
+						 <Breadcrumb.Item>admin</Breadcrumb.Item>
 						 <Breadcrumb.Item>
-							 <a href="">Application Center</a>
+							 <a href="/project_packages">任务大厅</a>
 						 </Breadcrumb.Item>
-						 <Breadcrumb.Item>An Application</Breadcrumb.Item>
+						 <Breadcrumb.Item>详情</Breadcrumb.Item>
 					 </Breadcrumb>
 
 					<div className="mb20">
@@ -180,14 +195,28 @@ class PackageIndexNEITaskDetails extends Component {
 											{/*<span className="publicword publicwords"> 待发布 </span>*/}
 										{/*</div>*/}
 
-										<div className="project-package-item project-package-items">
+										<div className="project-package-item project-package-items height185">
 
 											<div className="item-image">
-												<div className="fl edu-back-white ml10 ">
+												<div className="fl edu-back-white  ">
-													<img alt="头像" className="radius mt10" height="70" id="nh_user_logo" name="avatar_image"
+													<img alt="头像" className="radius mt10 ml5" height="70" id="nh_user_logo" name="avatar_image"
 															 src={"https://www.educoder.net/images/avatars/User/1"}
 															 width="70"/>
+													<div className=" edu-back-white  ml28 mt10 ">
+														张三
+													</div>
+
+													<div className=" edu-back-white  ml5 mt10 "
+															 onMouseOver={this.setover}
+															 onMouseOut={this.setout}
+												>
+														{overtype===false?<a className="ContacttheTA fl"> <img alt="头像" class="mr5" src={require('./newsone.png')} />联系TA</a>:
+															<a className="ContacttheTAs fl"> <img alt="头像" className="mr5"
+																																	 src={require('./newstwo.png')}/>联系TA</a>}
+													</div>
 												</div>
+
+
 											</div>
 
 											<div className=" item-body">
@@ -231,7 +260,37 @@ class PackageIndexNEITaskDetails extends Component {
 
 							{/*详情*/}
 							<div className={"stud-class-set padding30 coursenavbox edu-back-white mt20"}>
+								<div>
+									<div className={"longboxs"}>
+									 需求详情：
+										<a className="task-btn-nebules fr">编辑</a>
+										<a className="task-btn-nebules fr">删除</a>
+									</div>
+									<div className={"padding020"}>
+										每天电视上都有好多产品在电视上卖，有美白，减肥，健身腰带，面膜，还有让头发变黑的产品，**产品，这些都是怎样在电视上打广告的，是和电视台分成还是直接付广告
+										费，要是想做电视购物应该做哪些准备 应该找哪些负责任人 一个产品想做电视购物在电视上卖，大概需要投资多少钱，请知道的朋友说详细些越详细越好。
+									</div>
+									{/*<div className={"markdown-body"} dangerouslySetInnerHTML={{__html: markdownToHTML(item.ques_title).replace(/▁/g,"▁▁▁")}}></div>*/}
+								</div>
+
+								<div>
+									<div className={"longboxs"}>
+										需求文件：
+
+									</div>
 
+									<div className={"newForm newFormbox mt10 "}>
+										<i className="color-green iconfont icon-fujian mr5 fl"></i>
+										<a className="upload_filename color-grey readonly hidden fl mtf3 mr10 ml5">	每天电视上都有好多产品在电视上卖，有美白，减肥  &nbsp; &nbsp;12.62KB </a>
+									</div>
+
+									<div className={"newForm newFormbox mt10 "}>
+										<i className="color-green iconfont icon-fujian mr5 fl"></i>
+										<a className="upload_filename color-grey readonly hidden fl mtf3 mr10 ml5">	每天电视上都有好多产品在电视上卖，有美白，减肥  &nbsp; &nbsp;12.62KB </a>
+									</div>
+
+
+								</div>
 							</div>
 
 

public/react/src/modules/projectPackages/packageconcnet.css

@@ -204,3 +204,69 @@
 .project-packages-list .project-package-items .item-image{
     width:100px !important;
 }
+
+.height185{
+    height: 185px;
+}
+
+.ContacttheTA{
+    width: 80px;
+    height: 26px;
+    font-size: 14px;
+    line-height: 26px;
+    display: block;
+    border: 1px solid #4CACFF !important;
+    background-color: #fff;
+    color: #4CACFF !important;
+    text-align: center;
+    border-radius: 4px;
+}
+.ContacttheTAs{
+    width: 80px;
+    height: 26px;
+    font-size: 14px;
+    line-height: 26px;
+    display: block;
+    border: 1px solid #fff !important;
+    background-color: #4CACFF;
+    color: #fff !important;
+    text-align: center;
+    border-radius: 4px;
+}
+.ml28{
+    margin-left: 28px;
+}
+
+.longboxs{
+    font-size: 16px;
+    font-family: MicrosoftYaHei-Bold;
+    font-weight: bold;
+    color: rgba(5,16,26,1);
+    border-left: 4px solid rgba(76,172,255,1);
+    padding-left: 10px;
+    margin-bottom: 20px;
+}
+
+.padding020{
+    padding: 0px 20px 20px;
+}
+
+.mtf3{
+    margin-top:-3px;
+}
+
+.task-btn-nebules{
+    background: #fff!important;
+    color: #4CACFF!important;
+    border: 1px solid #4CACFF!important;
+    margin-left: 20px;
+    cursor: pointer;
+    display: inline-block;
+    padding: 0 12px;
+    letter-spacing: 1px;
+    text-align: center;
+    font-size: 14px;
+    height: 30px;
+    line-height: 30px;
+    border-radius: 2px;
+}