个人中心-devops

src/forge/users/Infos.js

@@ -14,6 +14,15 @@ import './Index.scss';
 import Loadable from "react-loadable";
 import Loading from "../../Loading";
 
+
+const InfosDevOps = Loadable({
+  loader: () => import("./devOpsCI"),
+  loading: Loading,
+});
+const InfosDevOpsCD = Loadable({
+  loader: () => import("./devOpsCD"),
+  loading: Loading,
+});
 const InfosUser = Loadable({
   loader: () => import("./InfosUser"),
   loading: Loading,
@@ -89,6 +98,15 @@ class Infos extends Component {
     
   };
 
+  change_devops_type=(type)=>{
+    const {user} = this.state;
+    this.setState({
+      project_type: type ,
+      route_type: undefined
+    })
+    this.props.history.push(`/users/${user && user.login}/devops/${type}`);
+  }
+
   undo_link = () => {
     const {user} = this.state
     this.setState({
@@ -233,6 +251,33 @@ class Infos extends Component {
                   </li>
                 </ul>
               </div>
+
+              {/* <div className="bgcF">
+                <ul className="list-l-Menu">
+                  <li className="MenuTitle">
+                    <i className="iconfont icon-xiangmuleixing font-15 mr5"></i>
+                    DevOps工作流
+                    <i className="iconfont icon-youjiantou font-15 mr20 color-grey-9 pull-right"></i>
+                  </li>
+                  <li className={project_type && project_type === "CIService" ? "active" : ""}  onClick={() => this.change_devops_type("CIService")}>
+                    <p>
+                      <span className="font-16">CI服务</span>
+                      <span className="color-blue">
+                        {user && user.common_projects_count}
+                      </span>
+                    </p>
+                  </li>
+                  <li className={project_type && project_type === "CDService" ? "active" : ""}  onClick={() => this.change_devops_type("CDService")}>
+                    <p>
+                      <span className="font-16">CD服务</span>
+                      <span className="color-blue">
+                        {user && user.common_projects_count}
+                      </span>
+                    </p>
+                  </li>
+                </ul>
+              </div> */}
+
               {/* <div className="bgcF">
                 <div className="list-l-Menu">
                   <p className="list-l-p pd20" onClick={() => this.organize_link()} >
@@ -269,6 +314,18 @@ class Infos extends Component {
                         return <FanUser {...this.props} {...this.state} userType="fan_users"/>;
                       }}
                     ></Route>
+                    <Route
+                      path="/users/:username/devops/CDService"
+                      render={() => {
+                        return <InfosDevOpsCD {...this.props} {...this.state} />;
+                      }}
+                    ></Route>
+                    <Route
+                      path="/users/:username/devops/CIService"
+                      render={() => {
+                        return <InfosDevOps {...this.props} {...this.state} />;
+                      }}
+                    ></Route>
                     <Route
                       path="/users/:username/projects/:project_type"
                       render={() => {

src/forge/users/devOpsCD.jsx

@@ -0,0 +1,8 @@
+import React , { useEffect , useState } from 'react';
+
+function DevOpsCD(){
+  return(
+    <div>222</div>
+  )
+}
+export default DevOpsCD;

src/forge/users/devOpsCI.jsx

@@ -0,0 +1,8 @@
+import React , { useEffect , useState } from 'react';
+
+function DevOpsCI(){
+  return(
+    <div>111</div>
+  )
+}
+export default DevOpsCI;