From 9b87cb941d7a0fb213563f965e3d3bd653a16f27 Mon Sep 17 00:00:00 2001 From: SHAOJIAHAO <55341701@qq.com> Date: Wed, 3 Aug 2022 15:08:03 +0800 Subject: [PATCH] =?UTF-8?q?[=E5=AE=8C=E5=96=84]=E4=BF=AE=E6=94=B9=E4=B8=BB?= =?UTF-8?q?=E9=A2=98=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- angular.json | 16 +++++++--------- src/app/home/home.module.ts | 6 +++++- .../statistic-analysis.component.html | 5 ++++- .../statistic-analysis.component.scss | 7 +++++++ .../system-management/role/role.component.html | 8 ++++++++ .../system-management/role/role.component.scss | 15 ++++++++++++++- src/styles.scss | 5 +++++ src/theme.less | 5 +++++ 8 files changed, 55 insertions(+), 12 deletions(-) create mode 100644 src/theme.less diff --git a/angular.json b/angular.json index a26ea44..2ede4bb 100644 --- a/angular.json +++ b/angular.json @@ -37,14 +37,14 @@ ], "styles": [ "src/styles.scss", - "node_modules/ng-zorro-antd/ng-zorro-antd.min.css" + "node_modules/ng-zorro-antd/ng-zorro-antd.min.css", + "src/theme.less" ], "scripts": [] }, "configurations": { "production": { - "budgets": [ - { + "budgets": [{ "type": "initial", "maximumWarning": "5mb", "maximumError": "5mb" @@ -55,12 +55,10 @@ "maximumError": "4kb" } ], - "fileReplacements": [ - { - "replace": "src/environments/environment.ts", - "with": "src/environments/environment.prod.ts" - } - ], + "fileReplacements": [{ + "replace": "src/environments/environment.ts", + "with": "src/environments/environment.prod.ts" + }], "outputHashing": "all" }, "development": { diff --git a/src/app/home/home.module.ts b/src/app/home/home.module.ts index 9c367f1..496edc1 100644 --- a/src/app/home/home.module.ts +++ b/src/app/home/home.module.ts @@ -22,6 +22,8 @@ import { DaOneselfPlanComponent } from './task/da-oneself-plan/da-oneself-plan.c import { StationTaskExecutionComponent } from './task/station-task-execution/station-task-execution.component'; import { StationTaskApplyComponent } from './task/station-task-apply/station-task-apply.component'; import { StationWeeklyPlanComponent } from './task/station-weekly-plan/station-weekly-plan.component'; +import { NzEmptyModule } from 'ng-zorro-antd/empty'; +import { NzButtonModule } from 'ng-zorro-antd/button'; @NgModule({ declarations: [ NavComponent, @@ -48,7 +50,9 @@ import { StationWeeklyPlanComponent } from './task/station-weekly-plan/station-w HomeRoutingModule, NzLayoutModule, NzDropDownModule, - NzIconModule + NzIconModule, + NzEmptyModule, + NzButtonModule ] }) export class HomeModule { } diff --git a/src/app/home/statistic-analysis/statistic-analysis.component.html b/src/app/home/statistic-analysis/statistic-analysis.component.html index 1056d25..a6a2170 100644 --- a/src/app/home/statistic-analysis/statistic-analysis.component.html +++ b/src/app/home/statistic-analysis/statistic-analysis.component.html @@ -1 +1,4 @@ -

功能开发中

+ +
+ +
\ No newline at end of file diff --git a/src/app/home/statistic-analysis/statistic-analysis.component.scss b/src/app/home/statistic-analysis/statistic-analysis.component.scss index e69de29..56a0555 100644 --- a/src/app/home/statistic-analysis/statistic-analysis.component.scss +++ b/src/app/home/statistic-analysis/statistic-analysis.component.scss @@ -0,0 +1,7 @@ +.box{ + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; +} \ No newline at end of file diff --git a/src/app/home/system-management/role/role.component.html b/src/app/home/system-management/role/role.component.html index eb54d90..ef40522 100644 --- a/src/app/home/system-management/role/role.component.html +++ b/src/app/home/system-management/role/role.component.html @@ -1,3 +1,11 @@
+
+ + 角色管理 + + +
+
+
\ No newline at end of file diff --git a/src/app/home/system-management/role/role.component.scss b/src/app/home/system-management/role/role.component.scss index 4df0c75..0687d7d 100644 --- a/src/app/home/system-management/role/role.component.scss +++ b/src/app/home/system-management/role/role.component.scss @@ -1,3 +1,16 @@ .box { - + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + + .header { + width: 100%; + height: 56px; + + } + + .content { + flex: 1; + } } diff --git a/src/styles.scss b/src/styles.scss index 6611369..da2f443 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -155,3 +155,8 @@ app-root { .maxHeightTreeSelect { max-height: 280px; } + +button { + + background: #2C4DC0; +} diff --git a/src/theme.less b/src/theme.less new file mode 100644 index 0000000..2396a16 --- /dev/null +++ b/src/theme.less @@ -0,0 +1,5 @@ +// -------- 引入官方提供的 less 样式入口文件 ----------- +@import "../node_modules/ng-zorro-antd/ng-zorro-antd.less"; + +// -------- 自定义参数覆盖 ----------- +@primary-color : #2C4DC0;