Browse Source

工单详情修改

seimin 2 years ago
parent
commit
659f1e1c42

+ 106 - 91
src/app/share/detail-drug/detail-drug.component.html

@@ -1,106 +1,121 @@
1 1
 <!-- 药品/静配 -->
2 2
 <div class="detail" *ngIf="!maskFlag">
3 3
   <div class="title">工单信息<i class="icon_transport transport-guanbi" (click)="close()"></i></div>
4
-  <div class="content">
5
-    <div class="top">
6
-      <div class="num">
7
-        <span class="left">单号:{{orderInfo.gdcode}}</span>
8
-        <span class="right">{{orderInfo.gdState?orderInfo.gdState.name:''}}</span>
9
-      </div>
10
-      <div class="info" nz-row>
11
-        <div nz-col nzSpan="8">工单日期:{{orderInfo.startTime}}</div>
12
-        <div nz-col nzSpan="8">总耗时:{{orderInfo.showTimeNum}}</div>
13
-        <div nz-col nzSpan="8">申请类型:{{orderInfo.taskType?orderInfo.taskType.taskName:''}}<ng-container *ngIf="orderInfo.goodsRemark">-{{orderInfo.goodsRemark}}</ng-container></div>
14
-        <div nz-col nzSpan="8">
15
-          申请科室:{{orderInfo.createDeptDTO?(!showCoop&&deptDisplay==2?orderInfo.createDeptDTO.deptalias:orderInfo.createDeptDTO.dept):'-'}}
16
-        </div>
17
-        <div nz-col nzSpan="8">
18
-          目标科室:{{(orderInfo.endDepts&&orderInfo.endDepts[0])?(!showCoop&&deptDisplay==2?orderInfo.endDepts[0].deptalias:orderInfo.endDepts[0].dept):''}}
4
+  <overlay-scrollbars #osComponentRef1 style="height: 90%; flex: 1">
5
+    <div class="content">
6
+      <div class="top" *ngIf="amplificationShow">
7
+        <div class="num">
8
+          <span class="left">单号:{{orderInfo.gdcode}}</span>
9
+          <span class="right">{{orderInfo.gdState?orderInfo.gdState.name:''}}</span>
19 10
         </div>
20
-        <div nz-col nzSpan="8" *ngIf="orderInfo.worker">支助人员信息:{{orderInfo.worker.name}}</div>
21
-        <div nz-col nzSpan="8" *ngIf="orderInfo.drugs">药包编码:{{orderInfo.drugs.packid}}</div>
22
-        <div nz-col nzSpan="8" *ngIf="orderInfo.staticDistri">药包编码:{{orderInfo.staticDistri.packid}}</div>
23
-        <div nz-col nzSpan="24" *ngIf="orderInfo.specialCloseReason">
24
-          特殊情况关闭原因:{{orderInfo.specialCloseReason}}
11
+        <div class="info" nz-row>
12
+          <div nz-col nzSpan="8">工单日期:{{orderInfo.startTime}}</div>
13
+          <div nz-col nzSpan="8">总耗时:{{orderInfo.showTimeNum}}</div>
14
+          <div nz-col nzSpan="8">申请类型:{{orderInfo.taskType?orderInfo.taskType.taskName:''}}<ng-container *ngIf="orderInfo.goodsRemark">-{{orderInfo.goodsRemark}}</ng-container></div>
15
+          <div nz-col nzSpan="8">
16
+            申请科室:{{orderInfo.createDeptDTO?(!showCoop&&deptDisplay==2?orderInfo.createDeptDTO.deptalias:orderInfo.createDeptDTO.dept):'-'}}
17
+          </div>
18
+          <div nz-col nzSpan="8">
19
+            目标科室:{{(orderInfo.endDepts&&orderInfo.endDepts[0])?(!showCoop&&deptDisplay==2?orderInfo.endDepts[0].deptalias:orderInfo.endDepts[0].dept):''}}
20
+          </div>
21
+          <div nz-col nzSpan="8" *ngIf="orderInfo.worker">支助人员信息:{{orderInfo.worker.name}}</div>
22
+          <div nz-col nzSpan="8" *ngIf="orderInfo.drugs">药包编码:{{orderInfo.drugs.packid}}</div>
23
+          <div nz-col nzSpan="8" *ngIf="orderInfo.staticDistri">药包编码:{{orderInfo.staticDistri.packid}}</div>
24
+          <div nz-col nzSpan="24" *ngIf="orderInfo.specialCloseReason">
25
+            特殊情况关闭原因:{{orderInfo.specialCloseReason}}
26
+          </div>
25 27
         </div>
26 28
       </div>
27
-    </div>
28
-    <div class="center">
29
-      <div class="box">
30
-        <div class="steps" *ngFor="let step of logList">
31
-          <div class="step">
32
-            <div class="info">
33
-              <i
34
-                [ngClass]="{'icon_transport':true, 'transport-icon_liucheng':true,'green':(step.record&&step.record[0]&&step.record[0].operationTime)}"></i>
35
-              <p>{{step.operationName}}</p>
36
-              <p>{{step.record.length>=1?(step.record[0].operationTime|date:'MM-dd HH:mm'):''}}</p>
37
-              <p *ngIf="step.record&&step.record.length&&step.record[0].dept"><span
38
-                  *ngFor="let dept of step.record">{{!showCoop&&deptDisplay==2?dept.deptalias:dept.dept}},</span></p>
39
-              <p *ngIf="step.record&&step.record.length">{{filterTime(step.record)?'耗时'+filterTime(step.record):''}}</p>
29
+      <div class="center" *ngIf="amplificationShow">
30
+        <div class="box">
31
+          <div class="steps" *ngFor="let step of logList">
32
+            <div class="step">
33
+              <div class="info">
34
+                <i
35
+                  [ngClass]="{'icon_transport':true, 'transport-icon_liucheng':true,'green':(step.record&&step.record[0]&&step.record[0].operationTime)}"></i>
36
+                <p>{{step.operationName}}</p>
37
+                <p>{{step.record.length>=1?(step.record[0].operationTime|date:'MM-dd HH:mm'):''}}</p>
38
+                <p *ngIf="step.record&&step.record.length&&step.record[0].dept"><span
39
+                    *ngFor="let dept of step.record">{{!showCoop&&deptDisplay==2?dept.deptalias:dept.dept}},</span></p>
40
+                <p *ngIf="step.record&&step.record.length">{{filterTime(step.record)?'耗时'+filterTime(step.record):''}}</p>
41
+              </div>
42
+              <div class="line"></div>
40 43
             </div>
41
-            <div class="line"></div>
42 44
           </div>
43 45
         </div>
44 46
       </div>
