病历

src/app/share/relationTrans-detail-modal/relationTrans-detail-modal.component.html

@@ -0,0 +1,54 @@
+<div class="modal display_flex justify-content_flex-center align-items_center" *ngIf="show">
+  <div class="modalBody" style="width: 1200px;">
+    <div class="title">{{otherBindConfigDto.relationTrans.name}}<i class="icon_transport transport-guanbi" (click)="hideModal()"></i></div>
+    <div class="content">
+      <!-- 血制品 -->
+      <nz-table class="hospitalTable" [nzData]="dataList" nzSize="middle" [nzShowPagination]="false" [nzData]="dataList"
+        [nzLoading]="hsLoading" (nzCurrentPageDataChange)="currentPageDataChange($event)" [nzScroll]="{ y: '500px' }">
+        <thead>
+          <tr class="thead">
+            <th nzWidth="5%" nzShowCheckbox [(nzChecked)]="isAllDisplayDataChecked" [nzIndeterminate]="isIndeterminate"
+              (nzCheckedChange)="checkAll($event)"></th>
+            <th nzWidth="5%">序号</th>
+            <th nzWidth="10%">住院号</th>
+            <th nzWidth="10%">次数</th>
+            <th nzWidth="10%">姓名</th>
+            <th nzWidth="10%">性别</th>
+            <th nzWidth="10%">床位</th>
+            <th nzWidth="10%">医疗小组</th>
+            <th nzWidth="10%">出院时间</th>
+            <th nzWidth="10%">条形码</th>
+            <th nzWidth="10%">出院科室</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of dataList;let i = index;" (click)="selectedListData(data.id)">
+            <td nzShowCheckbox [(nzChecked)]="mapOfCheckedId[data.id]" [nzDisabled]="data.disabled" (nzCheckedChange)="refreshStatus()"></td>
+            <td>{{ (pageIndex - 1) * pageSize + i + 1 }}</td>
+            <td>{{ data.residenceNo || ''}}</td>
+            <td>{{ data.extra2 || '' }}</td>
+            <td>{{ data.patientName || '' }}</td>
+            <td>{{ data.extra3 || '' }}</td>
+            <td>{{ data.extra4 || '' }}</td>
+            <td>{{ data.extra5 || '' }}</td>
+            <td>{{ data.extra1Time | date:"yyyy-MM-dd" }}<br>{{ data.extra1Time | date:"HH:mm:ss" }}</td>
+            <td>{{ data.code || '' }}</td>
+            <td>{{ data.startDept || '' }}</td>
+          </tr>
+        </tbody>
+      </nz-table>
+
+      <div class="pagination">
+        <ng-template #totalTemplate let-total> 共 {{ total }} 条 </ng-template>
+        <nz-pagination [(nzPageIndex)]="pageIndex" [(nzTotal)]="total"
+          [(nzPageSize)]="pageSize" (nzPageIndexChange)="getList()"
+          (nzPageSizeChange)="getList()" [nzShowTotal]="totalTemplate">
+        </nz-pagination>
+      </div>
+    </div>
+    <div class="display_flex justify-content_flex-center">
+      <button class="btn" nz-button nzType="primary" (click)="confirmModal()">确认</button>
+      <button class="btn cancel" nz-button nzType="default" (click)="hideModal()">取消</button>
+    </div>
+  </div>
+</div>

src/app/share/relationTrans-detail-modal/relationTrans-detail-modal.component.less

@@ -0,0 +1,201 @@
+@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;
+      position: relative;
+      word-break: break-all;
+    }
+    .thead {
+      background-image: linear-gradient(to right, @bg-start, @bg-end);
+      th {
+        text-align: center !important;
+        color: #fff;
+        background: transparent;
+      }
+    }
+  }
+
+  .ji {
+    position: absolute;
+    right: 0px;
+    top: -3px;
+    width: 30px;
+  }
+
+  .list-template__top{
+    div{
+      text-align: left!important;
+    }
+  }
+
+  .tab {
+    width: 100%;
+    height: 60px;
+    border-bottom: 1px solid #e5e9ed;
+    background-color: #fff;
+
+    .item {
+      text-align: center;
+      line-height: 60px;
+      height: 100%;
+      border-right: 1px solid #e5e9ed;
+
+      &:nth-last-child(1) {
+        border: none;
+      }
+
+      &.checked {
+        background: #f0f6ed;
+      }
+    }
+  }
+
+  .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;
+          }
+        }
+
+        &.pagination {
+          font-size: 14px;
+          color: #666;
+          padding-top: 16px;
+          padding-bottom: 16px;
+        }
+      }
+    }
+
+    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/relationTrans-detail-modal/relationTrans-detail-modal.component.ts

