Browse Source

[完善]ui自适应完善

zhuzhou
邵佳豪 4 years ago
parent
commit
d54ff4fab4
  1. 4
      src/app/key-unit/basicinfo/basicinfo.component.ts
  2. 5
      src/app/plan-audit/plan-list/plan-list.component.html
  3. 4
      src/app/plan-audit/plan-list/plan-list.component.scss
  4. 4
      src/app/plan-audit/plan-list/plan-list.component.ts
  5. 11
      src/app/plan-audit/wait-examineer/wait-examineer.component.html
  6. 11
      src/app/plan-audit/wait-examineer/wait-examineer.component.ts
  7. 2
      src/app/tabbar/tabbar.component.html
  8. 2
      src/app/tabbar/tabbar.component.scss

4
src/app/key-unit/basicinfo/basicinfo.component.ts

@ -1102,8 +1102,8 @@ export class BasicinfoComponent implements OnInit {
} }
element.propertyInfos = arr element.propertyInfos = arr
} }
//如果当前分组没勾选 则需先去重然后重置每一个value为空 //如果当前分组没勾选 则需先去重然后重置每一个value为空 (基本信息默认都是不可选的 所以不需要清空值)
if(!element.submitted){ if(!element.submitted && element.name != '基本信息'){
const res = new Map(); const res = new Map();
element.propertyInfos = element.propertyInfos.filter((a) => !res.has(a.propertyName) && res.set(a.propertyName, 1)) element.propertyInfos = element.propertyInfos.filter((a) => !res.has(a.propertyName) && res.set(a.propertyName, 1))
element.propertyInfos.forEach(ele => { element.propertyInfos.forEach(ele => {

5
src/app/plan-audit/plan-list/plan-list.component.html

@ -1,5 +1,5 @@
<div class="planlist" id="planlist"> <div class="planlist" id="planlist">
<div style="margin: 10px 0;"> <div style="margin: 10px 0;" *ngIf="planType == 'zong'">
<mat-accordion> <mat-accordion>
<mat-expansion-panel expanded style="box-shadow: 0 0 black;border: 1px solid #EEF1F5;"> <mat-expansion-panel expanded style="box-shadow: 0 0 black;border: 1px solid #EEF1F5;">
<mat-expansion-panel-header collapsedHeight ='40px' expandedHeight='40px' style="position: relative;padding-left:20px;background: #F2F9FF;"> <mat-expansion-panel-header collapsedHeight ='40px' expandedHeight='40px' style="position: relative;padding-left:20px;background: #F2F9FF;">
@ -18,6 +18,7 @@
</mat-expansion-panel> </mat-expansion-panel>
</mat-accordion> </mat-accordion>
</div> </div>
<div *ngIf="planType == 'ceng'">
<div *ngFor="let item of allBuildings;let key=index" style="margin-bottom: 10px;"> <div *ngFor="let item of allBuildings;let key=index" style="margin-bottom: 10px;">
<mat-accordion > <mat-accordion >
<mat-expansion-panel style="box-shadow: 0 0 black;border: 1px solid #EEF1F5;"> <mat-expansion-panel style="box-shadow: 0 0 black;border: 1px solid #EEF1F5;">
@ -40,3 +41,5 @@
</mat-accordion> </mat-accordion>
</div> </div>
</div> </div>
</div>

4
src/app/plan-audit/plan-list/plan-list.component.scss

@ -21,8 +21,10 @@
padding: 20px; padding: 20px;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; // justify-content: space-between;
flex-wrap: wrap;
.contantitem{ .contantitem{
margin: 10px;
div{ div{
width: 110px; width: 110px;
height: 110px; height: 110px;

4
src/app/plan-audit/plan-list/plan-list.component.ts

@ -1,5 +1,5 @@
import { HttpClient } from '@angular/common/http'; import { HttpClient } from '@angular/common/http';
import { Component, Inject, OnInit, Renderer2, ViewChild } from '@angular/core'; import { Component, Inject, Input, OnInit, Renderer2, ViewChild } from '@angular/core';
import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog'; import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { MatSnackBar } from '@angular/material/snack-bar'; import { MatSnackBar } from '@angular/material/snack-bar';
@ -10,7 +10,7 @@ import { MatSnackBar } from '@angular/material/snack-bar';
}) })
export class PlanListComponent implements OnInit { export class PlanListComponent implements OnInit {
constructor(private http: HttpClient,public snackBar: MatSnackBar,public dialog: MatDialog) { } constructor(private http: HttpClient,public snackBar: MatSnackBar,public dialog: MatDialog) { }
@Input() public planType: any;//data名字根据引用场景自定义
//单位相关数据 //单位相关数据
unitId:any = sessionStorage.getItem('companyId') unitId:any = sessionStorage.getItem('companyId')

11
src/app/plan-audit/wait-examineer/wait-examineer.component.html

@ -97,15 +97,20 @@
</div> </div>
<div id="company"> <div id="company">
<mat-tab-group *ngIf="showtype == 3" class="company" [selectedIndex]="selected.value" (selectedIndexChange)="selected.setValue($event)"> <mat-tab-group *ngIf="showtype == 3" class="company" [selectedIndex]="selected.value" (selectedIndexChange)="selectedIndexChange($event)">
<mat-tab label="基本信息"> <mat-tab label="基本信息">
<ng-template matTabContent> <ng-template matTabContent>
<app-basic-info></app-basic-info> <app-basic-info></app-basic-info>
</ng-template> </ng-template>
</mat-tab> </mat-tab>
<mat-tab label="平面图"> <mat-tab label="平面图">
<ng-template matTabContent> <ng-template matTabContent>
<app-plan-list></app-plan-list> <app-plan-list [planType]="planTypeIndex"></app-plan-list>
</ng-template>
</mat-tab>
<mat-tab label="层平面图">
<ng-template matTabContent>
<app-plan-list [planType]="planTypeIndex"></app-plan-list>
</ng-template> </ng-template>
</mat-tab> </mat-tab>
<mat-tab label="四周毗邻"> <mat-tab label="四周毗邻">

11
src/app/plan-audit/wait-examineer/wait-examineer.component.ts

@ -77,6 +77,17 @@ export class WaitExamineerComponent implements OnInit {
this.getAlltabledate() this.getAlltabledate()
this.iframeSrc=this.sanitizer.bypassSecurityTrustResourceUrl(this.src); this.iframeSrc=this.sanitizer.bypassSecurityTrustResourceUrl(this.src);
} }
planTypeIndex //平面图类型 是总平面图还是层平面图
selectedIndexChange(e){
this.selected.setValue(e)
// console.log(6666,e)
if(e == 1){
this.planTypeIndex = 'zong'
}else if(e == 2){
this.planTypeIndex = 'ceng'
}
}
ngOnDestroy () { ngOnDestroy () {
/* this.indexbar.clear() /* this.indexbar.clear()
this.indexbar.dispose() */ this.indexbar.dispose() */

2
src/app/tabbar/tabbar.component.html

@ -112,7 +112,7 @@
</div> </div>
</div> </div>
<p style="font-size: 16px;position: absolute; right: 233px;">欢迎您, {{realName}}</p> <p *ngIf="!isUpdates" style="font-size: 16px;position: absolute; right: 233px;">欢迎您, {{realName}}</p>
<div class="scoringRule" *ngIf="companyIntegrityScore"> <div class="scoringRule" *ngIf="companyIntegrityScore">

2
src/app/tabbar/tabbar.component.scss

@ -285,7 +285,7 @@ mat-icon{
.isUpdates{ .isUpdates{
left: 596px; left: 564px;
} }
.uploadFile{ .uploadFile{
height: 64px; height: 64px;

Loading…
Cancel
Save