重启服务

src/pages/index.less

@@ -5,6 +5,31 @@
   align-items: center;
   justify-content: center;
   background: #E8F7FF;
+
+  .contentWrap {
+    width: 800px;
+    height: 500px;
+    border: 2px solid #999;
+
+    .title {
+      padding: 20px;
+      border-bottom: 2px solid #999;
+    }
+
+    .content {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      .cleft{
+        margin-top:20px;
+        margin-left:10px;
+        width:500px;
+        height:400px;
+        background-color:#000;
+      }
+    }
+  }
 }
 
 .item_warp {

src/pages/restartService.tsx

@@ -3,6 +3,7 @@ import styles from './index.less';
 import { RedoOutlined } from '@ant-design/icons';
 import { useParams } from 'umi';
 import { message } from 'antd';
+import ButtonComp from '@/components/ButtonComp';
 
 interface PageProps { }
 
@@ -12,7 +13,7 @@ const RestartService: FC<PageProps> = ({ }) => {
   let info = sysData ? JSON.parse(sysData) : null;
 
   return <div className={styles.index_con}>
-    <div style={{
+    {/* <div style={{
       width: 100, 
       height: 100, 
       background: 'rgba(0,0,0,.2)', 
@@ -29,6 +30,24 @@ const RestartService: FC<PageProps> = ({ }) => {
     >
       <RedoOutlined  style={{fontSize: 30}}/>
       <div style={{width: '100%', textAlign: 'center', marginTop: 10}}>重启服务</div>
+    </div> */}
+    <div className={styles.contentWrap}>
+      <div className={styles.title}>服务控制台 一体化对称密码管理系统核心区</div>
+      <div className={styles.content}>
+        <div className={styles.cleft}></div>
+        <div className={styles.cright}>
+          <ButtonComp text={'启动服务'} style={{marginRight:'10px'}} />
+          <ButtonComp text={'停止服务'} style={{marginTop:'20px',marginRight:'10px'}}/>
+          <ButtonComp text={'重启服务'} style={{marginTop:'20px',marginRight:'10px'}} onClick={() => {
+            message.success('重启服务成功！')
+            localStorage.setItem(`${urlParams?.fileType}`, JSON.stringify({ ...info, restartService: true }))
+          }} />
+          <ButtonComp text={'连接服务器'} style={{marginTop:'20px',marginRight:'10px'}} />
+          <ButtonComp text={'选项设置'} style={{marginTop:'20px',marginRight:'10px'}} />
+          <ButtonComp text={'打开日志文件'} style={{marginTop:'20px',marginRight:'10px'}} />
+          <ButtonComp text={'关闭'} style={{marginTop:'20px',marginRight:'10px'}} />
+        </div>
+      </div>
     </div>
   </div>
 }