@@ -0,0 +1,143 @@
+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-relationTrans-detail-modal',
+  templateUrl: './relationTrans-detail-modal.component.html',
+  styleUrls: ['./relationTrans-detail-modal.component.less']
+})
+export class RelationTransDetailModalComponent implements OnInit {
+  // 切换科室，切换弹窗
+  isAllDisplayDataChecked = false;
+  listOfDisplayData: any[] = [];
+  mapOfCheckedId: { [key: string]: boolean } = {};
+  isIndeterminate = false;
+
+  hosId;
+  hsLoading = false;
+  dataList: any = [];// 血制品列表
+  pageIndex: number = 1;//表格当前页码
+  pageSize: number = 5;//表格每页展示条数
+  total: number = 0;//表格总数据量
+  searchCriteria:any = {
+    stype: 0,
+    specimenDesc: 0,
+  }
+  @Input() show: Boolean;
+  @Input() otherBindConfigDto: any;
+
+  @Output() closeModelHs = new EventEmitter<any>();//1.组件暴露一个 EventEmitter 属性，当事件发生时，子组件利用该属性 emits(向上弹射)事件
+  @Output() confirmModelHs = new EventEmitter<any>();//1.组件暴露一个 EventEmitter 属性，当事件发生时，子组件利用该属性 emits(向上弹射)事件
+
+  constructor(private mainService: MainService, private tool: ToolService) { }
+
+  ngOnInit() {
+    this.hosId = this.tool.getCurrentHospital().id;
+    this.tabType = 1;
+    this.getOtherTransState();
+  }
+
+  currentPageDataChange($event: any[]): void {
+    this.listOfDisplayData = this.dataList; //改变页数，长度也要变
+    this.refreshStatus();
+  }
+
+  refreshStatus(): void {
+    this.isAllDisplayDataChecked = this.listOfDisplayData.every(
+      (item) => this.mapOfCheckedId[item.id]
+    );
+    this.isIndeterminate =
+      this.listOfDisplayData.some((item) => this.mapOfCheckedId[item.id]) &&
+      !this.isAllDisplayDataChecked;
+  }
+
+  // 开通科室选择整行
+  selectedListData(id) {
+    this.mapOfCheckedId[id] = !this.mapOfCheckedId[id];
+    this.refreshStatus();
+  }
+
+  checkAll(value: boolean): void {
+    this.listOfDisplayData.forEach(
+      (item) => (this.mapOfCheckedId[item.id] = value)
+    );
+    this.refreshStatus();
+  }
+
+  // 确认弹窗
+  confirmModal() {
+    console.log(this.mapOfCheckedId);
+    let otherList = [];
+    for (const key in this.mapOfCheckedId) {
+      if (this.mapOfCheckedId[key]) {
+        otherList.push({id: key});
+      }
+    }
+    this.confirmModelHs.emit(JSON.stringify({ show: false, otherList }));//emits(向上弹射)事件
+  }
+
+  // 关闭弹窗
+  hideModal() {
+    this.closeModelHs.emit(JSON.stringify({ show: false }));//emits(向上弹射)事件
+  }
+
+  // 切换tab栏
+  tabType: number = 1; //tab栏
+  checkTab(type) {
+    this.tabType = type;
+  }
+
+  // 切换标本类型下拉框
+  selectStype(e){
+    console.log(e);
+    this.searchCriteria.specimenDesc = 0;
+  }
+
+  // 切换标本类型下拉框
+  selectDesc(e){
+    console.log(e);
+  }
+
+  // 分页获取数据
+  getList(){
+    this.getOther();
+  }
+
+  //获取状态
+  other_trans_state1; // 未建单
+  getOtherTransState() {
+    this.mainService.getDictionary("list", "other_trans_state").subscribe((data) => {
+      this.other_trans_state1 = data.find(v => v.value == 1);
+      if(this.other_trans_state1){
+        this.getOther(1);
+      }
+    });
+  }
+
+  // 获取列表数据
+  getOther(idx?) {
+    if (idx) {
+      this.pageIndex = 1;
+    }
+    let postData = {
+      idx: this.pageIndex - 1,
+      sum: this.pageSize,
+      other: {
+        taskTypeId: this.otherBindConfigDto.taskTypeId,
+        relationTrans: this.otherBindConfigDto.relationTrans,
+        hosId: this.hosId,
+        state: this.other_trans_state1,
+      }
+    }
+    this.hsLoading = true;
+    this.mainService.getFetchDataList('simple/data','other',postData).subscribe(data => {
+      this.hsLoading = false;
+      this.dataList = data.list || [];
+      this.total = data.totalNum || 0;
+    })
+  }
+
+}
+
+
+

src/app/share/share.module.ts

@@ -38,6 +38,7 @@ import { ImageViewerComponent } from './image-viewer/image-viewer.component';
 import { SpePromptModalComponent } from './spe-prompt-modal/spe-prompt-modal.component';
 import { OrderPromptModalComponent } from './order-prompt-modal/order-prompt-modal.component';
 import { BusinessDataDetailModalComponent } from './businessData-detail-modal/businessData-detail-modal.component';
