46 lines
1.3 KiB
JavaScript
46 lines
1.3 KiB
JavaScript
import React , { useEffect , useState } from 'react';
|
|
import { WhiteBack } from '../Component/layout';
|
|
import Head from './Dispose/head';
|
|
import Menus from './Dispose/menus';
|
|
import Init from './Dispose/Init';
|
|
import Sure from './Dispose/Sure';
|
|
import Stage from './Dispose/Stage';
|
|
|
|
|
|
function disposePipeline(){
|
|
const [ step , setStep ] = useState(1);
|
|
const [ menuList , setMenuList ] = useState(undefined);
|
|
|
|
useEffect(()=>{
|
|
let list = [
|
|
{stage_name:"初始化",stage_type:"init",id:1,icon:"iconinitialize"},
|
|
{stage_name:"编辑构建",stage_type:"",id:2,icon:"iconstructure"},
|
|
{stage_name:"部署",stage_type:"",id:3,icon:"iconarrange"},
|
|
{stage_name:"确认",stage_type:"confirm",id:4,icon:"iconsure"}
|
|
];
|
|
setMenuList(list);
|
|
},[])
|
|
|
|
function changeStep(s){
|
|
setStep(s);
|
|
}
|
|
|
|
return(
|
|
<div className="disposePanel">
|
|
<Head />
|
|
<WhiteBack style={{padding:"24px 30px"}}>
|
|
<div style={{minHeight:"450px"}}>
|
|
<Menus step={step} changeStep={changeStep} menuList={menuList}/>
|
|
{
|
|
step === 1 ? <Init />
|
|
:
|
|
menuList && (step === menuList.length) ? <Sure />
|
|
:
|
|
<Stage />
|
|
}
|
|
</div>
|
|
</WhiteBack>
|
|
</div>
|
|
)
|
|
}
|
|
export default disposePipeline; |