ssh-初步

This commit is contained in:
caishi 2021-04-08 17:44:31 +08:00
parent 78aba67917
commit 80cae93045
4 changed files with 59 additions and 36 deletions

View File

@ -32,7 +32,7 @@ export function initAxiosInterceptors(props) {
// 判断网络是否连接 // 判断网络是否连接
initOnlineOfflineListener(); initOnlineOfflineListener();
var proxy = "https://testforgeplus.trustie.net"; var proxy = "https://forgeplus.trustie.net";
//响应前的设置 //响应前的设置
axios.interceptors.request.use( axios.interceptors.request.use(
config => { config => {

View File

@ -1,5 +1,5 @@
import React, { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import { Spin } from "antd"; import { Spin , Menu } from "antd";
import { FlexAJ, AlignCenter } from "../Component/layout"; import { FlexAJ, AlignCenter } from "../Component/layout";
import axios from "axios"; import axios from "axios";
@ -17,6 +17,8 @@ export default ({
const [spining, setSpining] = useState(true); const [spining, setSpining] = useState(true);
const [stage, setStage] = useState(undefined); const [stage, setStage] = useState(undefined);
const [step, setStep] = useState(undefined); const [step, setStep] = useState(undefined);
const [nav, setNav] = useState("0");
useEffect(() => { useEffect(() => {
setSpining(rightSpin); setSpining(rightSpin);
}, [rightSpin]); }, [rightSpin]);
@ -66,42 +68,50 @@ export default ({
} }
return ( return (
<Spin spinning={spining}> <Spin spinning={spining}>
<div className="rightMainContent"> {/* <Menu className="devopsNav" onClick={(e)=>{setNav(e.key)}} selectedKeys={[nav]} mode="horizontal">
{data && data.status !== "error" ? ( <Menu.Item key={'0'} value="0">文件</Menu.Item>
<div> <Menu.Item key={'1'} value="1">命令行</Menu.Item>
<FlexAJ className="items"> </Menu> */}
<span>{step && step.name}</span> {
<AlignCenter> nav === "0" &&
{step && step.duration_time} <div className="rightMainContent">
<i className="iconfont icon-sanjiaoxing-down"></i> {data && data.status !== "error" ? (
</AlignCenter>
</FlexAJ>
<div> <div>
{coders && coders.length > 0 ? ( <FlexAJ className="items">
coders.map((item, key) => { <span>{step && step.name}</span>
return ( <AlignCenter>
<div className="opsDetailOut"> {step && step.duration_time}
<span>{key + 1}</span> <i className="iconfont icon-sanjiaoxing-down"></i>
<p>{item.out}</p> </AlignCenter>
</div> </FlexAJ>
); <div>
}) {coders && coders.length > 0 ? (
) : empty ? ( coders.map((item, key) => {
<div className="opsDetailOut"> return (
<span>1</span> <div className="opsDetailOut">
<p> <span>{key + 1}</span>
{stage && stage.name} {step && step.name}: Skipped <p>{item.out}</p>
</p> </div>
</div> );
) : ( })
"" ) : empty ? (
)} <div className="opsDetailOut">
<span>1</span>
<p>
{stage && stage.name} {step && step.name}: Skipped
</p>
</div>
) : (
""
)}
</div>
</div> </div>
</div> ) : (
) : ( <div style={{ color: "red" }}>error:{data && data.error}</div>
<div style={{ color: "red" }}>error:{data && data.error}</div> )}
)} </div>
</div> }
</Spin> </Spin>
); );
}; };

View File

@ -194,6 +194,18 @@
&.rightSection{ &.rightSection{
width:100%; width:100%;
background-color: #081930; background-color: #081930;
.devopsNav{
background-color: #111c24;
border-bottom: none;
.ant-menu-item{
color: #ccc;
padding:0px;
margin:0px 20px!important;
}
.ant-menu-item.ant-menu-item-selected{
color: #1890ff;
}
}
.rightMainContent{ .rightMainContent{
padding:24px 30px; padding:24px 30px;
height:100vh; height:100vh;

View File

@ -217,6 +217,7 @@ function CoderDepot(props){
</Menu> </Menu>
</div> </div>
) )
// website
function okUpdate(d,w,l){ function okUpdate(d,w,l){
const url = `/${owner}/${projectsId}.json`; const url = `/${owner}/${projectsId}.json`;
axios.put(url,{ axios.put(url,{