diff --git a/angular.json b/angular.json index 092f3b7..08c357a 100644 --- a/angular.json +++ b/angular.json @@ -26,13 +26,18 @@ "aot": true, "assets": [ "src/favicon.ico", - "src/assets" + "src/assets", + { + "glob": "**/*", + "input": "./node_modules/@ant-design/icons-angular/src/inline-svg/", + "output": "/assets/" + } ], "styles": [ "src/styles.scss", "./node_modules/swiper/css/swiper.min.css", "./node_modules/viewerjs/dist/viewer.css", - "node_modules/ng-zorro-antd/ng-zorro-antd.min.css" + "src/theme.less" ], "scripts": [ "node_modules/echarts/dist/echarts.js", diff --git a/proxy.config.json b/proxy.config.json index c4016f0..fc43b3f 100644 --- a/proxy.config.json +++ b/proxy.config.json @@ -1,6 +1,6 @@ { "/api": { - "target": "http://39.106.78.171:8900", + "target": "http://39.106.78.171:8906", "secure": false, "changeOrigin": true } diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index c8e1abc..61196b3 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -7,7 +7,6 @@ import { NavigationComponent } from './navigation/navigation.component'; //路由守卫 import { AuthGuard } from './auth.guard' import { HomeComponent } from './pages/home/home.component'; -import { ThreeHomeComponent } from './three-dimensional/three-home/three-home.component'; @@ -15,7 +14,6 @@ const routes: Routes = [ { path: '', redirectTo: 'login', pathMatch: 'full' }, { path: 'login', component: LoginComponent }, //登录页 { path: 'register', component: RegisterComponent }, //注册页 - { path: 'threeDimensional', component: ThreeHomeComponent }, //三维场景 { path: '', component: HomeComponent, children: [ { path: 'home', loadChildren: () => import('./pages/pages.module').then(m => m.PagesModule) } diff --git a/src/app/app.component.spec.ts b/src/app/app.component.spec.ts deleted file mode 100644 index 6ee0c27..0000000 --- a/src/app/app.component.spec.ts +++ /dev/null @@ -1,35 +0,0 @@ -import { TestBed, async } from '@angular/core/testing'; -import { RouterTestingModule } from '@angular/router/testing'; -import { AppComponent } from './app.component'; - -describe('AppComponent', () => { - beforeEach(async(() => { - TestBed.configureTestingModule({ - imports: [ - RouterTestingModule - ], - declarations: [ - AppComponent - ], - }).compileComponents(); - })); - - it('should create the app', () => { - const fixture = TestBed.createComponent(AppComponent); - const app = fixture.debugElement.componentInstance; - expect(app).toBeTruthy(); - }); - - it(`should have as title 'anxin119'`, () => { - const fixture = TestBed.createComponent(AppComponent); - const app = fixture.debugElement.componentInstance; - expect(app.title).toEqual('anxin119'); - }); - - it('should render title', () => { - const fixture = TestBed.createComponent(AppComponent); - fixture.detectChanges(); - const compiled = fixture.debugElement.nativeElement; - expect(compiled.querySelector('.content span').textContent).toContain('anxin119 app is running!'); - }); -}); diff --git a/src/app/app.component.ts b/src/app/app.component.ts index b7b03ab..6d583f7 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -18,16 +18,16 @@ export class AppComponent { constructor(private http: HttpClient, private router: Router, public token: CacheTokenService, private cookieService: CookieService) { } ngOnInit(): void { - var token = this.cookieService.get("token") - var refreshToken = this.cookieService.get("refreshToken"); - if (token && refreshToken) { - this.http.post('/api/CompanyAccount/RefreshToken', { token: token, refreshToken: refreshToken }).subscribe((data: Data) => { - sessionStorage.setItem("token", data.token); - this.cookieService.set("token", data.token, null, '/'); - this.cookieService.set("refreshToken", data.refreshToken, null, '/'); - this.token.startUp() - }) - } + // var token = this.cookieService.get("token") + // var refreshToken = this.cookieService.get("refreshToken"); + // if(token && refreshToken) { + // this.http.post('/api/CompanyAccount/RefreshToken',{token: token,refreshToken: refreshToken}).subscribe((data: Data) => { + // sessionStorage.setItem("token",data.token); + // this.cookieService.set("token",data.token,null,'/'); + // this.cookieService.set("refreshToken",data.refreshToken,null,'/'); + // this.token.startUp() + // }) + // } } diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 7d59b2c..3bd559e 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -16,12 +16,10 @@ import { CacheTokenService } from './service/cache-token.service' import { TreeService } from './service/tree.service' import { CookieService } from 'ngx-cookie-service';//cookie插件 import { CountdownModule } from 'ngx-countdown'; //倒计时插件 -import { ThreeHomeComponent } from './three-dimensional/three-home/three-home.component'; @NgModule({ declarations: [ AppComponent, - ThreeHomeComponent ], imports: [ BrowserModule, diff --git a/src/app/auth.guard.ts b/src/app/auth.guard.ts index f7ef4f8..ac887e4 100644 --- a/src/app/auth.guard.ts +++ b/src/app/auth.guard.ts @@ -14,8 +14,11 @@ export class AuthGuard implements CanActivate { // 路由守卫 canActivate(next: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean { - - return this.checkLogin(); + console.log('路由守卫',next.data) + if(next.data.permission == 'xxxx'){ + return true; + } + // return this.checkLogin(); } checkLogin(): boolean { @@ -28,6 +31,7 @@ export class AuthGuard implements CanActivate { //如果没有token,跳转登录页 this.router.navigate(['/login']); + return false; } } diff --git a/src/app/pages/home/home.component.html b/src/app/pages/home/home.component.html index 3bba4b6..b85b4b2 100644 --- a/src/app/pages/home/home.component.html +++ b/src/app/pages/home/home.component.html @@ -3,13 +3,13 @@
-
  • +
  • 三维预案
    • -
  • +
  • 今日预警
    • -
  • +
  • 违规记录
    • diff --git a/src/app/pages/home/home.component.scss b/src/app/pages/home/home.component.scss index fb97e46..297370f 100644 --- a/src/app/pages/home/home.component.scss +++ b/src/app/pages/home/home.component.scss @@ -2,10 +2,23 @@ width: 100%; height: 100%; overflow: hidden; + background: #001f3e; } .menu{ - height: 64px; + height: 52px; width: 100%; display: flex; justify-content: center; + align-items: center; + font-size: 17px; + li{ + width: 10%; + height: 52px; + line-height: 52px; + text-align: center; + cursor: pointer; + } } +.router-link-active{ + background-image: linear-gradient(to right, #052D5A , #0B416F,#136B93,#1F7C93,#136B93,#0B416F,#052D5A); +} \ No newline at end of file diff --git a/src/app/pages/login/login.component.ts b/src/app/pages/login/login.component.ts index f9fff1b..0c89426 100644 --- a/src/app/pages/login/login.component.ts +++ b/src/app/pages/login/login.component.ts @@ -43,20 +43,22 @@ export class LoginComponent implements OnInit { this.validateForm.controls[i].updateValueAndValidity(); } // console.log(this.validateForm) - this.http.post('/api/CompanyAccount/SignIn', { - name: this.validateForm.value.userName, + this.http.post('/api/TokenAuth/Authenticate', { + userNameOrEmailAddress: this.validateForm.value.userName, password: this.validateForm.value.password }).subscribe( - (data: Data) => { - sessionStorage.setItem("isDefaultPassword", data.isDefaultPassword); - sessionStorage.setItem("token", data.token); - this.cookieService.set("token", data.token, null, '/'); - this.cookieService.set("refreshToken", data.refreshToken, null, '/'); + (data: any) => { + console.log('登陆成功',data) + // sessionStorage.setItem("isDefaultPassword", data.isDefaultPassword); + sessionStorage.setItem("token", data.result.accessToken); + + this.cookieService.set("token", data.result.accessToken, null, '/'); + this.cookieService.set("refreshToken", data.result.encryptedAccessToken, null, '/'); this.router.navigate(['/home/plan']) //调用服务中的function刷新token - this.token.startUp() + // this.token.startUp() }, - (err) => { this.errmsg = err } + (err) => { this.errmsg = err.error.details } ) } diff --git a/src/app/pages/pages-routing.module.ts b/src/app/pages/pages-routing.module.ts index f7637f8..3b93bd2 100644 --- a/src/app/pages/pages-routing.module.ts +++ b/src/app/pages/pages-routing.module.ts @@ -3,10 +3,10 @@ import { NgModule } from '@angular/core'; import { PlanComponent } from './plan/plan.component'; import { TodayWarningComponent } from './today-warning/today-warning.component'; import { CriminalRecordsComponent } from './criminal-records/criminal-records.component'; - +import {AuthGuard} from '../auth.guard' const routes: Routes = [ - { path: 'plan', component: PlanComponent }, + { path: 'plan', component: PlanComponent , data: { permission: 'xxxx' },canActivate: [AuthGuard]}, { path: 'warning', component: TodayWarningComponent }, { path: 'records', component: CriminalRecordsComponent } ]; diff --git a/src/app/pages/pages.module.ts b/src/app/pages/pages.module.ts index 5125e58..506d526 100644 --- a/src/app/pages/pages.module.ts +++ b/src/app/pages/pages.module.ts @@ -57,6 +57,10 @@ import { PlanComponent } from './plan/plan.component'; import { PagesRoutingModule } from './pages-routing.module'; import { TodayWarningComponent } from './today-warning/today-warning.component'; import { CriminalRecordsComponent } from './criminal-records/criminal-records.component'; + +import { NzSelectModule } from 'ng-zorro-antd/select'; +import { NzDatePickerModule } from 'ng-zorro-antd/date-picker'; +import { NzIconModule } from 'ng-zorro-antd/icon'; @NgModule({ declarations: [LoginComponent, RegisterComponent, HomeComponent, PlanComponent, TodayWarningComponent, CriminalRecordsComponent,], imports: [ @@ -67,41 +71,6 @@ import { CriminalRecordsComponent } from './criminal-records/criminal-records.co CdkTableModule, CdkTreeModule, DragDropModule, - // MatAutocompleteModule, - // MatBadgeModule, - // MatBottomSheetModule, - // MatButtonModule, - // MatButtonToggleModule, - // MatCardModule, - // MatCheckboxModule, - // MatChipsModule, - // MatStepperModule, - // MatDatepickerModule, - // MatDialogModule, - // MatDividerModule, - // MatExpansionModule, - // MatGridListModule, - // MatIconModule, - // MatInputModule, - // MatListModule, - // MatMenuModule, - // MatNativeDateModule, - // MatPaginatorModule, - // MatProgressBarModule, - // MatProgressSpinnerModule, - // MatRadioModule, - // MatRippleModule, - // MatSelectModule, - // MatSidenavModule, - // MatSliderModule, - // MatSlideToggleModule, - // MatSnackBarModule, - // MatSortModule, - // MatTableModule, - // MatTabsModule, - // MatToolbarModule, - // MatTooltipModule, - // MatTreeModule, // PortalModule, // ScrollingModule, FormsModule, @@ -110,7 +79,10 @@ import { CriminalRecordsComponent } from './criminal-records/criminal-records.co NzFormModule, NzInputModule, UiModule, - NzButtonModule + NzButtonModule, + NzSelectModule, + NzDatePickerModule, + NzIconModule ] }) export class PagesModule { } diff --git a/src/app/pages/plan/plan.component.html b/src/app/pages/plan/plan.component.html index beaa79c..bf2dc3b 100644 --- a/src/app/pages/plan/plan.component.html +++ b/src/app/pages/plan/plan.component.html @@ -1 +1,3 @@ -

    plan works!

    +
    + +
    \ No newline at end of file diff --git a/src/app/pages/plan/plan.component.scss b/src/app/pages/plan/plan.component.scss index e69de29..ea25d2d 100644 --- a/src/app/pages/plan/plan.component.scss +++ b/src/app/pages/plan/plan.component.scss @@ -0,0 +1,7 @@ +.content{ + width: 100%; + height: 100%; + overflow: hidden; + position: relative; + canvas{ width: 100%; height: 100%; border: none; outline: none; } +} \ No newline at end of file diff --git a/src/app/pages/plan/plan.component.ts b/src/app/pages/plan/plan.component.ts index 410a5be..c74cb66 100644 --- a/src/app/pages/plan/plan.component.ts +++ b/src/app/pages/plan/plan.component.ts @@ -1,4 +1,5 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, ElementRef, OnInit } from '@angular/core'; +import { Game } from 'src/app/babylon/game'; @Component({ selector: 'app-plan', @@ -7,9 +8,20 @@ import { Component, OnInit } from '@angular/core'; }) export class PlanComponent implements OnInit { - constructor() { } + constructor(private element: ElementRef,) { } + + static instance: PlanComponent; + public game: Game = new Game(); + public canvas: HTMLCanvasElement; //canvas 实例 ngOnInit(): void { + PlanComponent.instance = this; + this.canvas = this.element.nativeElement.querySelector('#center') as HTMLCanvasElement; + this.game.init(this.canvas); + } + + ngOnDestroy(): void { //组件销毁前 销毁canvas + } } diff --git a/src/app/pages/today-warning/today-warning.component.html b/src/app/pages/today-warning/today-warning.component.html index be5524a..dde7e7e 100644 --- a/src/app/pages/today-warning/today-warning.component.html +++ b/src/app/pages/today-warning/today-warning.component.html @@ -1 +1,58 @@ -

    今日预警

    +
    +
    + 当日违规事件列表 +
    +
    + +
    + + +
    diff --git a/src/app/pages/today-warning/today-warning.component.scss b/src/app/pages/today-warning/today-warning.component.scss index e69de29..39419f5 100644 --- a/src/app/pages/today-warning/today-warning.component.scss +++ b/src/app/pages/today-warning/today-warning.component.scss @@ -0,0 +1,39 @@ +.warningbox{ + width: 100%; + height: 100%; + .title{ + width: 100%; + height: 50px; + line-height: 50px; + } + .search{ + box-sizing: border-box; + padding: 0 36px; + width: 100%; + height: 32px; + form{ + width: 100%; + height: 32px; + } + .searchParams{ + width: 21.5%; + } + nz-date-picker{ + width: 145%; + background-color: #002552; + color: #8aacce; + } + button{ + width: 84px; + } + .submit{ + background-color: #013064; + border: 1px solid #4c8ac8; + color: #86bff3; + } + .reset{ + background-color: #010d26; + border: 1px solid #4c8ac8; + } + } +} \ No newline at end of file diff --git a/src/app/pages/today-warning/today-warning.component.ts b/src/app/pages/today-warning/today-warning.component.ts index 0d37a75..a6f9579 100644 --- a/src/app/pages/today-warning/today-warning.component.ts +++ b/src/app/pages/today-warning/today-warning.component.ts @@ -1,15 +1,29 @@ import { Component, OnInit } from '@angular/core'; - +import { FormBuilder, FormGroup, Validators } from '@angular/forms'; @Component({ selector: 'app-today-warning', templateUrl: './today-warning.component.html', styleUrls: ['./today-warning.component.scss'] }) export class TodayWarningComponent implements OnInit { - - constructor() { } + validateForm!: FormGroup; + constructor(private fb: FormBuilder) { } ngOnInit(): void { + this.validateForm = this.fb.group({ + level: [null], + type: [null], + site: [null], + datePicker: [null] + }); } + submitForm(): void { + for (const i in this.validateForm.controls) { + this.validateForm.controls[i].markAsDirty(); + this.validateForm.controls[i].updateValueAndValidity(); + } + + console.log(this.validateForm) + } } diff --git a/src/app/three-dimensional/three-dimensional.module.ts b/src/app/three-dimensional/three-dimensional.module.ts deleted file mode 100644 index 2aaa2da..0000000 --- a/src/app/three-dimensional/three-dimensional.module.ts +++ /dev/null @@ -1,99 +0,0 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { A11yModule } from '@angular/cdk/a11y'; -import { DragDropModule } from '@angular/cdk/drag-drop'; -import { PortalModule } from '@angular/cdk/portal'; -import { ScrollingModule } from '@angular/cdk/scrolling'; -import { CdkStepperModule } from '@angular/cdk/stepper'; -import { CdkTableModule } from '@angular/cdk/table'; -import { CdkTreeModule } from '@angular/cdk/tree'; -import { MatAutocompleteModule } from '@angular/material/autocomplete'; -import { MatBadgeModule } from '@angular/material/badge'; -import { MatBottomSheetModule } from '@angular/material/bottom-sheet'; -import { MatButtonModule } from '@angular/material/button'; -import { MatButtonToggleModule } from '@angular/material/button-toggle'; -import { MatCardModule } from '@angular/material/card'; -import { MatCheckboxModule } from '@angular/material/checkbox'; -import { MatStepperModule } from '@angular/material/stepper'; -import { MatChipsModule } from '@angular/material/chips'; -import { MatDatepickerModule } from '@angular/material/datepicker'; -import { MatDialogModule } from '@angular/material/dialog'; -import { MatDividerModule } from '@angular/material/divider'; -import { MatExpansionModule } from '@angular/material/expansion'; -import { MatGridListModule } from '@angular/material/grid-list'; -import { MatIconModule } from '@angular/material/icon'; -import { MatInputModule } from '@angular/material/input'; -import { MatListModule } from '@angular/material/list'; -import { MatMenuModule } from '@angular/material/menu'; -import { MatNativeDateModule, MatRippleModule } from '@angular/material/core'; -import { MatPaginatorModule } from '@angular/material/paginator'; -import { MatProgressBarModule } from '@angular/material/progress-bar'; -import { MatProgressSpinnerModule } from '@angular/material/progress-spinner'; -import { MatRadioModule } from '@angular/material/radio'; -import { MatSelectModule } from '@angular/material/select'; -import { MatSidenavModule } from '@angular/material/sidenav'; -import { MatSliderModule } from '@angular/material/slider'; -import { MatSlideToggleModule } from '@angular/material/slide-toggle'; -import { MatSnackBarModule } from '@angular/material/snack-bar'; -import { MatSortModule } from '@angular/material/sort'; -import { MatTableModule } from '@angular/material/table'; -import { MatTabsModule } from '@angular/material/tabs'; -import { MatToolbarModule } from '@angular/material/toolbar'; -import { MatTooltipModule } from '@angular/material/tooltip'; -import { MatTreeModule } from '@angular/material/tree'; -import { FormsModule, ReactiveFormsModule } from '@angular/forms'; -import { ThreeHomeComponent } from './three-home/three-home.component'; - - - -@NgModule({ - declarations: [ThreeHomeComponent], - imports: [ - CommonModule, - A11yModule, - DragDropModule, - PortalModule, - ScrollingModule, - CdkStepperModule, - CdkTableModule, - CdkTreeModule, - MatAutocompleteModule, - MatBadgeModule, - MatBottomSheetModule, - MatButtonModule, - MatButtonToggleModule, - MatCardModule, - MatCheckboxModule, - MatChipsModule, - MatStepperModule, - MatDatepickerModule, - MatDialogModule, - MatDividerModule, - MatExpansionModule, - MatGridListModule, - MatIconModule, - MatInputModule, - MatListModule, - MatMenuModule, - MatNativeDateModule, - MatRippleModule, - MatPaginatorModule, - MatProgressBarModule, - MatProgressSpinnerModule, - MatRadioModule, - MatSelectModule, - MatSidenavModule, - MatSliderModule, - MatSlideToggleModule, - MatSnackBarModule, - MatSortModule, - MatTableModule, - MatTabsModule, - MatToolbarModule, - MatTooltipModule, - MatTreeModule, - FormsModule, - ReactiveFormsModule, - ] -}) -export class ThreeDimensionalModule { } diff --git a/src/app/three-dimensional/three-home/three-home.component.html b/src/app/three-dimensional/three-home/three-home.component.html deleted file mode 100644 index bf2dc3b..0000000 --- a/src/app/three-dimensional/three-home/three-home.component.html +++ /dev/null @@ -1,3 +0,0 @@ -
    - -
    \ No newline at end of file diff --git a/src/app/three-dimensional/three-home/three-home.component.scss b/src/app/three-dimensional/three-home/three-home.component.scss deleted file mode 100644 index ea25d2d..0000000 --- a/src/app/three-dimensional/three-home/three-home.component.scss +++ /dev/null @@ -1,7 +0,0 @@ -.content{ - width: 100%; - height: 100%; - overflow: hidden; - position: relative; - canvas{ width: 100%; height: 100%; border: none; outline: none; } -} \ No newline at end of file diff --git a/src/app/three-dimensional/three-home/three-home.component.ts b/src/app/three-dimensional/three-home/three-home.component.ts deleted file mode 100644 index a404788..0000000 --- a/src/app/three-dimensional/three-home/three-home.component.ts +++ /dev/null @@ -1,23 +0,0 @@ -import { Component, ElementRef, OnInit } from '@angular/core'; -import { Game } from 'src/app/babylon/game'; - -@Component({ - selector: 'app-three-home', - templateUrl: './three-home.component.html', - styleUrls: ['./three-home.component.scss'] -}) -export class ThreeHomeComponent implements OnInit { - - constructor(private element: ElementRef,) { } - - static instance: ThreeHomeComponent; - public game: Game = new Game(); - public canvas: HTMLCanvasElement; //canvas 实例 - - ngOnInit(): void { - ThreeHomeComponent.instance = this; - this.canvas = this.element.nativeElement.querySelector('#center') as HTMLCanvasElement; - this.game.init(this.canvas); - } - -} diff --git a/src/app/ui/tabbar/tabbar.component.html b/src/app/ui/tabbar/tabbar.component.html index 414b3f3..02a2b57 100644 --- a/src/app/ui/tabbar/tabbar.component.html +++ b/src/app/ui/tabbar/tabbar.component.html @@ -1,15 +1,18 @@
    - 中国石化 + 中化科学至上
    - - + {{time}} + + | + + 用户名 - 用户头像 + 头像
      diff --git a/src/app/ui/tabbar/tabbar.component.scss b/src/app/ui/tabbar/tabbar.component.scss index a9a1c9a..29e901a 100644 --- a/src/app/ui/tabbar/tabbar.component.scss +++ b/src/app/ui/tabbar/tabbar.component.scss @@ -1,9 +1,23 @@ .box{ width: 100%; - height: 62px; + height: 52px; background-image: linear-gradient(#001530, #051C3C ,#162f50, #243c55); display: flex; justify-content: space-between; align-items: center; color: #fff; + box-sizing: border-box; + padding: 0 20px; + color: #8aacce; +} +.boxleft{ + font-size: 18px; + font-weight: 500; + // text-shadow: 0px 0px 2px #8df; + color: rgb(255, 255, 255); +} +.boxright{ + span{ + font-size: 15px; + } } diff --git a/src/app/ui/tabbar/tabbar.component.ts b/src/app/ui/tabbar/tabbar.component.ts index cdba3e1..0e0866c 100644 --- a/src/app/ui/tabbar/tabbar.component.ts +++ b/src/app/ui/tabbar/tabbar.component.ts @@ -25,11 +25,6 @@ export class TabbarComponent implements OnInit { },1000); } - //进入 三维场景 - initThreeDimensional() { - this.router.navigate(['/threeDimensional']) - } - //获得时间 time:string getTime() { @@ -60,24 +55,18 @@ export class TabbarComponent implements OnInit { signOut() { let out = confirm("您确定要退出吗") if (out) { - this.http.post('/api/CompanyAccount/SignOut', {}).subscribe( - data => { - this.token.delete() - sessionStorage.clear() - window.localStorage.clear() - this.cookieService.set("token", '', new Date(new Date().getTime() + 1), '/'); - this.cookieService.set("refreshToken", '', new Date(new Date().getTime() + 1), '/'); - this.router.navigate(['/login']) - } - ) + this.token.delete() + sessionStorage.clear() + window.localStorage.clear() + this.cookieService.set("token", '', new Date(new Date().getTime() + 1), '/'); + this.cookieService.set("refreshToken", '', new Date(new Date().getTime() + 1), '/'); + this.router.navigate(['/login']) } } //修改密码 changpsw() { - let dialogRef = this.dialog.open(ChangepasswordComponent, - { width: '348px' }); - + let dialogRef = this.dialog.open(ChangepasswordComponent,{ width: '348px' }); dialogRef.afterClosed().subscribe(); } diff --git a/src/main.ts b/src/main.ts index 611c343..75e9ba9 100644 --- a/src/main.ts +++ b/src/main.ts @@ -3,9 +3,12 @@ import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; import { AppModule } from './app/app.module'; import { environment } from './environments/environment'; - +import { registerLocaleData } from '@angular/common'; +import zh from '@angular/common/locales/zh'; +registerLocaleData(zh); if (environment.production) { enableProdMode(); + } // window['CESIUM_BASE_URL'] = 'src/assets/cesium'; diff --git a/src/styles.scss b/src/styles.scss index 007f456..c265462 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -1,4 +1,4 @@ -@import "~ng-zorro-antd/ng-zorro-antd.min.css"; +// @import "~ng-zorro-antd/ng-zorro-antd.min.css"; html, body { width: 100%; diff --git a/src/theme.less b/src/theme.less new file mode 100644 index 0000000..9003308 --- /dev/null +++ b/src/theme.less @@ -0,0 +1,28 @@ +@import "../node_modules/ng-zorro-antd/ng-zorro-antd.less"; + +// @component-background: #002552; + +@border-color-base: #8aacce; + +// @text-color: #8aacce; +@text-color: #8aacce; +// @select-item-selected-bg: red; + + + +@select-background:#002552; + +.ant-select-arrow { + color: #8aacce; +} +.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{ + border-radius: 0px; +} +.ant-picker{ + border-radius: 0px; +} + +@input-placeholder-color: #8aacce; +.ant-picker-suffix{ + color: #8aacce; +} \ No newline at end of file