+import { RelationTransDetailModalComponent } from './relationTrans-detail-modal/relationTrans-detail-modal.component';
 import { DetailBloodComponent } from './detail-blood/detail-blood.component';
 import { BloodHistoryPromptModalComponent } from './blood-history-prompt-modal/blood-history-prompt-modal.component';
 
@@ -56,6 +57,7 @@ import { BloodHistoryPromptModalComponent } from './blood-history-prompt-modal/b
     HsPromptModalComponent,
     HistoryPromptModalComponent,
     BusinessDataDetailModalComponent,
+    RelationTransDetailModalComponent,
     BxPromptModalComponent,
     AppraiseDetailComponent,
     OrderDetailComponent,
@@ -77,6 +79,7 @@ import { BloodHistoryPromptModalComponent } from './blood-history-prompt-modal/b
     SpePromptModalComponent,
     OrderPromptModalComponent,
     BusinessDataDetailModalComponent,
+    RelationTransDetailModalComponent,
     DetailBloodComponent,
     BloodHistoryPromptModalComponent,
   ],
@@ -104,6 +107,7 @@ import { BloodHistoryPromptModalComponent } from './blood-history-prompt-modal/b
     HsPromptModalComponent,
     HistoryPromptModalComponent,
     BusinessDataDetailModalComponent,
+    RelationTransDetailModalComponent,
     BxPromptModalComponent,
     AppraiseDetailComponent,
     OrderDetailComponent,

src/app/views/associated-data/associated-data-routing.module.ts

