库存信息

src/app/share/medical-waste-history-prompt-modal/medical-waste-history-prompt-modal.component.html

@@ -0,0 +1,39 @@
+<div class="modal display_flex justify-content_flex-center align-items_center" *ngIf="show">
+  <div class="modalBody">
+    <div class="title">查看医废详情<i class="icon_transport transport-guanbi" (click)="hideModal()"></i></div>
+    <div class="content">
+      <nz-table class="hospitalTable" [nzData]="historySpecimenList" nzSize="middle" [nzShowPagination]="false"
+        [nzLoading]="hsLoading">
+        <thead>
+          <tr class="thead">
+            <th nzWidth="10%">序号</th>
+            <th nzWidth="18%">医废序号</th>
+            <th nzWidth="18%">重量</th>
+            <th nzWidth="18%">收取科室</th>
+            <th nzWidth="18%">收取时间</th>
+            <th nzWidth="18%">收取人</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of historySpecimenList;let i = index;">
+            <td>{{i+1}}</td>
+            <td>{{ data.clinicalWasteSn }}</td>
+            <td>{{ data.weight }}kg</td>
+            <td>{{ data.dept ? data.dept.dept : '' }}</td>
+            <td>{{ data.receiveTime | date:"yyyy-MM-dd HH:mm:ss" }}</td>
+            <td>{{ data.receivor ? data.receivor.name : '' }}</td>
+          </tr>
+        </tbody>
+      </nz-table>
+      <div class="pagination">
+        <nz-pagination [(nzPageIndex)]="historySpecimenPageIndex" [(nzTotal)]="historySpecimenListLength"
+          [(nzPageSize)]="historySpecimenPageSize" (nzPageIndexChange)="getHistorySpecimen()"
+          (nzPageSizeChange)="getHistorySpecimen()">
+        </nz-pagination>
+      </div>
+    </div>
+    <div class="display_flex justify-content_flex-center">
+      <button class="btn know" nz-button nzType="primary" (click)="hideModal()">知道了</button>
+    </div>
+  </div>
+</div>

src/app/share/medical-waste-history-prompt-modal/medical-waste-history-prompt-modal.component.less

@@ -0,0 +1,163 @@
+@import "../../../../src/theme.less";
+.modal {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 999;
+  .hospitalTable {
+    width: 100%;
+    td {
+      text-align: center !important;
+    }
+    .thead {
+      background-image: linear-gradient(to right, @bg-start, @bg-end);
+      th {
+        text-align: center !important;
+        color: #fff;
+        background: transparent;
+      }
+    }
+  }
+
+  .modalBody {
+    width: 700px;
+    min-height: 220px;
+    background: #fff;
+    border-radius: 5px;
+    padding: 10px 20px;
+    color: #333;
+    &.modalBody-search {
+      width: 480px;
+      min-height: 250px;
+    }
+
+    .title {
+      width: 100%;
+      text-align: center;
+      font-size: 18px;
+      position: relative;
+
+      i {
+        position: absolute;
+        right: 0;
+        top: 0;
+        font-size: 20px;
+        color: #666;
+        cursor: pointer;
+        padding: 0 5px;
+      }
+    }
+
+    .content {
+      min-height: 117px;
+      background: #f9fafb;
+      border: 1px solid #e5e9ed;
+      border-radius: 5px;
+      overflow: hidden;
+      margin-top: 12px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      &.content-search {
+        min-height: 147px;
+        justify-content: start;
+        .defeat-search {
+          width: 100%;
+          height: 52px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          border-bottom: solid 1px #e5e9ed;
+          em {
+            color: #666;
+            font-style: normal;
+          }
+        }
+        .form {
+          width: 100%;
+          padding: 0 16px;
+          .ant-form-item-label,
+          .ant-form-explain {
+            text-align: left !important;
+          }
+        }
+      }
+
+      div {
+        text-align: center;
+        margin: 0;
+
+        &.defeat {
+          color: #333;
+          font-size: 28px;
+        }
+        &.countDown {
+          font-size: 14px;
+          color: 666;
+          em {
+            font-style: normal;
+            color: @primary-color;
+          }
+        }
+
+        &:nth-child(3) {
+          font-size: 14px;
+          color: #666;
+          padding-bottom: 10px;
+        }
+      }
+    }
+
+    button {
+      margin-top: 10px;
+
+      &.btn {
+        margin-left: 8px;
+      }
+    }
+  }
+
+  // 新增
+  &.add {
+    .modalBody {
+      width: 480px;
+      height: auto;
+
+      .content {
+        width: 100%;
+        height: auto;
+        padding: 18px 14px 0 14px;
+
+        .addForm {
+          .ant-form-item {
+            margin-bottom: 15px;
+
+            .ant-form-item-label {
+              line-height: 0;
+            }
+          }
+        }
+
+        .editForm {
+          .ant-form-item {
+            margin-bottom: 15px;
+
+            .ant-form-item-label {
+              line-height: 0;
+            }
+          }
+        }
+      }
+
+      button {
+        &:nth-child(1) {
+          margin-right: 20px;
+        }
+      }
+    }
+  }
+}

