编辑里程碑

src/forge/Order/UpdateMilepost.js

@@ -1,7 +1,8 @@
 import React, { Component } from 'react';
 import { Calendar, Select, Radio, Col, Row, Divider, Input, Form, Spin } from 'antd';
 import axios from 'axios';
-import moment from 'moment'
+import moment from 'moment';
+import '../Order/order.css';
 
 
 const TextArea = Input.TextArea;
@@ -46,7 +47,7 @@ class UpdateMilepost extends Component {
       if (result) {
         this.setState({
           data: result.data,
-          selectedValue: moment(result.data.effective_date)
+          selectedValue: result.data.effective_date && moment(result.data.effective_date)
         })
         this.props.form.setFieldsValue({
           name: result.data.name,
@@ -69,12 +70,9 @@ class UpdateMilepost extends Component {
         const { projectsId } = this.props.match.params;
         const { meilid } = this.props.match.params;
         const url = `/projects/${projectsId}/versions/${meilid}.json`;
-        let time = undefined;
-        if (this.state.selectedValue === undefined) {
 
-        } else {
-          time = this.state.selectedValue.format("YYYY-MM-DD")
-        }
+        let time = this.state.selectedValue && this.state.selectedValue.format("YYYY-MM-DD");
+        
         axios.put(url, {
           ...values,
           project_id: projectsId,
@@ -97,6 +95,7 @@ class UpdateMilepost extends Component {
       }
     })
   }
+  // 清楚截止日期
   claertime = () => {
     this.setState({
       selectedValue: undefined,
@@ -105,8 +104,7 @@ class UpdateMilepost extends Component {
 
   render() {
     const { getFieldDecorator } = this.props.form;
-    const { isSpin } = this.state;
-
+    const { isSpin , selectedValue } = this.state;
     return (
       <div className="main">
         <Form>
@@ -144,7 +142,7 @@ class UpdateMilepost extends Component {
             <div className="newmilepostrighe" >
               截止日期(可选) <a style={{ color: 'red' }} onClick={this.claertime}>清除</a>
               <div>
-                <Input style={{ width: "120px" }} value={this.state.selectedValue && this.state.selectedValue.format('YYYY-MM-DD')} />
+                <Input style={{ width: "120px" }} value={selectedValue && selectedValue.format('YYYY-MM-DD')} />
               </div>
               <div style={{ width: 300, border: '1px solid #d9d9d9', borderRadius: 4, marginTop: 5 }}>
                 <Calendar

src/forge/Order/newMilepost.js

@@ -1,8 +1,8 @@
 import React, { Component } from 'react';
 import { Calendar, Select, Radio, Col, Row, Divider, Input, Form, Spin } from 'antd';
 import axios from 'axios';
-import moment from 'moment'
-
+import moment from 'moment';
+import '../Order/order.css';
 
 const TextArea = Input.TextArea;
 const { Group, Button } = Radio;
@@ -17,10 +17,6 @@ class NewMilepost extends Component {
     }
   }
 
-  componentDidMount = () => {
-
-  }
-
   onPanelChange = (time, mode) => {
     this.setState({
       value: time
@@ -80,11 +76,6 @@ class NewMilepost extends Component {
     return (
       <div className="main">
         <Form>
-          {/*<div className="topWrapper">*/}
-          {/*<Nav {...this.props} {...this.state} />*/}
-          {/*/!* <a onClick={this.newshow} className="topWrapper_btn" >新建里程碑</a> *!/*/}
-
-          {/*</div>*/}
           <div style={{ marginLeft: 15, marginTop: 24 }}>
             <h1 >新的里程碑</h1>
             <h5 className="mt-5 color-grey-9">里程碑可以组织任务和合并请求，并跟踪进度.</h5>