更新

config/routes/index.ts

@@ -29,7 +29,7 @@ const routes = [
   { path: '/webGLQ/securityPolicyInfo', name: '安全策略信息', component: '@/pages/GLQ/WebGLQ/SecurityPolicyInfo' },
   { path: '/webGLQ/manageConfigInfo', name: '管理配置信息', component: '@/pages/GLQ/WebGLQ/ManageConfigInfo' },
   { path: '/webGLQ/vpnPolicyInfo', name: 'VPN策略信息', component: '@/pages/GLQ/WebGLQ/VpnPolicyInfo' },
-  { path: '/webGLQ/firewallPolicyInfo', name: '防火墙策略信息', component: '@/pages/GLQ/WebGLQ/firewallPolicyInfo' },
+  { path: '/webGLQ/firewallPolicyInfo', name: '防火墙策略信息', component: '@/pages/GLQ/WebGLQ/FirewallPolicyInfo' },
   { path: '/webGLQ/logRecordInfo', name: '日志记录信息', component: '@/pages/GLQ/WebGLQ/LogRecordInfo' },
   // 远程文件配置
   { path: '/webMMJ/serviceList', name: '服务列表', component: '@/pages/GLQ/WebGLQ/ServiceList' },

src/pages/GLQ/WebGLQ/LogRecordInfo/index.tsx

@@ -1,9 +1,32 @@
-import styles from './index.less';
+import ContentWarp from '@/components/ContentWarp';
+import styles from '../../index.less';
+import ButtonComp from '@/components/ButtonComp';
+import { useState } from 'react';
 
+// 网络GLQ配置 --> 获取配置信息--> 日志记录信息
 export default function Page() {
+  const [htmlText, setHtmlText] = useState('<div>文本内容</div>')
+  
   return (
-    <div>
+    <div className={styles.params_warp}>
-      {'网络GLQ配置 --> 获取配置信息--> 日志记录信息'}
+      <ContentWarp text={'获取日志信息'}>
+        <div className='pd20'>被控端隔离器错误日志信息</div>
+        <div className='line'></div>
+        <div className='pd20 pb100'>
+          <div className={styles.html_con}>
+            <div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
+          </div>
+          <div className={styles.btn_warp}>
+            <div className='mr20'>
+              <ButtonComp text={'发送命令'} onClick={() => { }} />
+            </div>
+            <div className='mr20'>
+              <ButtonComp type={'cancel'} text={'文件另存'} onClick={() => { }} />
+            </div>
+            <ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
+          </div>
+        </div>
+      </ContentWarp>
     </div>
   );
-}
+}

src/pages/GLQ/WebGLQ/ManageConfigInfo/index.tsx

@@ -1,9 +1,32 @@
-import styles from './index.less';
+import ContentWarp from '@/components/ContentWarp';
+import styles from '../../index.less';
+import ButtonComp from '@/components/ButtonComp';
+import { useState } from 'react';
 
+// 网络GLQ配置 --> 获取配置信息--> 管理配置信息
 export default function Page() {
+  const [htmlText, setHtmlText] = useState('<div>文本内容</div>')
+  
   return (
-    <div>
+    <div className={styles.params_warp}>
-      {'网络GLQ配置 --> 获取配置信息--> 管理配置信息'}
+      <ContentWarp text={'获取管理配置'}>
+        <div className='pd20'>被控端服务管理配置情况</div>
+        <div className='line'></div>
+        <div className='pd20 pb100'>
+          <div className={styles.html_con}>
+            <div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
+          </div>
+          <div className={styles.btn_warp}>
+            <div className='mr20'>
+              <ButtonComp text={'发送命令'} onClick={() => { }} />
+            </div>
+            <div className='mr20'>
+              <ButtonComp type={'cancel'} text={'文件另存'} onClick={() => { }} />
+            </div>
+            <ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
+          </div>
+        </div>
+      </ContentWarp>
     </div>
   );
 }

src/pages/GLQ/WebGLQ/NetworkConfignInfo/index.tsx

@@ -1,9 +1,32 @@
-import styles from './index.less';
+import ContentWarp from '@/components/ContentWarp';
+import styles from '../../index.less';
+import ButtonComp from '@/components/ButtonComp';
+import { useState } from 'react';
 
+// 网络GLQ配置 --> 获取配置信息--> 网络配置信息
 export default function Page() {
+  const [htmlText, setHtmlText] = useState('<div>文本内容</div>')
+  
   return (
-    <div>
+    <div className={styles.params_warp}>
-      {'网络GLQ配置 --> 获取配置信息--> 网络配置信息'}
+      <ContentWarp text={'获取网络配置'}>
+        <div className='pd20'>被控端网络状态信息配置情况</div>
+        <div className='line'></div>
+        <div className='pd20 pb100'>
+          <div className={styles.html_con}>
+            <div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
+          </div>
+          <div className={styles.btn_warp}>
+            <div className='mr20'>
+              <ButtonComp text={'发送命令'} onClick={() => { }} />
+            </div>
+            <div className='mr20'>
+              <ButtonComp type={'cancel'} text={'文件另存'} onClick={() => { }} />
+            </div>
+            <ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
+          </div>
+        </div>
+      </ContentWarp>
     </div>
   );
-}
+}

src/pages/GLQ/WebGLQ/SecurityPolicyInfo/index.tsx

