[新增]证件-历史纪录页面

src/app/pages/license/histories/histories.component.html

@@ -1 +1,40 @@
-<p>histories works!</p>
+<div class="box" id="histories">
+    <div class="tablebox" id="tablebox">
+        <nz-table *ngIf="tableScrollHeight" [nzLoading]="tableSpin" [nzPageSize]='9999' #headerTable [nzData]="list"
+            [nzShowPagination]="false" [nzScroll]="{ y:tableScrollHeight }" [nzNoResult]='null' nzTableLayout="fixed">
+            <thead>
+                <tr>
+                    <th [nzWidth]="'16%'">
+                        <span style="margin-left: 25%;">证件名称</span>
+                    </th>
+                    <th>证件编号</th>
+                    <th>证件有效期</th>
+                    <th>有效期类型</th>
+                    <th>办理类型</th>
+                    <th>通知内容</th>
+                    <th>通知状态</th>
+                    <th>处置状态</th>
+                    <th>操作</th>
+                </tr>
+            </thead>
+            <tbody id="table">
+                <tr *ngFor="let item of headerTable.data;let key = index">
+                    <td>
+                        <span style="margin-left: 25%;">证件名称</span>
+                    </td>
+                    <td>证件编号</td>
+                    <td>证件有效期</td>
+                    <td>有效期类型</td>
+                    <td>办理类型</td>
+                    <td>通知内容</td>
+                    <td>通知状态</td>
+                    <td>处置状态</td>
+                    <td class="operation">
+                        <span class="blueColor">详情</span>
+                    </td>
+                </tr>
+            </tbody>
+        </nz-table>
+
+    </div>
+</div>

src/app/pages/license/histories/histories.component.scss

@@ -0,0 +1,15 @@
+.box {
+  width: 100%;
+  height: 100%;
+}
+
+.tablebox {
+  width: 100%;
+  height: 100%;
+
+  .operation {
+    span {
+      margin-right: 6px;
+    }
+  }
+}

src/app/pages/license/histories/histories.component.ts

@@ -1,5 +1,6 @@
 import { Component, OnInit } from '@angular/core';
-
+import { Observable, fromEvent } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
 @Component({
   selector: 'app-histories',
   templateUrl: './histories.component.html',
@@ -8,8 +9,24 @@ import { Component, OnInit } from '@angular/core';
 export class HistoriesComponent implements OnInit {
 
   constructor() { }
+  tableSpin = false
+  list = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
 
+  tableScrollHeight
   ngOnInit(): void {
+    this.tableScrollHeight = (document.getElementById('tablebox').clientHeight - 42) + 'px'
+    // 页面监听
+    fromEvent(window, 'resize').pipe(debounceTime(100)).subscribe((event) => {
+      this.tableScrollHeight = (document.getElementById('tablebox').clientHeight - 42) + 'px'
+    });
   }
 
+
+
+
+
+
+  dispose() {
+    console.log('处置')
+  }
 }

src/theme.less

@@ -351,7 +351,8 @@
 #stationPlanBox,
 #inform,
 #updateLicense,
-#fileLicense {
+#fileLicense,
+#histories {
   ::-webkit-input-placeholder {
     /* WebKit browsers */
     color: #345d85;