45
-    </div>
46
-    <div class="bottom">
47
-
48
-      <div class="urgent" *ngIf="orderInfo.urgentDetails&&showCoop">
49
-        加急原因:{{orderInfo.urgentDetails.urgentReason}}
50
-        <button *ngIf="orderInfo.urgentDetails.checkStatus.id==329" nz-button nzType="primary"
51
-          [nzLoading]="urgentLoading" nzGhost (click)="urgent()">确认加急</button>
52
-      </div>
53
-      <div class="table">
54
-        <nz-table *ngIf="orderInfo.staticDistri" class="detailDrugTable"
55
-          [nzData]="orderInfo.staticDistri.jpdetailsFormat" nzSize="small" [nzScroll]="{ y: '110px' }"
56
-          [nzShowPagination]="null">
57
-          <thead>
58
-            <tr class="thead">
59
-              <th nzWidth="100px">患者信息</th>
60
-              <th nzWidth="200px">药品</th>
61
-              <th nzWidth="50px">数量</th>
62
-              <th nzWidth="100px">患者信息</th>
63
-              <th nzWidth="200px">药品</th>
64
-              <th nzWidth="50px">数量</th>
65
-            </tr>
66
-          </thead>
67
-          <tbody *ngIf="orderInfo.staticDistri">
68
-            <tr *ngFor="let data of orderInfo.staticDistri.jpdetailsFormat">
69
-              <td>{{data[0].bedNum}}床:{{data[0].patientInfo}}</td>
70
-              <td>{{data[0].jpInfo}}</td>
71
-              <td>{{data[0].jpNum}}</td>
72
-              <td>{{data[1]?data[1].bedNum+"床:"+data[1].patientInfo:''}}</td>
73
-              <td>{{data[1]?data[1].jpInfo:''}}</td>
74
-              <td>{{data[1]?data[1].jpNum:''}}</td>
75
-            </tr>
76
-          </tbody>
77
-        </nz-table>
78
-        <nz-table *ngIf="orderInfo.drugs" class="detailDrugTable" [nzData]="orderInfo.drugs.drugsFormat" nzSize="small"
79
-          [nzScroll]="{ y: '110px' }" [nzShowPagination]="null">
80
-          <thead>
81
-            <tr class="thead">
82
-              <th nzWidth="100px">患者信息</th>
83
-              <th nzWidth="200px">药品</th>
84
-              <th nzWidth="50px">数量</th>
85
-              <th nzWidth="100px">患者信息</th>
86
-              <th nzWidth="200px">药品</th>
87
-              <th nzWidth="50px">数量</th>
88
-            </tr>
89
-          </thead>
90
-          <tbody *ngIf="orderInfo.drugs">
91
-            <tr *ngFor="let data of orderInfo.drugs.drugsFormat">
92
-              <td>{{data[0].bedNum}}床:{{data[0].patientInfo}}</td>
93
-              <td>{{data[0].drugsInfo}}</td>
94
-              <td>{{data[0].drugsNum}}</td>
95
-              <td>{{data[1]?data[1].bedNum+"床:"+data[1].patientInfo:''}}</td>
96
-              <td>{{data[1]?data[1].drugsInfo:''}}</td>
97
-              <td>{{data[1]?data[1].drugsNum:''}}</td>
98
-            </tr>
99
-          </tbody>
100
-        </nz-table>
47
+      <div class="bottom">
48
+        <div class="urgent">
49
+          <div>
50
+            <ng-container *ngIf="amplificationShow&&orderInfo.urgentDetails&&showCoop">
51
+                加急原因:{{orderInfo.urgentDetails.urgentReason}}
52
+              <button *ngIf="orderInfo.urgentDetails.checkStatus.id==329" class=" btn default" nz-button nzType="primary"
53
+                [nzLoading]="urgentLoading" nzGhost (click)="urgent()">确认加急</button>
54
+            </ng-container>
55
+          </div>
56
+          <div class="amplification">
57
+            <button
58
+              nz-button
59
+              nzType="primary"
60
+              class="btn default"
61
+              (click)="amplification()"
62
+            >
63
+              {{ amplificationShow ? "放大" : "还原" }}
64
+            </button>
65
+          </div>
66
+        </div>
67
+        <div class="table">
68
+          <nz-table *ngIf="orderInfo.staticDistri" class="detailDrugTable"
69
+            [nzData]="orderInfo.staticDistri.jpdetailsFormat" nzSize="small" [nzScroll]="{ y: '110px' }"
70
+            [nzShowPagination]="null">
71
+            <thead>
72
+              <tr class="thead">
73
+                <th nzWidth="100px">患者信息</th>
74
+                <th nzWidth="200px">药品</th>
75
+                <th nzWidth="50px">数量</th>
76
+                <th nzWidth="100px">患者信息</th>
77
+                <th nzWidth="200px">药品</th>
78
+                <th nzWidth="50px">数量</th>
79
+              </tr>
80
+            </thead>
81
+            <tbody *ngIf="orderInfo.staticDistri">
82
+              <tr *ngFor="let data of orderInfo.staticDistri.jpdetailsFormat">
83
+                <td>{{data[0].bedNum}}床:{{data[0].patientInfo}}</td>
84
+                <td>{{data[0].jpInfo}}</td>
85
+                <td>{{data[0].jpNum}}</td>
86
+                <td>{{data[1]?data[1].bedNum+"床:"+data[1].patientInfo:''}}</td>
87
+                <td>{{data[1]?data[1].jpInfo:''}}</td>
88
+                <td>{{data[1]?data[1].jpNum:''}}</td>
89
+              </tr>
90
+            </tbody>
91
+          </nz-table>
92
+          <nz-table *ngIf="orderInfo.drugs" class="detailDrugTable" [nzData]="orderInfo.drugs.drugsFormat" nzSize="small"
93
+            [nzScroll]="{ y: '110px' }" [nzShowPagination]="null">
94
+            <thead>
95
+              <tr class="thead">
96
+                <th nzWidth="100px">患者信息</th>
97
+                <th nzWidth="200px">药品</th>
98
+                <th nzWidth="50px">数量</th>
99
+                <th nzWidth="100px">患者信息</th>
100
+                <th nzWidth="200px">药品</th>
101
+                <th nzWidth="50px">数量</th>
102
+              </tr>
103
+            </thead>
104
+            <tbody *ngIf="orderInfo.drugs">
105
+              <tr *ngFor="let data of orderInfo.drugs.drugsFormat">
106
+                <td>{{data[0].bedNum}}床:{{data[0].patientInfo}}</td>
107
+                <td>{{data[0].drugsInfo}}</td>
108
+                <td>{{data[0].drugsNum}}</td>
109
+                <td>{{data[1]?data[1].bedNum+"床:"+data[1].patientInfo:''}}</td>
110
+                <td>{{data[1]?data[1].drugsInfo:''}}</td>
111
+                <td>{{data[1]?data[1].drugsNum:''}}</td>
112
+              </tr>
113
+            </tbody>
114
+          </nz-table>
115
+        </div>
101 116
       </div>
102 117
     </div>
103
-  </div>
118
+  </overlay-scrollbars>
104 119
   <div class="btns display_flex justify-content_flex-center">
105 120
     <!-- <button *ngIf="showCoop&&orderInfo.gdState.id==69" nz-button nzType="primary" (click)='allotWorker()'>派单</button>
106 121
     <button *ngIf="showCoop&&(orderInfo.gdState.id==70||orderInfo.gdState.id==71)" nz-button nzType="primary" nzGhost

+ 5 - 0
src/app/share/detail-drug/detail-drug.component.less

@@ -15,6 +15,7 @@
15 15
 
