地图

src/pages/Container/Map/components/Content/branchOffice/WeiXian/index.js

@@ -0,0 +1,9 @@
+import "./index.less";
+
+function WeiXian() {
+  return (
+    <div className="branch_office_weixian">1</div>
+  );
+}
+
+export default WeiXian;

src/pages/Container/Map/components/Content/branchOffice/WeiXian/index.less

@@ -0,0 +1,3 @@
+.branch_office_weixian {
+
+}

src/pages/Container/Map/components/Content/index.js

@@ -7,6 +7,7 @@ import { branchOfficeUtilsList } from "~/pages/Container/Map/components/BottomUt
 import { portUtilsList } from "~/pages/Container/Map/components/BottomUtils/portUtilsList";
 import BranchOfficeIndexLeft from "~/pages/Container/Map/components/Content/branchOffice/IndexLeft";
 import BranchOfficeIndexRight from "~/pages/Container/Map/components/Content/branchOffice/IndexRight";
+import BranchWeiXian from "~/pages/Container/Map/components/Content/branchOffice/WeiXian";
 import IndexInfo from "~/pages/Container/Map/components/Content/IndexInfo";
 import PortFengBi from "~/pages/Container/Map/components/Content/port/FengBi";
 import PortIndex from "~/pages/Container/Map/components/Content/port/Index";
@@ -47,16 +48,16 @@ function Content() {
 
   const renderBranchOfficeContentLeft = () => {
     const bottomUtilsCurrentType = bottomUtilsCurrentIndex !== -1 ? branchOfficeUtilsList[bottomUtilsCurrentIndex].type : "";
-    if (bottomUtilsCurrentType === "") {
+    if (bottomUtilsCurrentType === "")
       return <BranchOfficeIndexLeft />;
-    }
+    if (bottomUtilsCurrentType === "danger")
+      return <BranchWeiXian />;
   };
 
   const renderBranchOfficeContentRight = () => {
     const bottomUtilsCurrentType = bottomUtilsCurrentIndex !== -1 ? branchOfficeUtilsList[bottomUtilsCurrentIndex].type : "";
-    if (bottomUtilsCurrentType === "") {
+    if (bottomUtilsCurrentType === "")
       return <BranchOfficeIndexRight />;
-    }
   };
 
   const renderContent = () => {

src/pages/Container/Map/components/Content/port/FengBi/index.js

@@ -72,7 +72,7 @@ function FengBi() {
   };
 
   return (
-    <div className="fengbi">
+    <div className="port_fengbi">
       <div className="block1">
         <Title title="口门统计" />
         <div className="options">

src/pages/Container/Map/components/Content/port/FengBi/index.less

@@ -1,4 +1,4 @@
-.fengbi {
+.port_fengbi {
   .tabs-style() {
     display: flex;
 

src/pages/Container/Map/components/Content/port/MenJin/index.js

@@ -97,7 +97,7 @@ const MenJin = () => {
   });
 
   return (
-    <div className="menjin">
+    <div className="port_menjin">
       <div className="block1">
         <Title title="口门统计" />
         <div className="options">

src/pages/Container/Map/components/Content/port/MenJin/index.less

@@ -1,4 +1,4 @@
-.menjin {
+.port_menjin {
   .block1 {
     background-image: linear-gradient(to bottom,
     rgba(0, 0, 0, 0),

src/pages/Container/Map/components/Content/port/QiXiang/index.js

@@ -89,7 +89,7 @@ const QiXiang = () => {
   }, []);
 
   return (
-    <div className="qixiang">
+    <div className="port_qixiang">
       <div className="block1">
         <Title title="气象监测数据" />
         <div className="options">

src/pages/Container/Map/components/Content/port/QiXiang/index.less

@@ -1,4 +1,4 @@
-.qixiang {
+.port_qixiang {
   .block1 {
     background-image: linear-gradient(to bottom,
     rgba(0, 0, 0, 0),

src/pages/Container/Map/components/Content/port/RenYuan/index.js

@@ -43,7 +43,7 @@ const RenYuan = () => {
   ]);
 
   return (
-    <div className="renyuan">
+    <div className="port_renyuan">
       <div className="block1">
         <Title title="定位基础信息" />
         <div className="options">

src/pages/Container/Map/components/Content/port/RenYuan/index.less

@@ -1,4 +1,4 @@
-.renyuan {
+.port_renyuan {
   .block1 {
     background-image: linear-gradient(to bottom,
     rgba(0, 0, 0, 0),

src/pages/Container/Map/components/Content/port/WeiXian/index.js

@@ -63,7 +63,7 @@ const WeiXian = () => {
   });
 
   return (
-    <div className="weixian">
+    <div className="port_weixian">
       <div className="block1">
         <Title title="安全作业状态统计" />
         <div className="options">

src/pages/Container/Map/components/Content/port/WeiXian/index.less

@@ -1,4 +1,4 @@
-.weixian {
+.port_weixian {
   .block1 {
     background-image: linear-gradient(to bottom,
     rgba(0, 0, 0, 0),

src/pages/Container/Map/components/Content/port/XiaoFang/index.js

@@ -87,7 +87,7 @@ const XiaoFang = () => {
   };
 
   return (
-    <div className="xiaofang">
+    <div className="port_xiaofang">
       <div className="block1">
         <Title title="消防设备查询" />
         <div className="content">

src/pages/Container/Map/components/Content/port/XiaoFang/index.less

@@ -1,4 +1,4 @@
-.xiaofang {
+.port_xiaofang {
   .block1 {
     background-image: linear-gradient(to bottom,
     rgba(0, 0, 0, 0),

src/pages/Container/Map/components/Content/port/ZhongDian/index.js

@@ -24,7 +24,7 @@ const ZhongDian = () => {
   ]);
 
   return (
-    <div className="zhongdian">
+    <div className="port_zhongdian">
       <div className="block1">
         <Title title="视频定位" />
         <div className="options">

src/pages/Container/Map/components/Content/port/ZhongDian/index.less

@@ -1,4 +1,4 @@
-.zhongdian {
+.port_zhongdian {
   .block1 {
     background-image: linear-gradient(to bottom,
     rgba(0, 0, 0, 0),