src/app/share/medical-waste-history-prompt-modal/medical-waste-history-prompt-modal.component.ts

@@ -0,0 +1,59 @@
+import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
+import { MainService } from '../../services/main.service';
+import { ToolService } from 'src/app/services/tool.service';
+
+@Component({
+  selector: 'app-medical-waste-history-prompt-modal',
+  templateUrl: './medical-waste-history-prompt-modal.component.html',
+  styleUrls: ['./medical-waste-history-prompt-modal.component.less']
+})
+export class MedicalWasteHistoryPromptModalComponent implements OnInit {
+  hosId;
+  // 切换科室，切换弹窗
+  hsLoading = false;
+  historySpecimenList: any = [];
+  historySpecimenPageIndex: number = 1;//表格当前页码
+  historySpecimenPageSize: number = 10;//表格每页展示条数
+  historySpecimenListLength: number = 10;//表格总数据量
+  @Input() show: Boolean;
+  @Input() id: String;
+
+  @Output() closeModelHs = new EventEmitter<any>();//1.组件暴露一个 EventEmitter 属性，当事件发生时，子组件利用该属性 emits(向上弹射)事件
+
+  constructor(
+    private mainService: MainService,
+    private tool: ToolService
+  ) { }
+
+  ngOnInit() {
+    this.hosId = this.tool.getCurrentHospital().id;
+    this.getList();
+  }
+  // 关闭弹窗
+  hideModal() {
+    this.closeModelHs.emit(JSON.stringify({ show: false }));//emits(向上弹射)事件
+  }
+  // 获取列表数据
+  getList(idx?) {
+    if (idx) {
+      this.historySpecimenPageIndex = 1;
+    }
+    let postData = {
+      idx: this.historySpecimenPageIndex - 1,
+      sum: this.historySpecimenPageSize,
+      clinicalWaste: {
+        clinicalWasteType: {id: this.id},
+        type : 'clinicalWasteInventory',
+        hosId: this.hosId,
+      }
+    }
+    this.hsLoading = true;
+    this.mainService.getFetchDataList('simple/data','clinicalWaste',postData).subscribe(data => {
+      this.hsLoading = false;
+      this.historySpecimenList = data.list || [];
+      this.historySpecimenListLength = data.totalNum || 0;
+    })
+  }
+}
+
+

src/app/share/share.module.ts

@@ -39,6 +39,7 @@ import { BusinessDataDetailModalComponent } from './businessData-detail-modal/bu
 import { RelationTransDetailModalComponent } from './relationTrans-detail-modal/relationTrans-detail-modal.component';
 import { DetailOrdinaryComponent } from './detail-ordinary/detail-ordinary.component';
 import { BloodHistoryPromptModalComponent } from './blood-history-prompt-modal/blood-history-prompt-modal.component';
