parent
05bd1ca0c8
commit
84a99dc3f5
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -0,0 +1,25 @@
|
||||
import React, {Component} from 'react';
|
||||
import {Link} from "react-router-dom";
|
||||
|
||||
class PackageBanner extends Component {
|
||||
constructor(props) {
|
||||
super(props)
|
||||
this.state = {
|
||||
|
||||
}
|
||||
}
|
||||
componentDidMount() {
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
render() {
|
||||
return (
|
||||
<div className="courseHead" style={{height: '300px'}}></div>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
export default PackageBanner;
|
||||
|
||||
@ -0,0 +1,30 @@
|
||||
import React, { Component } from 'react';
|
||||
import {BrowserRouter as Router,Route,Switch} from 'react-router-dom';
|
||||
|
||||
//业务组件
|
||||
import PackageBanner from "./PackageBanner";
|
||||
import PackageConcent from "./PackageConcent";
|
||||
|
||||
class PackageIndex extends Component{
|
||||
constructor(props) {
|
||||
super(props)
|
||||
}
|
||||
|
||||
componentDidMount(){
|
||||
|
||||
}
|
||||
|
||||
render() {
|
||||
return (
|
||||
<div>
|
||||
<div className="clearfix">
|
||||
{/*头部banner*/}
|
||||
<PackageBanner {...this.props}></PackageBanner>
|
||||
{/*内容banner*/}
|
||||
<PackageConcent {...this.props}></PackageConcent>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
export default PackageIndex;
|
||||
@ -0,0 +1,42 @@
|
||||
import React, {Component} from 'react';
|
||||
import {Link} from "react-router-dom";
|
||||
import { Steps, Divider } from 'antd';
|
||||
import 'antd/dist/antd.css';
|
||||
const { Step } = Steps;
|
||||
|
||||
class PackageIndexNEIBanner extends Component {
|
||||
constructor(props) {
|
||||
super(props)
|
||||
this.state = {
|
||||
current:0
|
||||
}
|
||||
}
|
||||
componentDidMount() {
|
||||
|
||||
|
||||
}
|
||||
|
||||
onChange=(current)=>{
|
||||
debugger
|
||||
console.log('onChange:', current);
|
||||
this.setState({ current });
|
||||
};
|
||||
|
||||
render() {
|
||||
const { current } = this.state;
|
||||
return (
|
||||
<div className="edu-back-white mb20 PackageIndexNEIBanner">
|
||||
<p className="clearfix padding110">
|
||||
<Steps current={current} >
|
||||
<Step title="发布需求"onClick={()=>this.onChange(0)}/>
|
||||
<Step title="筛选合适的接包方" onClick={()=>this.onChange(1)}/>
|
||||
<Step title="线下交易，完成实施"onClick={()=>this.onChange(2)}/>
|
||||
</Steps>
|
||||
</p>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
export default PackageIndexNEIBanner;
|
||||
|
||||
@ -0,0 +1,39 @@
|
||||
import React, { Component } from 'react';
|
||||
import {BrowserRouter as Router,Route,Switch} from 'react-router-dom';
|
||||
|
||||
//业务组件
|
||||
import PackageIndexNEIBanner from "./PackageIndexNEIBanner";
|
||||
//业务组件
|
||||
import PackageIndexNEIBannerConcent from "./PackageIndexNEIBannerConcent"
|
||||
|
||||
import '../packageconcnet.css';
|
||||
class PackageIndexNewandEditIndex extends Component{
|
||||
constructor(props) {
|
||||
super(props)
|
||||
}
|
||||
|
||||
componentDidMount(){
|
||||
console.log(this.props)
|
||||
}
|
||||
|
||||
render() {
|
||||
return (
|
||||
<div>
|
||||
<div className="clearfix">
|
||||
<div className={"educontent mt20 mb50"}>
|
||||
|
||||
<p className="clearfix mt20 mb20">
|
||||
<span className="fl font-24 color-grey-3">新建</span>
|
||||
</p>
|
||||
|
||||
<PackageIndexNEIBanner/>
|
||||
|
||||
<PackageIndexNEIBannerConcent/>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
export default PackageIndexNewandEditIndex;
|
||||
@ -0,0 +1,45 @@
|
||||
import React, { Component } from 'react';
|
||||
|
||||
import { Redirect } from 'react-router';
|
||||
|
||||
import { BrowserRouter as Router, Route, Link, Switch } from "react-router-dom";
|
||||
|
||||
import Loading from '../../Loading'
|
||||
|
||||
import Loadable from 'react-loadable';
|
||||
import { TPMIndexHOC } from '../tpm/TPMIndexHOC'
|
||||
import { SnackbarHOC } from 'educoder'
|
||||
|
||||
|
||||
const PackageIndex = Loadable({
|
||||
loader: () => import('./PackageIndex/PackageIndex'),
|
||||
loading: Loading,
|
||||
})
|
||||
|
||||
const PackageIndexNewandEdit = Loadable({
|
||||
loader: () => import('./PackageIndexNewandEdit/PackageIndexNewandEditIndex'),
|
||||
loading: Loading,
|
||||
})
|
||||
|
||||
class ProjectPackageIndex extends Component {
|
||||
constructor(props) {
|
||||
super(props)
|
||||
}
|
||||
|
||||
render() {
|
||||
return (
|
||||
<div className="newMain clearfix">
|
||||
|
||||
<Switch>
|
||||
{/*众包首页*/}
|
||||
<Route path="/project_packages/:id/edit" {...this.props} component={PackageIndexNewandEdit}></Route>
|
||||
<Route path="/project_packages/new" {...this.props} component={PackageIndexNewandEdit}></Route>
|
||||
<Route path="/project_packages" {...this.props} component={PackageIndex}></Route>
|
||||
</Switch>
|
||||
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default SnackbarHOC() (TPMIndexHOC (ProjectPackageIndex)) ;
|
||||
@ -0,0 +1,71 @@
|
||||
.width1240{
|
||||
width:1240px;
|
||||
}
|
||||
.packinput .ant-input{
|
||||
height: 50px;
|
||||
width:749px;
|
||||
border-color: #E1EDF8 !important;
|
||||
}
|
||||
|
||||
.packinput .ant-input-group-addon .ant-btn{
|
||||
width:140px !important;
|
||||
font-size: 18px;
|
||||
height: 50px;
|
||||
background:rgba(76,172,255,1);
|
||||
margin-right:18px;
|
||||
}
|
||||
|
||||
.setissues{
|
||||
width:280px;
|
||||
height:50px;
|
||||
background:rgba(76,172,255,1);
|
||||
border-radius:4px;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.pagetype li{
|
||||
color:#8F8F8F !important;
|
||||
}
|
||||
|
||||
.maxwidth580{
|
||||
max-width: 580px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.mbf10{
|
||||
margin-bottom:-10px;
|
||||
}
|
||||
|
||||
.PackageIndexNEIBanner{
|
||||
width:1200px;
|
||||
height:110px;
|
||||
background:rgba(255,255,255,1);
|
||||
box-shadow:0px 2px 6px 0px rgba(125,125,125,0.26);
|
||||
border-radius:8px;
|
||||
}
|
||||
|
||||
.padding110{
|
||||
padding: 39px 110px 0px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.borderccc{
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.input-100-40s{
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
padding: 5px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.fafafas{
|
||||
background-color: #fafafa!important;
|
||||
}
|
||||
|
||||
.fafafas:focus{
|
||||
background-color: #fff!important;
|
||||
}
|
||||
Loading…
Reference in new issue