修改服务监控界面UI

src/pages/log/loginLog/index.js

@@ -9,7 +9,7 @@ import {
   message,
   Spin,
 } from 'antd';
-import { SwapRightOutlined } from '@ant-design/icons';
+import { SwapRightOutlined, SyncOutlined } from '@ant-design/icons';
 import { Chart, Interval, Tooltip, Axis } from 'bizcharts';
 import { DataSet } from '@antv/data-set';
 import moment from 'moment';
@@ -129,7 +129,9 @@ const LoginLog = () => {
       ),
     );
   };
-
+  const handleReset = () =>{
+    setStartTime(moment().startOf('day'))
+  }
   return (
     <>
       <div className={styles.loginLog}>
@@ -160,6 +162,9 @@ const LoginLog = () => {
             <Button onClick={() => setTime(24 * 7)}>近1周</Button>
             <Button onClick={() => setTime(14 * 24)}>近2周</Button>
             <Button onClick={() => setTime(30 * 24)}>近1月</Button>
+            <Button icon={<SyncOutlined className={styles.icon}/>} onClick={handleReset} style={{ marginLeft: '25px', verticalAlign:'middle', marginTop:'-3px' }}>
+              重置
+            </Button>
           </Col>
         </Row>
         <Spin spinning={loading} tip="loading">

src/pages/log/loginLog/index.less

@@ -15,6 +15,7 @@
         .ant-table-thead tr th{
             font-weight: 600;
             color:rgba(0,0,0,0.85);
+            background-color:#F6F9FE;
         }
         .ant-table-body{
             height:calc(100vh - 208px);
@@ -32,5 +33,16 @@
             padding:8px;
             padding-right: 20px;
         }
-    }     
+        .ant-table.ant-table-small {
+            width: 99%;
+            margin: 10px auto;
+        }
+    }  
+    .ant-spin-container {
+        background-color: white;
+    } 
+    .icon{
+        margin-top: -5px !important;
+        vertical-align: text-bottom;
+    }   
 }
\ No newline at end of file

src/pages/log/serviceLog/index.js

@@ -283,7 +283,7 @@ const ServiceLog = () => {
             <Button onClick={() => setTime(24 * 60, '3')}>近1天</Button>
             <Button onClick={() => setTime(24 * 7 * 60, '4')}>近1周</Button>
             <span style={{ marginLeft: '20px' }}>返回状态：</span>
-            <Select defaultValue='全部' value={logType} onChange={changeStatus}>
+            <Select defaultValue='全部' value={logType} onChange={changeStatus} className={styles.sel}>
               <Option value="9999">全部</Option>
               <Option value="0">正常</Option>
               <Option value="-1">异常</Option>
@@ -314,6 +314,7 @@ const ServiceLog = () => {
               size="small"
               value={timeInterval}
               onChange={selectChange}
+              className={styles.sel}
             >
               <Option value="1">每分钟</Option>
               <Option value="2">每5分钟</Option>

src/pages/log/serviceLog/index.less

@@ -55,4 +55,7 @@
         margin-top: -5px !important;
         vertical-align: text-bottom;
     }
+    .sel{
+        width: 100px;
+    }
 }
\ No newline at end of file