@@ -1,9 +1,34 @@
-import styles from './index.less';
+import ContentWarp from '@/components/ContentWarp';
+import styles from '../../index.less';
+import ButtonComp from '@/components/ButtonComp';
+import { useState } from 'react';
 
+// 网络GLQ配置 --> 获取配置信息--> 获取安全策略
 export default function Page() {
+  const [htmlText, setHtmlText] = useState('<div>文本内容</div>')
+  
   return (
-    <div>
+    <div className={styles.params_warp}>
-      {'网络GLQ配置 --> 获取配置信息--> 安全策略信息'}
+      <ContentWarp text={'获取网络配置'}>
+        <div className='pd20'>被控端报文过滤策略配置情况</div>
+        <div className='line'></div>
+        <div className='pd20 pb100'>
+          <div className={styles.html_con}>
+            <div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
+          </div>
+          <div className={styles.btn_warp}>
+            <div className='mr20'>
+              <ButtonComp text={'发送命令'} onClick={() => { }} />
+            </div>
+            <div className='mr20'>
+              <ButtonComp type={'cancel'} text={'文件另存'} onClick={() => { }} />
+            </div>
+            <ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
+          </div>
+        </div>
+      </ContentWarp>
     </div>
   );
 }
+
+

src/pages/GLQ/WebGLQ/ServiceListInfo/index.tsx

@@ -1,9 +1,33 @@
-import styles from './index.less';
+import ContentWarp from '@/components/ContentWarp';
+import styles from '../../index.less';
+import ButtonComp from '@/components/ButtonComp';
+import { useState } from 'react';
 
+// 网络GLQ配置 --> 获取配置信息--> 服务列表信息
 export default function Page() {
+  const [htmlText, setHtmlText] = useState('<div>文本内容</div>')
+  
   return (
-    <div>
+    <div className={styles.params_warp}>
-      {'网络GLQ配置 --> 获取配置信息--> 服务列表信息'}
+      <ContentWarp text={'获取服务列表'}>
+        <div className='pd20'>获取被控端服务列表情况</div>
+        <div className='line'></div>
+        <div className='pd20 pb100'>
+          <div className={styles.html_con}>
+            <div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
+          </div>
+          <div className={styles.btn_warp}>
+            <div className='mr20'>
+              <ButtonComp text={'发送命令'} onClick={() => { }} />
+            </div>
+            <div className='mr20'>
+              <ButtonComp type={'cancel'} text={'文件另存'} onClick={() => { }} />
+            </div>
+            <ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
+          </div>
+        </div>
+      </ContentWarp>
     </div>
   );
 }
+

src/pages/GLQ/WebGLQ/VpnPolicyInfo/index.tsx

@@ -1,9 +1,32 @@
-import styles from './index.less';
+import ContentWarp from '@/components/ContentWarp';
+import styles from '../../index.less';
+import ButtonComp from '@/components/ButtonComp';
+import { useState } from 'react';
 
+// 网络GLQ配置 --> 获取配置信息--> VPN策略信息
 export default function Page() {
+  const [htmlText, setHtmlText] = useState('<div>文本内容</div>')
+  
   return (
-    <div>
+    <div className={styles.params_warp}>
-      {'网络GLQ配置 --> 获取配置信息--> VPN策略信息'}
+      <ContentWarp text={'获取VPN策略'}>
+        <div className='pd20'>被控端VPN过滤策略配置情况</div>
+        <div className='line'></div>
+        <div className='pd20 pb100'>
+          <div className={styles.html_con}>
+            <div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
+          </div>
+          <div className={styles.btn_warp}>
+            <div className='mr20'>
+              <ButtonComp text={'发送命令'} onClick={() => { }} />
+            </div>
+            <div className='mr20'>
+              <ButtonComp type={'cancel'} text={'文件另存'} onClick={() => { }} />
+            </div>
+            <ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
+          </div>
+        </div>
+      </ContentWarp>
     </div>
   );
 }

src/pages/GLQ/WebGLQ/firewallPolicyInfo/index.tsx

@@ -1,9 +1,32 @@
-import styles from './index.less';
+import ContentWarp from '@/components/ContentWarp';
+import styles from '../../index.less';
+import ButtonComp from '@/components/ButtonComp';
+import { useState } from 'react';
 
+// 网络GLQ配置 --> 获取配置信息--> 防火墙策略信息
 export default function Page() {
+  const [htmlText, setHtmlText] = useState('<div>文本内容</div>')
+  
   return (
-    <div>
+    <div className={styles.params_warp}>
-      {'网络GLQ配置 --> 获取配置信息--> 防火墙策略信息'}
+      <ContentWarp text={'获取防火墙策略'}>
+        <div className='pd20'>被控端防火墙策略配置情况</div>
+        <div className='line'></div>
+        <div className='pd20 pb100'>
+          <div className={styles.html_con}>
+            <div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
+          </div>
+          <div className={styles.btn_warp}>
+            <div className='mr20'>
+              <ButtonComp text={'发送命令'} onClick={() => { }} />
+            </div>
+            <div className='mr20'>
+              <ButtonComp type={'cancel'} text={'文件另存'} onClick={() => { }} />
+            </div>
+            <ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
+          </div>
+        </div>
+      </ContentWarp>
     </div>
   );
-}
+}