Browse Source

[完善]完善输入提示

guangxi
邵佳豪 2 years ago
parent
commit
078c69cf58
  1. 2
      proxy.config.json
  2. 411
      src/app/gis-management/gis-labeling/gis-labeling.component.html
  3. 3917
      src/app/gis-management/gis-labeling/gis-labeling.component.ts
  4. 267
      src/app/gis-management/gis-management.module.ts

2
proxy.config.json

@ -1,6 +1,6 @@
{ {
"/api": { "/api": {
"target": "http://10.81.73.39:8000/", "target": "http://121.36.37.70:8201/",
"secure": false, "secure": false,
"changeOrigin": true "changeOrigin": true
} }

411
src/app/gis-management/gis-labeling/gis-labeling.component.html

@ -1,4 +1,3 @@
<div class="content"> <div class="content">
<!-- <button mat-button style="position: absolute;left: 50%;top: 0;z-index: 999;" (click)="createimg()">生成图片</button> --> <!-- <button mat-button style="position: absolute;left: 50%;top: 0;z-index: 999;" (click)="createimg()">生成图片</button> -->
<div id="map"></div> <div id="map"></div>
@ -27,35 +26,43 @@
<div class="routeHeader"> <div class="routeHeader">
<label style="bottom: 13px; left: 38px;" class="routeGISPublicIcon" (click)='clearGISRoute()'>清除路线</label> <label style="bottom: 13px; left: 38px;" class="routeGISPublicIcon" (click)='clearGISRoute()'>清除路线</label>
<label style="bottom: 13px; left: 275px;" class="routeGISPublicIcon" (click)='queryGISRoute()'>查询</label> <label style="bottom: 13px; left: 275px;" class="routeGISPublicIcon" (click)='queryGISRoute()'>查询</label>
<label style="top: 0px; right: 5px; font-size: 19px;" class="routeGISPublicIcon" (click)='closeRouteGIS()' title="关闭">×</label> <label style="top: 0px; right: 5px; font-size: 19px;" class="routeGISPublicIcon" (click)='closeRouteGIS()'
title="关闭">×</label>
<div class="routeLeft" (click)='exchangeGISRoute()'><mat-icon>import_export</mat-icon></div> <div class="routeLeft" (click)='exchangeGISRoute()'><mat-icon>import_export</mat-icon></div>
<div class="routeContent" style="margin-top: -14px;"> <div class="routeContent" style="margin-top: -14px;">
<div class="routeEveryRow"> <div class="routeEveryRow">
<label class="routeText"></label> <label class="routeText"></label>
<input type="text" list="start" [(ngModel)]="routeStart" (ngModelChange)="routeChange(0)"> <input nz-input [(ngModel)]="routeStart" (ngModelChange)="routeChange(0)" [nzAutocomplete]="auto" />
<datalist id="start"> <nz-autocomplete nzBackfill #auto>
<option *ngFor="let item of routeStartList" value="{{item.district}} {{item.name}}"> <nz-auto-option *ngFor="let item of routeStartList" [nzValue]="item.district +' ' +item.name">
</datalist> {{item.district}} {{item.name}}
<label class="routeClear" *ngIf="routeStart" (click)='deleteSearchGIS(0)'><mat-icon>highlight_off</mat-icon></label> </nz-auto-option>
</nz-autocomplete>
<label class="routeClear" *ngIf="routeStart"
(click)='deleteSearchGIS(0)'><mat-icon>highlight_off</mat-icon></label>
</div> </div>
<div class="routeEveryRow"> <div class="routeEveryRow">
<label class="routeText"></label> <label class="routeText"></label>
<input type="text" list="end" [(ngModel)]="routeEnd" (ngModelChange)="routeChange(1)"> <input nz-input [(ngModel)]="routeEnd" (ngModelChange)="routeChange(1)" [nzAutocomplete]="auto2" />
<datalist id="end"> <nz-autocomplete nzBackfill #auto2>
<option *ngFor="let item of routeEndList" value="{{item.district}} {{item.name}}"> <nz-auto-option *ngFor="let item of routeEndList" [nzValue]="item.district +' ' +item.name">
</datalist> {{item.district}} {{item.name}}
<label class="routeClear" *ngIf="routeEnd" (click)='deleteSearchGIS(1)'><mat-icon>highlight_off</mat-icon></label> </nz-auto-option>
</nz-autocomplete>
<label class="routeClear" *ngIf="routeEnd"
(click)='deleteSearchGIS(1)'><mat-icon>highlight_off</mat-icon></label>
</div> </div>
</div> </div>
</div> </div>
<div class="routeCenter" *ngIf="routes.steps.length"> <div class="routeCenter" *ngIf="routes.steps.length">
<div style="text-align: center;"> <div style="text-align: center;">
<button class="routeType" [ngClass]="{'selectRouteType': selectType}" (click)='toggleRoute(true)'>推荐方案</button> <button class="routeType" [ngClass]="{'selectRouteType': selectType}" (click)='toggleRoute(true)'>推荐方案</button>
<button class="routeType" [ngClass]="{'selectRouteType': !selectType}" (click)='toggleRoute(false)'>躲避拥堵</button> <button class="routeType" [ngClass]="{'selectRouteType': !selectType}"
(click)='toggleRoute(false)'>躲避拥堵</button>
</div> </div>
<div class="routeTypeExplain" style="text-align: center; font-weight: 550;"> <div class="routeTypeExplain" style="text-align: center; font-weight: 550;">
<label>约{{ routes.time / 60 | number:'0.0-0' }}分钟</label> <label>约{{ routes.time / 60 | number:'0.0-0' }}分钟</label>
<label>{{ routes.distance / 1000 | number:'0.1-1' }}公里</label> <label>{{ routes.distance / 1000 | number:'0.1-1' }}公里</label>
</div> </div>
<div class="routeTypeExplain" style="color: rgb(176, 180, 184); margin-top: -10px;"> <div class="routeTypeExplain" style="color: rgb(176, 180, 184); margin-top: -10px;">
<label>途径</label> <label>途径</label>
@ -64,7 +71,8 @@
<div class="routeCenterTB" title="{{routeStart}}"> <div class="routeCenterTB" title="{{routeStart}}">
<p style="background-color: #0080FF;"></p><label style="font-weight: 550;">{{routeStart}}</label> <p style="background-color: #0080FF;"></p><label style="font-weight: 550;">{{routeStart}}</label>
</div> </div>
<div class="routeCenterTB" *ngFor="let item of routes.steps" style="border-bottom: 1px solid rgb(223, 212, 212);" title="{{item.instruction}}"> <div class="routeCenterTB" *ngFor="let item of routes.steps" style="border-bottom: 1px solid rgb(223, 212, 212);"
title="{{item.instruction}}">
<p class="orientation" *ngIf="item.orientation == '西'"></p> <p class="orientation" *ngIf="item.orientation == '西'"></p>
<p class="orientation" *ngIf="item.orientation == '北'"></p> <p class="orientation" *ngIf="item.orientation == '北'"></p>
<p class="orientation" *ngIf="item.orientation == '东'"></p> <p class="orientation" *ngIf="item.orientation == '东'"></p>
@ -81,207 +89,218 @@
</div> </div>
</div> </div>
<!-- 导航路线 --> <!-- 导航路线 -->
<!-- 左侧 --> <!-- 左侧 -->
<div class="leftDiv" [ngClass]="{'leftDivShow': leftDivState,'leftDivHide': !leftDivState}"> <div class="leftDiv" [ngClass]="{'leftDivShow': leftDivState,'leftDivHide': !leftDivState}">
<app-left-working style="width: 100%;height: 100%;" (onCustomEvent)="closeDiv()" #appLeft></app-left-working> <app-left-working style="width: 100%;height: 100%;" (onCustomEvent)="closeDiv()" #appLeft></app-left-working>
</div> </div>
<img *ngIf="showLeftDiv" id="leftHide" class="leftHide publicButton" title="隐藏" [ngClass]="{'leftDivShow': leftDivState,'leftDivHide': !leftDivState}" (click)='toggleLeft(false)' src="../../../assets//images/showhide.png" alt=""> <img *ngIf="showLeftDiv" id="leftHide" class="leftHide publicButton" title="隐藏"
<img class="leftShow publicButton" title="显示" *ngIf="!leftDivState && showLeftDiv" (click)='toggleLeft(true)' src="../../../assets//images/showhide.png" alt=""> [ngClass]="{'leftDivShow': leftDivState,'leftDivHide': !leftDivState}" (click)='toggleLeft(false)'
src="../../../assets//images/showhide.png" alt="">
<img class="leftShow publicButton" title="显示" *ngIf="!leftDivState && showLeftDiv" (click)='toggleLeft(true)'
src="../../../assets//images/showhide.png" alt="">
<!-- 左侧 --> <!-- 左侧 -->
<!-- 右上角 --> <!-- 右上角 -->
<div class="rightTopBox"> <div class="rightTopBox">
<!-- <button (click)="setMaxZoom()">设置聚合范围</button> --> <!-- <button (click)="setMaxZoom()">设置聚合范围</button> -->
<div class="topbox"> <div class="topbox">
<div (click)="clickTitle(key)" *ngFor="let item of titleList;let key = index" class="titleItem" [ngClass]="{'selectedItem': key == selectedTitle}"> <div (click)="clickTitle(key)" *ngFor="let item of titleList;let key = index" class="titleItem"
<img [src]="item.iconImg" alt=""> [ngClass]="{'selectedItem': key == selectedTitle}">
<span>{{item.name}}</span> <img [src]="item.iconImg" alt="">
</div> <span>{{item.name}}</span>
</div> </div>
</div>
<div class="contantbox"> <div class="contantbox">
<div *ngIf="selectedTitle == 0" class="keyUnitBox"> <div *ngIf="selectedTitle == 0" class="keyUnitBox">
<form [formGroup]="keyUnitForm" class="inputList" (submit)='ketUnitSubmit(keyUnitForm.value)'> <form [formGroup]="keyUnitForm" class="inputList" (submit)='ketUnitSubmit(keyUnitForm.value)'>
<div style="display: flex;justify-content: space-between;align-items: center;"> <div style="display: flex;justify-content: space-between;align-items: center;">
<mat-checkbox color="primary" formControlName="allSelectedUnit" (change)="selectedAllUnit($event)">全选</mat-checkbox> <mat-checkbox color="primary" formControlName="allSelectedUnit"
<mat-icon (click)="closertdiv()">clear</mat-icon> (change)="selectedAllUnit($event)">全选</mat-checkbox>
</div> <mat-icon (click)="closertdiv()">clear</mat-icon>
<div class="inputItem"> </div>
<mat-checkbox *ngFor="let unit of units.controls;let i = index" color="primary" [formControl]="unit"> <div class="inputItem">
{{keyUnitList[i].name}} <mat-checkbox *ngFor="let unit of units.controls;let i = index" color="primary" [formControl]="unit">
</mat-checkbox> {{keyUnitList[i].name}}
</div> </mat-checkbox>
<div class="btnbox"> </div>
<div> <div class="btnbox">
<span>显示范围 : </span> <div>
<mat-form-field> <span>显示范围 : </span>
<select matNativeControl formControlName="areaUnit" [(ngModel)]="unitAreaDefault"> <mat-form-field>
<option value="-1">全部</option> <select matNativeControl formControlName="areaUnit" [(ngModel)]="unitAreaDefault">
<option value="0">当前视野范围</option> <option value="-1">全部</option>
<option value="200">200米</option> <option value="0">当前视野范围</option>
<option value="500">500米</option> <option value="200">200米</option>
<option value="1000">1000米</option> <option value="500">500米</option>
<option value="1500">1500米</option> <option value="1000">1000米</option>
<option value="2000">2000米</option> <option value="1500">1500米</option>
<option value="2500">2500米</option> <option value="2000">2000米</option>
<option value="3000">3000米</option> <option value="2500">2500米</option>
<option value="4000">4000米</option> <option value="3000">3000米</option>
<option value="5000">5000米</option> <option value="4000">4000米</option>
</select> <option value="5000">5000米</option>
</mat-form-field> </select>
</div> </mat-form-field>
<button class="submit" id="submit">确定</button>
<button class="cancel" type="button" (click)="resetUnit()">取消显示</button>
</div>
</form>
</div>
<div *ngIf="selectedTitle == 1" class="waterBox">
<form [formGroup]="watertForm" class="inputList" (submit)='waterSubmit(watertForm.value)'>
<div style="display: flex;justify-content: space-between;align-items: center;">
<mat-checkbox color="primary" formControlName="allSelectedWater" (change)="selectedAllWater($event)">全选</mat-checkbox>
<mat-icon (click)="closertdiv()">clear</mat-icon>
</div>
<div class="inputItem">
<mat-checkbox *ngFor="let water of waters.controls;let i = index" color="primary" [formControl]="water">
{{waterList[i].name}}
</mat-checkbox>
</div>
<div class="btnbox">
<div>
<span>显示范围 : </span>
<mat-form-field>
<select matNativeControl formControlName="areaWater" [(ngModel)]="waterAreaDefault">
<option value="-1">全部</option>
<option value="0">当前视野范围</option>
<option value="200">200米</option>
<option value="500">500米</option>
<option value="1000">1000米</option>
<option value="1500">1500米</option>
<option value="2000">2000米</option>
<option value="2500">2500米</option>
<option value="3000">3000米</option>
<option value="4000">4000米</option>
<option value="5000">5000米</option>
</select>
</mat-form-field>
</div>
<button class="submit" id="submit2">确定</button>
<button class="cancel" type="button" (click)="resetWater()">取消显示</button>
</div>
</form>
</div>
<div *ngIf="selectedTitle == 2" class="fireForceBox">
<form [formGroup]="fireForceForm" class="inputList" (submit)='fireForceSubmit(fireForceForm.value)'>
<div style="display: flex;justify-content: space-between;align-items: center;">
<mat-checkbox color="primary" formControlName="allSelectedFireForce" (change)="selectedAllFireForce($event)">全选</mat-checkbox>
<mat-icon (click)="closertdiv()">clear</mat-icon>
</div>
<div class="inputItem">
<mat-checkbox *ngFor="let fire of fireForce.controls;let i = index" color="primary" [formControl]="fire">
{{fireForceList[i].name}}
</mat-checkbox>
</div>
<div class="btnbox">
<div>
<span>显示范围 : </span>
<mat-form-field>
<select matNativeControl formControlName="areaFireForce" [(ngModel)]="fireForceAreaDefault">
<option value="-1">全部</option>
<option value="0">当前视野范围</option>
<option value="200">200米</option>
<option value="500">500米</option>
<option value="1000">1000米</option>
<option value="1500">1500米</option>
<option value="2000">2000米</option>
<option value="2500">2500米</option>
<option value="3000">3000米</option>
<option value="4000">4000米</option>
<option value="5000">5000米</option>
</select>
</mat-form-field>
</div>
<button class="submit" id="submit3">确定</button>
<button class="cancel" type="button" (click)="resetFireForce()">取消显示</button>
</div> </div>
</form> <button class="submit" id="submit">确定</button>
</div> <button class="cancel" type="button" (click)="resetUnit()">取消显示</button>
<div *ngIf="selectedTitle == 3" class="linkageForcesBox"> </div>
<form [formGroup]="linkageForcesForm" class="inputList" (submit)='linkageForcesSubmit(linkageForcesForm.value)'>
<div style="display: flex;justify-content: space-between;align-items: center;"> </form>
<mat-checkbox color="primary" formControlName="allSelectedLinkageForces" (change)="selectedAllLinkageForces($event)">全选</mat-checkbox> </div>
<mat-icon (click)="closertdiv()">clear</mat-icon> <div *ngIf="selectedTitle == 1" class="waterBox">
<form [formGroup]="watertForm" class="inputList" (submit)='waterSubmit(watertForm.value)'>
<div style="display: flex;justify-content: space-between;align-items: center;">
<mat-checkbox color="primary" formControlName="allSelectedWater"
(change)="selectedAllWater($event)">全选</mat-checkbox>
<mat-icon (click)="closertdiv()">clear</mat-icon>
</div>
<div class="inputItem">
<mat-checkbox *ngFor="let water of waters.controls;let i = index" color="primary" [formControl]="water">
{{waterList[i].name}}
</mat-checkbox>
</div>
<div class="btnbox">
<div>
<span>显示范围 : </span>
<mat-form-field>
<select matNativeControl formControlName="areaWater" [(ngModel)]="waterAreaDefault">
<option value="-1">全部</option>
<option value="0">当前视野范围</option>
<option value="200">200米</option>
<option value="500">500米</option>
<option value="1000">1000米</option>
<option value="1500">1500米</option>
<option value="2000">2000米</option>
<option value="2500">2500米</option>
<option value="3000">3000米</option>
<option value="4000">4000米</option>
<option value="5000">5000米</option>
</select>
</mat-form-field>
</div> </div>
<div class="inputItem">
<mat-checkbox *ngFor="let linkage of linkageForces.controls;let i = index" color="primary" [formControl]="linkage"> <button class="submit" id="submit2">确定</button>
{{linkageForcesList[i].name}} <button class="cancel" type="button" (click)="resetWater()">取消显示</button>
</mat-checkbox> </div>
</form>
</div>
<div *ngIf="selectedTitle == 2" class="fireForceBox">
<form [formGroup]="fireForceForm" class="inputList" (submit)='fireForceSubmit(fireForceForm.value)'>
<div style="display: flex;justify-content: space-between;align-items: center;">
<mat-checkbox color="primary" formControlName="allSelectedFireForce"
(change)="selectedAllFireForce($event)">全选</mat-checkbox>
<mat-icon (click)="closertdiv()">clear</mat-icon>
</div>
<div class="inputItem">
<mat-checkbox *ngFor="let fire of fireForce.controls;let i = index" color="primary" [formControl]="fire">
{{fireForceList[i].name}}
</mat-checkbox>
</div>
<div class="btnbox">
<div>
<span>显示范围 : </span>
<mat-form-field>
<select matNativeControl formControlName="areaFireForce" [(ngModel)]="fireForceAreaDefault">
<option value="-1">全部</option>
<option value="0">当前视野范围</option>
<option value="200">200米</option>
<option value="500">500米</option>
<option value="1000">1000米</option>
<option value="1500">1500米</option>
<option value="2000">2000米</option>
<option value="2500">2500米</option>
<option value="3000">3000米</option>
<option value="4000">4000米</option>
<option value="5000">5000米</option>
</select>
</mat-form-field>
</div> </div>
<div class="btnbox">
<div> <button class="submit" id="submit3">确定</button>
<span>显示范围 : </span> <button class="cancel" type="button" (click)="resetFireForce()">取消显示</button>
<mat-form-field> </div>
<select matNativeControl formControlName="areaLinkageForces" [(ngModel)]="linkageForcesAreaDefault">
<option value="-1">全部</option> </form>
<option value="0">当前视野范围</option> </div>
<option value="200">200米</option> <div *ngIf="selectedTitle == 3" class="linkageForcesBox">
<option value="500">500米</option> <form [formGroup]="linkageForcesForm" class="inputList" (submit)='linkageForcesSubmit(linkageForcesForm.value)'>
<option value="1000">1000米</option> <div style="display: flex;justify-content: space-between;align-items: center;">
<option value="1500">1500米</option> <mat-checkbox color="primary" formControlName="allSelectedLinkageForces"
<option value="2000">2000米</option> (change)="selectedAllLinkageForces($event)">全选</mat-checkbox>
<option value="2500">2500米</option> <mat-icon (click)="closertdiv()">clear</mat-icon>
<option value="3000">3000米</option> </div>
<option value="4000">4000米</option> <div class="inputItem">
<option value="5000">5000米</option> <mat-checkbox *ngFor="let linkage of linkageForces.controls;let i = index" color="primary"
</select> [formControl]="linkage">
</mat-form-field> {{linkageForcesList[i].name}}
</div> </mat-checkbox>
</div>
<button class="submit" id="submit4">确定</button> <div class="btnbox">
<button class="cancel" type="button" (click)="resetLinkageForces()">取消显示</button> <div>
<span>显示范围 : </span>
<mat-form-field>
<select matNativeControl formControlName="areaLinkageForces" [(ngModel)]="linkageForcesAreaDefault">
<option value="-1">全部</option>
<option value="0">当前视野范围</option>
<option value="200">200米</option>
<option value="500">500米</option>
<option value="1000">1000米</option>
<option value="1500">1500米</option>
<option value="2000">2000米</option>
<option value="2500">2500米</option>
<option value="3000">3000米</option>
<option value="4000">4000米</option>
<option value="5000">5000米</option>
</select>
</mat-form-field>
</div> </div>
</form> <button class="submit" id="submit4">确定</button>
<button class="cancel" type="button" (click)="resetLinkageForces()">取消显示</button>
</div>
</form>
</div>
<div *ngIf="selectedTitle == 4" class="distanceBox">
<div>
<input type="radio" name='func' [(ngModel)]="checkRadio" value='rule' (click)="measure('rule')" checked><span
class="input-text" style="margin-right: 15px;">&nbsp;距离测量</span>
<input type="radio" name='func' [(ngModel)]="checkRadio" value='measureArea'
(click)="measure('measureArea')"><span class="input-text"> &nbsp;面积测量</span>
</div> </div>
<div *ngIf="selectedTitle == 4" class="distanceBox"> <button class="clearbutton" (click)="clearnAll()">清除</button>
<div> </div>
<input type="radio" name='func' [(ngModel)]="checkRadio" value='rule' (click)="measure('rule')" checked><span class="input-text" style="margin-right: 15px;">&nbsp;距离测量</span> <div *ngIf="selectedTitle == 5" class="coverageBox">
<input type="radio" name='func' [(ngModel)]="checkRadio" value='measureArea' (click)="measure('measureArea')"><span class="input-text"> &nbsp;面积测量</span> <div class="topbox">
<span>图层</span>
<div style="display: flex;align-items: center;">
<mat-slide-toggle [(ngModel)]="satelliteModel" (change)='satelliteChange($event)' color="primary"
labelPosition='before' style="margin-right: 25px;">卫星图层</mat-slide-toggle>
<mat-slide-toggle [(ngModel)]="loadModel" (change)='loadChange($event)' color="primary"
labelPosition='before'>路网图层</mat-slide-toggle>
<mat-icon (click)="closertdiv()" style="margin-left: 10px;">clear</mat-icon>
</div> </div>
<button class="clearbutton" (click)="clearnAll()">清除</button>
</div> </div>
<div *ngIf="selectedTitle == 5" class="coverageBox"> <div class="contantbox">
<div class="topbox"> <div [ngClass]="{'selectedPattern': mapPattern}">
<span>图层</span> <img src="../../../assets/images/2D.jpg" alt="" (click)="mapPatternChange('2D')">
<div style="display: flex;align-items: center;"> <span> 2D </span>
<mat-slide-toggle [(ngModel)]="satelliteModel" (change)='satelliteChange($event)' color="primary" labelPosition='before' style="margin-right: 25px;">卫星图层</mat-slide-toggle>
<mat-slide-toggle [(ngModel)]="loadModel" (change)='loadChange($event)' color="primary" labelPosition='before'>路网图层</mat-slide-toggle>
<mat-icon (click)="closertdiv()" style="margin-left: 10px;">clear</mat-icon>
</div>
</div> </div>
<div class="contantbox"> <div [ngClass]="{'selectedPattern': !mapPattern}">
<div [ngClass]="{'selectedPattern': mapPattern}"> <img src="../../../assets/images/3D.jpg" alt="" (click)="mapPatternChange('3D')">
<img src="../../../assets/images/2D.jpg" alt="" (click)="mapPatternChange('2D')"> <span> 3D </span>
<span> 2D </span>
</div>
<div [ngClass]="{'selectedPattern': !mapPattern}">
<img src="../../../assets/images/3D.jpg" alt="" (click)="mapPatternChange('3D')">
<span> 3D </span>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- 右上角 -->
</div>
</div>
</div>
<!-- 右上角 -->
</div>

3917
src/app/gis-management/gis-labeling/gis-labeling.component.ts

File diff suppressed because it is too large Load Diff

267
src/app/gis-management/gis-management.module.ts

@ -1,121 +1,154 @@
import { NgModule } from '@angular/core'; import { NgModule } from "@angular/core";
import { CommonModule } from '@angular/common'; import { CommonModule } from "@angular/common";
import { DownloadFile, GisLabelingComponent, LookPlanDialog, ShareUrlDialog } from './gis-labeling/gis-labeling.component'; import {
import {A11yModule} from '@angular/cdk/a11y'; DownloadFile,
import {DragDropModule} from '@angular/cdk/drag-drop'; GisLabelingComponent,
import {PortalModule} from '@angular/cdk/portal'; LookPlanDialog,
import {ScrollingModule} from '@angular/cdk/scrolling'; ShareUrlDialog,
import {CdkStepperModule} from '@angular/cdk/stepper'; } from "./gis-labeling/gis-labeling.component";
import {CdkTableModule} from '@angular/cdk/table'; import { A11yModule } from "@angular/cdk/a11y";
import {CdkTreeModule} from '@angular/cdk/tree'; import { DragDropModule } from "@angular/cdk/drag-drop";
import {MatAutocompleteModule} from '@angular/material/autocomplete'; import { PortalModule } from "@angular/cdk/portal";
import {MatBadgeModule} from '@angular/material/badge'; import { ScrollingModule } from "@angular/cdk/scrolling";
import {MatBottomSheetModule} from '@angular/material/bottom-sheet'; import { CdkStepperModule } from "@angular/cdk/stepper";
import {MatButtonModule} from '@angular/material/button'; import { CdkTableModule } from "@angular/cdk/table";
import {MatButtonToggleModule} from '@angular/material/button-toggle'; import { CdkTreeModule } from "@angular/cdk/tree";
import {MatCardModule} from '@angular/material/card'; import { MatAutocompleteModule } from "@angular/material/autocomplete";
import {MatCheckboxModule} from '@angular/material/checkbox'; import { MatBadgeModule } from "@angular/material/badge";
import {MatChipsModule} from '@angular/material/chips'; import { MatBottomSheetModule } from "@angular/material/bottom-sheet";
import {MatStepperModule} from '@angular/material/stepper'; import { MatButtonModule } from "@angular/material/button";
import {MatDatepickerModule} from '@angular/material/datepicker'; import { MatButtonToggleModule } from "@angular/material/button-toggle";
import {MatDialogModule} from '@angular/material/dialog'; import { MatCardModule } from "@angular/material/card";
import {MatDividerModule} from '@angular/material/divider'; import { MatCheckboxModule } from "@angular/material/checkbox";
import {MatExpansionModule} from '@angular/material/expansion'; import { MatChipsModule } from "@angular/material/chips";
import {MatGridListModule} from '@angular/material/grid-list'; import { MatStepperModule } from "@angular/material/stepper";
import {MatIconModule} from '@angular/material/icon'; import { MatDatepickerModule } from "@angular/material/datepicker";
import {MatInputModule} from '@angular/material/input'; import { MatDialogModule } from "@angular/material/dialog";
import {MatListModule} from '@angular/material/list'; import { MatDividerModule } from "@angular/material/divider";
import {MatMenuModule} from '@angular/material/menu'; import { MatExpansionModule } from "@angular/material/expansion";
import {MatNativeDateModule, MatRippleModule, MatOption} from '@angular/material/core'; import { MatGridListModule } from "@angular/material/grid-list";
import {MatPaginatorModule} from '@angular/material/paginator'; import { MatIconModule } from "@angular/material/icon";
import {MatProgressBarModule} from '@angular/material/progress-bar'; import { MatInputModule } from "@angular/material/input";
import {MatProgressSpinnerModule} from '@angular/material/progress-spinner'; import { MatListModule } from "@angular/material/list";
import {MatRadioModule} from '@angular/material/radio'; import { MatMenuModule } from "@angular/material/menu";
import {MatSelectModule} from '@angular/material/select'; import {
import {MatSidenavModule} from '@angular/material/sidenav'; MatNativeDateModule,
import {MatSliderModule} from '@angular/material/slider'; MatRippleModule,
import {MatSlideToggleModule} from '@angular/material/slide-toggle'; MatOption,
import {MatSnackBarModule} from '@angular/material/snack-bar'; } from "@angular/material/core";
import {MatSortModule} from '@angular/material/sort'; import { MatPaginatorModule } from "@angular/material/paginator";
import {MatTableModule} from '@angular/material/table'; import { MatProgressBarModule } from "@angular/material/progress-bar";
import {MatTabsModule} from '@angular/material/tabs'; import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
import {MatToolbarModule} from '@angular/material/toolbar'; import { MatRadioModule } from "@angular/material/radio";
import {MatTooltipModule} from '@angular/material/tooltip'; import { MatSelectModule } from "@angular/material/select";
import {MatTreeModule} from '@angular/material/tree'; import { MatSidenavModule } from "@angular/material/sidenav";
import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { MatSliderModule } from "@angular/material/slider";
import { GisRoutingModule } from './gis-management-routing.module'; import { MatSlideToggleModule } from "@angular/material/slide-toggle";
import { LeftWorkingComponent } from './left-working/left-working.component'; import { MatSnackBarModule } from "@angular/material/snack-bar";
import { BasicInfoComponent } from './basic-info/basic-info.component'; import { MatSortModule } from "@angular/material/sort";
import { FunctionPartitionComponent } from './function-partition/function-partition.component'; import { MatTableModule } from "@angular/material/table";
import { FireFacilitiesComponent } from './fire-facilities/fire-facilities.component'; import { MatTabsModule } from "@angular/material/tabs";
import {ImagesData2}from './fire-facilities/imagesdata.component' import { MatToolbarModule } from "@angular/material/toolbar";
import {AllaroundComponent} from './allaround/allaround.component' import { MatTooltipModule } from "@angular/material/tooltip";
import {ImgDetails}from './allaround/imgdetails.component'; import { MatTreeModule } from "@angular/material/tree";
import {KeySiteLookComponent} from './key-site-look/key-site.component' import { FormsModule, ReactiveFormsModule } from "@angular/forms";
import {KeySiteImgs2}from './key-site-look/keysiteimgs.component' import { GisRoutingModule } from "./gis-management-routing.module";
import {RealisticPictureLookComponent} from './realistic-picture-look/realistic-picture.component' import { LeftWorkingComponent } from "./left-working/left-working.component";
import {previewImg3} from './realistic-picture-look/realistic-picture.component' import { BasicInfoComponent } from "./basic-info/basic-info.component";
import { OpenPlanToolDialog, PlanListComponent } from './plan-list/plan-list.component'; import { FunctionPartitionComponent } from "./function-partition/function-partition.component";
import { PlanManagementModule } from '../plan-management/plan-management.module'; import { FireFacilitiesComponent } from "./fire-facilities/fire-facilities.component";
import { UiModule } from '../ui/ui.module'; import { ImagesData2 } from "./fire-facilities/imagesdata.component";
import { CadDrawComponent } from './cad-draw/cad-draw.component'; import { AllaroundComponent } from "./allaround/allaround.component";
import {previewBigImg2} from './fire-facilities/imagesdata.component' import { ImgDetails } from "./allaround/imgdetails.component";
import { KeySiteLookComponent } from "./key-site-look/key-site.component";
import { KeySiteImgs2 } from "./key-site-look/keysiteimgs.component";
import { RealisticPictureLookComponent } from "./realistic-picture-look/realistic-picture.component";
import { previewImg3 } from "./realistic-picture-look/realistic-picture.component";
import {
OpenPlanToolDialog,
PlanListComponent,
} from "./plan-list/plan-list.component";
import { PlanManagementModule } from "../plan-management/plan-management.module";
import { UiModule } from "../ui/ui.module";
import { CadDrawComponent } from "./cad-draw/cad-draw.component";
import { previewBigImg2 } from "./fire-facilities/imagesdata.component";
import { NzAutocompleteModule } from "ng-zorro-antd/auto-complete";
@NgModule({ @NgModule({
declarations: [GisLabelingComponent, LeftWorkingComponent, FunctionPartitionComponent, RealisticPictureLookComponent,previewImg3,previewBigImg2, declarations: [
FireFacilitiesComponent,ImagesData2,AllaroundComponent,ImgDetails,KeySiteLookComponent,KeySiteImgs2,BasicInfoComponent,FunctionPartitionComponent,ShareUrlDialog, PlanListComponent,LookPlanDialog,DownloadFile,OpenPlanToolDialog, CadDrawComponent], GisLabelingComponent,
LeftWorkingComponent,
FunctionPartitionComponent,
RealisticPictureLookComponent,
previewImg3,
previewBigImg2,
FireFacilitiesComponent,
ImagesData2,
AllaroundComponent,
ImgDetails,
KeySiteLookComponent,
KeySiteImgs2,
BasicInfoComponent,
FunctionPartitionComponent,
ShareUrlDialog,
PlanListComponent,
LookPlanDialog,
DownloadFile,
OpenPlanToolDialog,
CadDrawComponent,
],
imports: [ imports: [
CommonModule, CommonModule,
CommonModule, CommonModule,
GisRoutingModule, GisRoutingModule,
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,
PlanManagementModule, PlanManagementModule,
UiModule UiModule,
] NzAutocompleteModule,
],
}) })
export class GISManagementModule { } export class GISManagementModule {}

Loading…
Cancel
Save