From 3828890db2b350d255e4dc7486f76bc1e1393651 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E7=91=9E=E5=AE=81?= <3134191406@qq.com>
Date: Thu, 22 Feb 2024 12:52:12 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E5=90=AF=E6=9C=8D=E5=8A=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/index.less         | 25 +++++++++++++++++++++++++
 src/pages/restartService.tsx | 21 ++++++++++++++++++++-
 2 files changed, 45 insertions(+), 1 deletion(-)

diff --git a/src/pages/index.less b/src/pages/index.less
index 2a93d37..d38b0a1 100644
--- a/src/pages/index.less
+++ b/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 {
diff --git a/src/pages/restartService.tsx b/src/pages/restartService.tsx
index 1d16ac7..c6f18d0 100644
--- a/src/pages/restartService.tsx
+++ b/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>
 }