info-search.component.html 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572
  1. <div class="list-template">
  2. <div class="list-template__content">
  3. <div class="list-template__top" nz-row>
  4. <div nz-col nzXl='16' class="list-template__searchBox">
  5. <div class="list-template__searchItem">
  6. <span class="label">编码:</span>
  7. <input nz-input class="formItem" placeholder="请输入编码" [(ngModel)]="searchCriteria.id" />
  8. </div>
  9. <div class="list-template__searchItem">
  10. <span class="label">类型:</span>
  11. <nz-select [nzDropdownMatchSelectWidth]="false" class="formItem" nzPlaceHolder="请选择类型"
  12. [(ngModel)]="searchCriteria.target">
  13. <ng-container *ngFor="let data of typeList">
  14. <nz-option *ngIf="!isLoading" nzLabel="{{data.name}}" nzValue="{{data.type}}"></nz-option>
  15. </ng-container>
  16. <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
  17. <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
  18. </nz-option>
  19. </nz-select>
  20. </div>
  21. </div>
  22. <div nz-col nzXl="8" class="list-template__btns">
  23. <button nz-button class="btn default" (click)='reset()'>重置</button>
  24. <button nz-button class="btn default ml8" (click)='getList()'>搜索</button>
  25. </div>
  26. </div>
  27. <ng-container *ngIf="!loading1">
  28. <app-collapse>
  29. <app-collapse-panel *ngFor="let panel of panels" [nzHeader]="panel.name" [nzActive]="panel.active"
  30. (click)="panelClick($event,panel)">
  31. <ng-container [ngSwitch]="panel.extra">
  32. <!-- 检查列表 -->
  33. <div *ngSwitchCase="'inspectList'" class="list-template__bottom">
  34. <nz-table class="list-template__nzTable" #inspectListTpl [nzData]="panel.list" nzSize="middle"
  35. [nzShowPagination]="false" [nzLoading]="loading1" [ngStyle]="{width:panel.list[0].length*130+292+'px'}">
  36. <thead>
  37. <tr class="thead">
  38. <th nzWidth="130px">序号</th>
  39. <th nzWidth="130px">检查编码</th>
  40. <th nzWidth="130px">院区</th>
  41. <th nzWidth="130px">检查类型</th>
  42. <th nzWidth="130px">检查状态</th>
  43. <th nzWidth="130px">申请科室</th>
  44. <th nzWidth="130px">执行科室</th>
  45. <th nzWidth="130px">检查ID</th>
  46. <th nzWidth="130px">版本</th>
  47. <th nzWidth="130px">患者编码</th>
  48. <th nzWidth="130px">患者名称</th>
  49. <th nzWidth="130px">患者腕带码</th>
  50. <th nzWidth="130px">院区编码</th>
  51. <th nzWidth="130px">院区名称</th>
  52. <th nzWidth="130px">检查类型编码</th>
  53. <th nzWidth="130px">检查类型</th>
  54. <th nzWidth="130px">检查状态ID</th>
  55. <th nzWidth="130px">检查编码</th>
  56. <th nzWidth="130px">检查类型名称</th>
  57. <th nzWidth="130px">医师编码</th>
  58. <th nzWidth="130px">医师名称</th>
  59. <th nzWidth="130px">申请时间
  60. <!--20-->
  61. </th>
  62. <th nzWidth="130px">申请科室ID</th>
  63. <th nzWidth="130px">检查部位编码</th>
  64. <th nzWidth="130px">检查部位名称</th>
  65. <th nzWidth="130px">紧急度</th>
  66. <th nzWidth="130px">执行科室ID</th>
  67. <th nzWidth="130px">预约时间
  68. <!--26-->
  69. </th>
  70. <th nzWidth="130px">床号</th>
  71. <th nzWidth="130px">修改时间
  72. <!--28-->
  73. </th>
  74. <th nzWidth="130px">工单ID</th>
  75. <th nzWidth="130px">检查时间
  76. <!--30-->
  77. </th>
  78. <th nzWidth="130px">检查人</th>
  79. <th nzWidth="130px">预约号码</th>
  80. <th nzWidth="130px">送达时间
  81. <!--33-->
  82. </th>
  83. <th nzWidth="130px">创建时间
  84. <!--34-->
  85. </th>
  86. <th nzWidth="130px">院区ID</th>
  87. </tr>
  88. </thead>
  89. <tbody>
  90. <tr *ngFor="let data of inspectListTpl.data;let i = index">
  91. <td>{{i+1}}</td>
  92. <td *ngFor="let item of [].constructor(data.length);let index=index">
  93. <ng-container
  94. *ngIf="(index===20||index===26||index===28||index===30||index===33||index===34); else inspectListBlock">
  95. {{data[index]|date:'yyyy-MM-dd HH:mm'}}
  96. </ng-container>
  97. <ng-template #inspectListBlock>
  98. {{data[index]}}
  99. </ng-template>
  100. </td>
  101. </tr>
  102. </tbody>
  103. </nz-table>
  104. </div>
  105. <!-- 工单信息 -->
  106. <div *ngSwitchCase="'order'" class="list-template__bottom">
  107. <nz-table class="list-template__nzTable" #orderTpl [nzData]="panel.list" nzSize="middle"
  108. [nzShowPagination]="false" [nzLoading]="loading1" [ngStyle]="{width:panel.list[0].length*130+292+'px'}">
  109. <thead>
  110. <tr class="thead">
  111. <th nzWidth="130px">序号</th>
  112. <th nzWidth="130px">ID</th>
  113. <th nzWidth="130px">院区</th>
  114. <th nzWidth="130px">支助人员</th>
  115. <th nzWidth="130px">创建人</th>
  116. <th nzWidth="130px">工单状态</th>
  117. <th nzWidth="130px">患者姓名</th>
  118. <th nzWidth="130px">任务类型</th>
  119. <th nzWidth="130px">业务类型</th>
  120. <th nzWidth="130px">工作组</th>
  121. <th nzWidth="130px">是否加急</th>
  122. <th nzWidth="130px">起点科室</th>
  123. <th nzWidth="130px">创建科室</th>
  124. <th nzWidth="130px">工单编码</th>
  125. <th nzWidth="130px">建单时间
  126. <!-- 13 -->
  127. </th>
  128. <th nzWidth="130px">院区ID</th>
  129. <th nzWidth="130px">支助人员ID</th>
  130. <th nzWidth="130px">创建人ID</th>
  131. <th nzWidth="130px">工单状态ID</th>
  132. <th nzWidth="130px">患者ID</th>
  133. <th nzWidth="130px">任务类型ID</th>
  134. <th nzWidth="130px">业务类型ID</th>
  135. <th nzWidth="130px">工作组ID</th>
  136. <th nzWidth="130px">加急ID</th>
  137. <th nzWidth="130px">起点科室ID</th>
  138. <th nzWidth="130px">创建科室ID</th>
  139. <th nzWidth="130px">终点科室IDS</th>
  140. <th nzWidth="130px">中间科室IDS</th>
  141. <th nzWidth="130px">下个科室IDS</th>
  142. <th nzWidth="130px">检查列表IDS</th>
  143. <th nzWidth="130px">删除标识</th>
  144. <th nzWidth="130px">建单来源</th>
  145. <th nzWidth="130px">异常状态</th>
  146. <th nzWidth="130px">是否护士陪同</th>
  147. <th nzWidth="130px">是否送回</th>
  148. <th nzWidth="130px">携带物品IDS</th>
  149. <th nzWidth="130px">预约建单时间
  150. <!-- 35 -->
  151. </th>
  152. <th nzWidth="130px">派单时间
  153. <!-- 36 -->
  154. </th>
  155. <th nzWidth="130px">接单时间
  156. <!-- 37 -->
  157. </th>
  158. <th nzWidth="130px">到达时间
  159. <!-- 38 -->
  160. </th>
  161. <th nzWidth="130px">完成时间
  162. <!-- 39 -->
  163. </th>
  164. <th nzWidth="130px">关单时间
  165. <!-- 40 -->
  166. </th>
  167. <th nzWidth="130px">逾期时间
  168. <!-- 41 -->
  169. </th>
  170. <th nzWidth="130px">预计响应时间
  171. <!-- 42 -->
  172. </th>
  173. <th nzWidth="130px">预计到达时间
  174. <!-- 43 -->
  175. </th>
  176. <th nzWidth="130px">预计完成时间
  177. <!-- 44 -->
  178. </th>
  179. <th nzWidth="130px">标本送达数量</th>
  180. <th nzWidth="130px">标本实际接收数量</th>
  181. <th nzWidth="130px">预计接收数量</th>
  182. <th nzWidth="130px">响应时长</th>
  183. <th nzWidth="130px">到达时长</th>
  184. <th nzWidth="130px">执行时长</th>
  185. <th nzWidth="130px">总时长</th>
  186. <th nzWidth="130px">特殊关闭原因</th>
  187. <th nzWidth="130px">工单备注</th>
  188. <th nzWidth="130px">工单来电号码</th>
  189. </tr>
  190. </thead>
  191. <tbody>
  192. <tr *ngFor="let data of orderTpl.data;let i = index">
  193. <td>{{i+1}}</td>
  194. <td *ngFor="let item of [].constructor(data.length);let index=index">
  195. <ng-container
  196. *ngIf="(index===13||index===35||index===36||index===37||index===38||index===39||index===40||index===41||index===42||index===43||index===44); else orderBlock">
  197. {{data[index]|date:'yyyy-MM-dd HH:mm'}}
  198. </ng-container>
  199. <ng-template #orderBlock>
  200. {{data[index]}}
  201. </ng-template>
  202. </td>
  203. </tr>
  204. </tbody>
  205. </nz-table>
  206. </div>
  207. <!-- 工单日志 -->
  208. <div *ngSwitchCase="'orderLogs'" class="list-template__bottom">
  209. <nz-table class="list-template__nzTable" #orderLogsTpl [nzData]="panel.list" nzSize="middle"
  210. [nzShowPagination]="false" [nzLoading]="loading1" [ngStyle]="{width:panel.list[0].length*130+292+'px'}">
  211. <thead>
  212. <tr class="thead">
  213. <th nzWidth="130px">序号</th>
  214. <th nzWidth="130px">操作人</th>
  215. <th nzWidth="130px">操作时间</th>
  216. <th nzWidth="130px">操作</th>
  217. <th nzWidth="130px">科室</th>
  218. </tr>
  219. </thead>
  220. <tbody>
  221. <tr *ngFor="let data of orderLogsTpl.data;let i = index">
  222. <td>{{i+1}}</td>
  223. <td>{{data[0]}}</td>
  224. <td>{{data[1]|date:'yyyy-MM-dd HH:mm'}}</td>
  225. <td>{{data[2]}}</td>
  226. <td>{{data[3]}}</td>
  227. </tr>
  228. </tbody>
  229. </nz-table>
  230. </div>
  231. <!-- 检查日志 -->
  232. <div *ngSwitchCase="'inspectLogs'" class="list-template__bottom">
  233. <nz-table class="list-template__nzTable" #inspectLogsTpl [nzData]="panel.list" nzSize="middle"
  234. [nzShowPagination]="false" [nzLoading]="loading1" [ngStyle]="{width:panel.list[0].length*130+292+'px'}">
  235. <thead>
  236. <tr class="thead">
  237. <th nzWidth="130px">序号</th>
  238. <th nzWidth="130px">ID</th>
  239. <th nzWidth="130px">创建时间</th>
  240. <th nzWidth="130px">JSON数据</th>
  241. </tr>
  242. </thead>
  243. <tbody>
  244. <tr *ngFor="let data of inspectLogsTpl.data;let i = index">
  245. <td>{{i+1}}</td>
  246. <td>{{data[0]}}</td>
  247. <td>{{data[1]|date:'yyyy-MM-dd HH:mm'}}</td>
  248. <td (click)="toJson(data[2])">{{data[2]}}</td>
  249. </tr>
  250. </tbody>
  251. </nz-table>
  252. </div>
  253. <!-- 标本列表 -->
  254. <div *ngSwitchCase="'specimenList'" class="list-template__bottom">
  255. <nz-table class="list-template__nzTable" #specimenListTpl [nzData]="panel.list" nzSize="middle"
  256. [nzShowPagination]="false" [nzLoading]="loading1" [ngStyle]="{width:panel.list[0].length*130+292+'px'}">
  257. <thead>
  258. <tr class="thead">
  259. <th nzWidth="130px">序号</th>
  260. <th nzWidth="130px">订单号</th>
  261. <th nzWidth="130px">院区</th>
  262. <th nzWidth="130px">标本类型</th>
  263. <th nzWidth="130px">标本状态</th>
  264. <th nzWidth="130px">起点科室</th>
  265. <th nzWidth="130px">目标科室</th>
  266. <th nzWidth="130px">中转科室</th>
  267. <th nzWidth="130px">ID</th>
  268. <th nzWidth="130px">版本</th>
  269. <th nzWidth="130px">工单ID</th>
  270. <th nzWidth="130px">标本类型ID</th>
  271. <th nzWidth="130px">标本编码</th>
  272. <th nzWidth="130px">患者名称</th>
  273. <th nzWidth="130px">起点科室ID</th>
  274. <th nzWidth="130px">房间号</th>
  275. <th nzWidth="130px">床号</th>
  276. <th nzWidth="130px">目标科室ID</th>
  277. <th nzWidth="130px">标本状态ID</th>
  278. <th nzWidth="130px">标本备注</th>
  279. <th nzWidth="130px">residence_no</th>
  280. <th nzWidth="130px">采集时间
  281. <!-- 20 -->
  282. </th>
  283. <th nzWidth="130px">患者编号</th>
  284. <th nzWidth="130px">是否加急</th>
  285. <th nzWidth="130px">扫描时间
  286. <!-- 23 -->
  287. </th>
  288. <th nzWidth="130px">送达时间
  289. <!-- 24 -->
  290. </th>
  291. <th nzWidth="130px">医生申请时间
  292. <!-- 25 -->
  293. </th>
  294. <th nzWidth="130px">护士贴码时间
  295. <!-- 26 -->
  296. </th>
  297. <th nzWidth="130px">医生ID</th>
  298. <th nzWidth="130px">贴码护士ID</th>
  299. <th nzWidth="130px">采集护士ID</th>
  300. <th nzWidth="130px">检验人员ID</th>
  301. <th nzWidth="130px">检验时间
  302. <!-- 31 -->
  303. </th>
  304. <th nzWidth="130px">中转科室ID</th>
  305. <th nzWidth="130px">送达工单ID</th>
  306. <th nzWidth="130px">院区编码</th>
  307. <th nzWidth="130px">院区ID</th>
  308. <th nzWidth="130px">订单号</th>
  309. <th nzWidth="130px">sys_arrive_time
  310. <!-- 37 -->
  311. </th>
  312. </tr>
  313. </thead>
  314. <tbody>
  315. <tr *ngFor="let data of specimenListTpl.data;let i = index">
  316. <td>{{i+1}}</td>
  317. <td *ngFor="let item of [].constructor(data.length);let index=index">
  318. <ng-container
  319. *ngIf="(index===20||index===23||index===24||index===25||index===26||index===31||index===37); else specimenListBlock">
  320. {{data[index]|date:'yyyy-MM-dd HH:mm'}}
  321. </ng-container>
  322. <ng-template #specimenListBlock>
  323. {{data[index]}}
  324. </ng-template>
  325. </td>
  326. </tr>
  327. </tbody>
  328. </nz-table>
  329. </div>
  330. <!-- 标本日志 -->
  331. <div *ngSwitchCase="'specimenLogs'" class="list-template__bottom">
  332. <nz-table class="list-template__nzTable" #specimenLogsTpl [nzData]="panel.list" nzSize="middle"
  333. [nzShowPagination]="false" [nzLoading]="loading1" [ngStyle]="{width:panel.list[0].length*130+292+'px'}">
  334. <thead>
  335. <tr class="thead">
  336. <th nzWidth="130px">序号</th>
  337. <th nzWidth="130px">ID</th>
  338. <th nzWidth="130px">创建时间</th>
  339. <th nzWidth="130px">JSON数据</th>
  340. </tr>
  341. </thead>
  342. <tbody>
  343. <tr *ngFor="let data of specimenLogsTpl.data;let i = index">
  344. <td>{{i+1}}</td>
  345. <td>{{data[0]}}</td>
  346. <td>{{data[1]|date:'yyyy-MM-dd HH:mm'}}</td>
  347. <td (click)="toJson(data[2])">{{data[2]}}</td>
  348. </tr>
  349. </tbody>
  350. </nz-table>
  351. </div>
  352. <!-- 药品列表 -->
  353. <div *ngSwitchCase="'drugsBagList'" class="list-template__bottom">
  354. <nz-table class="list-template__nzTable" #drugsBagListTpl [nzData]="panel.list" nzSize="middle"
  355. [nzShowPagination]="false" [nzLoading]="loading1" [ngStyle]="{width:panel.list[0].length*130+292+'px'}">
  356. <thead>
  357. <tr class="thead">
  358. <th nzWidth="130px">序号</th>
  359. <th nzWidth="130px">药包编码</th>
  360. <th nzWidth="130px">药包ID</th>
  361. <th nzWidth="130px">院区</th>
  362. <th nzWidth="130px">药包状态</th>
  363. <th nzWidth="130px">发药科室</th>
  364. <th nzWidth="130px">申请科室</th>
  365. <th nzWidth="130px">配送人员</th>
  366. <th nzWidth="130px">ID</th>
  367. <th nzWidth="130px">版本</th>
  368. <th nzWidth="130px">药包编码</th>
  369. <th nzWidth="130px">签收时间
  370. <!-- 10 -->
  371. </th>
  372. <th nzWidth="130px">签收人</th>
  373. <th nzWidth="130px">申请科室ID</th>
  374. <th nzWidth="130px">bagtime
  375. <!-- 13 -->
  376. </th>
  377. <th nzWidth="130px">发药科室ID</th>
  378. <th nzWidth="130px">创建时间
  379. <!-- 15 -->
  380. </th>
  381. <th nzWidth="130px">药包状态ID</th>
  382. <th nzWidth="130px">打包人</th>
  383. <th nzWidth="130px">打包时间
  384. <!-- 18 -->
  385. </th>
  386. <th nzWidth="130px">核对时间
  387. <!-- 19 -->
  388. </th>
  389. <th nzWidth="130px">开始配药时间
  390. <!-- 20 -->
  391. </th>
  392. <th nzWidth="130px">二维码</th>
  393. <th nzWidth="130px">配送人员ID</th>
  394. <th nzWidth="130px">批次号</th>
  395. <th nzWidth="130px">院区ID</th>
  396. <th nzWidth="130px">患者编码</th>
  397. <th nzWidth="130px">患者名称</th>
  398. <th nzWidth="130px">药品信息</th>
  399. <th nzWidth="130px">药品数量</th>
  400. <th nzWidth="130px">药包ID</th>
  401. <th nzWidth="130px">床号</th>
  402. </tr>
  403. </thead>
  404. <tbody>
  405. <tr *ngFor="let data of drugsBagListTpl.data;let i = index">
  406. <td>{{i+1}}</td>
  407. <td *ngFor="let item of [].constructor(data.length);let index=index">
  408. <ng-container
  409. *ngIf="(index===10||index===13||index===15||index===18||index===19||index===20); else drugsBagListBlock">
  410. {{data[index]|date:'yyyy-MM-dd HH:mm'}}
  411. </ng-container>
  412. <ng-template #drugsBagListBlock>
  413. {{data[index]}}
  414. </ng-template>
  415. </td>
  416. </tr>
  417. </tbody>
  418. </nz-table>
  419. </div>
  420. <!-- 药包日志 -->
  421. <div *ngSwitchCase="'drugsBagLogs'" class="list-template__bottom">
  422. <nz-table class="list-template__nzTable" #drugsBagLogsTpl [nzData]="panel.list" nzSize="middle"
  423. [nzShowPagination]="false" [nzLoading]="loading1" [ngStyle]="{width:panel.list[0].length*130+292+'px'}">
  424. <thead>
  425. <tr class="thead">
  426. <th nzWidth="130px">序号</th>
  427. <th nzWidth="130px">ID</th>
  428. <th nzWidth="130px">创建时间</th>
  429. <th nzWidth="130px">JSON数据</th>
  430. </tr>
  431. </thead>
  432. <tbody>
  433. <tr *ngFor="let data of drugsBagLogsTpl.data;let i = index">
  434. <td>{{i+1}}</td>
  435. <td>{{data[0]}}</td>
  436. <td>{{data[1]|date:'yyyy-MM-dd HH:mm'}}</td>
  437. <td (click)="toJson(data[2])">{{data[2]}}</td>
  438. </tr>
  439. </tbody>
  440. </nz-table>
  441. </div>
  442. <!-- 药品日志 -->
  443. <div *ngSwitchCase="'drugsLogs'" class="list-template__bottom">
  444. <nz-table class="list-template__nzTable" #drugsLogsTpl [nzData]="panel.list" nzSize="middle"
  445. [nzShowPagination]="false" [nzLoading]="loading1" [ngStyle]="{width:panel.list[0].length*130+292+'px'}">
  446. <thead>
  447. <tr class="thead">
  448. <th nzWidth="130px">序号</th>
  449. <th nzWidth="130px">ID</th>
  450. <th nzWidth="130px">创建时间</th>
  451. <th nzWidth="130px">JSON数据</th>
  452. </tr>
  453. </thead>
  454. <tbody>
  455. <tr *ngFor="let data of drugsLogsTpl.data;let i = index">
  456. <td>{{i+1}}</td>
  457. <td>{{data[0]}}</td>
  458. <td>{{data[1]|date:'yyyy-MM-dd HH:mm'}}</td>
  459. <td (click)="toJson(data[2])">{{data[2]}}</td>
  460. </tr>
  461. </tbody>
  462. </nz-table>
  463. </div>
  464. <!-- 静配包列表 -->
  465. <div *ngSwitchCase="'jpBagList'" class="list-template__bottom">
  466. <nz-table class="list-template__nzTable" #jpBagListTpl [nzData]="panel.list" nzSize="middle"
  467. [nzShowPagination]="false" [nzLoading]="loading1" [ngStyle]="{width:panel.list[0].length*130+292+'px'}">
  468. <thead>
  469. <tr class="thead">
  470. <th nzWidth="130px">序号</th>
  471. <th nzWidth="130px">静配编码</th>
  472. <th nzWidth="130px">静配ID</th>
  473. <th nzWidth="130px">院区</th>
  474. <th nzWidth="130px">静配状态</th>
  475. <th nzWidth="130px">发药科室</th>
  476. <th nzWidth="130px">申请科室</th>
  477. <th nzWidth="130px">ID</th>
  478. <th nzWidth="130px">版本</th>
  479. <th nzWidth="130px">静配编码</th>
  480. <th nzWidth="130px">签收时间
  481. <!-- 9 -->
  482. </th>
  483. <th nzWidth="130px">签收人</th>
  484. <th nzWidth="130px">申请科室ID</th>
  485. <th nzWidth="130px">创建时间
  486. <!-- 12 -->
  487. </th>
  488. <th nzWidth="130px">发药科室ID</th>
  489. <th nzWidth="130px">静配状态ID</th>
  490. <th nzWidth="130px">院区ID</th>
  491. <th nzWidth="130px">真·静配编码</th>
  492. <th nzWidth="130px">患者编码</th>
  493. <th nzWidth="130px">患者名称</th>
  494. <th nzWidth="130px">静配信息</th>
  495. <th nzWidth="130px">静配数量</th>
  496. <th nzWidth="130px">静配ID</th>
  497. <th nzWidth="130px">床号</th>
  498. </tr>
  499. </thead>
  500. <tbody>
  501. <tr *ngFor="let data of jpBagListTpl.data;let i = index">
  502. <td>{{i+1}}</td>
  503. <td *ngFor="let item of [].constructor(data.length);let index=index">
  504. <ng-container *ngIf="(index===9||index===12); else jpBagListBlock">
  505. {{data[index]|date:'yyyy-MM-dd HH:mm'}}
  506. </ng-container>
  507. <ng-template #jpBagListBlock>
  508. {{data[index]}}
  509. </ng-template>
  510. </td>
  511. </tr>
  512. </tbody>
  513. </nz-table>
  514. </div>
  515. <!-- 静配包日志 -->
  516. <div *ngSwitchCase="'jpBagLogs'" class="list-template__bottom">
  517. <nz-table class="list-template__nzTable" #jpBagLogsTpl [nzData]="panel.list" nzSize="middle"
  518. [nzShowPagination]="false" [nzLoading]="loading1" [ngStyle]="{width:panel.list[0].length*130+292+'px'}">
  519. <thead>
  520. <tr class="thead">
  521. <th nzWidth="130px">序号</th>
  522. <th nzWidth="130px">ID</th>
  523. <th nzWidth="130px">创建时间</th>
  524. <th nzWidth="130px">JSON数据</th>
  525. </tr>
  526. </thead>
  527. <tbody>
  528. <tr *ngFor="let data of jpBagLogsTpl.data;let i = index">
  529. <td>{{i+1}}</td>
  530. <td>{{data[0]}}</td>
  531. <td>{{data[1]|date:'yyyy-MM-dd HH:mm'}}</td>
  532. <td (click)="toJson(data[2])">{{data[2]}}</td>
  533. </tr>
  534. </tbody>
  535. </nz-table>
  536. </div>
  537. <!-- 静配日志 -->
  538. <div *ngSwitchCase="'jpLogs'" class="list-template__bottom">
  539. <nz-table class="list-template__nzTable" #jpLogsTpl [nzData]="panel.list" nzSize="middle"
  540. [nzShowPagination]="false" [nzLoading]="loading1" [ngStyle]="{width:panel.list[0].length*130+292+'px'}">
  541. <thead>
  542. <tr class="thead">
  543. <th nzWidth="130px">序号</th>
  544. <th nzWidth="130px">ID</th>
  545. <th nzWidth="130px">创建时间</th>
  546. <th nzWidth="130px">JSON数据</th>
  547. </tr>
  548. </thead>
  549. <tbody>
  550. <tr *ngFor="let data of jpLogsTpl.data;let i = index">
  551. <td>{{i+1}}</td>
  552. <td>{{data[0]}}</td>
  553. <td>{{data[1]|date:'yyyy-MM-dd HH:mm'}}</td>
  554. <td (click)="toJson(data[2])">{{data[2]}}</td>
  555. </tr>
  556. </tbody>
  557. </nz-table>
  558. </div>
  559. </ng-container>
  560. </app-collapse-panel>
  561. </app-collapse>
  562. </ng-container>
  563. <div class="modal display_flex justify-content_flex-center align-items_center list-template__bottom"
  564. *ngIf="loading1">
  565. <div class="txtC" style="text-align: center;">
  566. <img src="../../../assets/images/loading.gif" alt="">
  567. <div>加载中...</div>
  568. </div>
  569. </div>
  570. </div>
  571. </div>