U 优化发布控制台

spug_web/src/pages/deploy/request/Ext1Console.js

@@ -130,7 +130,7 @@ function Ext1Console(props) {
       )}
       <Modal
         visible={visible}
-        width={1000}
+        width="70%"
         footer={null}
         maskClosable={false}
         className={styles.console}
@@ -147,7 +147,7 @@ function Ext1Console(props) {
               <Collapse.Panel header={(
                 <div className={styles.header}>
                   <b className={styles.title}/>
-                  <Steps size="small" className={styles.step} current={local.step} status={local.status}>
+                  <Steps size="small" className={styles.step} current={local.step} status={local.status} style={{margin: 0}}>
                     <StepItem title="构建准备" item={local} step={0}/>
                     <StepItem title="检出前任务" item={local} step={1}/>
                     <StepItem title="执行检出" item={local} step={2}/>

spug_web/src/pages/deploy/request/OutView.js

@@ -11,13 +11,15 @@ function OutView(props) {
   const el = useRef()
 
   useEffect(() => {
-    const fitPlugin = new FitAddon()
-    const term = new Terminal({disableStdin: true})
-    term.loadAddon(fitPlugin)
-    term.setOption('theme', {background: '#fff', foreground: '#000', selection: '#999'})
-    term.open(el.current)
-    props.setTerm(term)
-    fitPlugin.fit()
+    setTimeout(() => {
+      const fitPlugin = new FitAddon()
+      const term = new Terminal({disableStdin: true})
+      term.loadAddon(fitPlugin)
+      term.setOption('theme', {background: '#fff', foreground: '#000', selection: '#999'})
+      term.open(el.current)
+      fitPlugin.fit()
+      props.setTerm(term)
+    }, 100)
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
 

spug_web/src/pages/deploy/request/index.module.less

@@ -82,7 +82,7 @@
     }
 
     .step {
-      width: 600px;
+      flex: 1;
       margin-right: 16px;
     }