From d697ad24a7aa51fb2a7c5a2b07a3175a2a9654d5 Mon Sep 17 00:00:00 2001
From: caishi <1149225589@qq.com>
Date: Thu, 3 Sep 2020 14:14:49 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E4=B8=AD=E5=BF=83-devops?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/forge/users/Infos.js     | 57 ++++++++++++++++++++++++++++++++++++
 src/forge/users/devOpsCD.jsx |  8 +++++
 src/forge/users/devOpsCI.jsx |  8 +++++
 3 files changed, 73 insertions(+)
 create mode 100644 src/forge/users/devOpsCD.jsx
 create mode 100644 src/forge/users/devOpsCI.jsx

diff --git a/src/forge/users/Infos.js b/src/forge/users/Infos.js
index a18b54e8c..ae06f4a8d 100644
--- a/src/forge/users/Infos.js
+++ b/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={() => {
diff --git a/src/forge/users/devOpsCD.jsx b/src/forge/users/devOpsCD.jsx
new file mode 100644
index 000000000..72db13491
--- /dev/null
+++ b/src/forge/users/devOpsCD.jsx
@@ -0,0 +1,8 @@
+import React , { useEffect , useState } from 'react';
+
+function DevOpsCD(){
+  return(
+    <div>222</div>
+  )
+}
+export default DevOpsCD;
\ No newline at end of file
diff --git a/src/forge/users/devOpsCI.jsx b/src/forge/users/devOpsCI.jsx
new file mode 100644
index 000000000..6e9a65448
--- /dev/null
+++ b/src/forge/users/devOpsCI.jsx
@@ -0,0 +1,8 @@
+import React , { useEffect , useState } from 'react';
+
+function DevOpsCI(){
+  return(
+    <div>111</div>
+  )
+}
+export default DevOpsCI;
\ No newline at end of file