shaojiahao
/
Jinan_project
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

基本信息详情样式

非煤矿山灾害智能感知和预警系统
jingbowen 2 years ago
parent
44cc75e648
commit
cdffb7dc5b
4 changed files with 156 additions and 129 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      src/app/home/basic-info/unit-details/unit-details.component.html
  2. 11
      src/app/home/basic-info/unit-details/unit-details.component.scss
  3. 22
      src/app/home/basic-info/unit-details/unit-details.component.ts
  4. 250
      src/app/home/home.module.ts

2
src/app/home/basic-info/unit-details/unit-details.component.html
Unescape View File

@ -104,6 +104,7 @@
</nz-select>
</nz-form-control>
</nz-form-item>
</form>
</div>
<div class="content-right mainright" style="width: 50%;" id="setPosition">
@ -147,6 +148,7 @@
</div>
</div>
<div class="title">基本信息</div>
<div [ngClass]="{'form': disableds}">
<div class="formbox" #box>
<table cellspacing="0" cellpadding="0" style="border-collapse:collapse; margin: 0 auto; ">

11
src/app/home/basic-info/unit-details/unit-details.component.scss
Unescape View File

@ -54,10 +54,17 @@
border-radius: 10px;
padding-left: 10px;
}
.content {
border: 1px solid;
.content-left{
display: flex;
justify-content: center;
align-items: center;
form{
width: 100%;
}
}
.mainright {
color: #000;
float: left;

22
src/app/home/basic-info/unit-details/unit-details.component.ts
Unescape View File

@ -3,6 +3,9 @@ import { CustomReuseStrategy } from 'src/app/CustomReuseStrategy';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { NzMessageService } from 'ng-zorro-antd/message';
import { Router } from '@angular/router';
import { NzUploadFile } from 'ng-zorro-antd/upload';
import { Observable, Observer } from 'rxjs';
import { NzUploadChangeParam } from 'ng-zorro-antd/upload';
import { TreeService } from 'src/app/service/tree.service';
import { HttpClient } from '@angular/common/http';
import { asBlob } from 'html-docx-js-typescript'
@ -17,6 +20,8 @@ declare var AMap: any;
export class UnitDetailsComponent implements OnInit {
@ViewChild('box') box: ElementRef;
loading = false;
avatarUrl?: string;
constructor(private message: NzMessageService, private router: Router, private toTree: TreeService, private fb: FormBuilder, private http: HttpClient, private renderer: Renderer2, private el: ElementRef, public renderer2: Renderer2, private elementRef: ElementRef) {
}
@ -320,10 +325,21 @@ export class UnitDetailsComponent implements OnInit {
}
}
handleChange(info: NzUploadChangeParam): void { // 点击事件 - 附件上传回调
console.log('[点击事件] - 附件上传');
console.log(info);
if (info.file.status !== 'uploading') {
console.log(info.file, info.fileList);
}
if (info.file.status === 'done') {
this.message.success(`${info.file.name} file uploaded successfully`);
} else if (info.file.status === 'error') {
this.message.error(`${info.file.name} file upload failed.`);
}
}
listOfData: any[] = [];
listOfData2: any[] = [];

250
src/app/home/home.module.ts
Unescape View File

@ -1,124 +1,126 @@
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { NzDropDownModule } from 'ng-zorro-antd/dropdown';
import { HomeRoutingModule } from './home-routing.module';
import { NavComponent } from './nav/nav.component';
import { NzLayoutModule } from 'ng-zorro-antd/layout';
import { BasicInfoComponent } from './basic-info/basic-info.component';
import { TaskComponent } from './task/task.component';
import { StatisticAnalysisComponent } from './statistic-analysis/statistic-analysis.component';
import { SystemManagementComponent } from './system-management/system-management.component';
import { UserComponent } from './system-management/user/user.component';
import { RoleComponent } from './system-management/role/role.component';
import { OrComponent } from './system-management/or/or.component';
import { UnitComponent } from './basic-info/unit/unit.component';
import { UnitDetailsComponent } from './basic-info/unit-details/unit-details.component';
import { NzInputModule } from 'ng-zorro-antd/input';
import { NzIconModule } from 'ng-zorro-antd/icon';
import { ZhiIndicatorsComponent } from './task/zhi-indicators/zhi-indicators.component';
import { ZhiAuditComponent } from './task/zhi-audit/zhi-audit.component';
import { DaMonthlyTaskOverviewComponent } from './task/da-monthly-task-overview/da-monthly-task-overview.component';
import { DaSubordinateAuditComponent } from './task/da-subordinate-audit/da-subordinate-audit.component';
import { DaOneselfPlanComponent } from './task/da-oneself-plan/da-oneself-plan.component';
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 { NzProgressModule } from 'ng-zorro-antd/progress';
import { NzEmptyModule } from 'ng-zorro-antd/empty';
import { NzButtonModule } from 'ng-zorro-antd/button';
import { NzTableModule } from 'ng-zorro-antd/table';
import { NzFormModule } from 'ng-zorro-antd/form';
import { AddroleComponent } from './system-management/role/addrole/addrole.component';
import { EditroleComponent } from './system-management/role/editrole/editrole.component';
import { NzSelectModule } from 'ng-zorro-antd/select';
import { NzTreeSelectModule } from 'ng-zorro-antd/tree-select';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { NzModalModule } from 'ng-zorro-antd/modal';
import { NzMessageModule } from 'ng-zorro-antd/message';
import { AdduserComponent } from './system-management/user/adduser/adduser.component';
import { EdituserComponent } from './system-management/user/edituser/edituser.component';
import { NzPaginationModule } from 'ng-zorro-antd/pagination';
import { NzTreeModule } from 'ng-zorro-antd/tree';
import { AddorComponent } from './system-management/or/addor/addor.component';
import { EditorComponent } from './system-management/or/editor/editor.component';
import { AddUnitComponent } from './basic-info/add-unit/add-unit.component';
import { NzCollapseModule } from 'ng-zorro-antd/collapse';
import { NzPopoverModule } from 'ng-zorro-antd/popover';
import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
import { ScrollingModule } from '@angular/cdk/scrolling';
import { NzGridModule } from 'ng-zorro-antd/grid';
import { NzRadioModule } from 'ng-zorro-antd/radio';
import { ApplyComponent } from './task/station-task-apply/apply/apply.component';
import { ApplyLookComponent } from './task/station-task-apply/apply-look/apply-look.component';
import { NzDatePickerModule } from 'ng-zorro-antd/date-picker';
import { LookTaskComponent } from './task/zhi-audit/look-task/look-task.component';
import { UnitEditComponent } from './basic-info/unit-edit/unit-edit.component';
import { NzSpinModule } from 'ng-zorro-antd/spin';
import { AllotPersonComponent } from './task/da-subordinate-audit/allot-person/allot-person.component';
import { ChangePasswordComponent } from './change-password/change-password.component';
@NgModule({
declarations: [
NavComponent,
BasicInfoComponent,
TaskComponent,
StatisticAnalysisComponent,
SystemManagementComponent,
UserComponent,
RoleComponent,
OrComponent,
UnitComponent,
UnitDetailsComponent,
ZhiIndicatorsComponent,
ZhiAuditComponent,
DaMonthlyTaskOverviewComponent,
DaSubordinateAuditComponent,
DaOneselfPlanComponent,
StationTaskExecutionComponent,
StationTaskApplyComponent,
StationWeeklyPlanComponent,
AddroleComponent,
EditroleComponent,
AdduserComponent,
EdituserComponent,
AddorComponent,
EditorComponent,
AddUnitComponent,
ApplyComponent,
ApplyLookComponent,
LookTaskComponent,
UnitEditComponent,
AllotPersonComponent,
ChangePasswordComponent
],
imports: [
CommonModule,
HomeRoutingModule,
NzLayoutModule,
NzDropDownModule,
NzTableModule,
NzIconModule,
NzProgressModule,
NzEmptyModule,
NzButtonModule,
NzFormModule,
NzSelectModule,
NzTreeSelectModule,
FormsModule,
ReactiveFormsModule,
NzModalModule,
NzMessageModule,
NzInputModule,
NzPaginationModule,
NzTreeModule,
NzCollapseModule,
NzPopoverModule,
NzCheckboxModule,
ScrollingModule,
NzGridModule,
NzRadioModule,
NzDatePickerModule,
NzSpinModule
],
entryComponents: [AddroleComponent, EditroleComponent, AdduserComponent, EdituserComponent, AddorComponent, EditorComponent, ApplyComponent, ApplyLookComponent, LookTaskComponent, AllotPersonComponent]
})
export class HomeModule { }
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { NzDropDownModule } from 'ng-zorro-antd/dropdown';
import { HomeRoutingModule } from './home-routing.module';
import { NavComponent } from './nav/nav.component';
import { NzLayoutModule } from 'ng-zorro-antd/layout';
import { BasicInfoComponent } from './basic-info/basic-info.component';
import { TaskComponent } from './task/task.component';
import { StatisticAnalysisComponent } from './statistic-analysis/statistic-analysis.component';
import { SystemManagementComponent } from './system-management/system-management.component';
import { UserComponent } from './system-management/user/user.component';
import { RoleComponent } from './system-management/role/role.component';
import { OrComponent } from './system-management/or/or.component';
import { UnitComponent } from './basic-info/unit/unit.component';
import { UnitDetailsComponent } from './basic-info/unit-details/unit-details.component';
import { NzInputModule } from 'ng-zorro-antd/input';
import { NzIconModule } from 'ng-zorro-antd/icon';
import { ZhiIndicatorsComponent } from './task/zhi-indicators/zhi-indicators.component';
import { ZhiAuditComponent } from './task/zhi-audit/zhi-audit.component';
import { DaMonthlyTaskOverviewComponent } from './task/da-monthly-task-overview/da-monthly-task-overview.component';
import { DaSubordinateAuditComponent } from './task/da-subordinate-audit/da-subordinate-audit.component';
import { DaOneselfPlanComponent } from './task/da-oneself-plan/da-oneself-plan.component';
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 { NzProgressModule } from 'ng-zorro-antd/progress';
import { NzEmptyModule } from 'ng-zorro-antd/empty';
import { NzButtonModule } from 'ng-zorro-antd/button';
import { NzTableModule } from 'ng-zorro-antd/table';
import { NzFormModule } from 'ng-zorro-antd/form';
import { AddroleComponent } from './system-management/role/addrole/addrole.component';
import { EditroleComponent } from './system-management/role/editrole/editrole.component';
import { NzSelectModule } from 'ng-zorro-antd/select';
import { NzTreeSelectModule } from 'ng-zorro-antd/tree-select';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { NzModalModule } from 'ng-zorro-antd/modal';
import { NzMessageModule } from 'ng-zorro-antd/message';
import { AdduserComponent } from './system-management/user/adduser/adduser.component';
import { EdituserComponent } from './system-management/user/edituser/edituser.component';
import { NzPaginationModule } from 'ng-zorro-antd/pagination';
import { NzTreeModule } from 'ng-zorro-antd/tree';
import { AddorComponent } from './system-management/or/addor/addor.component';
import { EditorComponent } from './system-management/or/editor/editor.component';
import { AddUnitComponent } from './basic-info/add-unit/add-unit.component';
import { NzCollapseModule } from 'ng-zorro-antd/collapse';
import { NzPopoverModule } from 'ng-zorro-antd/popover';
import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
import { ScrollingModule } from '@angular/cdk/scrolling';
import { NzGridModule } from 'ng-zorro-antd/grid';
import { NzRadioModule } from 'ng-zorro-antd/radio';
import { ApplyComponent } from './task/station-task-apply/apply/apply.component';
import { ApplyLookComponent } from './task/station-task-apply/apply-look/apply-look.component';
import { NzDatePickerModule } from 'ng-zorro-antd/date-picker';
import { LookTaskComponent } from './task/zhi-audit/look-task/look-task.component';
import { UnitEditComponent } from './basic-info/unit-edit/unit-edit.component';
import { NzSpinModule } from 'ng-zorro-antd/spin';
import { AllotPersonComponent } from './task/da-subordinate-audit/allot-person/allot-person.component';
import { ChangePasswordComponent } from './change-password/change-password.component';
import { NzUploadModule } from 'ng-zorro-antd/upload';
@NgModule({
declarations: [
NavComponent,
BasicInfoComponent,
TaskComponent,
StatisticAnalysisComponent,
SystemManagementComponent,
UserComponent,
RoleComponent,
OrComponent,
UnitComponent,
UnitDetailsComponent,
ZhiIndicatorsComponent,
ZhiAuditComponent,
DaMonthlyTaskOverviewComponent,
DaSubordinateAuditComponent,
DaOneselfPlanComponent,
StationTaskExecutionComponent,
StationTaskApplyComponent,
StationWeeklyPlanComponent,
AddroleComponent,
EditroleComponent,
AdduserComponent,
EdituserComponent,
AddorComponent,
EditorComponent,
AddUnitComponent,
ApplyComponent,
ApplyLookComponent,
LookTaskComponent,
UnitEditComponent,
AllotPersonComponent,
ChangePasswordComponent
],
imports: [
CommonModule,
HomeRoutingModule,
NzLayoutModule,
NzDropDownModule,
NzTableModule,
NzIconModule,
NzProgressModule,
NzEmptyModule,
NzButtonModule,
NzFormModule,
NzSelectModule,
NzTreeSelectModule,
FormsModule,
ReactiveFormsModule,
NzModalModule,
NzMessageModule,
NzInputModule,
NzPaginationModule,
NzTreeModule,
NzCollapseModule,
NzPopoverModule,
NzCheckboxModule,
ScrollingModule,
NzGridModule,
NzRadioModule,
NzDatePickerModule,
NzSpinModule,
NzUploadModule
],
entryComponents: [AddroleComponent, EditroleComponent, AdduserComponent, EdituserComponent, AddorComponent, EditorComponent, ApplyComponent, ApplyLookComponent, LookTaskComponent, AllotPersonComponent]
})
export class HomeModule { }

Write Preview
Loading…
Cancel
Save