+import { MedicalWasteHistoryPromptModalComponent } from './medical-waste-history-prompt-modal/medical-waste-history-prompt-modal.component';
 
 @NgModule({
   declarations: [
@@ -80,6 +81,7 @@ import { BloodHistoryPromptModalComponent } from './blood-history-prompt-modal/b
     RelationTransDetailModalComponent,
     DetailOrdinaryComponent,
     BloodHistoryPromptModalComponent,
+    MedicalWasteHistoryPromptModalComponent,
   ],
   imports: [
     CommonModule,
@@ -130,6 +132,7 @@ import { BloodHistoryPromptModalComponent } from './blood-history-prompt-modal/b
     SpePromptModalComponent,
     OrderPromptModalComponent,
     BloodHistoryPromptModalComponent,
+    MedicalWasteHistoryPromptModalComponent,
   ]
 })
 export class ShareModule { }

src/app/views/inventory-information/inventory-information-routing.module.ts

@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { InventoryInformationComponent } from './inventory-information.component';
+
+
+const routes: Routes = [{ path: "", component: InventoryInformationComponent }];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class InventoryInformationRoutingModule { }

src/app/views/inventory-information/inventory-information.component.html

@@ -0,0 +1,53 @@
+<div class="list-template">
+  <div class="list-template__content">
+    <div class="cont">
+      <div>
+        <span>本月出库总重量</span>
+        <span>{{otherData.outWeight}}kg</span>
+      </div>
+      <div>
+        <span>本月入库总重量</span>
+        <span>{{otherData.intoWeight}}kg</span>
+      </div>
+    </div>
+    <div class="list-template__bottom">
+      <nz-table class="list-template__nzTable" [nzData]="listOfData" nzSize="middle" [nzShowPagination]="false"
+        [nzLoading]="loading1">
+        <thead>
+          <tr class="thead">
+            <th nzWidth="20%">医废类型</th>
+            <th nzWidth="20%">重量（KG）</th>
+            <th nzWidth="20%">袋数</th>
+            <th nzWidth="20%">上次出库时间</th>
+            <th nzWidth="20%">操作</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of listOfData;let i = index">
+            <td>{{ data.clinicalWasteType ? data.clinicalWasteType.typeName: '' }}</td>
+            <td>{{ data.weight }}</td>
+            <td>{{ data.bags }}</td>
+            <td [ngClass]="{red: data.overTime}">{{ data.lastOutTime | date:"yyyy-MM-dd HH:mm:ss" }}</td>
+            <td>
+              <div class="coop">
+                <span *ngIf="coopBtns.look" (click)="viewHistory(data)">查看</span>
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </nz-table>
+      <div class="list-template__pagination">
+        <nz-pagination [(nzPageIndex)]="pageIndex" [(nzTotal)]="listLength" [(nzPageSize)]="pageSize"
+          (nzPageIndexChange)="getList(0)" (nzPageSizeChange)="getList(0)">
+        </nz-pagination>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- 弹窗 -->
+<app-medical-waste-history-prompt-modal
+  *ngIf="historyPromptModalShow"
+  [show]="historyPromptModalShow"
+  [id]="id"
+  (closeModelHs)="closeModelHistory($event)"
+></app-medical-waste-history-prompt-modal>

src/app/views/inventory-information/inventory-information.component.less

@@ -0,0 +1,49 @@
+@import "../../../../src/theme.less";
+.cont {
+  width: 100%;
+  border: 1px solid #dde1e5;
+  padding: 8px 16px;
+  border-radius: 2px;
+  margin-bottom: 8px;
+
+  &>div {
+    display: inline-block;
+    margin-right: 4px;
+
+    &:nth-child(1) {
+      position: relative;
+      padding-left: 10px;
+
+      &::before {
+        content: '';
+        position: absolute;
+        left: 0;
+        width: 4px;
+        height: 100%;
+        background: @primary-color;
+        margin-right: 8px;
+      }
+    }
+
+    span {
+      margin-right: 8px;
+
+      &:nth-child(1) {
+        font-size: 12px;
+        color: #999;
+      }
+
+      &:nth-child(2) {
+        color: #333;
+        font-weight: 500;
+      }
+
+      &.rate {
+        font-size: 18px;
+        color: @primary-color;
+      }
+    }
+
+
+  }
+}