@@ -0,0 +1,14 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { AssociatedDataComponent } from './associated-data.component';
+
+
+const routes: Routes = [
+  { path: '', component: AssociatedDataComponent }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class AssociatedDataRoutingModule { }

src/app/views/associated-data/associated-data.component.html

@@ -0,0 +1,113 @@
+<div class="list-template">
+  <div class="list-template__content">
+    <div class="list-template__top" nz-row>
+      <div nz-col nzXl='18' class="list-template__searchBox"></div>
+      <div nz-col nzLg="6" class="list-template__btns">
+        <button nz-button *ngIf="coopBtns.add" class="btn default" (click)="addModal()">新增</button>
+      </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="5%">序号</th>
+            <th nzWidth="15%">业务名称</th>
+            <th nzWidth="15%">任务类型</th>
+            <th nzWidth="15%">关联业务</th>
+            <th nzWidth="15%">关联表</th>
+            <th nzWidth="10%">发起时是否弹窗选择</th>
+            <th nzWidth="25%">操作</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of listOfData;let index = index">
+            <td>{{index+(pageIndex-1) * pageSize + 1}}</td>
+            <td>{{data.name || ''}}</td>
+            <td>{{data.taskTypeDTO ? data.taskTypeDTO.taskName : ''}}</td>
+            <td>{{data.relationTrans ? data.relationTrans.name : ''}}</td>
+            <td>{{data.relationTable || ''}}</td>
+            <td>{{data.startAlert == 1 ? '是' : '否'}}</td>
+            <td>
+              <div class="coop">
+                <span *ngIf="coopBtns.del&&!data.status" (click)="showDelModal(data,'您确认要删除吗？','删除','del')">删除</span>
+                <span *ngIf="coopBtns.edit" (click)="edit(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 class="save display_flex justify-content_flex-center align-items_center add" *ngIf="modal">
+    <div class="modalBody">
+      <div class="title">{{modelName}}<i class="icon_transport transport-guanbi" (click)="hideAddModal()"></i></div>
+      <div class="content">
+        <form nz-form [formGroup]="validateForm" class="addForm">
+          <nz-form-item>
+            <nz-form-label [nzSpan]="24" nzRequired nzFor="name">业务名称</nz-form-label>
+            <nz-form-control nzErrorTip="请输入业务名称!">
+              <nz-input-group>
+                <input nz-input formControlName="name" placeholder="请输入业务名称" />
+              </nz-input-group>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label [nzSpan]="24" nzRequired nzFor="taskType">任务类型</nz-form-label>
+            <nz-form-control nzErrorTip="请选择任务类型!">
+              <nz-select class="formItem" (nzOnSearch)="changeInp($event, 'taskType')" [nzDropdownMatchSelectWidth]="false" nzServerSearch nzShowSearch nzPlaceHolder="请选择任务类型" formControlName="taskType" (nzOpenChange)="getTaskTypeList($event)">
+                <ng-container *ngFor="let option of taskTypeList">
+                  <nz-option *ngIf="!isLoading" [nzLabel]="option.taskName" [nzValue]="option.id"></nz-option>
+                </ng-container>
+                <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
+                  <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
+                </nz-option>
+              </nz-select>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label [nzSpan]="24" nzRequired nzFor="relationTrans">业务类型</nz-form-label>
+            <nz-form-control nzErrorTip="请选择业务类型!">
+              <nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" nzShowSearch nzPlaceHolder="请选择业务类型" formControlName="relationTrans" (nzOpenChange)="getRelationTransList($event)">
+                <ng-container *ngFor="let option of relationTransList">
+                  <nz-option *ngIf="!isLoading" [nzLabel]="option.name" [nzValue]="option.id"></nz-option>
+                </ng-container>
+                <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
+                  <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
+                </nz-option>
+              </nz-select>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label [nzSpan]="10" nzRequired nzFor="startAlert">发起时是否弹窗选择</nz-form-label>
+            <nz-form-control [nzSpan]="14" nzErrorTip="请选择发起时是否弹窗选择!">
+              <nz-radio-group formControlName="startAlert">
+                <label nz-radio [nzValue]="1">是</label>
+                <label nz-radio [nzValue]="0">否</label>
+              </nz-radio-group>
+            </nz-form-control>
+          </nz-form-item>
+        </form>
+      </div>
+      <div class=" display_flex justify-content_flex-center">
+        <button nzType="primary" nz-button (click)="submitForm()" [nzLoading]="btnLoading">确认</button>
+        <button class="btn cancel" nz-button nzType="default" (click)="hideAddModal()">取消</button>
+      </div>
+    </div>
+  </div>
+  <!-- 删除模态框 -->
+  <app-dialog-delete [delModal]="delModal" (hideDelModalEvent)="hideDelModal()" [btnLoading]="btnLoading"
+    (confirmDelEvent)="confirmDel()" [content]="tipsMsg1"></app-dialog-delete>
+</div>
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo">
+</app-prompt-modal>
+

src/app/views/associated-data/associated-data.component.less

@@ -0,0 +1,167 @@
+@import "../../../../src/theme.less";
+
+:host {
+  ::ng-deep .ant-calendar-picker {
+    width: 100% !important;
+  }
+}
+.save {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 99;
+
+  .modalBody {
+    width: 350px;
+    background: #fff;
+    border-radius: 5px;
+    padding: 10px 20px;
+    color: #333;
+
+    .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 {
+      width: 310px;
+      background: #f9fafb;
+      border: 1px solid #e5e9ed;
+      border-radius: 5px;
+      overflow: hidden;
+      margin-top: 12px;
+      padding: 16px 0;
+
+      & > div {
+        text-align: center;
+        margin: 0;
+
+        &.icon {
+          // margin-top: 17px;
+
+          i {
+            color: #34b349;
+            font-size: 30px !important;
+
+            &.transport-wenhao {
+              color: #f5a523;
+            }
+
+            &.transport-shibai {
+              color: #ff3a52;
+            }
+          }
+        }
+
+        &.defeat {
+          color: #333;
+          font-size: 14px;
+        }
+
+        &:nth-child(3) {
+          font-size: 14px;
+          color: #666;
+        }
+      }
+      .workAssignmentTips {
+        font-size: 12px;
+      }
+    }
+
+    button {
+      margin-top: 10px;
+
+      &.btn {
+        margin-left: 8px;
+      }
+    }
+  }
+
+  // 新增
+  &.add {
+    .modalBody {
+      width: 480px;
+      height: auto;
+
+      .content {
+        width: 100%;
+        height: auto;
+        padding: 16px;
+        max-height: 497px;
+        overflow-y: auto;
+
+        .addForm {
+          .workAssignmentDescribe {
+            margin-top: 8px;
+          }
+          .ant-form-item {
+            margin-bottom: 0;
+
+            .ant-form-item-label {
+              text-align: left;
+            }
+
+            .desc {
+              margin-top: 5px;
+            }
+          }
+
+          .datesControl {
+            margin-top: -16px;
+
+            .ant-form-item-label {
+              line-height: 40px;
+            }
+          }
+
+          .timer {
+            .ant-form-item-label {
+              width: 100%;
+              text-align: left;
+            }
+
+            .numInp {
+              margin-right: 5px;
+            }
+
+            .line {
+              margin-right: 5px;
+            }
+          }
+
+          .timer2 {
+            .ant-form-item-label {
+              line-height: 20px;
+            }
+          }
+        }
+
+        .editForm {
+          .ant-form-item {
+            margin-bottom: 15px;
+
+            .ant-form-item-label {
+              line-height: 14px;
+              text-align: left;
+            }
+          }
+        }
+      }
+    }
+  }
+}

src/app/views/associated-data/associated-data.component.ts

@@ -0,0 +1,301 @@
+import { Component, OnInit } from "@angular/core";
+import { ActivatedRoute } from "@angular/router";
+import { FormBuilder, Validators, FormGroup } from "@angular/forms";
+
+import { ToolService } from "../../services/tool.service";
+import { AssociatedDataService } from './associated-data.service';
+import { Subject } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
+import { NzMessageService } from 'ng-zorro-antd/message';
+@Component({
+  selector: "app-associated-data",
+  templateUrl: "./associated-data.component.html",
+  styleUrls: ["./associated-data.component.less"],
+})
+export class AssociatedDataComponent implements OnInit {
+  constructor(
+    private fb: FormBuilder,
+    private associatedDataService: AssociatedDataService,
+    private route: ActivatedRoute,
+    private tool: ToolService,
+    private message: NzMessageService,
+  ) {}
+
+  userInfo: any = JSON.parse(localStorage.getItem("user")) || {}; //登录用户信息
+  listOfData: any[] = []; //表格数据
+  pageIndex: number = 1; //表格当前页码
+  pageSize: number = 10; //表格每页展示条数
+  listLength: number = 10; //表格总数据量
+  tableHeight: number; //表格动态高
+  modal: boolean = false; //新增/编辑模态框
+  add: boolean; //true:新增；false:编辑
+  validateForm: FormGroup; //新增/编辑表单
+  coopId: any; //当前操作列
+  currentHospital; //当前院区
+
+  btnLoading: boolean = false; //提交按钮loading状态
+
+  promptContent: string; //操作提示框提示信息
+  ifSuccess: boolean; //操作成功/失败
+  promptInfo: string; //操作结果提示信息
+  promptModalShow: boolean; //操作提示框是否展示
+  modelName = ""; //模态框名称
+
+  changeInpSubject = new Subject(); //防抖
+
+  ngOnInit() {
+    //防抖
+    this.changeInpSubject.pipe(debounceTime(500)).subscribe((v) => {
+      if(v[1] === 'taskType'){
+        this.getTaskTypeList(true, v[0]);
+      }
+    });
+    this.currentHospital = this.tool.getCurrentHospital();
+    this.coopBtns = this.tool.initCoopBtns(this.route);
+    this.initForm();
+    this.getList(1);
+  }
+
+  // 初始化增删改按钮
+  coopBtns: any = {};
+
+  // 表格数据
+  loading1 = false;
+  getList(type) {
+    if (type == 1) {
+      this.pageIndex = 1;
+    }
+    let data = {
+      idx: this.pageIndex - 1,
+      sum: this.pageSize,
+      otherBindConfig: {
+        hosId: this.currentHospital.id,
+      },
+    };
+    this.loading1 = true;
+    this.associatedDataService
+      .getFetchDataList(data)
+      .subscribe((data) => {
+        this.loading1 = false;
+        if (data.status == 200) {
+          this.listOfData = data.list;
+          this.listLength = data.totalNum;
+        }
+      });
+  }
+
+  //打开查询任务类型下拉框
+  isLoading:boolean = false;
+  taskTypeList:any[] = [];
+  getTaskTypeList(flag, keyWord = '') {
+    if (flag) {
+      let postData = {
+        idx: 0,
+        sum: 9999,
+        taskType: {
+          simpleQuery: true,
+          taskName: keyWord,
+          bindTrans: 1,
+          associationType: {
+            key: 'association_types',
+            value: 'other',
+          },
+          hosId: {
+            id: this.currentHospital.id,
+          },
+        }
+      };
+      this.isLoading = true;
+      this.associatedDataService
+      .getTaskTypes(postData)
+      .subscribe((data) => {
+        this.isLoading = false;
+        if (data.status == 200) {
+          this.taskTypeList = data.list;
+        }
+      });
+    }
+  }
+
+  //打开查询业务类型下拉框
+  relationTransList:any[] = [];
+  getRelationTransList(flag) {
+    if (flag) {
+      this.isLoading = true;
+      this.associatedDataService
+      .getDictionary('other_relation_trans')
+      .subscribe((data) => {
+        this.isLoading = false;
+        this.relationTransList = data || [];
+      });
+    }
+  }
+
+  //搜索
+  changeInp(e, type) {
+    this.isLoading = true;
+    this.changeInpSubject.next([e, type]);
+  }
+
+  // 新增弹框
+  addModal() {
+    this.modelName = "新增";
+    this.add = true; //新增
+    this.modal = true;
+    this.initForm();
+  }
+  //关闭新增/编辑弹框
+  hideAddModal() {
+    this.modal = false;
+    this.initForm();
+  }
+
+  // 初始化新增form表单
+  initForm() {
+    this.validateForm = this.fb.group({
+      name: ['', [Validators.required]],
+      taskType: [null, [Validators.required]],
+      relationTrans: [null, [Validators.required]],
+      startAlert: [0, [Validators.required]],
+    });
+  }
+
+  // 新增/编辑表单提交
+  submitForm(): void {
+    for (const i in this.validateForm.controls) {
+      this.validateForm.controls[i].markAsDirty();
+      this.validateForm.controls[i].updateValueAndValidity();
+    }
+    if (this.validateForm.invalid) {
+      return;
+    }
+    if((/^\s+/.test(this.validateForm.value.name) || /\s+$/.test(this.validateForm.value.name)) && !this.validateForm.value.name.trim()){
+      this.message.info('请设置业务名称！');
+      return;
+    }
+
+    this.btnLoading = true;
+    let data = {};
+
+    if (this.add) {
+      //增加
+      data = {
+        name: this.validateForm.value.name.trim(),
+        taskTypeId: this.validateForm.value.taskType,
+        relationTrans: {id: this.validateForm.value.relationTrans},
+        startAlert: this.validateForm.value.startAlert,
+        hosId: this.currentHospital.id,
+      };
+    } else {
+      //编辑
+      data = {
+        ...this.coopId,
+        name: this.validateForm.value.name.trim(),
+        taskTypeId: this.validateForm.value.taskType,
+        relationTrans: {id: this.validateForm.value.relationTrans},
+        startAlert: this.validateForm.value.startAlert,
+        hosId: this.currentHospital.id,
+      };
+    }
+    this.associatedDataService
+      .simplePost("addData", "otherBindConfig", data)
+      .subscribe((result) => {
+        this.btnLoading = false;
+        this.hideAddModal();
+        this.initForm();
+        if (result.status == 200) {
+          if (this.add) {
+            this.showPromptModal("新增", true, "");
+            this.listLength++;
+          }else{
+            this.showPromptModal("编辑", true, "");
+          }
+        } else {
+          this.showPromptModal(this.add ? '新增' : '修改', false, result.msg);
+        }
+      });
+  }
+
+  // 编辑
+  edit(data) {
+    console.log(data);
+    this.modelName = "编辑";
+    this.add = false;
+    this.modal = true;
+    this.coopId = data;
+
+    this.taskTypeList = data.taskTypeDTO ? [data.taskTypeDTO] : [];
+    this.validateForm.controls.taskType.setValue(data.taskTypeId); //任务类型
+
+    this.relationTransList = data.relationTrans ? [data.relationTrans] : [];
+    this.validateForm.controls.relationTrans.setValue(data.relationTrans ? data.relationTrans.id : null); //业务类型
+
+    this.validateForm.controls.startAlert.setValue(data.startAlert); //发起时是否弹窗选择
+
+    this.validateForm.controls.name.setValue(data.name); //业务名称
+  }
+
+  // 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）
+  showPromptModal(con, success, promptInfo?) {
+    this.promptModalShow = false;
+    this.promptContent = con;
+    this.ifSuccess = success;
+    this.promptInfo = promptInfo;
+    setTimeout(() => {
+      this.promptModalShow = true;
+    }, 100);
+    this.getList(0);
+  }
+
+  delModal: boolean = false; //删除模态框
+  tipsMsg1: string; //提示框信息
+  tipsMsg2: string; //操作后信息
+  confirmDelType: string; //确认的类型（启用/停用，删除）
+  showDelModal(
+    data,
+    tipsMsg1: string,
+    tipsMsg2: string,
+    type: string,
+  ) {
+    this.confirmDelType = type;
+    this.delModal = true;
+    this.coopId = data;
+    this.tipsMsg1 = tipsMsg1;
+    this.tipsMsg2 = tipsMsg2;
+  }
+  // 隐藏删除框
+  hideDelModal() {
+    this.delModal = false;
+  }
+  // 确认删除
+  confirmDel() {
+    this.btnLoading = true;
+    if (this.confirmDelType === "del") {
+      //删除
+      this.associatedDataService
+        .simplePost("rmvData", "otherBindConfig", [this.coopId.id])
+        .subscribe((data) => {
+          this.btnLoading = false;
+          this.delModal = false;
+          if (data.status == 200) {
+            if (
+              this.listOfData.length == 1 &&
+              this.pageIndex == Math.ceil(this.listLength / this.pageSize)
+            ) {
+              this.listLength--;
+              if (this.listLength === 0) {
+                this.pageIndex = 1;
+              } else {
+                this.pageIndex = Math.ceil(this.listLength / this.pageSize);
+              }
+            }
+            this.showPromptModal(this.tipsMsg2, true, "");
+          } else {
+            this.showPromptModal(this.tipsMsg2, false, data.msg);
+          }
+        });
+    }
+  }
+}
+
+

src/app/views/associated-data/associated-data.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { AssociatedDataRoutingModule } from './associated-data-routing.module';
+import { ShareModule } from 'src/app/share/share.module';
+import { AssociatedDataComponent } from './associated-data.component';
+
+
+@NgModule({
+  declarations: [
+    AssociatedDataComponent,
+  ],
+  imports: [
+    CommonModule,
+    AssociatedDataRoutingModule,
+    ShareModule,
+  ]
+})
+export class AssociatedDataModule { }

src/app/views/associated-data/associated-data.service.ts

@@ -0,0 +1,53 @@
+import { Injectable } from '@angular/core';
+import { MainService } from 'src/app/services/main.service';
+import { map } from 'rxjs/operators';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AssociatedDataService {
+
+  constructor(
+    private mainService: MainService,
+  ) { }
+
+  // simple增删改
+  simplePost(type, model, postData) {
+    return this.mainService.simplePost(type, model, postData);
+  }
+
+  // 获取任务类型列表
+  getTaskTypes(postData) {
+    return this.mainService.getFetchDataList("simple/data", "taskType", postData).pipe(map((v:any) => {
+      if(Array.isArray(v.list)){
+        v.list = v.list.map(vv => ({id: vv.id, taskName: vv.taskName}));
+      }else{
+        v.list = [];
+      }
+      return v;
+    }));
+  }
+
+  // 查询
+  getFetchDataList(postData) {
+    return this.mainService.getFetchDataList("simple/data", "otherBindConfig", postData).pipe(map((v:any) => {
+      if(Array.isArray(v.list)){
+        v.list = v.list.map(vv => ({
+          ...vv,
+          buildingListNames: vv.buildingList ? vv.buildingList.map(v => v.buildingName).toString() : '',
+          deptListNames: vv.deptList ? vv.deptList.map(v => v.dept).toString() : '',
+        }));
+      }else{
+        v.list = [];
+      }
+      return v;
+    }));;
+  }
+
+  // 字典
+  getDictionary(type) {
+    return this.mainService.getDictionary("list", type);
+  }
+}
+
+

src/app/views/hushijiandan/hushijiandan.component.html

@@ -3792,6 +3792,9 @@
 <app-dialog-delete [delModal]="pickUpModal" (hideDelModalEvent)="hidePickUpModal()" [btnLoading]="btnLoading"
 (confirmDelEvent)="confirmPickUp()" [content]="pickUpInfo"></app-dialog-delete>
 
+<!-- 其他临床服务-关联数据-模态框 -->
+<app-dialog-delete [delModal]="otherDataModal" (hideDelModalEvent)="hideOtherDataModal()" (confirmDelEvent)="confirmOtherData()" [content]="otherDataInfo"></app-dialog-delete>
+
 <!-- 手术即将开始通知 -->
 <app-dialog-surgery [delModal]="surgeryModal" (hideDelModalEvent)="hideSurgeryModal()" [btnLoading]="btnLoading"
 (confirmDelEvent)="confirmSurgery($event)" [content]="surgeryInfo" [dataObj]="surgeryItem"></app-dialog-surgery>
@@ -3807,3 +3810,6 @@
 <!-- 是否限制业务发起时间模态框 -->
 <app-dialog-delete [delModal]="limitTimeModal" (hideDelModalEvent)="hideLimitTimeModal()" [btnLoading]="limitTimeLoading"
 (confirmDelEvent)="confirmLimitTime()" [content]="limitTimeInfo" confirmTxt="继续建单" [isShowConfirm]="isShowConfirm" [isShowConfirmInfo]="isShowConfirmInfo"></app-dialog-delete>
+
+<!-- 关联业务查看 -->
+<app-relationTrans-detail-modal *ngIf="relationTransModalShow" [show]="relationTransModalShow" [otherBindConfigDto]="otherBindConfigDto" (closeModelHs)="closeModelRelationTrans($event)" (confirmModelHs)="confirmModelRelationTrans($event)"></app-relationTrans-detail-modal>

src/app/views/hushijiandan/hushijiandan.component.ts

@@ -1812,7 +1812,27 @@ export class HushijiandanComponent implements OnInit {
       });
   }
   // -----------------
