1

src/pages/business_envInformation/module/ComplianceManagement.js

@@ -1,5 +1,9 @@
 import React, { useState } from 'react';
 import styles from './ComplianceManagement.less';
+import PermitManagement from './secondary_menu/PermitManagement'; // 排污许可
+import RegulationCompliance from './secondary_menu/RegulationCompliance'; // 法规符合性
+import SupervisionInspection from './secondary_menu/SupervisionInspection'; // 监督检查
+import InformationDisclosure from './secondary_menu/InformationDisclosure'; // 信息公开及绿色通道
 
 const ComplianceManagement = () => {
     const [activeMenu, setActiveMenu] = useState('permit');
@@ -18,15 +22,15 @@ const ComplianceManagement = () => {
     const renderContent = () => {
         switch (activeMenu) {
             case 'permit':
-                return <div className={styles.contentPlaceholder}>排污许可内容区域</div>;
+                return <PermitManagement />;
             case 'regulation':
-                return <div className={styles.contentPlaceholder}>法规符合性内容区域</div>;
+                return <RegulationCompliance />;
             case 'inspection':
-                return <div className={styles.contentPlaceholder}>监督检查内容区域</div>;
+                return <SupervisionInspection />;
             case 'disclosure':
-                return <div className={styles.contentPlaceholder}>信息公开及绿色通道内容区域</div>;
+                return <InformationDisclosure />;
             default:
-                return <div className={styles.contentPlaceholder}>请选择菜单</div>;
+                return <PermitManagement />;
         }
     };
 

src/pages/business_envInformation/module/secondary_menu/InformationDisclosure.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import styles from './InformationDisclosure.less';
+
+const InformationDisclosure = () => {
+    return (
+        <div className={styles.container}>
+            <div className={styles.content}>待开发</div>
+        </div>
+    );
+};
+
+export default InformationDisclosure;
+

src/pages/business_envInformation/module/secondary_menu/InformationDisclosure.less

@@ -0,0 +1,15 @@
+.container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #fff;
+
+    .content {
+        font-size: 24px;
+        color: #999999;
+        font-weight: 400;
+    }
+}
+

src/pages/business_envInformation/module/secondary_menu/PermitManagement.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import styles from './PermitManagement.less';
+
+const PermitManagement = () => {
+    return (
+        <div className={styles.container}>
+            <div className={styles.content}>11待开发</div>
+        </div>
+    );
+};
+
+export default PermitManagement;
+

src/pages/business_envInformation/module/secondary_menu/PermitManagement.less

@@ -0,0 +1,15 @@
+.container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #fff;
+
+    .content {
+        font-size: 24px;
+        color: #999999;
+        font-weight: 400;
+    }
+}
+

src/pages/business_envInformation/module/secondary_menu/RegulationCompliance.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import styles from './RegulationCompliance.less';
+
+const RegulationCompliance = () => {
+    return (
+        <div className={styles.container}>
+            <div className={styles.content}>待开发</div>
+        </div>
+    );
+};
+
+export default RegulationCompliance;
+

src/pages/business_envInformation/module/secondary_menu/RegulationCompliance.less

@@ -0,0 +1,15 @@
+.container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #fff;
+
+    .content {
+        font-size: 24px;
+        color: #999999;
+        font-weight: 400;
+    }
+}
+

src/pages/business_envInformation/module/secondary_menu/SupervisionInspection.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import styles from './SupervisionInspection.less';
+
+const SupervisionInspection = () => {
+    return (
+        <div className={styles.container}>
+            <div className={styles.content}>待开发</div>
+        </div>
+    );
+};
+
+export default SupervisionInspection;
+

src/pages/business_envInformation/module/secondary_menu/SupervisionInspection.less

@@ -0,0 +1,15 @@
+.container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #fff;
+
+    .content {
+        font-size: 24px;
+        color: #999999;
+        font-weight: 400;
+    }
+}
+