服务台预约建单

src/app/views/fuwutai/fuwutai.component.html

@@ -2362,6 +2362,67 @@
                           </nz-form-item>
                         </div>
                       </div>
+                      <!-- 预约建单时间-患者其他服务--start -->
+                      <div nz-col [nzSpan]="24" style="height: 83px" class="pos">
+                        <!-- 需要预约检查 -->
+                        <nz-form-item class="pos-item">
+                          <nz-form-control>
+                            <label
+                              nz-checkbox
+                              [(ngModel)]="isYyInspect"
+                              (ngModelChange)="yyInspectChange($event)"
+                              [ngModelOptions]="{ standalone: true }"
+                              style="font-weight: bold"
+                              >需要预约检查</label
+                            >
+                          </nz-form-control>
+                        </nz-form-item>
+                        <!-- 预约建单时间-患者其他服务 -->
+                        <nz-form-item class="yyTime" [ngClass]="{yyTimeError: (!yyTimeZy || !yyDateZy) && clickYYZyFlag}">
+                          <nz-form-label [nzSm]="24" [nzXs]="24">预约建单时间</nz-form-label>
+                          <nz-form-control [nzSm]="24" [nzXs]="24">
+                            <nz-date-picker
+                              [nzDisabled]="!isYyInspect"
+                              [(ngModel)]="yyDateZy"
+                              (ngModelChange)="yyDateChange($event)"
+                              [ngModelOptions]="{ standalone: true }"
+                              [nzAllowClear]="false"
+                              [nzDisabledDate]="disabledyyDateZy"
+                              [nzShowToday]="false"
+                            ></nz-date-picker>
+                            <nz-time-picker
+                              [nzDisabled]="!isYyInspect || !yyDateZy"
+                              class="ml8"
+                              nzFormat="HH:mm"
+                              [nzMinuteStep]="inspectAndPatientTransportConfig.timeMod"
+                              [nzSecondStep]="60"
+                              [(ngModel)]="yyTimeZy"
+                              (ngModelChange)="yyTimeZyChange($event)"
+                              [ngModelOptions]="{ standalone: true }"
+                              [nzDisabledHours]="disabledHours"
+                              [nzDisabledMinutes]="disabledMinutes"
+                              [nzAllowEmpty]="false"
+                            >
+                            </nz-time-picker>
+                            <button
+                              [disabled]="!isYyInspect || (isYyInspect && !yyDateZy)"
+                              nz-button
+                              nzType="primary"
+                              class="ml8"
+                              (click)="nextDayZy()"
+                            >
+                              下一日
+                            </button>
+                          </nz-form-control>
+                          <div
+                            class="red w100"
+                            *ngIf="(!yyTimeZy || !yyDateZy) && clickYYZyFlag"
+                          >
+                            请填写预约建单时间!
+                          </div>
+                        </nz-form-item>
+                      </div>
+                      <!-- 预约建单时间-患者其他服务--end -->
                     </div>
                   </form>
                 </div>
@@ -2589,6 +2650,73 @@
                           </nz-form-control>
                         </nz-form-item>
                       </div>
+                      <!-- 预约建单时间-其他临床服务--start -->
+                      <div nz-col [nzSpan]="24" style="height: 83px" class="pos">
+                        <!-- 需要预约检查 -->
+                        <nz-form-item class="pos-item">
+                          <nz-form-control>
+                            <label
+                              nz-checkbox
+                              [(ngModel)]="isYyInspect"
+                              (ngModelChange)="yyInspectChange($event)"
+                              [ngModelOptions]="{ standalone: true }"
+                              style="font-weight: bold"
+                              >需要预约检查</label
+                            >
+                          </nz-form-control>
+                        </nz-form-item>
+                        <!-- 预约建单时间 -->
+                        <nz-form-item
+                          class="yyTime"
+                          [ngClass]="{ yyTimeError: (!yyTime || !yyDate) && clickYYFlag }"
+                        >
+                          <nz-form-label [nzSm]="24" [nzXs]="24"
+                            >预约建单时间</nz-form-label
+                          >
+                          <nz-form-control [nzSm]="24" [nzXs]="24">
+                            <nz-date-picker
+                              [nzDisabled]="!isYyInspect"
+                              [(ngModel)]="yyDate"
+                              (ngModelChange)="yyDateChange($event)"
+                              [ngModelOptions]="{ standalone: true }"
+                              [nzAllowClear]="false"
+                              [nzDisabledDate]="disabledyyDate"
+                              [nzShowToday]="false"
+                            >
+                            </nz-date-picker>
+                            <nz-time-picker
+                              [nzDisabled]="!isYyInspect || !yyDate"
+                              class="ml8"
+                              nzFormat="HH:mm"
+                              [nzMinuteStep]="inspectAndPatientTransportConfig.timeMod"
+                              [nzSecondStep]="60"
+                              [(ngModel)]="yyTime"
+                              (ngModelChange)="yyTimeChange($event)"
+                              [ngModelOptions]="{ standalone: true }"
+                              [nzDisabledHours]="disabledHours"
+                              [nzDisabledMinutes]="disabledMinutes"
+                              [nzAllowEmpty]="false"
+                            >
+                            </nz-time-picker>
+                            <button
+                              [disabled]="!isYyInspect || (isYyInspect && !yyDate)"
+                              nz-button
+                              nzType="primary"
+                              class="ml8"
+                              (click)="nextDay()"
+                            >
+                              下一日
+                            </button>
+                          </nz-form-control>
+                          <div
+                            class="red w100"
+                            *ngIf="(!yyTime || !yyDate) && clickYYFlag"
+                          >
+                            请填写预约建单时间!
+                          </div>
+                        </nz-form-item>
+                      </div>
+                      <!-- 预约建单时间-其他临床服务--end -->
                     </div>
                   </form>
                 </div>
