Merge pull request '修改issue详情路由及websocket定时请求' (#316) from tongChong/forgeplus-react:gitlink_server into gitlink_server

src/forge/Main/Detail.js

@@ -55,7 +55,8 @@ const OrderupdateMilepost = Loadable({
 })
 
 const OrderupdateDetail = Loadable({
-  loader: () => import('../Order/UpdateDetail'),
+  // loader: () => import('../Order/UpdateDetail'),
+  loader: () => import('../Order/order_form'),
   loading: Loading,
 })
 
@@ -213,6 +214,10 @@ class Detail extends Component {
     }
   }
 
+  componentWillUnmount() {
+    this.timerChannel && clearTimeout(this.timerChannel);
+  }
+
   getProject = (num) => {
     const { projectsId, owner } = this.props.match.params;
     const url = `/${owner}/${projectsId}/simple.json`;
@@ -275,7 +280,9 @@ class Detail extends Component {
       connected: () => {
         console.log("###### channel connected! ######");
       },
-      disconnected: () => { },
+      disconnected: () => {
+        console.log("###### cannot connected! ######");
+       },
       received: data => {
         console.log(`###### ---received data--- ######`);
         console.log(data);
@@ -296,10 +303,22 @@ class Detail extends Component {
           });
           cable.subscriptions.consumer.disconnect();
         }
+      },
+      onerror:()=>{
+        console.log("###### cannot connected! ######");
       }
-    })
+    });
+
+    this.timerChannel = setTimeout(this.reloadDetail,5000);
   }
 
+  reloadDetail=()=>{
+    if(this.state.firstSync||this.state.secondSync){
+      window.location.reload();
+    }
+  }
+  
+
   deleteProjectBack = () => {
     const { history } = this.props;
     const { projectsId, owner } = this.props.match.params;
@@ -700,16 +719,16 @@ class Detail extends Component {
                     (props) => (<OrderNew {...this.props} {...props} {...this.state} {...common} />)
                   }
                 ></Route>
-                {/* 修改详情 updatedetail*/}
-                <Route path="/:owner/:projectsId/issues/:orderId/:operateName"
+                {/* 修改详情 edit*/}
+                <Route path="/:owner/:projectsId/issues/:orderId/edit"
                   render={
-                    (props) => (<OrderupdateDetail  {...this.props} {...props} {...this.state} {...common} />)
+                    (props) => (<OrderupdateDetail  {...this.props} {...props} {...this.state} {...common} form_type={"edit"}/>)
                   }
                 ></Route>
                 {/* 复制详情 copyetail*/}
                 <Route path="/:owner/:projectsId/issues/:orderId/copyetail"
                   render={
-                    (props) => (<OrderupdateDetail  {...this.props} {...props} {...this.state} {...common} />)
+                    (props) => (<OrderupdateDetail  {...this.props} {...props} {...this.state} {...common} form_type={"copy"}/>)
                   }
                 ></Route>
                

src/forge/Order/Detail.js

@@ -273,7 +273,7 @@ class Detail extends Component {
                         </Popconfirm>
 
                         <Link
-                          to={`/${owner}/${projectsId}/issues/${orderId}/updatedetail`}
+                          to={`/${owner}/${projectsId}/issues/${orderId}/edit`}
                           className="color-blue fr"
                         >
                           编辑

src/forge/Order/OrderItem.js

@@ -94,7 +94,7 @@ class OrderItem extends Component {
                 user_admin_or_member ?
                 <div style={{ display: orderid === item.id && isdisplay ? 'flex' : 'none' }}>
                   <div className="mr8 ml8 color-grey-9">
-                    <Link to={`/${owner}/${projectsId}/issues/${item.id}/updatedetail`} className="color-grey-9">
+                    <Link to={`/${owner}/${projectsId}/issues/${item.id}/edit`} className="color-grey-9">
                       <i className="iconfont icon-bianji3 font-14 mr5"></i>
                     </Link>
                   </div>

src/forge/Order/UpdateDetail.js

@@ -4,6 +4,7 @@ import OrderForm from './order_form'
 
 function CopyDetail(props){
   const operateName = props.match.params.operateName;
+  console.log('operateName:'+operateName);
   return(
     <OrderForm form_type={operateName === "copyetail" ? "copy":"edit"} {...props}></OrderForm>
   )

src/forge/Order/order_form.js

@@ -169,11 +169,12 @@ class order_form extends Component {
 
   // 创建
   handleSubmit = () => {
-    this.setState({
-      isSpin: true,
-    });
+    
     this.props.form.validateFieldsAndScroll((err, values) => {
       if (!err) {
+        this.setState({
+          isSpin: true,
+        });
         const { form_type } = this.props;
         const { projectsId , orderId , owner } = this.props.match.params;
 
@@ -247,9 +248,6 @@ class order_form extends Component {
           });
         }
       }
-      this.setState({
-        isSpin: false,
-      });
     });
   };
 

src/forge/claims/claims.js

@@ -251,7 +251,7 @@ class claims extends React.Component {
 
          
          {    
-           claimerdata.length>0?(
+           claimerdata&&claimerdata.length>0?(
              <div>
              <span>声明要关注/解决此易修的用户</span><span className="infoCount">{claimerdata.length}</span>
               <div className="attrPerson" onMouseLeave={()=>this.setVisibleFunc(false)}>