shaojiahao
/
Sinopec-Anxin
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

[完善]资产类证照表格完善

beijing
邵佳豪 3 years ago
parent
1443e52e3b
commit
85b2c5957d
6 changed files with 25 additions and 20 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      src/app/pages/criminal-records-admin/criminal-records-admin.component.ts
  2. 2
      src/app/pages/criminal-records/criminal-records.component.ts
  3. 26
      src/app/pages/plan-admin/file-license-list/file-license-list.component.html
  4. 3
      src/app/pages/plan-admin/file-license-list/file-license-list.component.ts
  5. 10
      src/app/pages/plan-admin/update-license-list/update-license-list.component.html
  6. 2
      src/app/pages/plan-admin/update-license-list/update-license-list.component.ts

2
src/app/pages/criminal-records-admin/criminal-records-admin.component.ts
Unescape View File

@ -24,7 +24,7 @@ export class CriminalRecordsAdminComponent implements OnInit {
//饼图 //饼图
myChart myChart
option = { option = {
color: ['#FF4B65', '#23D9FF', '#608AFF', '#B2FF6D', '#FFFF99', '#C4E2FC', '#FF7F00', '#0090FF', '#FFD634', '#105597', '#FF4B65', '#23D9FF', '#71FFF5', '#B2FF6D'], color: ['#91CCFF', '#46DFFF', '#36A2FF', '#FF6181', '#B4C3FF', '#FF9963', '#5A9CFF', '#4BFFD4', '#46DFFF', '#91CCFF'],
tooltip: { tooltip: {
trigger: 'item'//触发类型 trigger: 'item'//触发类型
}, },

2
src/app/pages/criminal-records/criminal-records.component.ts
Unescape View File

@ -22,7 +22,7 @@ export class CriminalRecordsComponent implements OnInit {
myChart: any //左侧饼图 myChart: any //左侧饼图
option = { option = {
color: ['#FF4B65', '#23D9FF', '#608AFF', '#B2FF6D', '#FFFF99', '#C4E2FC', '#FF7F00', '#0090FF', '#FFD634', '#105597', '#FF4B65', '#23D9FF', '#71FFF5', '#B2FF6D'], color: ['#91CCFF', '#46DFFF', '#36A2FF', '#FF6181', '#B4C3FF', '#FF9963', '#5A9CFF', '#4BFFD4', '#46DFFF', '#91CCFF'],
tooltip: { tooltip: {
trigger: 'item'//触发类型 trigger: 'item'//触发类型
}, },

26
src/app/pages/plan-admin/file-license-list/file-license-list.component.html
Unescape View File

@ -1,4 +1,4 @@
<div class="box" id="statisticsList"> <div class="box" id="statisticsList2">
<div class="search"> <div class="search">
<div class="legendbox"> <div class="legendbox">
</div> </div>
@ -29,13 +29,14 @@
</nz-form-item> </nz-form-item>
<nz-form-item class="btn"> <nz-form-item class="btn">
<nz-form-control> <nz-form-control>
<button [nzLoading]="isLoading" nz-button type="submit" class="submit"><i nz-icon [nzType]="'search'"></i>查询</button> <button [nzLoading]="isLoading" nz-button type="submit" class="submit"><i nz-icon
[nzType]="'search'"></i>查询</button>
</nz-form-control> </nz-form-control>
</nz-form-item> </nz-form-item>
<nz-form-item class="btn"> <nz-form-item class="btn">
<nz-form-control> <nz-form-control>
<button [nzLoading]="isLoading" nz-button type="button" class="reset" (click)="resetForm($event)"><i nz-icon <button [nzLoading]="isLoading" nz-button type="button" class="reset" (click)="resetForm($event)"><i
[nzType]="'sync'"></i>重置</button> nz-icon [nzType]="'sync'"></i>重置</button>
</nz-form-control> </nz-form-control>
</nz-form-item> </nz-form-item>
<nz-form-item class="btn"> <nz-form-item class="btn">
@ -47,12 +48,13 @@
</form> </form>
</div> </div>
<div class="tablebox" id="tablebox"> <div class="tablebox" id="tablebox">
<nz-table [nzLoading]="tableSpin" [nzPageSize]='999' #headerTable [nzData]="list" [nzShowPagination]="false" <nz-table [nzLoading]="tableSpin" [nzPageSize]='99999' #headerTable [nzData]="list" [nzShowPagination]="false"
[nzScroll]="{ y:tableScrollHeight }" [nzNoResult]='null' nzTableLayout="fixed"> [nzScroll]="{ x: tableScrollWeight,y:tableScrollHeight }" [nzNoResult]='null' nzTableLayout="fixed">
<thead> <thead>
<tr> <tr>
<th style="text-align: center">序号</th> <th style="text-align: center" nzLeft="0px" nzWidth="60px">序号</th>
<th *ngFor="let item of headerTable.data[0]"> <th *ngFor="let item of headerTable.data[0];let k = index"
[nzLeft]=" k <=2 ? (k*120 + 60)+'px' : false" [nzWidth]="k <= 2 ? '120px' : '200px'">
{{item.name}} {{item.name}}
</th> </th>
@ -60,9 +62,9 @@
</thead> </thead>
<tbody id="table"> <tbody id="table">
<tr *ngFor="let item of headerTable.data;let key = index"> <tr *ngFor="let item of headerTable.data;let key = index">
<td style="text-align: center">{{key + 1}}</td> <td style="text-align: center" nzLeft="0px">{{key + 1}}</td>
<td style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"
<td *ngFor="let i of item"> *ngFor="let i of item;let k = index" [nzLeft]=" k <=2 ? (k*120 +60)+'px' : false">
<ng-container *ngIf="i.value; else elseTemplate"> <ng-container *ngIf="i.value; else elseTemplate">
<ng-container *ngIf="i.value.validityType; else elseTemplate"> <ng-container *ngIf="i.value.validityType; else elseTemplate">
<span> <span>
@ -70,7 +72,7 @@
</span> </span>
</ng-container> </ng-container>
<ng-template #elseTemplate> <ng-template #elseTemplate>
{{i.value}} <span [title]="i.value">{{i.value}}</span>
</ng-template> </ng-template>
</ng-container> </ng-container>
<ng-template #elseTemplate> <ng-template #elseTemplate>

3
src/app/pages/plan-admin/file-license-list/file-license-list.component.ts
Unescape View File

@ -24,9 +24,11 @@ export class FileLicenseListComponent implements OnInit {
constructor(private modal: NzModalService, private viewContainerRef: ViewContainerRef, private element: ElementRef, private navChangeService: NavChangeService, private http: HttpClient, private toTree: TreeService, private fb: FormBuilder, private nzContextMenuService: NzContextMenuService, private router: Router, private message: NzMessageService) { } constructor(private modal: NzModalService, private viewContainerRef: ViewContainerRef, private element: ElementRef, private navChangeService: NavChangeService, private http: HttpClient, private toTree: TreeService, private fb: FormBuilder, private nzContextMenuService: NzContextMenuService, private router: Router, private message: NzMessageService) { }
tableScrollHeight tableScrollHeight
tableScrollWeight
resizeListener resizeListener
async ngOnInit(): Promise<void> { async ngOnInit(): Promise<void> {
this.tableScrollHeight = '100px' this.tableScrollHeight = '100px'
this.tableScrollWeight = '100px'
// 页面监听 // 页面监听
this.resizeListener = fromEvent(window, 'resize').pipe(debounceTime(100)).subscribe((event) => { this.resizeListener = fromEvent(window, 'resize').pipe(debounceTime(100)).subscribe((event) => {
let tableHeader = this.element.nativeElement.querySelector(`.ant-table-header`).clientHeight let tableHeader = this.element.nativeElement.querySelector(`.ant-table-header`).clientHeight
@ -171,6 +173,7 @@ export class FileLicenseListComponent implements OnInit {
setTimeout(() => { setTimeout(() => {
let tableHeader = this.element.nativeElement.querySelector(`.ant-table-header`).clientHeight let tableHeader = this.element.nativeElement.querySelector(`.ant-table-header`).clientHeight
this.tableScrollHeight = (document.getElementById('tablebox').clientHeight - tableHeader - 10) + 'px' this.tableScrollHeight = (document.getElementById('tablebox').clientHeight - tableHeader - 10) + 'px'
this.tableScrollWeight = (this.list[0].length + 1) * 100 + 'px'
}, 0); }, 0);

10
src/app/pages/plan-admin/update-license-list/update-license-list.component.html
Unescape View File

@ -63,9 +63,9 @@
[nzScroll]="{ x: tableScrollWeight,y:tableScrollHeight}" [nzNoResult]='null' nzTableLayout="fixed"> [nzScroll]="{ x: tableScrollWeight,y:tableScrollHeight}" [nzNoResult]='null' nzTableLayout="fixed">
<thead> <thead>
<tr> <tr>
<th style="text-align: center" nzLeft="0px" nzWidth="100px">序号</th> <th style="text-align: center" nzLeft="0px" nzWidth="60px">序号</th>
<th *ngFor="let item of headerTable.data[0];let k = index" <th *ngFor="let item of headerTable.data[0];let k = index"
[nzLeft]=" k <=2 ? (k*180 +100)+'px' : false" nzWidth="180px"> [nzLeft]=" k <=2 ? (k*120 + 60)+'px' : false" [nzWidth]="k <= 2 ? '120px' : '180px'">
{{item.name}} {{item.name}}
</th> </th>
@ -75,7 +75,8 @@
<tr *ngFor="let item of headerTable.data;let key = index"> <tr *ngFor="let item of headerTable.data;let key = index">
<td style="text-align: center" nzLeft="0px">{{key + 1}}</td> <td style="text-align: center" nzLeft="0px">{{key + 1}}</td>
<td *ngFor="let i of item;let k = index" [nzLeft]=" k <=2 ? (k*180 +100)+'px' : false"> <td style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"
*ngFor="let i of item;let k = index" [nzLeft]=" k <=2 ? (k*120 +60)+'px' : false">
<ng-container *ngIf="i.value; else elseTemplate"> <ng-container *ngIf="i.value; else elseTemplate">
<ng-container *ngIf="i.value.endDate; else elseTemplate"> <ng-container *ngIf="i.value.endDate; else elseTemplate">
<span (click)="lookDetails(i.value)" style="cursor: pointer;" <span (click)="lookDetails(i.value)" style="cursor: pointer;"
@ -84,7 +85,7 @@
</span> </span>
</ng-container> </ng-container>
<ng-template #elseTemplate> <ng-template #elseTemplate>
{{i.value}} <span [title]="i.value">{{i.value}}</span>
</ng-template> </ng-template>
</ng-container> </ng-container>
@ -96,6 +97,5 @@
</tr> </tr>
</tbody> </tbody>
</nz-table> </nz-table>
</div> </div>
</div> </div>

2
src/app/pages/plan-admin/update-license-list/update-license-list.component.ts
Unescape View File

@ -169,7 +169,7 @@ export class UpdateLicenseListComponent implements OnInit {
setTimeout(() => { setTimeout(() => {
let tableHeader = this.element.nativeElement.querySelector(`.ant-table-header`).clientHeight let tableHeader = this.element.nativeElement.querySelector(`.ant-table-header`).clientHeight
this.tableScrollHeight = (document.getElementById('tablebox').clientHeight - tableHeader - 10) + 'px' this.tableScrollHeight = (document.getElementById('tablebox').clientHeight - tableHeader - 10) + 'px'
this.tableScrollWeight = (this.list[0].length+1)*100 +'px' this.tableScrollWeight = (this.list[0].length + 1) * 100 + 'px'
}, 0); }, 0);
this.list = this.list.concat(arr); this.list = this.list.concat(arr);

Write Preview
Loading…
Cancel
Save