@@ -2981,7 +3109,7 @@
           (click)="newOrderOk()"
           [nzLoading]="isOkLoading"
         >
-          确认
+          {{isYyInspect ? '预约建单' :'直接建单'}}
         </button>
         <button
           class="btn cancel"

src/app/views/fuwutai/fuwutai.component.less

@@ -27,6 +27,32 @@
     flex-direction: column;
     min-height: 180px;
   }
+  .pos {
+    position: relative;
+
+    .yyTimeError {
+      ::ng-deep .ant-time-picker-input,
+      ::ng-deep .ant-calendar-picker-input {
+        border: 1px solid red !important;
+      }
+    }
+
+    .yyTime {
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+    }
+
+    .pos-item {
+      position: absolute;
+      left: 110px;
+      top: -10px;
+      z-index: 9;
+    }
+    .ant-form-item-label{
+      text-align: left;
+    }
+  }
   .transport-1_round_solid,
   .transport-2_round_solid,
   .transport-3_round_solid {

src/app/views/fuwutai/fuwutai.component.ts

@@ -20,6 +20,17 @@ import { Subject } from "rxjs";
 import { debounceTime } from "rxjs/operators";
 import { SourceId } from "src/app/type/types";
 import { ToolService } from 'src/app/services/tool.service';
+import { addDays, differenceInCalendarDays, getHours, getMinutes, setMinutes, parse, format } from 'date-fns';
+
+// 日期禁用
+function range(start: number, end: number): number[] {
+  const result: number[] = [];
+  for (let i = start; i < end; i++) {
+    result.push(i);
+  }
+  return result;
+}
+
 @Component({
   selector: "app-fuwutai",
   templateUrl: "./fuwutai.component.html",
@@ -376,8 +387,18 @@ export class FuwutaiComponent implements OnInit {
           )
         : [];
       goods = goods.map((current) => current.value).join();
+
+      // 预约日期
+      let yyTime1;
+      if(this.isYyInspect && this.currentTabIndex == '255'){
+        let yyDateZy = (typeof this.yyDateZy === 'object') ? new Date(this.yyDateZy) : parse(this.yyDateZy, 'yyyy-MM-dd HH:mm:ss', new Date());
+        let yyTimeZy = (typeof this.yyTimeZy === 'object') ? new Date(this.yyTimeZy) : parse(this.yyTimeZy, 'yyyy-MM-dd HH:mm:ss', new Date());
+        yyTime1 = format(yyDateZy, "yyyy-MM-dd") + " " + format(yyTimeZy, "HH:mm") + ":00";
+      }
+
       let postData = {
         workOrder: {
+          yyTime: yyTime1,
           sourceId: SourceId.fuwutai,
           taskType: {
             id: this.validateFormZy.controls.taskType.value,
@@ -465,8 +486,17 @@ export class FuwutaiComponent implements OnInit {
         return;
       }
     }
+
+    // 预约日期
+    let yyTime1;
+    if(this.isYyInspect && this.currentTabIndex == '259'){
+      let yyDate = (typeof this.yyDate === 'object') ? new Date(this.yyDate) : parse(this.yyDate, 'yyyy-MM-dd HH:mm:ss', new Date());
+      let yyTime = (typeof this.yyTime === 'object') ? new Date(this.yyTime) : parse(this.yyTime, 'yyyy-MM-dd HH:mm:ss', new Date());
+      yyTime1 = format(yyDate, "yyyy-MM-dd") + " " + format(yyTime, "HH:mm") + ":00";
+    }
     let postData = {
       workOrder: {
+        yyTime: yyTime1,
         sourceId: SourceId.fuwutai,
         workOrderRemark: this.validateFormQt.controls.workOrderRemark.value,
         taskType: {
@@ -1288,6 +1318,15 @@ export class FuwutaiComponent implements OnInit {
   deathTasktypeId; //获取这个写死的任务类型的id,送病人回病房
   deathTasktypeIdPatient; //获取这个写死的任务类型的id,转出院记录
   async showNewOrder(des?, phone?) {
+    // 预约相关重置
+    this.yyDateZy = new Date();
+    this.yyDate = new Date();
+    this.yyTimeZy = null;
+    this.yyTime = null;
+    this.isYyInspect = false;
+    this.clickYYZyFlag = false;
+    this.clickYYFlag = false;
+
     // 送病人回病房
     let deathTasktypeResult: any = await this.getConfigTasktype();
     this.getConfigTasktypeLoading = false;
@@ -1763,8 +1802,161 @@ export class FuwutaiComponent implements OnInit {
         }
       });
   }
+  // 获取大于x，并且是n的倍数的数字
+  getLgNumber(x: number, n:number): number{
+    for(let i = x; i < 60; i++){
+      if(i % n === 0){
+        return i;
+      }
+    }
+    return 0;
+  }
+  // 禁用小时
+  disabledHours = (): number[] => {
+    let now = new Date();
+    let nHour = now.getHours();
+    let nMinute = now.getMinutes();
+    if (nMinute > (60 - this.inspectAndPatientTransportConfig.timeMod)) {
+      return range(0, nHour + 1);
+    } else {
+      return range(0, nHour);
+    }
+  }
+  // 禁用分钟
+  disabledMinutes = (hour: number): number[] => {
+    let now = new Date();
+    let nHour = now.getHours();
+    let nMinute = now.getMinutes();
+    if (hour === nHour || hour === undefined) {
+      return this.integralDivision(0, nMinute, this.inspectAndPatientTransportConfig.timeMod);
+    } else {
+      return [];
+    }
+  }
+
+  // start和end之间能被n整除的所有数字集合
+  integralDivision(start:number, end:number, n:number): number[]{
+    let arr = [];
+    for(let i = start; i <= end; i++){
+      if(i % n === 0){
+        arr.push(i);
+      }
+    }
+    return arr;
+  }
+  //修改预约建单时间的日期
+  yyDateChange(e) {
+    // 获取年月日
+    let yyDate = new Date(e);
+    let year = yyDate.getFullYear();
+    let month = yyDate.getMonth();
+    let date = yyDate.getDate();
+    // 获取当前时间的年月日
+    let now = new Date();
+    let nYear = now.getFullYear();
+    let nMonth = now.getMonth();
+    let nDate = now.getDate();
+    if (year != nYear || month != nMonth || date != nDate) {
+      this.disabledHours = () => [];
+      this.disabledMinutes = (hour) => [];
+    } else {
+      // 禁用小时
+      this.disabledHours = () => {
+        let now = new Date();
+        let nHour = now.getHours();
+        let nMinute = now.getMinutes();
+        if (nMinute > (60 - this.inspectAndPatientTransportConfig.timeMod)) {
+          return range(0, nHour + 1);
+        } else {
+          return range(0, nHour);
+        }
+      };
+      // 禁用分钟
+      this.disabledMinutes = (hour) => {
+        let now = new Date();
+        let nHour = now.getHours();
+        let nMinute = now.getMinutes();
+        if (hour === nHour || hour === undefined) {
+          return this.integralDivision(0, nMinute, this.inspectAndPatientTransportConfig.timeMod);
+        } else {
+          return [];
+        }
+      };
+    }
+  }
+  // 下一日(患者其他服务)
+  nextDayZy() {
+    this.yyDateZy = addDays(this.yyDateZy, 1);
+    this.yyDateChange(this.yyDateZy);
+  }
+  // 禁用日期(患者其他服务)
+  disabledyyDateZy = (current: Date): boolean => {
+    return differenceInCalendarDays(current, new Date()) < 0;
+  };
+  // 禁用日期(其他)
+  disabledyyDate = (current: Date): boolean => {
+    return differenceInCalendarDays(current, new Date()) < 0;
+  };
+  yyTimeZyChange(e) {
+    if (this.yyTimeZy) {
+      let now = new Date();
+      // 禁用日期(转运)
+      if (getHours(this.yyTimeZy) < getHours(now)) {
+        this.disabledyyDateZy = (current: Date): boolean => {
+          return differenceInCalendarDays(current, new Date()) < 1;
+        };
+      } else {
+        this.disabledyyDateZy = (current: Date): boolean => {
+          return differenceInCalendarDays(current, new Date()) < 0;
+        };
+      }
+      let end = this.getLgNumber(getMinutes(this.yyTimeZy), this.inspectAndPatientTransportConfig.timeMod);
+      this.yyTimeZy = setMinutes(this.yyTimeZy, end);
+    }
+    this.clickYYZyFlag = false;
+  }
+  yyTimeChange(e) {
+    if (this.yyTime) {
+      let now = new Date();
+      // 禁用日期(其他)
+      if (getHours(this.yyTime) < getHours(now)) {
+        this.disabledyyDate = (current: Date): boolean => {
+          return differenceInCalendarDays(current, new Date()) < 1;
+        };
+      } else {
+        this.disabledyyDate = (current: Date): boolean => {
+          return differenceInCalendarDays(current, new Date()) < 0;
+        };
+      }
+      let end = this.getLgNumber(getMinutes(this.yyTime), this.inspectAndPatientTransportConfig.timeMod);
+      this.yyTime = setMinutes(this.yyTime, end);
+    }
+    this.clickYYFlag = false;
+  }
+  // 需要预约建单-事件
+  yyInspectChange(e) {
+    if (this.currentTasktype.associationType.value === "other") {
+      //其他临床服务
+      this.yyTime = null;
+      this.yyDate = new Date();
+      console.log(this.isYyInspect);
+    } else if (this.currentTasktype.associationType.value === "patientTransport") {
+      //患者其他服务
+      this.yyTimeZy = null;
+      this.yyDateZy = new Date();
+    }
+  }
   // 转运类型选中类型（单选）触发
   goodsNow; //携带的物品列表
+  yyDateZy = null; //预约日期-患者其他服务
+  yyDate = null; //预约日期-其他临床服务
+  yyTimeZy = null; //预约时间-患者其他服务
+  yyTime = null; //预约时间-其他临床服务
+  inspectAndPatientTransportConfig:any = {timeMod: 30};
+  isYyInspect = false; //需要预约检查
+  clickYYZyFlag = false; //是否点击预约建单-患者其他服务
+  clickYYFlag = false; //是否点击预约建单-其他临床服务
+  currentTasktype = null; //当前选中的任务类型对象
   radioChangeZy(value) {
     //任务类型id
     if (value === "" || value === null) {
@@ -1779,8 +1971,15 @@ export class FuwutaiComponent implements OnInit {
     // 返回值的status是204 则让前端自己调用科室搜索接口
     // 返回值的status是205 则是固定科室类型，会返回科室列表
     // 返回值的status是206 则是默认患者所在科室，把患者所在科室作为值
-    this.mainService.getdeptList(value).subscribe((data) => {
+    this.mainService.getdeptList(value).subscribe((data:any) => {
       this.deptZyList = data;
+      // 预约start
+      this.currentTasktype = data.taskType;
+      this.isYyInspect = false;
+      this.clickYYZyFlag = false;
+      this.yyDateZy = new Date();
+      this.yyTimeZy = null;
+      // 预约end
       console.log(this.deptZyList);
       // 起点科室
       if (data["startStatus"] == 201 || data["startStatus"] == 206) {
@@ -1851,8 +2050,15 @@ export class FuwutaiComponent implements OnInit {
     // 返回值的status是203 则是固定科室，会返回单个科室
     // 返回值的status是204 则让前端自己调用科室搜索接口
     // 返回值的status是205 则是固定科室类型，会返回科室列表
-    this.mainService.getdeptList(value).subscribe((data) => {
+    this.mainService.getdeptList(value).subscribe((data:any) => {
       this.deptQtList = data;
+      // 预约start
+      this.currentTasktype = data.taskType;
+      this.isYyInspect = false;
+      this.clickYYFlag = false;
+      this.yyDate = new Date();
+      this.yyTime = null;
+      // 预约end
       this.deptQtList.taskType.customRemarks = this.deptQtList.taskType
         .customRemarks
         ? this.deptQtList.taskType.customRemarks.split("$")
@@ -1891,6 +2097,24 @@ export class FuwutaiComponent implements OnInit {
   //新建工单->确定提交
   isGoLoading = false;
   newOrderOk(go?): void {
+    if (this.isYyInspect && this.currentTabIndex == '259') {
+      this.clickYYFlag = true;
+    } else {
+      this.clickYYFlag = false;
+    }
+    if (this.isYyInspect && this.currentTabIndex == '255') {
+      this.clickYYZyFlag = true;
+    } else {
+      this.clickYYZyFlag = false;
+    }
+
+    if (
+      (!this.yyTime && this.currentTabIndex == '259' && this.isYyInspect) ||
+      (!this.yyTimeZy && this.currentTabIndex == '255' && this.isYyInspect)
+    ) {
+      return;
+    }
+
     if (go !== "go") {
       this.isOkLoading = true;
     } else {