+  // --------------------------------------------------------start
+  otherDataModal: boolean = false; //模态框
+  otherDataInfo:string = '';
+  otherDataItem: any = {};
+  hideOtherDataModal() {
+    this.otherDataModal = false;
+  }
+  // 确认
+  confirmOtherData() {
+    console.log(this.otherDataItem);
+    this.otherBuildOrder(JSON.parse(this.otherDataItem).otherList);
+    this.otherDataModal = false;
+    this.relationTransModalShow = JSON.parse(this.otherDataItem).show;
+  }
 
+  otherDataConfirm(e){
+    this.otherDataModal = true;
+    this.otherDataItem = e;
+    this.otherDataInfo = `您本次送${this.otherBindConfigDto.relationTrans.name}选择了${JSON.parse(this.otherDataItem).otherList.length}本${this.otherBindConfigDto.relationTrans.name}，您确认要建单配送吗？`;
+  }
+  // --------------------------------------------------------end
   pickUpModal: boolean = false; //模态框
   pickUpInfo:string = '';
   pickUpItem: any = {};
@@ -2892,9 +2912,27 @@ export class HushijiandanComponent implements OnInit {
   changeAccount(e){
     this.userAccount =this.accountList.find(v => v.id == e);
   }
+
+  // 查看关联业务
+  otherBindConfigDto:any = {};
+  relationTransModalShow = false; //关联业务弹窗开关
+  // 关闭关联业务弹窗
+  closeModelRelationTrans(e) {
+    this.relationTransModalShow = JSON.parse(e).show;
+  }
+  // 确定关联业务弹窗
+  confirmModelRelationTrans(e) {
+    if(JSON.parse(e).otherList.length){
+      this.otherDataConfirm(e);
+    }else{
+      this.message.info('请选择病历！');
+    }
+
+  }
+
   // 一键发起建单保存
   loading5 = false;
-  confirmShortcut() {
+  async confirmShortcut() {
     var that = this;
     for (const i in that.shortcutForm.controls) {
       that.shortcutForm.controls[i].markAsDirty();
@@ -2903,40 +2941,60 @@ export class HushijiandanComponent implements OnInit {
     console.log(that.shortcutForm);
     if (that.shortcutForm.invalid) return;
     that.loading5 = true;
-    let postData;
     that.buildType = "other";
-    if (that.buildType == "other") {
-      if(this.buildMsg.reserveUserSwitch == 1 && !this.userAccount){
-        this.message.info('请选择工号！');
-        this.loading5 = false;
-        return;
-      }
-      // 其他
-      postData = {
-        workOrder: {
-          sourceId: SourceId.hushi,
-          workOrderRemark: this.userAccount ? `${this.userAccount.account}-${this.userAccount.name}:${this.workOrderRemark}` : this.workOrderRemark,
-          taskType: { id: that.shortcutMsg.id },
-          createDept: that.loginUserDeptId,
-          startDept: { id: that.buildMsg.startDept },
-          endDepts: [{ id: that.buildMsg.endDept }],
-        },
-      };
-      if (
-        (that.buildMsg.status == 100013 || that.buildMsg.status == 100015) &&
-        that.shortcutForm.value.originOffice
-      ) {
-        postData.workOrder.startDept.id = that.shortcutForm.value.originOffice;
-      }
-      if (that.shortcutForm.value.targetOffice) {
-        postData.workOrder["endDepts"] = [
-          { id: that.shortcutForm.value.targetOffice },
-        ];
-      } else {
-        postData.workOrder["endDepts"] = [
-          { id: that.buildMsg.end.end.list[0].id },
-        ];
-      }
+    if(this.buildMsg.reserveUserSwitch == 1 && !this.userAccount){
+      this.message.info('请选择工号！');
+      this.loading5 = false;
+      return;
+    }
+
+    // 判断改任务类型是否开启关联数据
+    let taskTypeDtoPromise = await this.mainService.getFetchDataList('simple/data', 'otherBindConfig', {"idx":0,"sum":10,"otherBindConfig":{"hosId":1}}).toPromise();
+    console.log(taskTypeDtoPromise);
+    console.log(that.shortcutMsg);
+    let otherBindConfigDto = taskTypeDtoPromise.list.find(v => v.taskTypeId == that.shortcutMsg.id);
+    if(taskTypeDtoPromise.status == 200 && otherBindConfigDto && otherBindConfigDto.startAlert == 1 && that.shortcutMsg.bindTrans == 1){
+      this.otherBindConfigDto = otherBindConfigDto;
+      this.relationTransModalShow = true;
+      that.loading5 = false;
+      return;
+    }
+    this.otherBuildOrder();
+  }
+  otherBuildOrder(otherList?){
+    var that = this;
+    // 其他
+    let workOrderRemark = '';
+    if(otherList){
+      workOrderRemark = this.userAccount ? `${this.userAccount.account}-${this.userAccount.name}:${this.workOrderRemark}${otherList.length}本${this.otherBindConfigDto.relationTrans.name}` : this.workOrderRemark + `${otherList.length}本${this.otherBindConfigDto.relationTrans.name}`;
+    }else{
+      workOrderRemark = this.userAccount ? `${this.userAccount.account}-${this.userAccount.name}:${this.workOrderRemark}` : this.workOrderRemark;
+    }
+    let postData = {
+      workOrder: {
+        sourceId: SourceId.hushi,
+        workOrderRemark,
+        taskType: { id: that.shortcutMsg.id },
+        createDept: that.loginUserDeptId,
+        startDept: { id: that.buildMsg.startDept },
+        endDepts: [{ id: that.buildMsg.endDept }],
+        otherList: otherList || undefined,
+      },
+    };
+    if (
+      (that.buildMsg.status == 100013 || that.buildMsg.status == 100015) &&
+      that.shortcutForm.value.originOffice
+    ) {
+      postData.workOrder.startDept.id = that.shortcutForm.value.originOffice;
+    }
+    if (that.shortcutForm.value.targetOffice) {
+      postData.workOrder["endDepts"] = [
+        { id: that.shortcutForm.value.targetOffice },
+      ];
+    } else {
+      postData.workOrder["endDepts"] = [
+        { id: that.buildMsg.end.end.list[0].id },
+      ];
     }
     console.log(postData);
     this.newOrderTimeFun(postData.workOrder, () => {

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

@@ -103,6 +103,11 @@ const routes: Routes = [
         path: "limitInitiationTime",
         loadChildren: () => import("../limit-initiation-time/limit-initiation-time.module").then((m) => m.LimitInitiationTimeModule),
       },
+      // 关联数据
+      {
+        path: "associatedData",
+        loadChildren: () => import("../associated-data/associated-data.module").then((m) => m.AssociatedDataModule),
+      },
       // 工作分配方案列表
       {
         path: "workAssignment",