Kaynağa Gözat

设备控制的修改

zhaojijng 3 yıl önce
ebeveyn
işleme
ccd08b272e
1 değiştirilmiş dosya ile 11 ekleme ve 6 silme
  1. 11 6
      src/components/map/index.tsx

+ 11 - 6
src/components/map/index.tsx

@@ -19,7 +19,7 @@ const Map: React.FC<MapProps> = ({ type, searchText, selFloorId, render, mapList
   //   useEffect(() => {
   //     getMapListData(selFloorId);
   //   }, [selFloorId]);
-
+  console.log('map-shuxin');
   const [startPageX, setStartPageX] = useState<number>(0);
   const [startPageY, setStartPageY] = useState<number>(0);
 
@@ -28,6 +28,7 @@ const Map: React.FC<MapProps> = ({ type, searchText, selFloorId, render, mapList
   const [mscale, setMscale] = useState<number>(1);
   const [canMove, setCanMove] = useState<boolean>(false);
 
+  const [mapKey, setMapKey] = useState<number>(0);
   //   let mapWidth: number = 3000,
   //     mapHeight: number = 1200;
 
@@ -36,11 +37,11 @@ const Map: React.FC<MapProps> = ({ type, searchText, selFloorId, render, mapList
     //startPageY = event.pageY;
     setStartPageX(event.pageX);
     setStartPageY(event.pageY);
-    console.log('mouseDownEvent', startPageX, event.pageY);
+    //console.log('mouseDownEvent', startPageX, event.pageY);
     setCanMove(true);
   };
   const mouseUpEvent = (event: React.MouseEvent) => {
-    console.log('mouseUpEvent', event);
+    //console.log('mouseUpEvent', event);
     setCanMove(false);
   };
   const mouseMoveEvent = (event: React.MouseEvent) => {
@@ -49,7 +50,7 @@ const Map: React.FC<MapProps> = ({ type, searchText, selFloorId, render, mapList
       let nowPageY = event.pageY;
       setTranslateX(translateX + nowPageX - startPageX);
       setTranslateY(translateY + nowPageY - startPageY);
-      console.log('mouseMoveEvent-xx', translateX, nowPageX, startPageX);
+      //console.log('mouseMoveEvent-xx', translateX, nowPageX, startPageX);
       // console.log('mouseMoveEvent-yy', translateY, nowPageY, startPageY);
 
       setStartPageX(event.pageX);
@@ -64,14 +65,15 @@ const Map: React.FC<MapProps> = ({ type, searchText, selFloorId, render, mapList
   };
   const mapReduce = (event: React.MouseEvent) => {
     event.stopPropagation();
-    console.log('mapReduce', mscale);
+    //console.log('mapReduce', mscale);
     if (mscale > 0.3) {
       setMscale(mscale - 0.1);
     }
   };
 
+  //实现搜索 搜索时 出现结果
   useEffect(() => {
-    console.log('searchText', searchText);
+    //console.log('searchText', searchText);
     if (searchText && searchText.text) {
       let left: any = 0,
         top: any = 0;
@@ -86,6 +88,9 @@ const Map: React.FC<MapProps> = ({ type, searchText, selFloorId, render, mapList
       setTranslateY(top);
     }
   }, [searchText]);
+  useEffect(() => {
+    debugger;
+  }, [mapList]);
 
   //   useEffect(() => {// todo 要不要用呢
   //     document.querySelector('#root').addEventListener(