监控跳转

web/client/src/sections/facility/containers/monitor.jsx

@@ -4,7 +4,7 @@ import { connect } from 'react-redux';
 
 
 const Server = (props) => {
-   const { dispatch, actions, user, loading, socket,pomsMonitor } = props
+   const { dispatch, actions, user, loading, socket, pomsMonitor } = props
 
    useEffect(() => {
 
@@ -13,10 +13,24 @@ const Server = (props) => {
 
    return (
       <>
-         <div>
-            {/* <img src="/assets/images/install/watting.png" alt="" style={{ width: 'calc(100% + 16px)', position: "relative", top: -12, left: -8, }} /> */}
-            {/* <iframe frameborder="0" src={`/_api/https://monitor.anxinyun.cn/login`} style={{height: '100%', width: '100%'}} /> */}
-           
+         <div style={{
+            height: 'calc(100vh - 80px)', width: 'calc(100%)',
+            backgroundImage: "url('/assets/images/background/General.png')",
+            backgroundSize: 'cover',
+            backgroundRepeat: 'no-repeat',
+            position: 'relative',
+         }}>
+            <div style={{ position: 'absolute', top: 'calc(50%)', left: 'calc(10%)', }}>
+               <div style={{
+                  width: 184, height: 48, fontWeight: 400, color: '#FFFFFF', lineHeight: '48px', backgroundImage: "url('/assets/images/background/B.png')", textAlign: 'center',
+                  backgroundSize: 'cover',
+                  backgroundRepeat: 'no-repeat',
+               }}>
+                  <a target='_blank' href={pomsMonitor}> 进入Grafana</a>
+               </div>
+               <div style={{ width: 679, height: 40, fontSize: 28, fontWeight: 400, color: '#146AD7', lineHeight: '40px', marginTop: 40 }}>
+                  点击可跳转服务器监控网站Grafana</div>
+            </div>
             {/* <iframe frameBorder="0" src={pomsMonitor} style={{height: 'calc(100vh - 80px)', width: 'calc(100%)'}} /> */}
          </div>
       </>
@@ -30,7 +44,7 @@ function mapStateToProps (state) {
       //   actions: global.actions,
       //   members: members.data,
       //   socket: webSocket.socket
-      pomsMonitor:global.pomsMonitor,
+      pomsMonitor: global.pomsMonitor,
    };
 }
 

web/client/src/sections/facility/nav-item.jsx

@@ -23,7 +23,7 @@ export function getNavItem (user, dispatch) {
                         icon: <iconpark-icon style={{ width: 20, height: 20 }} name="iconjianshezhong"></iconpark-icon>,
                         to: '/facility/serverInformation',
                         items: [{
-                            itemKey: 'monitor', to: '/facility/serverInformation/monitor', text: <a target='_blank' href='https://monitor.anxinyun.cn'>运维监控</a>
+                            itemKey: 'monitor', to: '/facility/serverInformation/monitor', text: '运维监控'
                         },{
                             itemKey: 'maintenanceRecords', to: '/facility/serverInformation/maintenanceRecords', text: '维护记录'
                         }]