src/app/views/inventory-information/inventory-information.component.ts

@@ -0,0 +1,80 @@
+import { Component, OnInit } from "@angular/core";
+import { MainService } from "src/app/services/main.service";
+import { ToolService } from "src/app/services/tool.service";
+import { ActivatedRoute } from '@angular/router';
+
+@Component({
+  selector: "app-inventory-information",
+  templateUrl: "./inventory-information.component.html",
+  styleUrls: ["./inventory-information.component.less"],
+})
+export class InventoryInformationComponent implements OnInit {
+  constructor(
+    private mainService: MainService,
+    private tool: ToolService,
+    private route: ActivatedRoute,
+  ) {}
+
+  hosId;
+  listOfData: any[] = []; //表格数据
+  pageIndex: number = 1; //表格当前页码
+  pageSize: number = 10; //表格每页展示条数
+  listLength: number = 10; //表格总数据量
+
+  otherData:any =  {
+    intoWeight: 0,
+    outWeight: 0,
+  }
+
+  // 初始化增删改按钮
+  coopBtns: any = {};
+  ngOnInit() {
+    this.coopBtns = this.tool.initCoopBtns(this.route);
+    this.getHospital();
+  }
+
+  // 获取所有院区
+  getHospital() {
+    this.hosId = this.tool.getCurrentHospital().id;
+    this.getList(1);
+  }
+
+  // 查看标本历史记录
+  historyPromptModalShow = false; //标本历史记录弹窗开关
+  id = ""; //查看历史记录携带
+  viewHistory(data) {
+    this.id = data.clinicalWasteType.id;
+    this.historyPromptModalShow = true;
+  }
+  // 关闭标本历史记录弹窗
+  closeModelHistory(e) {
+    this.historyPromptModalShow = JSON.parse(e).show;
+  }
+
+  // 表格数据
+  loading1 = false;
+  getList(type) {
+    if (type == 1) {
+      this.pageIndex = 1;
+    }
+    let postData: any = {
+      idx: this.pageIndex - 1,
+      sum: this.pageSize,
+      clinicalWasteInventory: {
+        hosId: this.hosId,
+      },
+    };
+    this.loading1 = true;
+    this.mainService
+      .getFetchDataList("simple/data", "clinicalWasteInventory", postData)
+      .subscribe((data) => {
+        this.loading1 = false;
+        if (data["status"] == 200) {
+          this.listOfData = data["list"];
+          this.listLength = data["totalNum"];
+          this.otherData = data.otherData || {};
+        }
+      });
+  }
+}
+

src/app/views/inventory-information/inventory-information.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { InventoryInformationRoutingModule } from './inventory-information-routing.module';
+import { ShareModule } from 'src/app/share/share.module';
+import { InventoryInformationComponent } from './inventory-information.component';
+
+
+@NgModule({
+  declarations: [InventoryInformationComponent],
+  imports: [
+    CommonModule,
+    InventoryInformationRoutingModule,
+    ShareModule,
+  ]
+})
+export class InventoryInformationModule { }

src/app/views/main/main-routing.module.ts

@@ -433,6 +433,11 @@ const routes: Routes = [
         path: "recyclingRestriction",
         loadChildren: () => import("../recycling-restriction/recycling-restriction.module").then((m) => m.RecyclingRestrictionModule),
       },
+      // 库存信息
+      {
+        path: "inventoryInformation",
+        loadChildren: () => import("../inventory-information/inventory-information.module").then((m) => m.InventoryInformationModule),
+      },
     ],
   },
 ];