16 16
 .detail {
17 17
   width: 1000px;
18
+  height: calc(100vh - 100px);
18 19
   min-height: 580px;
19 20
   border-radius: 5px;
20 21
   background: #fff;
@@ -130,6 +131,9 @@
130 131
       background: #f9fafb;
131 132
 
132 133
       .urgent {
134
+        display: flex;
135
+        justify-content: space-between;
136
+        margin-bottom: 8px;
133 137
         input {
134 138
           width: 600px;
135 139
         }
@@ -169,6 +173,7 @@
169 173
 
170 174
             td {
171 175
               border: none;
176
+              position: relative;
172 177
             }
173 178
           }
174 179
 

+ 13 - 1
src/app/share/detail-drug/detail-drug.component.ts

@@ -1,9 +1,10 @@
1
-import { Component, OnInit } from "@angular/core";
1
+import { Component, OnInit, ViewChild } from "@angular/core";
2 2
 import { ActivatedRoute, Router } from "@angular/router";
3 3
 import { MainService } from "../../services/main.service";
4 4
 import { forkJoin } from "rxjs";
5 5
 import { NzMessageService } from "ng-zorro-antd";
6 6
 import { ToolService } from "src/app/services/tool.service";
7
+import { OverlayScrollbarsComponent } from 'overlayscrollbars-ngx';
7 8
 
8 9
 @Component({
9 10
   selector: "app-detail-drug",
@@ -11,6 +12,11 @@ import { ToolService } from "src/app/services/tool.service";
11 12
   styleUrls: ["./detail-drug.component.less"],
12 13
 })
13 14
 export class DetailDrugComponent implements OnInit {
15
+  @ViewChild("osComponentRef1", {
16
+    read: OverlayScrollbarsComponent,
17
+    static: false,
18
+  })
19
+  osComponentRef1: OverlayScrollbarsComponent;
14 20
   constructor(
15 21
     private message: NzMessageService,
16 22
     private route: ActivatedRoute,
@@ -33,6 +39,7 @@ export class DetailDrugComponent implements OnInit {
33 39
   btnLoading: boolean = false; //确认按钮loading状态
34 40
   maskFlag: any = false;
35 41
   deptDisplay; //护士端是否显示可以别名,1是显示科室名称,2是显示科室别名
42
+  amplificationShow = true;
36 43
   ngOnInit() {
37 44
     this.tool.getDeptDisplay().subscribe((result) => {
38 45
       if (result.status == 200) {
@@ -58,6 +65,11 @@ export class DetailDrugComponent implements OnInit {
58 65
     });
59 66
   }
60 67
 
68
+  // 放大
69
+  amplification(){
70
+    this.amplificationShow = !this.amplificationShow;
71
+  }
72
+
61 73
   // 获取工单详情
62 74
   getDetail() {
63 75
     return this.mainService.getFetchData("api", "workOrder", this.id);

+ 55 - 39
src/app/share/detail-others/detail-others.component.html

@@ -1,54 +1,70 @@
1 1
 <!-- 患者转运/其他 -->
2 2
 <div class="detail" *ngIf="!maskFlag">
3 3
   <div class="title">工单信息<i class="icon_transport transport-guanbi" (click)="close()"></i></div>
4
-  <div class="content">
5
-    <div class="top">
6
-      <div class="num">
7
-        <span class="left">单号:{{orderInfo.gdcode}}</span>
8
-        <span class="right">{{orderInfo.gdState.name}}</span>
9
-      </div>
10
-      <div class="info" nz-row>
11
-        <div nz-col nzSpan="8">工单日期:{{orderInfo.startTime}}</div>
12
-        <div nz-col nzSpan="8">总耗时:{{orderInfo.showTimeNum}}</div>
13
-        <div nz-col nzSpan="8">申请类型:{{orderInfo.taskType.taskName}}<ng-container *ngIf="orderInfo.goodsRemark">-{{orderInfo.goodsRemark}}</ng-container></div>
14
-        <div nz-col nzSpan="8">
15
-          申请科室:{{orderInfo.createDeptDTO?(!showCoop&&deptDisplay==2?orderInfo.createDeptDTO.deptalias:orderInfo.createDeptDTO.dept):'-'}}
16
-        </div>
17
-        <div nz-col nzSpan="8">目标科室:{{endDepts}}</div>
18
-        <div nz-col nzSpan="8" *ngIf="orderInfo.worker">支助人员信息:{{orderInfo.worker.name}}</div>
19
-        <div nz-col nzSpan="24" *ngIf="orderInfo.workOrderRemark">备注信息:{{orderInfo.workOrderRemark}}
4
+  <overlay-scrollbars #osComponentRef1 style="height: 90%; flex: 1">
5
+    <div class="content">
6
+      <div class="top" *ngIf="amplificationShow">
7
+        <div class="num">
8
+          <span class="left">单号:{{orderInfo.gdcode}}</span>
9
+          <span class="right">{{orderInfo.gdState.name}}</span>
20 10
         </div>
21
-        <div nz-col nzSpan="24" *ngIf="orderInfo.specialCloseReason">特殊情况关闭原因:{{orderInfo.specialCloseReason}}
11
+        <div class="info" nz-row>
12
+          <div nz-col nzSpan="8">工单日期:{{orderInfo.startTime}}</div>
13
+          <div nz-col nzSpan="8">总耗时:{{orderInfo.showTimeNum}}</div>
14
+          <div nz-col nzSpan="8">申请类型:{{orderInfo.taskType.taskName}}<ng-container *ngIf="orderInfo.goodsRemark">-{{orderInfo.goodsRemark}}</ng-container></div>
15
+          <div nz-col nzSpan="8">
16
+            申请科室:{{orderInfo.createDeptDTO?(!showCoop&&deptDisplay==2?orderInfo.createDeptDTO.deptalias:orderInfo.createDeptDTO.dept):'-'}}
17
+          </div>
18
+          <div nz-col nzSpan="8">目标科室:{{endDepts}}</div>
19
+          <div nz-col nzSpan="8" *ngIf="orderInfo.worker">支助人员信息:{{orderInfo.worker.name}}</div>
20
+          <div nz-col nzSpan="24" *ngIf="orderInfo.workOrderRemark">备注信息:{{orderInfo.workOrderRemark}}
21
+          </div>
22
+          <div nz-col nzSpan="24" *ngIf="orderInfo.specialCloseReason">特殊情况关闭原因:{{orderInfo.specialCloseReason}}
23
+          </div>
22 24
         </div>
23 25
       </div>
24
-    </div>
25
-    <div class="center">
26
-      <div class="box">
27
-        <div class="steps" *ngFor="let step of logList;let i = index;">
28
-          <div class="step">
29
-            <div class="info">
30
-              <i
31
-                [ngClass]="{'icon_transport':true, 'transport-icon_liucheng':true,'green':(step.record&&step.record[0]&&step.record[0].operationTime)}"></i>
32
-              <p>{{step.operationName}}</p>
33
-              <p>{{step.record.length>=1?(step.record[0].operationTime|date:'MM-dd HH:mm'):''}}</p>
34
-              <p *ngIf="step.record[0]&&step.record[0].dept">
35
-                <span *ngFor="let dept of step.record">{{!showCoop&&deptDisplay==2?dept.deptalias:dept.dept}},</span>
36
-              </p>
37
-              <p *ngIf="i!=0&&step.record&&step.record.length">耗时{{filterTime(step.record)}}</p>
26
+      <div class="center" *ngIf="amplificationShow">
27
+        <div class="box">
28
+          <div class="steps" *ngFor="let step of logList;let i = index;">
29
+            <div class="step">
30
+              <div class="info">
31
+                <i
32
+                  [ngClass]="{'icon_transport':true, 'transport-icon_liucheng':true,'green':(step.record&&step.record[0]&&step.record[0].operationTime)}"></i>
33
+                <p>{{step.operationName}}</p>
34
+                <p>{{step.record.length>=1?(step.record[0].operationTime|date:'MM-dd HH:mm'):''}}</p>
35
+                <p *ngIf="step.record[0]&&step.record[0].dept">
36
+                  <span *ngFor="let dept of step.record">{{!showCoop&&deptDisplay==2?dept.deptalias:dept.dept}},</span>
37
+                </p>
38
+                <p *ngIf="i!=0&&step.record&&step.record.length">耗时{{filterTime(step.record)}}</p>
39
+              </div>
40
+              <div class="line"></div>
38 41
             </div>
39
-            <div class="line"></div>
40 42
           </div>
41 43
         </div>
42 44
       </div>
43
-    </div>
44
-    <div class="bottom" *ngIf="orderInfo.urgentDetails&&showCoop">
45
-      <div class="urgent">
46
-        加急原因:{{orderInfo.urgentDetails.urgentReason}}
47
-        <button *ngIf="orderInfo.urgentDetails.checkStatus.id==329" nz-button nzType="primary"
48
-          [nzLoading]="urgentLoading" nzGhost (click)="urgent()">确认加急</button>
45
+      <div class="bottom" *ngIf="orderInfo.urgentDetails&&showCoop">
46
+        <div class="urgent">
47
+          <div>
48
+            <ng-container *ngIf="amplificationShow&&orderInfo.urgentDetails&&showCoop">
49
+                加急原因:{{orderInfo.urgentDetails.urgentReason}}
50
+              <button *ngIf="orderInfo.urgentDetails.checkStatus.id==329" class=" btn default" nz-button nzType="primary"
51
+                [nzLoading]="urgentLoading" nzGhost (click)="urgent()">确认加急</button>
52
+            </ng-container>
53
+          </div>
54
+          <div class="amplification">
55
+            <button
56
+              nz-button
57
+              nzType="primary"
58
+              class="btn default"
59
+              (click)="amplification()"
60
+            >
61
+              {{ amplificationShow ? "放大" : "还原" }}
62
+            </button>
63
+          </div>
64
+        </div>
49 65
       </div>
50 66
     </div>
51
-  </div>
67
+  </overlay-scrollbars>
52 68
   <div class="btns display_flex justify-content_flex-center">
53 69
     <!-- <button *ngIf="showCoop&&orderInfo.gdState.id==69" nz-button nzType="primary" [nzLoading]="isOkLoading"
54 70
       (click)='allotWorker()'>派单</button>

+ 5 - 0
src/app/share/detail-others/detail-others.component.less

@@ -15,6 +15,7 @@
15 15
 
16 16
 .detail {
17 17
   width: 1000px;
18
+  height: calc(100vh - 100px);
18 19
   min-height: 530px;
19 20
   border-radius: 5px;
20 21
   background: #fff;
@@ -130,6 +131,9 @@
130 131
       background: #f9fafb;
131 132
 
132 133
       .urgent {
134
+        display: flex;
135
+        justify-content: space-between;
136
+        margin-bottom: 8px;
133 137
         input {
134 138
           width: 600px;
135 139
         }
@@ -167,6 +171,7 @@
167 171
 
168 172
             td {
169 173
               border: none;
174
+              position: relative;
170 175
             }
171 176
           }
172 177
 

+ 13 - 1
src/app/share/detail-others/detail-others.component.ts

@@ -1,9 +1,10 @@
1
-import { Component, OnInit } from "@angular/core";
1
+import { Component, OnInit, ViewChild } from "@angular/core";
2 2
 import { ActivatedRoute, Router } from "@angular/router";
3 3
 import { MainService } from "../../services/main.service";
4 4
 import { forkJoin } from "rxjs";
5 5
 import { NzMessageService } from "ng-zorro-antd";
6 6
 import { ToolService } from "src/app/services/tool.service";
7
+import { OverlayScrollbarsComponent } from 'overlayscrollbars-ngx';
7 8
 
8 9
 @Component({
9 10
   selector: "app-detail-others",
@@ -11,6 +12,11 @@ import { ToolService } from "src/app/services/tool.service";
11 12
   styleUrls: ["./detail-others.component.less"],
12 13
 })
13 14
 export class DetailOthersComponent implements OnInit {
15
+  @ViewChild("osComponentRef1", {
16
+    read: OverlayScrollbarsComponent,
17
+    static: false,
18
+  })
19
+  osComponentRef1: OverlayScrollbarsComponent;
14 20
   constructor(
15 21
     private message: NzMessageService,
16 22
     private route: ActivatedRoute,
@@ -34,6 +40,7 @@ export class DetailOthersComponent implements OnInit {
34 40
   btnLoading: boolean = false; //确认按钮loading状态
35 41
   maskFlag: any = false;
36 42
   deptDisplay; //护士端是否显示可以别名,1是显示科室名称,2是显示科室别名
43
+  amplificationShow = true;
37 44
 
38 45
   ngOnInit() {
39 46
     this.tool.getDeptDisplay().subscribe((result) => {
@@ -65,6 +72,11 @@ export class DetailOthersComponent implements OnInit {
65 72
     });
66 73
   }
67 74
 
75
+  // 放大
76
+  amplification(){
77
+    this.amplificationShow = !this.amplificationShow;
78
+  }
79
+
68 80
   // 获取工单详情
69 81
   getDetail() {
70 82
     return this.mainService.getFetchData("api", "workOrder", this.id);

+ 21 - 7
src/app/share/detail-patients/detail-patients.component.html

@@ -1,9 +1,9 @@
1 1
 <!-- 患者陪检/患者转运 -->
2 2
 <div class="detail" *ngIf="!maskFlag">
3 3
   <div class="title">工单信息<i class="icon_transport transport-guanbi" (click)="close()"></i></div>
4
-  <overlay-scrollbars #osComponentRef1 style="height: 462px;">
4
+  <overlay-scrollbars #osComponentRef1 style="height: 90%; flex: 1">
5 5
     <div class="content">
6
-      <div class="top">
6
+      <div class="top" *ngIf="amplificationShow">
7 7
         <div class="num">
8 8
           <span class="left">单号:{{orderInfo.gdcode}}</span>
9 9
           <span class="right">{{orderInfo.gdState.name}}</span>
@@ -32,7 +32,7 @@
32 32
           </div>
33 33
         </div>
34 34
       </div>
35
-      <div class="center">
35
+      <div class="center" *ngIf="amplificationShow">
36 36
         <div class="box display_flex justify-content_flex-center">
37 37
           <div class="steps" *ngFor="let step of logList;let i = index;">
38 38
             <div class="step">
@@ -52,10 +52,24 @@
52 52
         </div>
53 53
       </div>
54 54
       <div class="bottom">
55
-        <div class="urgent" *ngIf="orderInfo.urgentDetails&&showCoop">
56
-          加急原因:{{orderInfo.urgentDetails.urgentReason}}
57
-          <button *ngIf="orderInfo.urgentDetails.checkStatus.id==329" nz-button nzType="primary"
58
-            [nzLoading]="urgentLoading" nzGhost (click)="urgent()">确认加急</button>
55
+        <div class="urgent">
56
+          <div>
57
+            <ng-container *ngIf="amplificationShow&&orderInfo.urgentDetails&&showCoop">
58
+                加急原因:{{orderInfo.urgentDetails.urgentReason}}
59
+              <button *ngIf="orderInfo.urgentDetails.checkStatus.id==329" class=" btn default" nz-button nzType="primary"
60
+                [nzLoading]="urgentLoading" nzGhost (click)="urgent()">确认加急</button>
61
+            </ng-container>
62
+          </div>
63
+          <div class="amplification">
64
+            <button
65
+              nz-button
66
+              nzType="primary"
67
+              class="btn default"
68
+              (click)="amplification()"
69
+            >
70
+              {{ amplificationShow ? "放大" : "还原" }}
71
+            </button>
72
+          </div>
59 73
         </div>
60 74
         <div class="info">
61 75
           <div nz-row class="top">

+ 5 - 1
src/app/share/detail-patients/detail-patients.component.less

@@ -14,7 +14,8 @@
14 14
 
15 15
 .detail {
16 16
   width: 1000px;
17
-  max-height: 580px;
17
+  height: calc(100vh - 100px);
18
+  min-height: 580px;
18 19
   border-radius: 5px;
19 20
   background: #fff;
20 21
   color: #333;
@@ -129,6 +130,9 @@
129 130
       background: #f9fafb;
130 131
 
131 132
       .urgent {
133
+        display: flex;
134
+        justify-content: space-between;
135
+        margin-bottom: 8px;
132 136
         input {
133 137
           width: 600px;
134 138
         }

+ 5 - 0
src/app/share/detail-patients/detail-patients.component.ts

@@ -39,6 +39,7 @@ export class DetailPatientsComponent implements OnInit {
39 39
   btnLoading: boolean = false; //确认按钮loading状态
40 40
   maskFlag: any = false;
41 41
   deptDisplay; //护士端是否显示可以别名,1是显示科室名称,2是显示科室别名
42
+  amplificationShow = true;
42 43
   ngOnInit() {
43 44
     this.tool.getDeptDisplay().subscribe((result) => {
44 45
       if (result.status == 200) {
@@ -88,6 +89,10 @@ export class DetailPatientsComponent implements OnInit {
88 89
       }
89 90
     });
90 91
   }
92
+  // 放大
93
+  amplification(){
94
+    this.amplificationShow = !this.amplificationShow;
95
+  }
91 96
   // 获取工单详情
92 97
   middleDept = []; //中间科室数组
93 98
   getDetail() {

+ 102 - 81
src/app/share/detail-sample/detail-sample.component.html

@@ -1,96 +1,117 @@
1 1
 <!-- 标本 -->
2 2
 <div class="detail" *ngIf="!maskFlag">
3 3
   <div class="title">工单信息<i class="icon_transport transport-guanbi" (click)="close()"></i></div>
4
-  <div class="content">
5
-    <div class="top">
6
-      <div class="num">
7
-        <span class="left">单号:{{orderInfo.gdcode}}</span>
8
-        <span class="right">{{orderInfo.gdState.name}}</span>
9
-      </div>
10
-      <div class="info" nz-row>
11
-        <div nz-col nzSpan="8">工单日期:{{orderInfo.startTime}}</div>
12
-        <div nz-col nzSpan="8">总耗时:{{orderInfo.showTimeNum}}</div>
13
-        <div nz-col nzSpan="8">申请类型:{{orderInfo.taskType.taskName}}<ng-container *ngIf="orderInfo.goodsRemark">-{{orderInfo.goodsRemark}}</ng-container></div>
14
-        <div nz-col nzSpan="8">预计接收:{{orderInfo.expectReceiveNum?orderInfo.expectReceiveNum:''}}</div>
15
-
16
-        <div nz-col nzSpan="8">
17
-          申请科室:{{orderInfo.createDeptDTO?(!showCoop&&deptDisplay==2?orderInfo.createDeptDTO.deptalias:orderInfo.createDeptDTO.dept):'-'}}
18
-        </div>
19
-        <div nz-col nzSpan="8">目标科室:{{endDepts}}</div>
20
-        <div nz-col nzSpan="8" *ngIf="orderInfo.worker">支助人员信息:{{orderInfo.worker.name}}</div>
21
-        <div nz-col nzSpan="8">实际接收:{{orderInfo.actualReceiveNum?orderInfo.actualReceiveNum:''}}</div>
22
-        <div nz-col nzSpan="24" *ngIf="orderInfo.workOrderRemark">备注信息:{{orderInfo.workOrderRemark}}
4
+  <overlay-scrollbars #osComponentRef1 style="height: 90%; flex: 1">
5
+    <div class="content">
6
+      <div class="top" *ngIf="amplificationShow">
7
+        <div class="num">
8
+          <span class="left">单号:{{orderInfo.gdcode}}</span>
9
+          <span class="right">{{orderInfo.gdState.name}}</span>
23 10
         </div>
24
-        <div nz-col nzSpan="24" *ngIf="orderInfo.specialCloseReason">
25
-          特殊情况关闭原因:{{orderInfo.specialCloseReason}}
11
+        <div class="info" nz-row>
12
+          <div nz-col nzSpan="8">工单日期:{{orderInfo.startTime}}</div>
13
+          <div nz-col nzSpan="8">总耗时:{{orderInfo.showTimeNum}}</div>
14
+          <div nz-col nzSpan="8">申请类型:{{orderInfo.taskType.taskName}}<ng-container *ngIf="orderInfo.goodsRemark">-{{orderInfo.goodsRemark}}</ng-container></div>
15
+          <div nz-col nzSpan="8">预计接收:{{orderInfo.expectReceiveNum?orderInfo.expectReceiveNum:''}}</div>
16
+
17
+          <div nz-col nzSpan="8">
18
+            申请科室:{{orderInfo.createDeptDTO?(!showCoop&&deptDisplay==2?orderInfo.createDeptDTO.deptalias:orderInfo.createDeptDTO.dept):'-'}}
19
+          </div>
20
+          <div nz-col nzSpan="8">目标科室:{{endDepts}}</div>
21
+          <div nz-col nzSpan="8" *ngIf="orderInfo.worker">支助人员信息:{{orderInfo.worker.name}}</div>
22
+          <div nz-col nzSpan="8">实际接收:{{orderInfo.actualReceiveNum?orderInfo.actualReceiveNum:''}}</div>
23
+          <div nz-col nzSpan="24" *ngIf="orderInfo.workOrderRemark">备注信息:{{orderInfo.workOrderRemark}}
24
+          </div>
25
+          <div nz-col nzSpan="24" *ngIf="orderInfo.specialCloseReason">
26
+            特殊情况关闭原因:{{orderInfo.specialCloseReason}}
27
+          </div>
26 28
         </div>
27 29
       </div>
28
-    </div>
29
-    <div class="center">
30
-      <div class="box display_flex justify-content_flex-center">
31
-        <div class="steps" *ngFor="let step of logList;let i=index;">
32
-          <div class="step">
33
-            <div class="info">
34
-              <i
35
-                [ngClass]="{'icon_transport':true, 'transport-icon_liucheng':true,'green':(step.record&&step.record[0]&&step.record[0].operationTime)}"></i>
36
-              <p>{{step.operationName}}</p>
37
-              <p>{{step.record.length>=1?(step.record[0].operationTime|date:'MM-dd HH:mm'):''}}</p>
38
-              <p *ngIf="step.record[0]&&step.record[0].dept">
39
-                <span *ngFor="let dept of step.record">{{!showCoop&&deptDisplay==2?dept.deptalias:dept.dept}},</span>
40
-              </p>
41
-              <p *ngIf="i!=0&&step.record&&step.record.length">耗时{{filterTime(step.record)}}</p>
30
+      <div class="center" *ngIf="amplificationShow">
31
+        <div class="box display_flex justify-content_flex-center">
32
+          <div class="steps" *ngFor="let step of logList;let i=index;">
33
+            <div class="step">
34
+              <div class="info">
35
+                <i
36
+                  [ngClass]="{'icon_transport':true, 'transport-icon_liucheng':true,'green':(step.record&&step.record[0]&&step.record[0].operationTime)}"></i>
37
+                <p>{{step.operationName}}</p>
38
+                <p>{{step.record.length>=1?(step.record[0].operationTime|date:'MM-dd HH:mm'):''}}</p>
39
+                <p *ngIf="step.record[0]&&step.record[0].dept">
40
+                  <span *ngFor="let dept of step.record">{{!showCoop&&deptDisplay==2?dept.deptalias:dept.dept}},</span>
41
+                </p>
42
+                <p *ngIf="i!=0&&step.record&&step.record.length">耗时{{filterTime(step.record)}}</p>
43
+              </div>
44
+              <div class="line"></div>
42 45
             </div>
43
-            <div class="line"></div>
44 46
           </div>
45 47
         </div>
46 48
       </div>
47
-    </div>
48
-    <div class="bottom">
49
-      <div class="urgent" *ngIf="orderInfo.urgentDetails&&showCoop">
50
-        加急原因:{{orderInfo.urgentDetails.urgentReason}}
51
-        <button *ngIf="orderInfo.urgentDetails.checkStatus.id==329" class=" btn default" nz-button nzType="primary"
52
-          [nzLoading]="urgentLoading" nzGhost (click)="urgent()">确认加急</button>
53
-      </div>
54
-      <div class="table">
55
-        <nz-table class="detailSampleTable" [nzData]="orderInfo.specimenSet" nzSize="small" [nzScroll]="{ y: '105px' }"
56
-          [nzShowPagination]="null">
57
-          <thead>
58
-            <tr class="thead">
59
-              <th nzWidth="50px">序号</th>
60
-              <th nzWidth="95px">检验项目</th>
61
-              <th nzWidth="95px">标本类型</th>
62
-              <th nzWidth="110px">标本编码</th>
63
-              <th nzWidth="88px">患者姓名</th>
64
-              <th nzWidth="88px">住院号</th>
65
-              <th nzWidth="50px">床号</th>
66
-              <th nzWidth="88px">目标科室</th>
67
-              <!-- <th nzWidth="75px">是否接收</th> -->
68
-              <!-- <th nzWidth="75px">是否送达</th> -->
69
-              <th nzWidth="123px">接收扫描时间</th>
70
-              <!-- <th nzWidth="123px">送达扫描时间</th> -->
71
-            </tr>
72
-          </thead>
73
-          <tbody *ngIf="orderInfo.specimenSet">
74
-            <tr *ngFor="let data of orderInfo.specimenSet;let i =index;">
75
-              <td>{{i+1}}</td>
76
-              <td>{{data.specimenDesc}}</td>
77
-              <td>{{data.stype?data.stype.name:''}}</td>
78
-              <td>{{data.scode}}</td>
79
-              <td>{{data.patientName}}</td>
80
-              <td>{{data.residenceNo}}</td>
81
-              <td>{{data.bedNum}}</td>
82
-              <td>{{!showCoop&&deptDisplay==2?data.checkDept.deptalias:data.checkDept.dept}}</td>
83
-              <!-- <td>{{data.received?"是":"否"}}</td> -->
84
-              <!-- <td>{{data.arrived?"是":"否"}}</td> -->
85
-              <td>{{data.arriveTime|date:'MM-dd HH:mm'}}<img *ngIf="data.urgent == 1||true"
86
-                src="../../assets/images/icon_ji.png" alt="" class="ji"></td>
87
-              <!-- <td style="position: relative;">{{data.sendTime?data.sendTime:'-'}}</td> -->
88
-            </tr>
89
-          </tbody>
90
-        </nz-table>
49
+      <div class="bottom">
50
+        <div class="urgent">
51
+          <div>
52
+            <ng-container *ngIf="amplificationShow&&orderInfo.urgentDetails&&showCoop">
53
+                加急原因:{{orderInfo.urgentDetails.urgentReason}}
54
+              <button *ngIf="orderInfo.urgentDetails.checkStatus.id==329" class=" btn default" nz-button nzType="primary"
55
+                [nzLoading]="urgentLoading" nzGhost (click)="urgent()">确认加急</button>
56
+            </ng-container>
57
+          </div>
58
+          <div class="amplification">
59
+            <button
60
+              nz-button
61
+              nzType="primary"
62
+              class="btn default"
63
+              (click)="amplification()"
64
+            >
65
+              {{ amplificationShow ? "放大" : "还原" }}
66
+            </button>
67
+          </div>
68
+        </div>
69
+        
70
+        <div class="table">
71
+          <nz-table class="detailSampleTable" [nzData]="orderInfo.specimenSet" nzSize="small" [nzShowPagination]="null">
72
+            <thead>
73
+              <tr class="thead">
74
+                <th nzWidth="4%">序号</th>
75
+                <th nzWidth="8%">申请科室</th>
76
+                <th nzWidth="7%">患者姓名</th>
77
+                <th nzWidth="5%">标本编码</th>
78
+                <th nzWidth="8%">检验项目</th>
79
+                <th nzWidth="8%">标本类型</th>
80
+                <th nzWidth="5%">状态</th>
81
+                <th nzWidth="8%">收取时间</th>
82
+                <th nzWidth="8%">收取人</th>
83
+                <th nzWidth="8%">中转时间</th>
84
+                <th nzWidth="8%">送达时间</th>
85
+                <th nzWidth="8%">送达人</th>
86
+                <th nzWidth="8%">终点科室</th>
87
+              </tr>
88
+            </thead>
89
+            <tbody *ngIf="orderInfo.specimenSet">
90
+              <tr *ngFor="let data of orderInfo.specimenSet;let i =index;">
91
+                <td>{{ i + 1 }}</td>
92
+                <td>{{ data.sickRoom ? data.sickRoom.dept : "-" }}</td>
93
+                <td>{{ data.patientName}}<span *ngIf="data.bedNum">({{data.bedNum}})</span><br>{{data.residenceNo}}</td>
94
+                <td>{{ data.scode || "-" }}</td>
95
+                <td>{{ data.specimenDesc || "-" }}</td>
96
+                <td>{{ data.stype ? data.stype.name : "-" }}</td>
97
+                <td>{{ data.speState ? data.speState.name : "-" }}</td>
98
+                <td>{{ data.arriveTime || "-" }}</td>
99
+                <td>{{ data.receiverName || "-" }}</td>
100
+                <td>{{ data.transTime || '-' }}</td>
101
+                <td>{{ data.sendTime || '-' }}</td>
102
+                <td>{{ data.delivererName || "-" }}</td>
103
+                <td>
104
+                  {{ data.checkDept ? (!showCoop&&deptDisplay==2?data.checkDept.deptalias:data.checkDept.dept) : "-" }}
105
+                  <img *ngIf="data.urgent == 1||true"
106
+                  src="../../assets/images/icon_ji.png" alt="" class="ji"></td>
107
+                <!-- <td style="position: relative;">{{data.sendTime?data.sendTime:'-'}}</td> -->
108
+              </tr>
109
+            </tbody>
110
+          </nz-table>
111
+        </div>
91 112
       </div>
92 113
     </div>
93
-  </div>
114
+  </overlay-scrollbars>
94 115
   <div class="btns display_flex justify-content_flex-center align-items_center">
95 116
     <!-- <button *ngIf="showCoop&&orderInfo.gdState.value==2" nz-button nzType="primary" (click)='allotWorker()'>派单</button>
96 117
     <button *ngIf="showCoop&&(orderInfo.gdState.value==3||orderInfo.gdState.value==4)" nz-button nzType="primary" nzGhost

+ 7 - 2
src/app/share/detail-sample/detail-sample.component.less

@@ -13,7 +13,8 @@
13 13
 }
14 14
 
15 15
 .detail {
16
-  width: 1000px;
16
+  width: 1200px;
17
+  height: calc(100vh - 100px);
17 18
   min-height: 580px;
18 19
   border-radius: 5px;
19 20
   background: #fff;
@@ -43,7 +44,7 @@
43 44
   }
44 45
 
45 46
   .content {
46
-    width: 960px;
47
+    width: 1160px;
47 48
     // height: 474px;
48 49
     border: 1px solid #e5e9ed;
49 50
     border-radius: 5px;
@@ -129,6 +130,9 @@
129 130
       background: #f9fafb;
130 131
 
131 132
       .urgent {
133
+        display: flex;
134
+        justify-content: space-between;
135
+        margin-bottom: 8px;
132 136
         input {
133 137
           width: 600px;
134 138
         }
@@ -161,6 +165,7 @@
161 165
 
162 166
             td {
163 167
               border: none;
168
+              position: relative;
164 169
             }
165 170
           }
166 171
 

+ 13 - 1
src/app/share/detail-sample/detail-sample.component.ts

@@ -1,9 +1,10 @@
1
-import { Component, OnInit } from "@angular/core";
1
+import { Component, OnInit, ViewChild } from "@angular/core";
2 2
 import { ActivatedRoute, Router } from "@angular/router";
3 3
 import { MainService } from "../../services/main.service";
4 4
 import { forkJoin } from "rxjs";
5 5
 import { NzMessageService } from "ng-zorro-antd";
6 6
 import { ToolService } from "src/app/services/tool.service";
7
+import { OverlayScrollbarsComponent } from 'overlayscrollbars-ngx';
7 8
 
8 9
 @Component({
9 10
   selector: "app-detail-sample",
@@ -11,6 +12,11 @@ import { ToolService } from "src/app/services/tool.service";
11 12
   styleUrls: ["./detail-sample.component.less"],
12 13
 })
13 14
 export class DetailSampleComponent implements OnInit {
15
+  @ViewChild("osComponentRef1", {
16
+    read: OverlayScrollbarsComponent,
17
+    static: false,
18
+  })
19
+  osComponentRef1: OverlayScrollbarsComponent;
14 20
   constructor(
15 21
     private message: NzMessageService,
16 22
     private route: ActivatedRoute,
@@ -34,6 +40,7 @@ export class DetailSampleComponent implements OnInit {
34 40
   btnLoading: boolean = false; //确认按钮loading状态
35 41
   maskFlag: any = false;
36 42
   deptDisplay; //护士端是否显示可以别名,1是显示科室名称,2是显示科室别名
43
+  amplificationShow = true;
37 44
   ngOnInit() {
38 45
     this.tool.getDeptDisplay().subscribe((result) => {
39 46
       if (result.status == 200) {
@@ -64,6 +71,11 @@ export class DetailSampleComponent implements OnInit {
64 71
     });
65 72
   }
66 73
 
74
+  // 放大
75
+  amplification(){
76
+    this.amplificationShow = !this.amplificationShow;
77
+  }
78
+
67 79
   // 获取工单详情
68 80
   getDetail() {
69 81
     return this.mainService.getFetchData("api", "workOrder", this.id);

+ 7 - 3
src/app/share/history-prompt-modal/history-prompt-modal.component.html

@@ -7,9 +7,11 @@
7 7
         <thead>
8 8
           <tr class="thead">
9 9
             <th nzWidth="10%">序号</th>
10
-            <th nzWidth="30%">动作</th>
11
-            <th nzWidth="30%">时间</th>
12
-            <th nzWidth="30%">操作人</th>
10
+            <th nzWidth="18%">动作</th>
11
+            <th nzWidth="18%">时间</th>
12
+            <th nzWidth="18%">退回原因</th>
13
+            <th nzWidth="18%">备注</th>
14
+            <th nzWidth="18%">操作人</th>
13 15
           </tr>
14 16
         </thead>
15 17
         <tbody>
@@ -17,6 +19,8 @@
17 19
             <td>{{i+1}}</td>
18 20
             <td>{{ data.operationType?data.operationType.name:'-' }}</td>
19 21
             <td>{{ data.creatTime||'-' }}</td>
22
+            <td>{{ data.reasonForReturn||'-' }}</td>
23
+            <td>{{ data.remarks||'-' }}</td>
20 24
             <td>{{ data.operationUserName||'-' }}</td>
21 25
           </tr>
22 26
         </tbody>

File diff suppressed because it is too large
+ 756 - 258
src/app/share/order-detail/order-detail.component.html


+ 21 - 5
src/app/share/order-detail/order-detail.component.less

@@ -14,8 +14,11 @@
14 14
 }
15 15
 
16 16
 .detail {
17
-  width: 1000px;
18
-  max-height: 580px;
17
+  display: flex;
18
+  flex-direction: column;
19
+  width: 1200px;
20
+  height: calc(100vh - 100px);
21
+  min-height: 580px;
19 22
   border-radius: 5px;
20 23
   background: #fff;
21 24
   color: #333;
@@ -44,10 +47,13 @@
44 47
   }
45 48
 
46 49
   & > .box {
47
-    width: 960px;
50
+    width: 1160px;
48 51
     border: 1px solid #e5e9ed;
49 52
     border-radius: 5px;
53
+    flex: 1;
50 54
     overflow: hidden;
55
+    display: flex;
56
+    flex-direction: column;
51 57
 
52 58
     .tab {
53 59
       width: 100%;
@@ -73,7 +79,8 @@
73 79
     .content {
74 80
       width: 100%;
75 81
       min-height: 453px;
76
-      max-height: 500px;
82
+      display: flex;
83
+      flex-direction: column;
77 84
 
78 85
       &.orders {
79 86
         background: #f9fafb;
@@ -163,9 +170,16 @@
163 170
       }
164 171
 
165 172
       & > .bottom {
173
+        flex: 1;
166 174
         padding: 25px 32px;
167 175
         background: #f9fafb;
168 176
 
177
+        .amplification {
178
+          display: flex;
179
+          justify-content: flex-end;
180
+          margin-bottom: 8px;
181
+        }
182
+
169 183
         .urgent {
170 184
           input {
171 185
             width: 600px;
@@ -202,7 +216,8 @@
202 216
             .thead {
203 217
               background-image: repeating-linear-gradient(
204 218
                 to right,
205
-                @bg-start, @bg-end 50%
219
+                @bg-start,
220
+                @bg-end 50%
206 221
               ) !important;
207 222
             }
208 223
           }
@@ -215,6 +230,7 @@
215 230
 
216 231
               td {
217 232
                 border: none;
233
+                position: relative;
218 234
               }
219 235
             }
220 236
 

+ 6 - 0
src/app/share/order-detail/order-detail.component.ts

@@ -78,6 +78,7 @@ export class OrderDetailComponent implements OnInit {
78 78
   urgentLoading: boolean = false; //确认加急按钮loading状态
79 79
   recLoading: boolean = false; //撤回并删除按钮loading状态
80 80
   btnLoading: boolean = false; //确认按钮loading状态
81
+  amplificationShow = true;
81 82
 
82 83
   ngOnInit() {
83 84
     this.tabType = this.route.snapshot.params.type || 1;
@@ -86,6 +87,11 @@ export class OrderDetailComponent implements OnInit {
86 87
   }
87 88
   ngOnDestroy() {}
88 89
 
90
+  // 放大
91
+  amplification(){
92
+    this.amplificationShow = !this.amplificationShow;
93
+  }
94
+
89 95
   // 获取工单详情
90 96
   middleDept = []; //中间科室数组
91 97
   getInfo() {

+ 7 - 2
src/app/views/fuwutai/fuwutai.component.less

@@ -12,11 +12,14 @@
12 12
 }
13 13
 
14 14
 .fuwutai {
15
-  display: flex;
16
-  flex-direction: column;
17 15
   width: 100%;
18 16
   position: relative;
19 17
   background: #f9fafb;
18
+  #top{
19
+    display: flex;
20
+    flex-direction: column;
21
+    height: 180px;
22
+  }
20 23
   .transport-1_round_solid,
21 24
   .transport-2_round_solid,
22 25
   .transport-3_round_solid {
@@ -49,6 +52,7 @@
49 52
   .tabBox {
50 53
     overflow: hidden;
51 54
     display: flex;
55
+    height: 40px;
52 56
 
53 57
     .tab {
54 58
       // float: left;
@@ -129,6 +133,7 @@
129 133
   /* 支助人员信息内容 */
130 134
   .message_cot {
131 135
     width: 100%;
136
+    height: 140px;
132 137
     position: relative;
133 138
     display: inline-block;
134 139
     border-right: 1px solid rgb(225, 229, 232);

+ 20 - 15
src/app/views/specimen-search/specimen-search.component.html

@@ -86,6 +86,9 @@
86 86
         </button>
87 87
       </div>
88 88
     </div>
89
+    <div class="list-template__checkBoxes">
90
+      <nz-checkbox-group [(ngModel)]="checkOptionsOne" (ngModelChange)="log(checkOptionsOne)"></nz-checkbox-group>
91
+    </div>
89 92
     <div class="list-template__bottom">
90 93
       <nz-table
91 94
         class="list-template__nzTable"
@@ -97,35 +100,37 @@
97 100
       >
98 101
         <thead>
99 102
           <tr class="thead">
100
-            <th nzWidth="5%">序号</th>
103
+            <th nzWidth="4%">序号</th>
104
+            <th nzWidth="8%">申请科室</th>
105
+            <th nzWidth="7%">患者姓名</th>
106
+            <th nzWidth="5%">标本编码</th>
101 107
             <th nzWidth="8%">检验项目</th>
102 108
             <th nzWidth="8%">标本类型</th>
103
-            <th nzWidth="6%">状态</th>
104
-            <th nzWidth="10%">标本编码</th>
105
-            <th nzWidth="8%">患者姓名</th>
106
-            <th nzWidth="8%">床号</th>
107
-            <th nzWidth="8%">收取扫描时间</th>
109
+            <th nzWidth="5%">状态</th>
110
+            <th nzWidth="8%">收取时间</th>
108 111
             <th nzWidth="8%">收取人</th>
109
-            <th nzWidth="8%">申请科室</th>
110
-            <th nzWidth="8%">送达目标科室</th>
111
-            <th nzWidth="8%">送达到达时间</th>
112
+            <th nzWidth="8%">中转时间</th>
113
+            <th nzWidth="8%">送达时间</th>
114
+            <th nzWidth="8%">送达人</th>
115
+            <th nzWidth="8%">终点科室</th>
112 116
             <th nzWidth="7%"></th>
113 117
           </tr>
114 118
         </thead>
115 119
         <tbody>
116 120
           <tr *ngFor="let data of listOfData; let i = index">
117 121
             <td>{{ i + 1 }}</td>
122
+            <td>{{ data.sickRoom ? data.sickRoom.dept : "-" }}</td>
123
+            <td>{{ data.patientName}}<span *ngIf="data.bedNum">({{data.bedNum}})</span><br>{{data.residenceNo}}</td>
124
+            <td>{{ data.scode || "-" }}</td>
118 125
             <td>{{ data.specimenDesc || "-" }}</td>
119 126
             <td>{{ data.stype ? data.stype.name : "-" }}</td>
120 127
             <td>{{ data.speState ? data.speState.name : "-" }}</td>
121
-            <td>{{ data.scode || "-" }}</td>
122
-            <td>{{ data.patientName || "-" }}</td>
123
-            <td>{{ data.bedNum || "-" }}</td>
124 128
             <td>{{ data.arriveTime || "-" }}</td>
125
-            <td>{{ data.worker || "-" }}</td>
126
-            <td>{{ data.sickRoom ? data.sickRoom.dept : "-" }}</td>
129
+            <td>{{ data.receiverName || "-" }}</td>
130
+            <td>{{ data.transTime || '-' }}</td>
131
+            <td>{{ data.sendTime || '-' }}</td>
132
+            <td>{{ data.delivererName || "-" }}</td>
127 133
             <td>{{ data.checkDept ? data.checkDept.dept : "-" }}</td>
128
-            <td>{{ data.sendTime || "-" }}</td>
129 134
             <td><button (click)="viewSpecimenHistory(data)">查看</button></td>
130 135
           </tr>
131 136
         </tbody>

+ 9 - 0
src/app/views/specimen-search/specimen-search.component.ts

@@ -26,6 +26,9 @@ export class SpecimenSearchComponent implements OnInit {
26 26
   pageIndex: number = 1; //表格当前页码
27 27
   pageSize: number = 10; //表格每页展示条数
28 28
   listLength: number = 10; //表格总数据量
29
+  checkOptionsOne: Array<any> = [
30
+    { label: "服务中心收取", value: "0", checked: false },
31
+  ];
29 32
   changeInpSubject = new Subject();
30 33
   ngOnInit() {
31 34
     this.changeInpSubject.pipe(debounceTime(500)).subscribe((v) => {
@@ -33,6 +36,11 @@ export class SpecimenSearchComponent implements OnInit {
33 36
     });
34 37
     this.getAllHospital();
35 38
   }
39
+  // 表格筛选
40
+  log(value: object[]): void {
41
+    console.log(value);
42
+    this.getList(0);
43
+  }
36 44
   // 搜索类型
37 45
   isLoading1 = false;
38 46
   searchTypes() {
@@ -189,6 +197,7 @@ export class SpecimenSearchComponent implements OnInit {
189 197
       idx: this.pageIndex - 1,
190 198
       sum: this.pageSize,
191 199
       specimen: {
200
+        receivedMark: this.checkOptionsOne[0].checked ? 1 : undefined,
192 201
         hosId: this.searchCriteria.hospital,
193 202
         sickRoom: this.searchCriteria.department
194 203
           ? {