编辑模式

src/routes/view.js

@@ -58,6 +58,8 @@ import ModuleEdit from './../view/3dview/ModuleEdit'
 import PanoramicMonitor from './../view/panoramicMonitor';
 import LeaderStruct from './../view/planMgmt/view/leaderStruct';
 import Graph3DModel from 'amos-iot-3dgraph/lib/view/modelMgmt';
+import Panorama from './../view/Panorama';
+
 
 const Routes = {
   // 添加 rules 路由
@@ -109,7 +111,8 @@ const Routes = {
   moduleEdit: ModuleEdit,
   // planDrill: PublishView,
   modelManage: Graph3DModel,
-  leaderStruct: LeaderStruct
+  leaderStruct: LeaderStruct,
+  panorama: Panorama,
 };
 
 const pageCompontent = key => {

src/styles/view/3dview/moduleEdit.scss

@@ -174,4 +174,9 @@
         }
     }
     
+    .editButton {
+        position: absolute;
+        bottom: 100px;
+        left: 50%;
+    }
 }
\ No newline at end of file

src/view/3dview/ModuleEdit.js

@@ -99,7 +99,8 @@ class ModuleEdit extends Component {
         monitorEquipment: [],
         video: [],
         fireEquipment: []
-      }
+      },
+      editFlag: false,//编辑模式
     };
     this.nativeProps = {
       onMouseDown: this.onMouseDown,
@@ -592,6 +593,12 @@ class ModuleEdit extends Component {
     console.log(position)
   }
 
+  editButtonChange = () => {
+    let { editFlag } = this.state;
+    editFlag = !editFlag;
+    this.setState({ editFlag })
+  }
+
   render() {
     const {
       fireEquipmentPosition,
@@ -600,7 +607,8 @@ class ModuleEdit extends Component {
       markers,
       pageType,
       pointType,
-      pointTypeArr
+      pointTypeArr,
+      editFlag
     } = this.state;
     console.log(this.state)
     console.log(this.props)
@@ -662,6 +670,9 @@ class ModuleEdit extends Component {
             {this.renderAreas()}
           </A3DDesigner> 
         </div>
+        <div className="editButton" onClick={() => this.editButtonChange()}>编辑模式</div>
+        { editFlag && 
+          <div>
               <AreaLeftTree 
               startDrow={this.startDrow} 
               treeData={this.state.treeData} 
@@ -687,6 +698,8 @@ class ModuleEdit extends Component {
               <RightEditPanel />
             </div>
           </div>
+        }
+      </div>
       
     );
   }

src/view/Panorama/index.js

+import React, { Component } from 'react';
+
+/**
+ * 全景监控
+ */
+export default class Panorama extends Component {
+  render() {
+    return <div>111</div>;
+  }
+}