业务信息标本排序

src/app/views/specimen-search/specimen-search.component.html

@@ -123,13 +123,13 @@
           <span class="label">收取时间：</span>
           <nz-range-picker [(ngModel)]="searchCriteria.dateRange" (ngModelChange)="changeDate($event)"></nz-range-picker>
         </div>
-        
+
       </div>
       <div nz-col nzXl="6" class="list-template__btns">
         <button
           nz-button
           class="btn default"
-          (click)="showDelModal('您确认要清空标本吗？')"  
+          (click)="showDelModal('您确认要清空标本吗？')"
           *ngIf="currentUserAccount == 'dsadmin'"
         >
           清空标本
@@ -155,7 +155,7 @@
         [nzShowPagination]="false"
         [nzLoading]="loading1"
       >
-        <thead>
+        <thead (nzSortChange)="sort($event)" nzSingleSort>
           <tr class="thead">
             <th nzWidth="4%">序号</th>
             <th nzWidth="8%">申请科室</th>
@@ -164,7 +164,7 @@
             <th nzWidth="8%">检验项目</th>
             <th nzWidth="8%">标本类型</th>
             <th nzWidth="5%">状态</th>
-            <th nzWidth="8%">收取时间</th>
+            <th nzWidth="8%" nzShowSort nzSortKey="arriveTime" [(nzSort)]="sortCurrent.arriveTime">收取时间</th>
             <th nzWidth="8%">收取人</th>
             <th nzWidth="8%">中转时间</th>
             <th nzWidth="8%">送达时间</th>

src/app/views/specimen-search/specimen-search.component.less

@@ -1,4 +1,7 @@
 @import "../../../../src/theme.less";
+:host ::ng-deep .on {
+  color: #fff !important;
+}
 .list-template__checkBoxes{
   display: flex;
   justify-content: space-between;

src/app/views/specimen-search/specimen-search.component.ts

@@ -49,7 +49,7 @@ export class SpecimenSearchComponent implements OnInit {
   // 表格筛选
   log(value: object[]): void {
     console.log(value);
-    this.getList(1);
+    this.getList(1, this.sortCurrentKey, this.sortCurrentValue);
   }
   // 搜索类型
   isLoading1 = false;
@@ -100,7 +100,7 @@ export class SpecimenSearchComponent implements OnInit {
     setTimeout(() => {
       this.promptModalShow = true;
     }, 100);
-    this.getList(0);
+    this.getList(0, this.sortCurrentKey, this.sortCurrentValue);
   }
   // 查看标本历史记录
   historyPromptModalShow = false; //标本历史记录弹窗开关
@@ -151,7 +151,12 @@ export class SpecimenSearchComponent implements OnInit {
       dateRange: [],
       checkDept: null,
     };
-    this.getList(1);
+    this.sortCurrentKey = "";
+    this.sortCurrentValue = "";
+    this.sortCurrent = {
+      arriveTime: null,
+    };
+    this.getList(1, this.sortCurrentKey, this.sortCurrentValue);
   }
   // 选择院区
   changeHospital(id, type) {
@@ -265,13 +270,13 @@ export class SpecimenSearchComponent implements OnInit {
   getAllHospital() {
     this.allHospital = [this.tool.getCurrentHospital()];
     this.searchCriteria.hospital = this.tool.getCurrentHospital().id + "";
-    this.getList(1);
+    this.getList(1, this.sortCurrentKey, this.sortCurrentValue);
     this.changeHospital(this.searchCriteria.hospital, "search");
   }
 
   // 表格数据
   loading1 = false;
-  getList(type) {
+  getList(type, field?: string, sort?: string) {
     console.log(this.searchCriteria.dateRange);
     if (type == 1) {
       this.pageIndex = 1;
@@ -306,6 +311,9 @@ export class SpecimenSearchComponent implements OnInit {
           : undefined,
       },
     };
+    if (field && sort) {
+      postData.specimen.orderBy = sort === "ascend" ? field : `${field} desc`;
+    }
     if (this.searchCriteria.dateRange.length) {
       postData.specimen.startArriveTime =
         format(this.searchCriteria.dateRange[0], "yyyy-MM-dd ") + "00:00:00";
@@ -323,4 +331,17 @@ export class SpecimenSearchComponent implements OnInit {
         }
       });
   }
+
+  // 列表排序
+  sortCurrent = {
+    arriveTime: null,
+  };
+  sortCurrentKey: string = "";
+  sortCurrentValue: string | null = "";
+  sort(e) {
+    const { key, value } = e;
+    this.sortCurrentKey = key;
+    this.sortCurrentValue = value;
+    this.getList(this.pageIndex, this.sortCurrentKey, this.sortCurrentValue);
+  }
 }