6 changed files with 181 additions and 181 deletions
@ -1,104 +1,103 @@ |
|||||||
import { NgModule } from '@angular/core'; |
import { NgModule } from '@angular/core'; |
||||||
import { CommonModule } from '@angular/common'; |
import { CommonModule } from '@angular/common'; |
||||||
import {A11yModule} from '@angular/cdk/a11y'; |
import { A11yModule } from '@angular/cdk/a11y'; |
||||||
import {DragDropModule} from '@angular/cdk/drag-drop'; |
import { DragDropModule } from '@angular/cdk/drag-drop'; |
||||||
import {PortalModule} from '@angular/cdk/portal'; |
import { PortalModule } from '@angular/cdk/portal'; |
||||||
import {ScrollingModule} from '@angular/cdk/scrolling'; |
import { ScrollingModule } from '@angular/cdk/scrolling'; |
||||||
import {CdkStepperModule} from '@angular/cdk/stepper'; |
import { CdkStepperModule } from '@angular/cdk/stepper'; |
||||||
import {CdkTableModule} from '@angular/cdk/table'; |
import { CdkTableModule } from '@angular/cdk/table'; |
||||||
import {CdkTreeModule} from '@angular/cdk/tree'; |
import { CdkTreeModule } from '@angular/cdk/tree'; |
||||||
import {MatAutocompleteModule} from '@angular/material/autocomplete'; |
import { MatAutocompleteModule } from '@angular/material/autocomplete'; |
||||||
import {MatBadgeModule} from '@angular/material/badge'; |
import { MatBadgeModule } from '@angular/material/badge'; |
||||||
import {MatBottomSheetModule} from '@angular/material/bottom-sheet'; |
import { MatBottomSheetModule } from '@angular/material/bottom-sheet'; |
||||||
import {MatButtonModule} from '@angular/material/button'; |
import { MatButtonModule } from '@angular/material/button'; |
||||||
import {MatButtonToggleModule} from '@angular/material/button-toggle'; |
import { MatButtonToggleModule } from '@angular/material/button-toggle'; |
||||||
import {MatCardModule} from '@angular/material/card'; |
import { MatCardModule } from '@angular/material/card'; |
||||||
import {MatCheckboxModule} from '@angular/material/checkbox'; |
import { MatCheckboxModule } from '@angular/material/checkbox'; |
||||||
import {MatChipsModule} from '@angular/material/chips'; |
import { MatChipsModule } from '@angular/material/chips'; |
||||||
import {MatStepperModule} from '@angular/material/stepper'; |
import { MatStepperModule } from '@angular/material/stepper'; |
||||||
import {MatDatepickerModule} from '@angular/material/datepicker'; |
import { MatDatepickerModule } from '@angular/material/datepicker'; |
||||||
import {MatDialogModule} from '@angular/material/dialog'; |
import { MatDialogModule } from '@angular/material/dialog'; |
||||||
import {MatDividerModule} from '@angular/material/divider'; |
import { MatDividerModule } from '@angular/material/divider'; |
||||||
import {MatExpansionModule} from '@angular/material/expansion'; |
import { MatExpansionModule } from '@angular/material/expansion'; |
||||||
import {MatGridListModule} from '@angular/material/grid-list'; |
import { MatGridListModule } from '@angular/material/grid-list'; |
||||||
import {MatIconModule} from '@angular/material/icon'; |
import { MatIconModule } from '@angular/material/icon'; |
||||||
import {MatInputModule} from '@angular/material/input'; |
import { MatInputModule } from '@angular/material/input'; |
||||||
import {MatListModule} from '@angular/material/list'; |
import { MatListModule } from '@angular/material/list'; |
||||||
import {MatMenuModule} from '@angular/material/menu'; |
import { MatMenuModule } from '@angular/material/menu'; |
||||||
import {MatNativeDateModule, MatRippleModule, MatOption} from '@angular/material/core'; |
import { MatNativeDateModule, MatRippleModule, MatOption } from '@angular/material/core'; |
||||||
import {MatPaginatorModule} from '@angular/material/paginator'; |
import { MatPaginatorModule } from '@angular/material/paginator'; |
||||||
import {MatProgressBarModule} from '@angular/material/progress-bar'; |
import { MatProgressBarModule } from '@angular/material/progress-bar'; |
||||||
import {MatProgressSpinnerModule} from '@angular/material/progress-spinner'; |
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner'; |
||||||
import {MatRadioModule} from '@angular/material/radio'; |
import { MatRadioModule } from '@angular/material/radio'; |
||||||
import {MatSelectModule} from '@angular/material/select'; |
import { MatSelectModule } from '@angular/material/select'; |
||||||
import {MatSidenavModule} from '@angular/material/sidenav'; |
import { MatSidenavModule } from '@angular/material/sidenav'; |
||||||
import {MatSliderModule} from '@angular/material/slider'; |
import { MatSliderModule } from '@angular/material/slider'; |
||||||
import {MatSlideToggleModule} from '@angular/material/slide-toggle'; |
import { MatSlideToggleModule } from '@angular/material/slide-toggle'; |
||||||
import {MatSnackBarModule} from '@angular/material/snack-bar'; |
import { MatSnackBarModule } from '@angular/material/snack-bar'; |
||||||
import {MatSortModule} from '@angular/material/sort'; |
import { MatSortModule } from '@angular/material/sort'; |
||||||
import {MatTableModule} from '@angular/material/table'; |
import { MatTableModule } from '@angular/material/table'; |
||||||
import {MatTabsModule} from '@angular/material/tabs'; |
import { MatTabsModule } from '@angular/material/tabs'; |
||||||
import {MatToolbarModule} from '@angular/material/toolbar'; |
import { MatToolbarModule } from '@angular/material/toolbar'; |
||||||
import {MatTooltipModule} from '@angular/material/tooltip'; |
import { MatTooltipModule } from '@angular/material/tooltip'; |
||||||
import {MatTreeModule} from '@angular/material/tree'; |
import { MatTreeModule } from '@angular/material/tree'; |
||||||
import { FormsModule, ReactiveFormsModule } from '@angular/forms'; |
import { FormsModule, ReactiveFormsModule } from '@angular/forms'; |
||||||
import { DataCollectionRoutingModule } from './data-collection.routing'; |
import { DataCollectionRoutingModule } from './data-collection.routing'; |
||||||
import { AddWater, WaterCollectionComponent } from './water-collection/water-collection.component'; |
import { AddWater, WaterCollectionComponent } from './water-collection/water-collection.component'; |
||||||
import { AddFireForce, FireForceComponent, ViewDetails } from './fire-force/fire-force.component'; |
import { AddFireForce, FireForceComponent, ViewDetails } from './fire-force/fire-force.component'; |
||||||
import { AddLinkageForce, LinkageForcesComponent, ViewDetails2 } from './linkage-forces/linkage-forces.component'; |
import { AddLinkageForce, LinkageForcesComponent, ViewDetails2 } from './linkage-forces/linkage-forces.component'; |
||||||
import { NzTreeModule } from 'ng-zorro-antd/tree'; |
import { NzTreeModule } from 'ng-zorro-antd/tree'; |
||||||
import { KedaSearchComponent } from '@src/modules/map/declare/KeDaSearch/keDaSearch'; |
|
||||||
|
|
||||||
@NgModule({ |
@NgModule({ |
||||||
declarations: [WaterCollectionComponent, FireForceComponent, LinkageForcesComponent,AddWater,AddFireForce,ViewDetails,AddLinkageForce,ViewDetails2,KedaSearchComponent], |
declarations: [WaterCollectionComponent, FireForceComponent, LinkageForcesComponent, AddWater, AddFireForce, ViewDetails, AddLinkageForce, ViewDetails2], |
||||||
imports: [ |
imports: [ |
||||||
CommonModule, |
CommonModule, |
||||||
A11yModule, |
A11yModule, |
||||||
CdkStepperModule, |
CdkStepperModule, |
||||||
CdkTableModule, |
CdkTableModule, |
||||||
CdkTreeModule, |
CdkTreeModule, |
||||||
DragDropModule, |
DragDropModule, |
||||||
MatAutocompleteModule, |
MatAutocompleteModule, |
||||||
MatBadgeModule, |
MatBadgeModule, |
||||||
MatBottomSheetModule, |
MatBottomSheetModule, |
||||||
MatButtonModule, |
MatButtonModule, |
||||||
MatButtonToggleModule, |
MatButtonToggleModule, |
||||||
MatCardModule, |
MatCardModule, |
||||||
MatCheckboxModule, |
MatCheckboxModule, |
||||||
MatChipsModule, |
MatChipsModule, |
||||||
MatStepperModule, |
MatStepperModule, |
||||||
MatDatepickerModule, |
MatDatepickerModule, |
||||||
MatDialogModule, |
MatDialogModule, |
||||||
MatDividerModule, |
MatDividerModule, |
||||||
MatExpansionModule, |
MatExpansionModule, |
||||||
MatGridListModule, |
MatGridListModule, |
||||||
MatIconModule, |
MatIconModule, |
||||||
MatInputModule, |
MatInputModule, |
||||||
MatListModule, |
MatListModule, |
||||||
MatMenuModule, |
MatMenuModule, |
||||||
MatNativeDateModule, |
MatNativeDateModule, |
||||||
MatPaginatorModule, |
MatPaginatorModule, |
||||||
MatProgressBarModule, |
MatProgressBarModule, |
||||||
MatProgressSpinnerModule, |
MatProgressSpinnerModule, |
||||||
MatRadioModule, |
MatRadioModule, |
||||||
MatRippleModule, |
MatRippleModule, |
||||||
MatSelectModule, |
MatSelectModule, |
||||||
MatSidenavModule, |
MatSidenavModule, |
||||||
MatSliderModule, |
MatSliderModule, |
||||||
MatSlideToggleModule, |
MatSlideToggleModule, |
||||||
MatSnackBarModule, |
MatSnackBarModule, |
||||||
MatSortModule, |
MatSortModule, |
||||||
MatTableModule, |
MatTableModule, |
||||||
MatTabsModule, |
MatTabsModule, |
||||||
MatToolbarModule, |
MatToolbarModule, |
||||||
MatTooltipModule, |
MatTooltipModule, |
||||||
MatTreeModule, |
MatTreeModule, |
||||||
PortalModule, |
PortalModule, |
||||||
ScrollingModule, |
ScrollingModule, |
||||||
FormsModule, |
FormsModule, |
||||||
ReactiveFormsModule, |
ReactiveFormsModule, |
||||||
DataCollectionRoutingModule, |
DataCollectionRoutingModule, |
||||||
NzTreeModule |
NzTreeModule |
||||||
] |
] |
||||||
}) |
}) |
||||||
export class DataCollectionModule { } |
export class DataCollectionModule { } |
||||||
|
@ -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) |
|
||||||
} |
|
||||||
|
|
||||||
} |
|
@ -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
|
||||||
|
} |
||||||
|
} |
Loading…
Reference in new issue