基本信息详情样式

src/app/home/basic-info/unit-details/unit-details.component.html

@@ -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; ">

src/app/home/basic-info/unit-details/unit-details.component.scss

@@ -57,7 +57,14 @@
   
   .content {
     border: 1px solid;
-
+    .content-left{
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      form{
+        width: 100%;
+      }
+    }
     .mainright {
       color: #000;
       float: left;

src/app/home/basic-info/unit-details/unit-details.component.ts

@@ -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) {
 
   }
@@ -323,7 +328,18 @@ 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[] = [];

src/app/home/home.module.ts

@@ -56,6 +56,7 @@ 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,
@@ -117,7 +118,8 @@ import { ChangePasswordComponent } from './change-password/change-password.compo
     NzGridModule,
     NzRadioModule,
     NzDatePickerModule,
-    NzSpinModule
+    NzSpinModule,
+    NzUploadModule
   ],
   entryComponents: [AddroleComponent, EditroleComponent, AdduserComponent, EdituserComponent, AddorComponent, EditorComponent, ApplyComponent, ApplyLookComponent, LookTaskComponent, AllotPersonComponent]
 })