更新

src/components/form-item/main.js

@@ -20,11 +20,11 @@ import Menu from "../menu/main.js"
 		}
 	}
  	render() {
-		const {labelname,prop,labelwidth} = this.props
+		const {labelname,prop,labelwidth,myClassName} = this.props
 		
 		console.log(labelwidth)
  	    return (
-		<div className ="form-Item">
+		<div className ={ myClassName ? myClassName + " form-Item" :"form-Item"}   >
 		<div className="form-label" style={{width: labelwidth ? labelwidth  :  "180px"     }}>
 		  {labelname}
 		</div>

src/pages/plan/add/add.js

@@ -19,6 +19,10 @@ export default class add extends React.Component{
   }
 
 
+	submit(){
+		this.refs.step1.submit();
+	}
+
   render(){
     return(
       <div id="plan-add">
@@ -48,13 +52,13 @@ export default class add extends React.Component{
 		<div className="plan-title">营销计划</div>
 		<div id="step1" className="step1">
 		 <Card style={{ width:'100%' }} title={this.state.step1_pagetitle}>
-		<Step1/>
+		<Step1 ref="step1"/>
 		</Card>
 				<div className="btn-group">
-				  <Button type="primary" htmlType="submit" onClick={()=>{this.submit()}}>
-				    提交
+				  <Button type="primary" size="medium"  onClick={()=>{this.submit()}}>
+				    下一步
 				  </Button>
-				  <Button type="normal" htmlType="reset" >
+				  <Button type="normal" size="medium">
 				    取消
 				  </Button>
 				</div>

src/pages/plan/add/add.less

@@ -76,3 +76,9 @@
 
 
 
+
+.step1 .btn-group{
+	text-align: left;
+	justify-content: flex-start; 
+}
+   

src/pages/plan/add/step1.js

@@ -103,6 +103,7 @@ export default class acclist extends React.Component{
 					    {return_val}
 					</Tabs>
 			  </FormItem>	
+			
 			<FormItem labelname="开始~结束时间" prop="date_time" >
 					 <CombinedDateRangePicker
 					          className="zent-datepicker-plan"
@@ -114,8 +115,6 @@ export default class acclist extends React.Component{
 					          format="YYYY-MM-DD HH:mm:ss"
 					          onChange={this.onChangeCombinedDate}
 					        />
-							
-							
 			  </FormItem>	
         </Form>
       </div>