搜索框下拉整理..part

src/app/data-collection/data-collection.module.ts

@@ -47,10 +47,9 @@ import { AddWater, WaterCollectionComponent } from './water-collection/water-col
 import { AddFireForce, FireForceComponent, ViewDetails } from './fire-force/fire-force.component';
 import { AddLinkageForce, LinkageForcesComponent, ViewDetails2 } from './linkage-forces/linkage-forces.component';
 import { NzTreeModule } from 'ng-zorro-antd/tree';
-import { KedaSearchComponent } from '@src/modules/map/declare/KeDaSearch/keDaSearch';
 
 @NgModule({
-  declarations: [WaterCollectionComponent, FireForceComponent, LinkageForcesComponent,AddWater,AddFireForce,ViewDetails,AddLinkageForce,ViewDetails2,KedaSearchComponent],
+    declarations: [WaterCollectionComponent, FireForceComponent, LinkageForcesComponent, AddWater, AddFireForce, ViewDetails, AddLinkageForce, ViewDetails2],
     imports: [
         CommonModule,
         A11yModule,

src/modules/map/declare/KeDaSearch/keDaSearch.ts

@@ -1,37 +0,0 @@
-import { Component, OnInit, Inject } from '@angular/core';
-import { AutocompleteSelect } from '../map';
-
-
-
-@Component({
-  selector: 'keDa-Search',
-  templateUrl: './keDaSearch.html',
-  styleUrls: ['./keDaSearch.scss']
-})
-export class KedaSearchComponent {
-
-    constructor() { }
-    static instance: KedaSearchComponent
-    public searchList:AutocompleteSelect[] = []; //list
-    public leftCss:string = '0px';
-    public topCss:string = '0px';
-    public minWidthCss:string = '0px';
-
-    ngOnInit(): void {
-        KedaSearchComponent.instance = this
-    }
-
-    // input 添加监听事件
-    addDOMEvent (id:string) {
-        let input = document.getElementById(id)
-        let DOM = input.getBoundingClientRect()
-        // this.left = DOM.left
-        // this.top = DOM.top + DOM.height + 2
-        // this.minWidth = DOM.width
-    }
-
-    select(e) {
-        console.log(e)
-    }
-
-}

src/modules/map/declare/component/SearchDownListPlugins/SearchDownList.ts

@@ -0,0 +1,39 @@
+import { Component, OnInit, Inject } from '@angular/core';
+import { AutocompleteSelect } from '../../map';
+
+
+@Component({
+    selector: 'SearchDownList',
+    templateUrl: './SearchDownList.html',
+    styleUrls: ['./SearchDownList.scss']
+})
+export class SearchDownList implements OnInit {
+    private $input;
+    constructor(inputListenId: string) {
+        this.$input = document.getElementById(inputListenId);
+    }
+    public searchList: AutocompleteSelect[] = []; //list
+    public leftCss: string = '0px';
+    public topCss: string = '0px';
+    public minWidthCss: string = '0px';
+
+    ngOnInit(): void {
+    }
+
+    // input 添加监听事件
+    addDOMEvent() {
+        let input = document.getElementById(id)
+        let DOM = input.getBoundingClientRect()
+        // this.left = DOM.left
+        // this.top = DOM.top + DOM.height + 2
+        // this.minWidth = DOM.width
+    }
+
+    select(e) {
+        console.log(e)
+    }
+
+    watch() {
+        //TODO:修改leftCss ,topCss
+    }
+}

src/modules/map/declare/keda-map.ts

@@ -1,6 +1,5 @@
 import { AutocompleteSearchCallback, AutocompleteSelectCallback, HtmlRender, IAutocomplete, ICircle, IDriving, IInfoWindow, ILayer, ILngLat, IMap, IMapOptions, IMarker, IMarkerCluster, IMarkOptions, IMouseTool, IPixel, IPlaceSearch, IRenderClusterMarker, ISelf, ITileLayer, PixelRender, PlaceSearchCallback } from './map'
 import * as ObjectID from 'bson-objectid';
-import { KedaSearchComponent } from './KeDaSearch/keDaSearch';
 declare var KMap: any;
 
 class KedaBasic implements ISelf {
@@ -316,7 +315,7 @@ export class KedaAutocomplete extends KedaBasic implements IAutocomplete { //Aut
         super();
         this.component = component
         if (options && options.input != undefined) { //绑定input框搜索事件
-            KedaSearchComponent.instance.addDOMEvent(options.input)
+            //KedaSearchComponent.instance.addDOMEvent(options.input)
         }
     }
     on(eventName: string, callback: AutocompleteSelectCallback) {