|
@@ -5,258 +5,48 @@
|
5
|
5
|
<div class="content">
|
6
|
6
|
<div class="top" *ngIf="amplificationShow">
|
7
|
7
|
<div class="num">
|
8
|
|
- <span class="left">报修编号:{{orderInfo.bxcode}}</span>
|
9
|
|
- <span class="right">{{orderInfo.incidentState?orderInfo.incidentState.name:''}}</span>
|
|
8
|
+ <span class="left">工单单号:{{orderInfo.incidentsign}}</span>
|
|
9
|
+ <span class="right">{{orderInfo.state?orderInfo.state.name:''}}</span>
|
10
|
10
|
</div>
|
11
|
11
|
<div class="info" nz-row>
|
12
|
12
|
<div nz-col nzSpan="8">报修类别:{{orderInfo.category?orderInfo.category.category:''}}</div>
|
13
|
|
- <div nz-col nzSpan="8">报修地址:<ng-container *ngIf="orderInfo.place">{{ orderInfo.place.area.area }} {{ orderInfo.place.place }} {{ orderInfo.address }}</ng-container></div>
|
14
|
|
- <div nz-col nzSpan="24">报修内容:{{orderInfo.incidentDescription}}</div>
|
|
13
|
+ <div nz-col nzSpan="8">报修地址:<ng-container *ngIf="orderInfo.place">{{ orderInfo.place.area.area }} {{ orderInfo.place.place }} {{ orderInfo.houseNumber }}</ng-container></div>
|
|
14
|
+ <div nz-col nzSpan="24">报修内容:{{orderInfo.description}}</div>
|
15
|
15
|
<div nz-col nzSpan="24">报修图片:
|
16
|
16
|
<app-image-viewer [imageUrl]="imgs_wechatRequesterIncident" *ngIf="imgs_wechatRequesterIncident.length"></app-image-viewer>
|
17
|
17
|
</div>
|
18
|
18
|
<div nz-col nzSpan="24">处理图片:
|
19
|
19
|
<app-image-viewer [imageUrl]="imgs_incident" *ngIf="imgs_incident.length"></app-image-viewer>
|
20
|
20
|
</div>
|
21
|
|
- <div nz-col nzSpan="8">维修人:<ng-container *ngIf="orderInfo.incident&&orderInfo.incident.handlingPersonnelUser">{{ orderInfo.incident.handlingPersonnelUser.name }}</ng-container></div>
|
22
|
|
- <div nz-col nzSpan="8">维修人电话:<ng-container *ngIf="orderInfo.incident&&orderInfo.incident.handlingPersonnelUser">{{ orderInfo.incident.handlingPersonnelUser.phone }}</ng-container></div>
|
23
|
|
- <div nz-col nzSpan="8" *ngIf="orderInfo.incident&&orderInfo.incident.repairSummaryDTO">维修总金额:{{ orderInfo.incident.repairSummaryDTO.totalMaintenancePrice }}元</div>
|
24
|
|
- <div nz-col nzSpan="24" *ngIf="processData == '已撤回'">撤回原因:{{ orderInfo.retractReason }}</div>
|
25
|
|
- <div nz-col nzSpan="24" *ngIf="processData == '不受理'">不受理原因:{{ orderInfo.rejectRemark }}</div>
|
|
21
|
+ <div nz-col nzSpan="8">维修人:<ng-container *ngIf="orderInfo.handlingPersonnelUser">{{ orderInfo.handlingPersonnelUser.name }}</ng-container></div>
|
|
22
|
+ <div nz-col nzSpan="8">维修人电话:<ng-container *ngIf="orderInfo.handlingPersonnelUser">{{ orderInfo.handlingPersonnelUser.phone }}</ng-container></div>
|
|
23
|
+ <div nz-col nzSpan="8">维修总金额:{{orderInfo.rsPrice === undefined ? '无' : orderInfo.rsPrice + '元'}}</div>
|
26
|
24
|
</div>
|
27
|
25
|
</div>
|
28
|
26
|
<div class="center" *ngIf="amplificationShow">
|
29
|
27
|
<div class="box">
|
30
|
28
|
<!-- 流程图 start -->
|
31
|
29
|
<div class="processBox">
|
32
|
|
- <div
|
33
|
|
- class="process"
|
34
|
|
- *ngIf="
|
35
|
|
- processData == '不受理' ||
|
36
|
|
- processData == '结束' ||
|
37
|
|
- processData == '已撤回' ||
|
38
|
|
- processData == '重复事件'
|
39
|
|
- "
|
40
|
|
- >
|
41
|
|
- <div class="status">
|
42
|
|
- {{ processMessage[4] ? processMessage[4].name : "" }}
|
43
|
|
- </div>
|
44
|
|
- <div class="ico">
|
45
|
|
- <i class="icon_transport transport-icon_liucheng last"></i>
|
46
|
|
- </div>
|
47
|
|
- <div class="time">
|
48
|
|
- <ng-container *ngIf="processTime[4]">
|
49
|
|
- {{processTime[4].startTime | date:"MM-dd HH:mm:ss"}}
|
50
|
|
- </ng-container>
|
51
|
|
- </div>
|
52
|
|
- </div>
|
53
|
|
- <div
|
54
|
|
- class="processCont"
|
55
|
|
- *ngIf="
|
56
|
|
- processData == '不受理' ||
|
57
|
|
- processData == '结束' ||
|
58
|
|
- processData == '已撤回' ||
|
59
|
|
- processData == '重复事件'
|
60
|
|
- "
|
61
|
|
- >
|
62
|
|
- <div class="status"></div>
|
63
|
|
- <div
|
64
|
|
- class="conents"
|
65
|
|
- [innerHTML]="processMessage[4] ? processMessage[4].desc : ''"
|
66
|
|
- ></div>
|
67
|
|
- </div>
|
68
|
|
- <div
|
69
|
|
- class="process"
|
70
|
|
- *ngIf="
|
71
|
|
- processData == '评价' ||
|
72
|
|
- (processData == '结束' && processData != '重复事件')
|
73
|
|
- "
|
74
|
|
- >
|
75
|
|
- <div class="status">
|
76
|
|
- {{ processMessage[3] ? processMessage[3].name : "" }}
|
77
|
|
- </div>
|
78
|
|
- <div class="ico">
|
79
|
|
- <i
|
80
|
|
- class="icon_transport transport-icon_liucheng green now"
|
81
|
|
- *ngIf="processData == '评价'"
|
82
|
|
- ></i>
|
83
|
|
- <i
|
84
|
|
- class="icon_transport transport-icon_liucheng last"
|
85
|
|
- *ngIf="processData != '评价'"
|
86
|
|
- ></i>
|
87
|
|
- </div>
|
88
|
|
- <div class="time">
|
89
|
|
- <ng-container *ngIf="processTime[3]">
|
90
|
|
- {{processTime[3].startTime | date:"MM-dd HH:mm:ss"}}
|
91
|
|
- </ng-container>
|
92
|
|
- </div>
|
93
|
|
- </div>
|
94
|
|
- <div
|
95
|
|
- class="processCont"
|
96
|
|
- *ngIf="
|
97
|
|
- processData == '评价' ||
|
98
|
|
- (processData == '结束' && processData != '重复事件')
|
99
|
|
- "
|
100
|
|
- >
|
101
|
|
- <div class="status"></div>
|
102
|
|
- <div
|
103
|
|
- class="conents"
|
104
|
|
- [innerHTML]="processMessage[3] ? processMessage[3].desc : ''"
|
105
|
|
- ></div>
|
106
|
|
- </div>
|
107
|
|
- <!-- 处理日志 start -->
|
108
|
|
- <ng-container *ngIf="orderInfo.incident">
|
109
|
|
- <div *ngFor="let item of orderInfo.incident.handlerLogs;let i = index;">
|
110
|
|
- <div
|
111
|
|
- class="process"
|
112
|
|
- *ngIf="
|
113
|
|
- processData == '处理' ||
|
114
|
|
- processData == '评价' ||
|
115
|
|
- (processData == '结束' && processData != '重复事件')
|
116
|
|
- "
|
117
|
|
- >
|
118
|
|
- <div class="status">
|
119
|
|
- {{ processMessage[2] ? processMessage[2].name : "" }}
|
120
|
|
- </div>
|
121
|
|
- <div class="ico">
|
122
|
|
- <i
|
123
|
|
- class="icon_transport transport-icon_liucheng green now"
|
124
|
|
- *ngIf="processData == '处理' && i === 0"
|
125
|
|
- ></i>
|
126
|
|
- <i
|
127
|
|
- class="icon_transport transport-icon_liucheng last"
|
128
|
|
- *ngIf="!(processData == '处理' && i === 0)"
|
129
|
|
- ></i>
|
130
|
|
- </div>
|
131
|
|
- <div class="time">
|
132
|
|
- {{ item.opTime | date:"MM-dd HH:mm:ss"}},{{ item.userName }}
|
133
|
|
- </div>
|
|
30
|
+ <ng-container *ngFor="let item of progressInfo;let last = last;">
|
|
31
|
+ <div class="process">
|
|
32
|
+ <div class="status">
|
|
33
|
+ {{ item.logType ? item.logType.name : '' }}
|
134
|
34
|
</div>
|
135
|
|
- <div
|
136
|
|
- class="processCont"
|
137
|
|
- *ngIf="
|
138
|
|
- processData == '处理' ||
|
139
|
|
- processData == '评价' ||
|
140
|
|
- (processData == '结束' && processData != '重复事件')
|
141
|
|
- "
|
142
|
|
- >
|
143
|
|
- <div class="status"></div>
|
144
|
|
- <div class="conents"><span *ngIf="item.repairType && item.expectedDate">{{item.repairType.name}}{{item.expectedDate|date:'MM月dd日前完成'}}</span> {{ item.opValue }}</div>
|
|
35
|
+ <div class="ico">
|
|
36
|
+ <i class="icon_transport transport-icon_liucheng last"></i>
|
|
37
|
+ </div>
|
|
38
|
+ <div class="time">
|
|
39
|
+ {{ item.startTime | date:"MM-dd HH:mm:ss" }}
|
|
40
|
+ <span *ngIf="item.appointorName">
|
|
41
|
+ ,{{ item.appointorName }}
|
|
42
|
+ </span>
|
145
|
43
|
</div>
|
146
|
44
|
</div>
|
147
|
|
- </ng-container>
|
148
|
|
- <!-- 处理日志 end -->
|
149
|
|
- <div
|
150
|
|
- class="process"
|
151
|
|
- *ngIf="
|
152
|
|
- processData == '处理' ||
|
153
|
|
- processData == '评价' ||
|
154
|
|
- (processData == '结束' && processData != '重复事件')
|
155
|
|
- "
|
156
|
|
- >
|
157
|
|
- <div class="status">
|
158
|
|
- {{ processMessage[2] ? processMessage[2].name : "" }}
|
159
|
|
- </div>
|
160
|
|
- <div class="ico">
|
161
|
|
- <i
|
162
|
|
- class="icon_transport transport-icon_liucheng green now"
|
163
|
|
- *ngIf="processData == '处理' && orderInfo.incident && !orderInfo.incident.handlerLogs"
|
164
|
|
- ></i>
|
165
|
|
- <i
|
166
|
|
- class="icon_transport transport-icon_liucheng last"
|
167
|
|
- v-else
|
168
|
|
- ></i>
|
169
|
|
- </div>
|
170
|
|
- <div class="time">
|
171
|
|
- <ng-container *ngIf="processTime[2]">
|
172
|
|
- {{processTime[2].startTime | date:"MM-dd HH:mm:ss"}}
|
173
|
|
- </ng-container>
|
174
|
|
- </div>
|
175
|
|
- </div>
|
176
|
|
- <div
|
177
|
|
- class="processCont"
|
178
|
|
- *ngIf="
|
179
|
|
- processData == '处理' ||
|
180
|
|
- processData == '评价' ||
|
181
|
|
- (processData == '结束' && processData != '重复事件')
|
182
|
|
- "
|
183
|
|
- >
|
184
|
|
- <div class="status"></div>
|
185
|
|
- <div
|
186
|
|
- class="conents"
|
187
|
|
- [innerHTML]="processMessage[2] ? processMessage[2].desc : ''"
|
188
|
|
- ></div>
|
189
|
|
- </div>
|
190
|
|
- <div
|
191
|
|
- class="process"
|
192
|
|
- *ngIf="
|
193
|
|
- processData == '受理' ||
|
194
|
|
- processData == '处理' ||
|
195
|
|
- processData == '评价' ||
|
196
|
|
- (processData == '结束' && processData != '重复事件')
|
197
|
|
- "
|
198
|
|
- >
|
199
|
|
- <div class="status">
|
200
|
|
- {{ processMessage[1] ? processMessage[1].name : "" }}
|
201
|
|
- </div>
|
202
|
|
- <div class="ico">
|
203
|
|
- <i
|
204
|
|
- class="icon_transport transport-icon_liucheng green now"
|
205
|
|
- *ngIf="processData == '受理'"
|
206
|
|
- ></i>
|
207
|
|
- <i
|
208
|
|
- class="icon_transport transport-icon_liucheng last"
|
209
|
|
- *ngIf="processData != '受理'"
|
210
|
|
- ></i>
|
211
|
|
- </div>
|
212
|
|
- <div class="time">
|
213
|
|
- <ng-container *ngIf="processTime[1]">
|
214
|
|
- {{processTime[1].startTime | date:'MM-dd HH:mm:ss'}}
|
215
|
|
- </ng-container>
|
216
|
|
- </div>
|
217
|
|
- </div>
|
218
|
|
- <div
|
219
|
|
- class="processCont"
|
220
|
|
- *ngIf="
|
221
|
|
- processData == '受理' ||
|
222
|
|
- processData == '处理' ||
|
223
|
|
- processData == '评价' ||
|
224
|
|
- (processData == '结束' && processData != '重复事件')
|
225
|
|
- "
|
226
|
|
- >
|
227
|
|
- <div class="status"></div>
|
228
|
|
- <div
|
229
|
|
- class="conents"
|
230
|
|
- [innerHTML]="processMessage[1] ? processMessage[1].desc : ''"
|
231
|
|
- ></div>
|
232
|
|
- </div>
|
233
|
|
- <div class="process">
|
234
|
|
- <div class="status">
|
235
|
|
- {{ processMessage[0] ? processMessage[0].name : "" }}
|
236
|
|
- </div>
|
237
|
|
- <div class="ico">
|
238
|
|
- <i
|
239
|
|
- class="icon_transport transport-icon_liucheng green now"
|
240
|
|
- *ngIf="processData == '申请'"
|
241
|
|
- ></i>
|
242
|
|
- <i
|
243
|
|
- class="icon_transport transport-icon_liucheng last"
|
244
|
|
- *ngIf="processData != '申请'"
|
245
|
|
- ></i>
|
246
|
|
- </div>
|
247
|
|
- <div class="time">
|
248
|
|
- <ng-container *ngIf="processTime[0]">
|
249
|
|
- {{processTime[0].startTime | date:"MM-dd HH:mm:ss"}}
|
250
|
|
- </ng-container>
|
|
45
|
+ <div class="processCont">
|
|
46
|
+ <div class="status"></div>
|
|
47
|
+ <div class="conents" [ngClass]="{lastContent: last}" [innerHTML]="item.remark"></div>
|
251
|
48
|
</div>
|
252
|
|
- </div>
|
253
|
|
- <div class="processCont">
|
254
|
|
- <div class="status"></div>
|
255
|
|
- <div
|
256
|
|
- class="conents lastConents"
|
257
|
|
- [innerHTML]="processMessage[0] ? processMessage[0].desc : ''"
|
258
|
|
- ></div>
|
259
|
|
- </div>
|
|
49
|
+ </ng-container>
|
260
|
50
|
</div>
|
261
|
51
|
<!-- 流程图 end -->
|
262
|
52
|
</div>
|
|
@@ -285,7 +75,7 @@
|
285
|
75
|
</div>
|
286
|
76
|
</overlay-scrollbars>
|
287
|
77
|
<div class="btns display_flex justify-content_flex-center">
|
288
|
|
- <button nz-button nzType="primary" (click)="goToSummary()" *ngIf="orderInfo.incident.duty && orderInfo.incident.duty.addSummary == 1">维修单</button>
|
|
78
|
+ <button nz-button nzType="primary" (click)="goToSummary()" *ngIf="orderInfo.duty && orderInfo.duty.addSummary == 1">维修单</button>
|
289
|
79
|
<button class=" btn cancel" nz-button nzType="default" (click)="close()">取消</button>
|
290
|
80
|
</div>
|
291
|
81
|
</div>
|
|
@@ -326,6 +116,6 @@
|
326
|
116
|
[info]="promptInfo" (closeModel)="close()">
|
327
|
117
|
<!-- 2.父组件调用子组件时绑定到这个事件属性,并在事件发生时作出回应。(closeModel)="close()" -->
|
328
|
118
|
</app-prompt-modal>
|
329
|
|
-<app-incident-details *ngIf="isShowIncidentDetails" (close)="closeIncidentDetails()" [incidentId]="orderInfo.incident.id"></app-incident-details>
|
|
119
|
+<app-incident-details *ngIf="isShowIncidentDetails" (close)="closeIncidentDetails()" [incidentId]="orderInfo.id"></app-incident-details>
|
330
|
120
|
<!-- 遮罩 -->
|
331
|
121
|
<app-mask *ngIf="maskFlag"></app-mask>
|