Merge branch 'develop'

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

@@ -463,6 +463,26 @@ const routes: Routes = [
         path: "performanceAllocation",
         loadChildren: () => import("../performance-allocation/performance-allocation.module").then((m) => m.PerformanceAllocationModule),
       },
+      // 绩效基础配置-人员统计
+      {
+        path: "quiltWashingPersonnelStatistics",
+        loadChildren: () => import("../quilt-washing-personnel-statistics/quilt-washing-personnel-statistics.module").then((m) => m.QuiltWashingPersonnelStatisticsModule),
+      },
+      // 绩效基础配置-科室统计
+      {
+        path: "quiltWashingDepartmentStatistics",
+        loadChildren: () => import("../quilt-washing-department-statistics/quilt-washing-department-statistics.module").then((m) => m.QuiltWashingDepartmentStatisticsModule),
+      },
+      // 绩效基础配置-全员统计
+      {
+        path: "quiltWashingHospitalStatistics",
+        loadChildren: () => import("../quilt-washing-hospital-statistics/quilt-washing-hospital-statistics.module").then((m) => m.QuiltWashingHospitalStatisticsModule),
+      },
+      // 绩效基础配置-趋势分析
+      {
+        path: "quiltWashingTrendAnalysis",
+        loadChildren: () => import("../quilt-washing-trend-analysis/quilt-washing-trend-analysis.module").then((m) => m.QuiltWashingTrendAnalysisModule),
+      },
     ],
   },
 ];

src/app/views/quilt-washing-department-statistics/quilt-washing-department-statistics-routing.module.ts

@@ -0,0 +1,13 @@
+import { NgModule } from "@angular/core";
+import { Routes, RouterModule } from "@angular/router";
+import { QuiltWashingDepartmentStatisticsComponent } from "./quilt-washing-department-statistics.component";
+
+const routes: Routes = [
+  { path: "", component: QuiltWashingDepartmentStatisticsComponent },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class QuiltWashingDepartmentStatisticsRoutingModule {}

src/app/views/quilt-washing-department-statistics/quilt-washing-department-statistics.component.html

@@ -0,0 +1,111 @@
+<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 class="list-template__searchItem">
+          <nz-radio-group [(ngModel)]="dateType" (ngModelChange)="changeDateType($event)">
+            <label *ngFor="let data of dateTypes" nz-radio-button [nzValue]="data.value">{{data.label}}</label>
+          </nz-radio-group>
+        </div>
+        <div class="list-template__searchItem">
+          <span class="label">发起时间</span>：
+          <nz-range-picker *ngIf="dateType=='day'" [(ngModel)]="dateRange" [nzAllowClear]='false'
+            [nzDisabledDate]="disabledDate" (ngModelChange)="changeDate($event)">
+          </nz-range-picker>
+          <nz-month-picker *ngIf="dateType=='month'" [(ngModel)]="monthRangeStart" [nzDisabledDate]="disabledMonthStart"
+            (ngModelChange)="changeMonthStart($event)" nzPlaceHolder="请选择开始月份">
+          </nz-month-picker>
+          <span *ngIf="dateType=='month'"> ~ </span>
+          <nz-month-picker *ngIf="dateType=='month'" [(ngModel)]="monthRangeEnd" [nzDisabledDate]="disabledMonthEnd"
+            (ngModelChange)="changeMonthEnd($event)" nzPlaceHolder="请选择截止月份">
+          </nz-month-picker>
+          <nz-year-picker *ngIf="dateType=='year'" [(ngModel)]="yearRangeStart" [nzDisabledDate]="disabledYearStart"
+            (ngModelChange)="changeYearStart($event)" nzPlaceHolder="请选择开始年份">
+          </nz-year-picker>
+          <span *ngIf="dateType=='year'"> ~ </span>
+          <nz-year-picker *ngIf="dateType=='year'" [(ngModel)]="yearRangeEnd" (ngModelChange)="changeYearEnd($event)"
+            [nzDisabledDate]="disabledYearEnd" nzPlaceHolder="请选择截止年份">
+          </nz-year-picker>
+        </div>
+        <div class="list-template__searchItem ml8">
+          <nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" [nzShowSearch]="false" nzPlaceHolder="请选择时间"
+            [(ngModel)]="defRange" (ngModelChange)="changeDateRange($event)">
+            <nz-option nzLabel="{{data.label}}" nzValue="{{data.id}}" *ngFor="let data of defRanges"></nz-option>
+          </nz-select>
+        </div>
+        <div class="list-template__searchItem">
+          <span class="label">科室名称</span>：
+          <nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" nzServerSearch nzShowSearch
+            (nzOnSearch)="changeInp($event, 'getDeptList')" nzAllowClear nzPlaceHolder="请选择科室名称" [(ngModel)]="searchDto.dept">
+            <ng-container *ngFor="let option of deptList">
+              <nz-option *ngIf="!isLoading" [nzLabel]="option.dept" [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>
+        </div>
+        <div class="list-template__searchItem">
+          <span class="label">楼栋名称</span>：
+          <nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" nzServerSearch nzShowSearch
+            (nzOnSearch)="changeInp($event, 'getBuildingList')" nzAllowClear nzPlaceHolder="请选择楼栋名称" [(ngModel)]="searchDto.building">
+            <ng-container *ngFor="let option of buildingList">
+              <nz-option *ngIf="!isLoading" [nzLabel]="option.buildingName" [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>
+        </div>
+      </div>
+      <div nz-col nzXl='6' class="list-template__btns">
+        <button nz-button class="btn default" (click)='search(1)'>搜索</button>
+        <button nz-button class="btn default ml8" (click)='export()' [nzLoading]="loading2">导出</button>
+        <button nz-button class="btn default ml8" (click)='reset()'>重置</button>
+        <button nz-button class="btn default ml8" (click)='exportDetail()' [nzLoading]="loading3" [disabled]="!checkedDepIds.length">批量导出详细科室报表</button>
+      </div>
+    </div>
+    <div class="list-template__bottom">
+      <nz-table class="list-template__nzTable" [nzData]="listOfData" nzSize="middle" [nzShowPagination]="false"
+        [nzLoading]="loading1">
+        <thead (nzSortChange)="sort($event)" nzSingleSort>
+          <tr class="thead">
+            <th nzWidth="5%" nzShowCheckbox [(nzChecked)]="isAllDisplayDataChecked"
+              (nzCheckedChange)="checkAll($event)"></th>
+            <th nzWidth="5%">序号</th>
+            <th nzWidth="5%">科室名称</th>
+            <th nzShowSort nzWidth="17%" nzSortKey="clothesTypeNum" [(nzSort)]="sortCurrent.clothesTypeNum">回收种类数</th>
+            <th nzShowSort nzWidth="17%" nzSortKey="getOrder" [(nzSort)]="sortCurrent.getOrder">回收单数</th>
+            <th nzShowSort nzWidth="17%" nzSortKey="sendOrder" [(nzSort)]="sortCurrent.sendOrder">送回单数</th>
+            <th nzShowSort nzWidth="17%" nzSortKey="sendClothesNum" [(nzSort)]="sortCurrent.sendClothesNum">洗涤被服数量</th>
+            <th nzShowSort nzWidth="17%" nzSortKey="price" [(nzSort)]="sortCurrent.price">费用(元)</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of listOfData;let index=index;" (click)="selectedListData(data)">
+            <td nzShowCheckbox [(nzChecked)]="mapOfCheckedId[data.id]" (nzCheckedChange)="refreshStatus()"></td>
+            <td>{{index+(pageIndex-1) * pageSize + 1}}</td>
+            <td>{{ data.dept || '' }}</td>
+            <td>{{ data.clothesTypeNum }}</td>
+            <td>{{ data.getOrder }}</td>
+            <td>{{ data.sendOrder }}</td>
+            <td>{{ data.sendClothesNum }}</td>
+            <td>{{ data.price }}</td>
+          </tr>
+        </tbody>
+      </nz-table>
+      <div class="list-template__pagination">
+        <nz-pagination [(nzPageIndex)]="pageIndex" [nzPageSizeOptions]="[10,100]" [(nzTotal)]="listLength" nzShowSizeChanger [(nzPageSize)]="pageSize"
+          (nzPageIndexChange)="getList(pageIndex, sortCurrentKey, sortCurrentValue)"
+          (nzPageSizeChange)="getList(pageIndex, sortCurrentKey, sortCurrentValue)">
+        </nz-pagination>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo"></app-prompt-modal>
+
+<!-- 查看详情 -->
+<router-outlet></router-outlet>

src/app/views/quilt-washing-department-statistics/quilt-washing-department-statistics.component.less

@@ -0,0 +1,95 @@
+@import "../../../../src/theme.less";
+
+:host ::ng-deep .on {
+  color: #fff !important;
+}
+
+.save {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 99;
+
+  .modalBody {
+    width: 1000px;
+    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: 100%;
+      border: 1px solid #e5e9ed;
+      border-radius: 5px;
+      overflow: hidden;
+      margin-top: 12px;
+
+      .conItem {
+        color: #333;
+
+        .jiTit {
+          height: 50px;
+          line-height: 50px;
+          border-bottom: 1px solid #e5e9ed;
+          padding: 0 32px;
+        }
+
+        .defeat {
+          font-size: 14px;
+          color: #333;
+          padding: 15px 32px;
+          min-height: 125px;
+        }
+
+        &.noCon {
+          background: #f9fafb;
+          padding: 16px 32px 24px 32px;
+          border-top: 1px solid #e5e9ed;
+
+          .title {
+            text-align: left;
+            font-size: 14px;
+            margin-bottom: 8px;
+          }
+
+          textarea {
+            min-height: 210px;
+          }
+        }
+      }
+    }
+
+    button {
+      margin-top: 10px;
+      margin-left: 10px;
+    }
+  }
+
+  .txtL {
+    text-align: left !important;
+  }
+
+  .txtR {
+    text-align: right !important;
+  }
+}

src/app/views/quilt-washing-department-statistics/quilt-washing-department-statistics.component.ts

@@ -0,0 +1,603 @@
+import { Component, OnInit } from "@angular/core";
+import { ActivatedRoute, Router } from "@angular/router";
+import { differenceInCalendarDays, endOfMonth, endOfYear, format, startOfMonth, startOfYear } from "date-fns";
+
+import { MainService } from "../../services/main.service";
+import { DateService } from "../../services/date.service";
+import { MyServiceService } from "../../services/my-service.service";
+import { ToolService } from "../../services/tool.service";
+import { Subject } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
+
+@Component({
+  selector: "app-quilt-washing-department-statistics",
+  templateUrl: "./quilt-washing-department-statistics.component.html",
+  styleUrls: ["./quilt-washing-department-statistics.component.less"],
+})
+export class QuiltWashingDepartmentStatisticsComponent implements OnInit {
+  constructor(
+    private route: ActivatedRoute,
+    private router: Router,
+    private mainService: MainService,
+    private dateService: DateService,
+    private myService: MyServiceService,
+    private tool: ToolService
+  ) {}
+
+  searchTimerSubject = new Subject();
+
+  searchDto: any = {
+    dept: null,
+    building: null,
+  }
+
+  ngOnInit() {
+    this.searchTimerSubject.pipe(debounceTime(500)).subscribe((v) => {
+      let fun = v[0];
+      fun.call(this, v[1]);
+    });
+    this.coopBtns = this.tool.initCoopBtns(this.route);
+    this.getAllHos();
+    this.changeDateRange(this.defRange);
+    // this.search();
+  }
+
+  dateType: string = "day"; //选中时间维度
+  dateTypes: any = [
+    {
+      label: "按天统计",
+      value: "day",
+    },
+    {
+      label: "按月统计",
+      value: "month",
+    },
+    {
+      label: "按年统计",
+      value: "year",
+    },
+  ]; //时间维度
+  defRange = "1"; //默认上周
+  defRanges = [
+    {
+      label: "上周",
+      id: 1,
+    },
+    {
+      label: "上月",
+      id: 2,
+    },
+    {
+      label: "上年",
+      id: 3,
+    },
+  ]; //时间默认区间
+
+  listOfData: any[] = []; //表格数据
+  pageIndex: number = 1; //表格当前页码
+  pageSize: number = 10; //表格每页展示条数
+  listLength: number = 10; //表格总数据量
+
+  alldepart: any = []; //当前院区所属科室
+  dateRange: any = []; //发起时间区间 天
+  monthRangeStart: any; //发起时间 月 起
+  monthRangeEnd: any; //发起时间 月 止
+  yearRangeStart: any; //发起时间 年 起
+  yearRangeEnd: any; //发起时间 年 止
+
+  promptContent: string; //操作提示框提示信息
+  ifSuccess: boolean; //操作成功/失败
+  promptInfo: string; //操作结果提示信息
+  promptModalShow: boolean; //操作提示框是否展示
+
+  // 初始化增删改按钮
+  coopBtns: any = {};
+  searchData: any = {}; // 综合统计页面带过来的参数
+  getSearchData() {
+    let that = this;
+    let sub = that.myService.getMsg().subscribe((msg) => {
+      // 从综合报表跳转过来
+      that.searchData = msg;
+      console.log(that.searchData);
+      console.log(66);
+      sub.unsubscribe(); //取消订阅，否则订阅函数会累加执行
+      that.hospital = that.searchData["hosId"];
+      that.changeDate(that.searchData["range"]);
+      that.defRange = that.searchData["defRange"];
+      that.search();
+    });
+    that.changeDateRange(that.defRange);
+    that.search();
+  }
+  // 搜索
+  search(num?: number) {
+    if (this.hospital) {
+      this.searchData["hosId"] = this.hospital;
+    }
+    if (this.startDate) {
+      this.searchData["dateRange"] = {
+        start: this.startDate + " " + "00:00:00",
+        end: this.endDate + " " + "23:59:59",
+      };
+    }
+    if (num !== undefined) {
+      this.getList(num, this.sortCurrentKey, this.sortCurrentValue);
+    } else {
+      this.getList(this.pageIndex, this.sortCurrentKey, this.sortCurrentValue);
+    }
+  }
+  // 导出
+  loading2 = false;
+  export() {
+    this.mapOfCheckedId = {};
+    this.checkedDepIds = [];
+    this.isAllDisplayDataChecked = false;
+    let that = this;
+    let postData: any = {
+      startTime: this.startDate + " " + "00:00:00",
+      endTime: this.endDate + " " + "23:59:59",
+      hosId: that.hospital,
+      type: this.dateType,
+      deptId: this.searchDto.dept || undefined,
+      buildingId: this.searchDto.building || undefined,
+    };
+    if (this.sortCurrentKey && this.sortCurrentValue) {
+      postData.sort =
+        this.sortCurrentValue === "ascend"
+          ? this.sortCurrentKey
+          : `${this.sortCurrentKey} desc`;
+    }
+    this.loading2 = true;
+    that.mainService.exportReport("clothesDept", postData).subscribe(
+      (data) => {
+        this.loading2 = false;
+        this.showPromptModal("导出", true, "");
+        var file = new Blob([data], {
+          type: "application/vnd.ms-excel",
+        });
+        //trick to download store a file having its URL
+        var fileURL = URL.createObjectURL(file);
+        var a = document.createElement("a");
+        a.href = fileURL;
+        a.target = "_blank";
+        a.download = "科室统计.xls";
+        document.body.appendChild(a);
+        a.click();
+      },
+      (err) => {
+        this.loading2 = false;
+        this.showPromptModal("导出", false, "");
+      }
+    );
+  }
+  // 批量导出详细科室报表
+  loading3 = false;
+  exportDetail() {
+    let ids = this.checkedDepIds.join(",");
+    this.mapOfCheckedId = {};
+    this.checkedDepIds = [];
+    this.isAllDisplayDataChecked = false;
+    let that = this;
+    let postData: any = {
+      startTime: this.startDate + " " + "00:00:00",
+      endTime: this.endDate + " " + "23:59:59",
+      hosId: that.hospital,
+      type: this.dateType,
+      deptId: ids || undefined,
+      buildingId: this.searchDto.building || undefined,
+    };
+    if (this.sortCurrentKey && this.sortCurrentValue) {
+      postData.sort =
+        this.sortCurrentValue === "ascend"
+          ? this.sortCurrentKey
+          : `${this.sortCurrentKey} desc`;
+    }
+    this.loading3 = true;
+    that.mainService.exportReport("clothesDeptDetails", postData).subscribe(
+      (data) => {
+        this.loading3 = false;
+        this.showPromptModal("导出", true, "");
+        var file = new Blob([data], {
+          type: "application/vnd.ms-excel",
+        });
+        //trick to download store a file having its URL
+        var fileURL = URL.createObjectURL(file);
+        var a = document.createElement("a");
+        a.href = fileURL;
+        a.target = "_blank";
+        a.download = "详细科室报表.xls";
+        document.body.appendChild(a);
+        a.click();
+      },
+      (err) => {
+        this.loading3 = false;
+        this.showPromptModal("导出", false, "");
+      }
+    );
+  }
+  // 重置
+  reset() {
+    this.changeDateType("day");
+    this.changeDateRange("1");
+    this.sortCurrentKey = "";
+    this.sortCurrentValue = "";
+    this.sortCurrent = {
+      clothesTypeNum: null,
+      getOrder: null,
+      sendOrder: null,
+      sendClothesNum: null,
+      price: null,
+    };
+    this.searchDto = {
+      dept: null,
+      building: null,
+    }
+    this.search();
+  }
+  // 选中表格单列
+  mapOfCheckedId: { [key: string]: boolean } = {};
+  checkedDepIds = []; //已选中单列id
+  refreshStatus(): void {
+    this.isAllDisplayDataChecked = this.listOfData.every(
+      (item) => this.mapOfCheckedId[item.id]
+    );
+    let arr = [];
+    for (var k in this.mapOfCheckedId) {
+      if (this.mapOfCheckedId[k]) {
+        arr.push(Number(k));
+      }
+    }
+    this.checkedDepIds = arr;
+  }
+  // 整行操作
+  selectedListData(data) {
+    this.mapOfCheckedId[data.id] = !this.mapOfCheckedId[data.id];
+    this.refreshStatus();
+  }
+  // 全选
+  isAllDisplayDataChecked = false; //当前页是否全选
+  checkAll(value: boolean): void {
+    this.listOfData.forEach((item) => {
+      this.mapOfCheckedId[item.id] = value;
+    });
+    this.refreshStatus();
+  }
+  // 表格数据
+  loading1 = false;
+  getList(num?: number, field?: string, sort?: string) {
+    this.mapOfCheckedId = {};
+    this.checkedDepIds = [];
+    this.isAllDisplayDataChecked = false;
+    this.pageIndex = num;
+    let postData: any = {
+      idx: this.pageIndex - 1,
+      sum: this.pageSize,
+      startTime: this.searchData.dateRange.start,
+      endTime: this.searchData.dateRange.end,
+      hosId: this.searchData.hosId,
+      type: this.dateType,
+      deptId: this.searchDto.dept || undefined,
+      buildingId: this.searchDto.building || undefined,
+    };
+    if (field && sort) {
+      postData.sort = sort === "ascend" ? field : `${field} desc`;
+    }
+    this.loading1 = true;
+    this.mainService
+      .postCustom("report/clothes", "dept", postData)
+      .subscribe((result) => {
+        this.loading1 = false;
+        this.listOfData = result.list || [];
+        this.listLength = result.totalNum;
+      });
+  }
+  // 获取院区
+  hospital: string; //选中院区
+  getAllHos() {
+    this.hospital = this.tool.getCurrentHospital().id + "";
+    this.getDeptList();
+    this.getBuildingList();
+  }
+
+  // 边输边搜节流阀
+  changeInp(e, fn) {
+    this.searchTimer(this[fn], e);
+  }
+  // 获取科室
+  deptList: any = [];
+  getDeptList(keyword = '') {
+    let postData = {
+      department: {
+        searchType: 1,// 简单查询
+        cascadeHosId: this.hospital,
+        dept: keyword,
+      },
+      idx: 0,
+      sum: 10,
+    };
+    this.isLoading = true;
+    this.mainService
+      .getFetchDataList("data", "department", postData)
+      .subscribe((result) => {
+        this.isLoading = false;
+        this.deptList = result.list;
+      });
+  }
+
+  // 获取楼栋
+  buildingList: any = [];
+  getBuildingList(keyword = '') {
+    let postData = {
+      building: {
+        cascadeHosId: this.hospital,
+        buildingName: keyword
+      },
+      idx: 0,
+      sum: 10,
+    };
+    this.isLoading = true;
+    this.mainService
+      .getFetchDataList("data", "building", postData)
+      .subscribe((result) => {
+        this.isLoading = false;
+        this.buildingList = result.list;
+      });
+  }
+
+  // 修改时间展示维度
+  changeDateType(res) {
+    console.log(res, this.dateType);
+    this.dateType = res;
+    this.searchData["type"] = res;
+    console.log(this.searchData);
+    switch (res) {
+      case "day":
+        this.defRanges = [
+          {
+            label: "上周",
+            id: 1,
+          },
+          {
+            label: "上月",
+            id: 2,
+          },
+          {
+            label: "上年",
+            id: 3,
+          },
+        ]; //时间默认区间
+        this.defRange = "1"; //默认上周
+        this.changeDateRange("1");
+        break;
+      case "month":
+        this.defRanges = [
+          {
+            label: "上月",
+            id: 2,
+          },
+          {
+            label: "上年",
+            id: 3,
+          },
+        ]; //时间默认区间
+        this.defRange = "2"; //上月
+        this.changeDateRange("2");
+        break;
+      case "year":
+        this.defRanges = [
+          {
+            label: "上年",
+            id: 3,
+          },
+        ]; //时间默认区间
+        this.defRange = "3"; //默认上周
+        this.changeDateRange("3");
+        break;
+    }
+  }
+
+  // 禁选日期
+  disabledDate = (current: Date): boolean => {
+    // Can not select days before today and today
+    return differenceInCalendarDays(current, this.today) > 0;
+  };
+
+  // 禁选月份开始
+  disabledMonthStart = (current: Date): boolean => {
+    // Can not select days before today and today
+    let cur = differenceInCalendarDays(current, endOfMonth(this.today)) > 0;
+    let staEnd = differenceInCalendarDays(current, this.monthRangeEnd) > 0;
+    return cur || staEnd;
+  };
+  // 禁选月份结束
+  disabledMonthEnd = (current: Date): boolean => {
+    // Can not select days before today and today
+    let cur = differenceInCalendarDays(current, endOfMonth(this.today)) > 0;
+    let staEnd = differenceInCalendarDays(this.monthRangeStart, current) > 0;
+    return cur || staEnd;
+  };
+
+  // 禁选年份开始
+  disabledYearStart = (current: Date): boolean => {
+    // Can not select days before today and today
+    let cur = differenceInCalendarDays(current, endOfYear(this.today)) > 0;
+    let staEnd = differenceInCalendarDays(current, this.yearRangeEnd) > 0;
+    return cur || staEnd;
+  };
+
+  // 禁选年份结束
+  disabledYearEnd = (current: Date): boolean => {
+    // Can not select days before today and today
+    let cur = differenceInCalendarDays(current, endOfYear(this.today)) > 0;
+    let staEnd = differenceInCalendarDays(this.yearRangeStart, current) > 0;
+    return cur || staEnd;
+  };
+
+  // 日期选择 日
+  startDate: string; //发起时间开始
+  endDate: string; //发起时间结束
+  changeDate(result?): void {
+    console.log(this.dateRange);
+    console.log(result);
+    this.dateRange = result;
+    if (!this.quick) {
+      // 不是快捷选择
+      this.defRange = null;
+    }
+    if (!result || !result.length) {
+      this.startDate = this.endDate = "";
+      return;
+    }
+    this.startDate =
+      result[0].getFullYear() +
+      "-" +
+      (result[0].getMonth() + 1) +
+      "-" +
+      result[0].getDate();
+    this.endDate =
+      result[1].getFullYear() +
+      "-" +
+      (result[1].getMonth() + 1) +
+      "-" +
+      result[1].getDate();
+  }
+
+  // 月份选择
+  changeMonthStart(result?) {
+    console.log(result);
+    this.monthRangeStart = result;
+    if (!this.quick) {
+      // 不是快捷选择
+      this.defRange = null;
+    }
+    if (!result) {
+      this.startDate = this.endDate = "";
+      return;
+    }
+    this.startDate = format(startOfMonth(result), 'yyyy-MM-dd');
+    // this.endDate = result.getFullYear() + '-' + (result.getMonth() + 1) + '-01';
+  }
+  changeMonthEnd(result?) {
+    console.log(result);
+    this.monthRangeEnd = result;
+    if (!this.quick) {
+      // 不是快捷选择
+      this.defRange = null;
+    }
+    if (!result) {
+      this.startDate = this.endDate = "";
+      return;
+    }
+    // this.startDate = result.getFullYear() + '-' + (result.getMonth() + 1) + '-01';
+    this.endDate = format(endOfMonth(result), 'yyyy-MM-dd');
+  }
+  // 年份选择
+  changeYearStart(result?) {
+    console.log(result);
+    this.yearRangeStart = result;
+    if (!this.quick) {
+      // 不是快捷选择
+      this.defRange = null;
+    }
+    if (!result) {
+      this.startDate = this.endDate = "";
+      return;
+    }
+    this.startDate = format(startOfYear(result), 'yyyy-MM-dd');
+    // this.endDate = result.getFullYear() + '-01-01';
+  }
+  changeYearEnd(result?) {
+    console.log(result);
+    this.yearRangeEnd = result;
+    if (!this.quick) {
+      // 不是快捷选择
+      this.defRange = null;
+    }
+    if (!result) {
+      this.startDate = this.endDate = "";
+      return;
+    }
+    this.endDate = format(endOfYear(result), 'yyyy-MM-dd');
+  }
+
+  // 日期选择 快速修改时间区间
+  today = new Date();
+  quick: boolean = false;
+  changeDateRange(res) {
+    console.log(res);
+    this.quick = true;
+    switch (res) {
+      case "1":
+        // 上周
+        let lastweekstartdate = this.dateService.date().lastWeekStartDate;
+        let lastweekenddate = this.dateService.date().lastWeekEndDate;
+        console.log(lastweekstartdate, lastweekenddate);
+        this.changeDate([lastweekstartdate, lastweekenddate]);
+        break;
+      case "2":
+        // 上月
+        let lastmonthstartdate = this.dateService.date().lastMonthStartDate;
+        let lastmonthenddate = this.dateService.date().lastMonthEndDate;
+        console.log(lastmonthstartdate, lastmonthenddate);
+        this.changeDate([lastmonthstartdate, lastmonthenddate]);
+        this.changeMonthStart(lastmonthstartdate);
+        this.changeMonthEnd(lastmonthenddate);
+        break;
+      case "3":
+        // 上年
+        let lastyearstartdate = this.dateService.date().lastYearStartDate;
+        let lastyearenddate = this.dateService.date().lastYearEndDate;
+        console.log(lastyearstartdate, lastyearenddate);
+        this.changeDate([lastyearstartdate, lastyearenddate]);
+        this.changeMonthStart(lastyearstartdate);
+        this.changeMonthEnd(lastyearenddate);
+        this.changeYearStart(lastyearstartdate);
+        this.changeYearEnd(lastyearenddate);
+        break;
+    }
+    this.quick = false;
+    this.search();
+  }
+
+  // 更多
+  toMore(type) {
+    let sendData = this.searchData;
+    console.log(sendData);
+    this.myService.sendMsg(sendData);
+    this.router.navigateByUrl("/main/" + type);
+  }
+
+  // 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）
+  showPromptModal(con, success, promptInfo?) {
+    this.promptModalShow = false;
+    this.promptContent = con;
+    this.ifSuccess = success;
+    this.promptInfo = promptInfo;
+    setTimeout(() => {
+      this.promptModalShow = true;
+    }, 100);
+  }
+
+  // 边输入边搜索节流阀
+  isLoading: boolean = false;
+  searchTimer(fun, e) {
+    this.isLoading = true;
+    this.searchTimerSubject.next([fun, e]);
+  }
+  // 列表排序
+  sortCurrent = {
+    clothesTypeNum: null,
+    getOrder: null,
+    sendOrder: null,
+    sendClothesNum: null,
+    price: null,
+  };
+  sortCurrentKey: string = "";
+  sortCurrentValue: string | null = "";
+  sort(e) {
+    const { key, value } = e;
+    this.sortCurrentKey = key;
+    this.sortCurrentValue = value;
+    this.getList(this.pageIndex, this.sortCurrentKey, this.sortCurrentValue);
+  }
+}

src/app/views/quilt-washing-department-statistics/quilt-washing-department-statistics.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from "@angular/core";
+import { CommonModule } from "@angular/common";
+
+import { QuiltWashingDepartmentStatisticsRoutingModule } from "./quilt-washing-department-statistics-routing.module";
+import { ShareModule } from "src/app/share/share.module";
+import { QuiltWashingDepartmentStatisticsComponent } from "./quilt-washing-department-statistics.component";
+
+@NgModule({
+  declarations: [QuiltWashingDepartmentStatisticsComponent],
+  imports: [
+    CommonModule,
+    QuiltWashingDepartmentStatisticsRoutingModule,
+    ShareModule,
+  ],
+})
+export class QuiltWashingDepartmentStatisticsModule {}

src/app/views/quilt-washing-hospital-statistics/quilt-washing-hospital-statistics-routing.module.ts

@@ -0,0 +1,13 @@
+import { NgModule } from "@angular/core";
+import { Routes, RouterModule } from "@angular/router";
+import { QuiltWashingHospitalStatisticsComponent } from "./quilt-washing-hospital-statistics.component";
+
+const routes: Routes = [
+  { path: "", component: QuiltWashingHospitalStatisticsComponent },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class QuiltWashingHospitalStatisticsRoutingModule {}

src/app/views/quilt-washing-hospital-statistics/quilt-washing-hospital-statistics.component.html

@@ -0,0 +1,85 @@
+<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 class="list-template__searchItem">
+          <nz-radio-group [(ngModel)]="dateType" (ngModelChange)="changeDateType($event)">
+            <label *ngFor="let data of dateTypes" nz-radio-button [nzValue]="data.value">{{data.label}}</label>
+          </nz-radio-group>
+        </div>
+        <div class="list-template__searchItem">
+          <span class="label">发起时间</span>：
+          <nz-range-picker *ngIf="dateType=='day'" [(ngModel)]="dateRange" [nzAllowClear]='false'
+            [nzDisabledDate]="disabledDate" (ngModelChange)="changeDate($event)">
+          </nz-range-picker>
+          <nz-month-picker *ngIf="dateType=='month'" [(ngModel)]="monthRangeStart" [nzDisabledDate]="disabledMonthStart"
+            (ngModelChange)="changeMonthStart($event)" nzPlaceHolder="请选择开始月份">
+          </nz-month-picker>
+          <span *ngIf="dateType=='month'"> ~ </span>
+          <nz-month-picker *ngIf="dateType=='month'" [(ngModel)]="monthRangeEnd" [nzDisabledDate]="disabledMonthEnd"
+            (ngModelChange)="changeMonthEnd($event)" nzPlaceHolder="请选择截止月份">
+          </nz-month-picker>
+          <nz-year-picker *ngIf="dateType=='year'" [(ngModel)]="yearRangeStart" [nzDisabledDate]="disabledYearStart"
+            (ngModelChange)="changeYearStart($event)" nzPlaceHolder="请选择开始年份">
+          </nz-year-picker>
+          <span *ngIf="dateType=='year'"> ~ </span>
+          <nz-year-picker *ngIf="dateType=='year'" [(ngModel)]="yearRangeEnd" (ngModelChange)="changeYearEnd($event)"
+            [nzDisabledDate]="disabledYearEnd" nzPlaceHolder="请选择截止年份">
+          </nz-year-picker>
+        </div>
+        <div class="list-template__searchItem ml8">
+          <nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" [nzShowSearch]="false" nzPlaceHolder="请选择时间"
+            [(ngModel)]="defRange" (ngModelChange)="changeDateRange($event)">
+            <nz-option nzLabel="{{data.label}}" nzValue="{{data.id}}" *ngFor="let data of defRanges"></nz-option>
+          </nz-select>
+        </div>
+      </div>
+      <div nz-col nzXl='6' class="list-template__btns">
+        <button nz-button class="btn default" (click)='search(1)'>搜索</button>
+        <button nz-button class="btn default ml8" (click)='export()' [nzLoading]="loading2">导出</button>
+        <button nz-button class="btn default ml8" (click)='reset()'>重置</button>
+      </div>
+    </div>
+    <div class="list-template__bottom">
+      <nz-table class="list-template__nzTable" [nzData]="listOfData" nzSize="middle" [nzShowPagination]="false"
+        [nzLoading]="loading1">
+        <thead (nzSortChange)="sort($event)" nzSingleSort>
+          <tr class="thead">
+            <th nzWidth="5%">序号</th>
+            <th nzWidth="11%">日期</th>
+            <th nzShowSort nzWidth="14%" nzSortKey="deptNum" [(nzSort)]="sortCurrent.deptNum">科室数</th>
+            <th nzShowSort nzWidth="14%" nzSortKey="clothesTypeNum" [(nzSort)]="sortCurrent.clothesTypeNum">被服种类数</th>
+            <th nzShowSort nzWidth="14%" nzSortKey="getOrder" [(nzSort)]="sortCurrent.getOrder">回收工单数</th>
+            <th nzShowSort nzWidth="14%" nzSortKey="sendOrder" [(nzSort)]="sortCurrent.sendOrder">送回工单数</th>
+            <th nzShowSort nzWidth="14%" nzSortKey="sendClothesNum" [(nzSort)]="sortCurrent.sendClothesNum">洗涤数量</th>
+            <th nzShowSort nzWidth="14%" nzSortKey="price" [(nzSort)]="sortCurrent.price">费用(元)</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of listOfData;let index=index;">
+            <td>{{index+(pageIndex-1) * pageSize + 1}}</td>
+            <td>{{ data.date }}</td>
+            <td>{{ data.deptNum }}</td>
+            <td>{{ data.clothesTypeNum }}</td>
+            <td>{{ data.getOrder }}</td>
+            <td>{{ data.sendOrder }}</td>
+            <td>{{ data.sendClothesNum }}</td>
+            <td>{{ data.price }}</td>
+          </tr>
+        </tbody>
+      </nz-table>
+      <div class="list-template__pagination">
+        <nz-pagination [(nzPageIndex)]="pageIndex" [(nzTotal)]="listLength" nzShowSizeChanger [(nzPageSize)]="pageSize"
+          (nzPageIndexChange)="getList(pageIndex, sortCurrentKey, sortCurrentValue)"
+          (nzPageSizeChange)="getList(pageIndex, sortCurrentKey, sortCurrentValue)">
+        </nz-pagination>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo"></app-prompt-modal>
+
+<!-- 查看详情 -->
+<router-outlet></router-outlet>

src/app/views/quilt-washing-hospital-statistics/quilt-washing-hospital-statistics.component.less

@@ -0,0 +1,95 @@
+@import "../../../../src/theme.less";
+
+:host ::ng-deep .on {
+  color: #fff !important;
+}
+
+.save {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 99;
+
+  .modalBody {
+    width: 1000px;
+    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: 100%;
+      border: 1px solid #e5e9ed;
+      border-radius: 5px;
+      overflow: hidden;
+      margin-top: 12px;
+
+      .conItem {
+        color: #333;
+
+        .jiTit {
+          height: 50px;
+          line-height: 50px;
+          border-bottom: 1px solid #e5e9ed;
+          padding: 0 32px;
+        }
+
+        .defeat {
+          font-size: 14px;
+          color: #333;
+          padding: 15px 32px;
+          min-height: 125px;
+        }
+
+        &.noCon {
+          background: #f9fafb;
+          padding: 16px 32px 24px 32px;
+          border-top: 1px solid #e5e9ed;
+
+          .title {
+            text-align: left;
+            font-size: 14px;
+            margin-bottom: 8px;
+          }
+
+          textarea {
+            min-height: 210px;
+          }
+        }
+      }
+    }
+
+    button {
+      margin-top: 10px;
+      margin-left: 10px;
+    }
+  }
+
+  .txtL {
+    text-align: left !important;
+  }
+
+  .txtR {
+    text-align: right !important;
+  }
+}

src/app/views/quilt-washing-hospital-statistics/quilt-washing-hospital-statistics.component.ts

@@ -0,0 +1,459 @@
+import { Component, OnInit } from "@angular/core";
+import { ActivatedRoute, Router } from "@angular/router";
+import { differenceInCalendarDays, endOfMonth, endOfYear, format, startOfMonth, startOfYear } from "date-fns";
+
+import { MainService } from "../../services/main.service";
+import { DateService } from "../../services/date.service";
+import { MyServiceService } from "../../services/my-service.service";
+import { ToolService } from "../../services/tool.service";
+
+@Component({
+  selector: "app-quilt-washing-hospital-statistics",
+  templateUrl: "./quilt-washing-hospital-statistics.component.html",
+  styleUrls: ["./quilt-washing-hospital-statistics.component.less"],
+})
+export class QuiltWashingHospitalStatisticsComponent implements OnInit {
+  constructor(
+    private route: ActivatedRoute,
+    private router: Router,
+    private mainService: MainService,
+    private dateService: DateService,
+    private myService: MyServiceService,
+    private tool: ToolService
+  ) {}
+
+  ngOnInit() {
+    this.coopBtns = this.tool.initCoopBtns(this.route);
+    this.getAllHos();
+    this.changeDateRange(this.defRange);
+    // this.search();
+  }
+
+  dateType: string = "day"; //选中时间维度
+  dateTypes: any = [
+    {
+      label: "按天统计",
+      value: "day",
+    },
+    {
+      label: "按月统计",
+      value: "month",
+    },
+    {
+      label: "按年统计",
+      value: "year",
+    },
+  ]; //时间维度
+  defRange = "1"; //默认上周
+  defRanges = [
+    {
+      label: "上周",
+      id: 1,
+    },
+    {
+      label: "上月",
+      id: 2,
+    },
+    {
+      label: "上年",
+      id: 3,
+    },
+  ]; //时间默认区间
+
+  listOfData: any[] = []; //表格数据
+  pageIndex: number = 1; //表格当前页码
+  pageSize: number = 10; //表格每页展示条数
+  listLength: number = 10; //表格总数据量
+
+  alldepart: any = []; //当前院区所属科室
+  dateRange: any = []; //发起时间区间 天
+  monthRangeStart: any; //发起时间 月 起
+  monthRangeEnd: any; //发起时间 月 止
+  yearRangeStart: any; //发起时间 年 起
+  yearRangeEnd: any; //发起时间 年 止
+
+  promptContent: string; //操作提示框提示信息
+  ifSuccess: boolean; //操作成功/失败
+  promptInfo: string; //操作结果提示信息
+  promptModalShow: boolean; //操作提示框是否展示
+
+  // 初始化增删改按钮
+  coopBtns: any = {};
+  searchData: any = {}; // 综合统计页面带过来的参数
+  getSearchData() {
+    let that = this;
+    let sub = that.myService.getMsg().subscribe((msg) => {
+      // 从综合报表跳转过来
+      that.searchData = msg;
+      console.log(that.searchData);
+      console.log(66);
+      sub.unsubscribe(); //取消订阅，否则订阅函数会累加执行
+      that.hospital = that.searchData["hosId"];
+      that.changeDate(that.searchData["range"]);
+      that.defRange = that.searchData["defRange"];
+      that.search();
+    });
+    that.changeDateRange(that.defRange);
+    that.search();
+  }
+  // 搜索
+  search(num?: number) {
+    if (this.hospital) {
+      this.searchData["hosId"] = this.hospital;
+    }
+    if (this.startDate) {
+      this.searchData["dateRange"] = {
+        start: this.startDate + " " + "00:00:00",
+        end: this.endDate + " " + "23:59:59",
+      };
+    }
+    if (num !== undefined) {
+      this.getList(num, this.sortCurrentKey, this.sortCurrentValue);
+    } else {
+      this.getList(this.pageIndex, this.sortCurrentKey, this.sortCurrentValue);
+    }
+  }
+  // 导出
+  loading2 = false;
+  export() {
+    let that = this;
+    let postData: any = {
+      startTime: this.startDate + " " + "00:00:00",
+      endTime: this.endDate + " " + "23:59:59",
+      hosId: that.hospital,
+      type: this.dateType,
+    };
+    if (this.sortCurrentKey && this.sortCurrentValue) {
+      postData.sort =
+        this.sortCurrentValue === "ascend"
+          ? this.sortCurrentKey
+          : `${this.sortCurrentKey} desc`;
+    }
+    this.loading2 = true;
+    that.mainService.exportReport("clothesHos", postData).subscribe(
+      (data) => {
+        this.loading2 = false;
+        this.showPromptModal("导出", true, "");
+        var file = new Blob([data], {
+          type: "application/vnd.ms-excel",
+        });
+        //trick to download store a file having its URL
+        var fileURL = URL.createObjectURL(file);
+        var a = document.createElement("a");
+        a.href = fileURL;
+        a.target = "_blank";
+        a.download = "全员统计.xls";
+        document.body.appendChild(a);
+        a.click();
+      },
+      (err) => {
+        this.loading2 = false;
+        this.showPromptModal("导出", false, "");
+      }
+    );
+  }
+  // 重置
+  reset() {
+    this.changeDateType("day");
+    this.changeDateRange("1");
+    this.sortCurrentKey = "";
+    this.sortCurrentValue = "";
+    this.sortCurrent = {
+      deptNum: null,
+      clothesTypeNum: null,
+      getOrder: null,
+      sendOrder: null,
+      sendClothesNum: null,
+      price: null,
+    };
+    this.search();
+  }
+  // 表格数据
+  loading1 = false;
+  getList(num?: number, field?: string, sort?: string) {
+    this.pageIndex = num;
+    let postData: any = {
+      idx: this.pageIndex - 1,
+      sum: this.pageSize,
+      startTime: this.searchData.dateRange.start,
+      endTime: this.searchData.dateRange.end,
+      hosId: this.searchData.hosId,
+      type: this.dateType,
+    };
+    if (field && sort) {
+      postData.sort = sort === "ascend" ? field : `${field} desc`;
+    }
+    this.loading1 = true;
+    this.mainService
+      .postCustom("report/clothes", "hospital", postData)
+      .subscribe((result) => {
+        this.loading1 = false;
+        this.listOfData = result.list || [];
+        this.listLength = result.totalNum;
+      });
+  }
+  // 获取院区
+  hospital: string; //选中院区
+  getAllHos() {
+    this.hospital = this.tool.getCurrentHospital().id + "";
+  }
+
+  // 修改时间展示维度
+  changeDateType(res) {
+    console.log(res, this.dateType);
+    this.dateType = res;
+    this.searchData["type"] = res;
+    console.log(this.searchData);
+    switch (res) {
+      case "day":
+        this.defRanges = [
+          {
+            label: "上周",
+            id: 1,
+          },
+          {
+            label: "上月",
+            id: 2,
+          },
+          {
+            label: "上年",
+            id: 3,
+          },
+        ]; //时间默认区间
+        this.defRange = "1"; //默认上周
+        this.changeDateRange("1");
+        break;
+      case "month":
+        this.defRanges = [
+          {
+            label: "上月",
+            id: 2,
+          },
+          {
+            label: "上年",
+            id: 3,
+          },
+        ]; //时间默认区间
+        this.defRange = "2"; //上月
+        this.changeDateRange("2");
+        break;
+      case "year":
+        this.defRanges = [
+          {
+            label: "上年",
+            id: 3,
+          },
+        ]; //时间默认区间
+        this.defRange = "3"; //默认上周
+        this.changeDateRange("3");
+        break;
+    }
+  }
+
+  // 禁选日期
+  disabledDate = (current: Date): boolean => {
+    // Can not select days before today and today
+    return differenceInCalendarDays(current, this.today) > 0;
+  };
+
+  // 禁选月份开始
+  disabledMonthStart = (current: Date): boolean => {
+    // Can not select days before today and today
+    let cur = differenceInCalendarDays(current, endOfMonth(this.today)) > 0;
+    let staEnd = differenceInCalendarDays(current, this.monthRangeEnd) > 0;
+    return cur || staEnd;
+  };
+  // 禁选月份结束
+  disabledMonthEnd = (current: Date): boolean => {
+    // Can not select days before today and today
+    let cur = differenceInCalendarDays(current, endOfMonth(this.today)) > 0;
+    let staEnd = differenceInCalendarDays(this.monthRangeStart, current) > 0;
+    return cur || staEnd;
+  };
+
+  // 禁选年份开始
+  disabledYearStart = (current: Date): boolean => {
+    // Can not select days before today and today
+    let cur = differenceInCalendarDays(current, endOfYear(this.today)) > 0;
+    let staEnd = differenceInCalendarDays(current, this.yearRangeEnd) > 0;
+    return cur || staEnd;
+  };
+
+  // 禁选年份结束
+  disabledYearEnd = (current: Date): boolean => {
+    // Can not select days before today and today
+    let cur = differenceInCalendarDays(current, endOfYear(this.today)) > 0;
+    let staEnd = differenceInCalendarDays(this.yearRangeStart, current) > 0;
+    return cur || staEnd;
+  };
+
+  // 日期选择 日
+  startDate: string; //发起时间开始
+  endDate: string; //发起时间结束
+  changeDate(result?): void {
+    console.log(this.dateRange);
+    console.log(result);
+    this.dateRange = result;
+    if (!this.quick) {
+      // 不是快捷选择
+      this.defRange = null;
+    }
+    if (!result || !result.length) {
+      this.startDate = this.endDate = "";
+      return;
+    }
+    this.startDate =
+      result[0].getFullYear() +
+      "-" +
+      (result[0].getMonth() + 1) +
+      "-" +
+      result[0].getDate();
+    this.endDate =
+      result[1].getFullYear() +
+      "-" +
+      (result[1].getMonth() + 1) +
+      "-" +
+      result[1].getDate();
+  }
+
+  // 月份选择
+  changeMonthStart(result?) {
+    console.log(result);
+    this.monthRangeStart = result;
+    if (!this.quick) {
+      // 不是快捷选择
+      this.defRange = null;
+    }
+    if (!result) {
+      this.startDate = this.endDate = "";
+      return;
+    }
+    this.startDate = format(startOfMonth(result), 'yyyy-MM-dd');
+    // this.endDate = result.getFullYear() + '-' + (result.getMonth() + 1) + '-01';
+  }
+  changeMonthEnd(result?) {
+    console.log(result);
+    this.monthRangeEnd = result;
+    if (!this.quick) {
+      // 不是快捷选择
+      this.defRange = null;
+    }
+    if (!result) {
+      this.startDate = this.endDate = "";
+      return;
+    }
+    // this.startDate = result.getFullYear() + '-' + (result.getMonth() + 1) + '-01';
+    this.endDate = format(endOfMonth(result), 'yyyy-MM-dd');
+  }
+  // 年份选择
+  changeYearStart(result?) {
+    console.log(result);
+    this.yearRangeStart = result;
+    if (!this.quick) {
+      // 不是快捷选择
+      this.defRange = null;
+    }
+    if (!result) {
+      this.startDate = this.endDate = "";
+      return;
+    }
+    this.startDate = format(startOfYear(result), 'yyyy-MM-dd');
+    // this.endDate = result.getFullYear() + '-01-01';
+  }
+  changeYearEnd(result?) {
+    console.log(result);
+    this.yearRangeEnd = result;
+    if (!this.quick) {
+      // 不是快捷选择
+      this.defRange = null;
+    }
+    if (!result) {
+      this.startDate = this.endDate = "";
+      return;
+    }
+    this.endDate = format(endOfYear(result), 'yyyy-MM-dd');
+  }
+
+  // 日期选择 快速修改时间区间
+  today = new Date();
+  quick: boolean = false;
+  changeDateRange(res) {
+    console.log(res);
+    this.quick = true;
+    switch (res) {
+      case "1":
+        // 上周
+        let lastweekstartdate = this.dateService.date().lastWeekStartDate;
+        let lastweekenddate = this.dateService.date().lastWeekEndDate;
+        console.log(lastweekstartdate, lastweekenddate);
+        this.changeDate([lastweekstartdate, lastweekenddate]);
+        break;
+      case "2":
+        // 上月
+        let lastmonthstartdate = this.dateService.date().lastMonthStartDate;
+        let lastmonthenddate = this.dateService.date().lastMonthEndDate;
+        console.log(lastmonthstartdate, lastmonthenddate);
+        this.changeDate([lastmonthstartdate, lastmonthenddate]);
+        this.changeMonthStart(lastmonthstartdate);
+        this.changeMonthEnd(lastmonthenddate);
+        break;
+      case "3":
+        // 上年
+        let lastyearstartdate = this.dateService.date().lastYearStartDate;
+        let lastyearenddate = this.dateService.date().lastYearEndDate;
+        console.log(lastyearstartdate, lastyearenddate);
+        this.changeDate([lastyearstartdate, lastyearenddate]);
+        this.changeMonthStart(lastyearstartdate);
+        this.changeMonthEnd(lastyearenddate);
+        this.changeYearStart(lastyearstartdate);
+        this.changeYearEnd(lastyearenddate);
+        break;
+    }
+    this.quick = false;
+    this.search();
+  }
+
+  // 更多
+  toMore(type) {
+    let sendData = this.searchData;
+    console.log(sendData);
+    this.myService.sendMsg(sendData);
+    this.router.navigateByUrl("/main/" + type);
+  }
+
+  // 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）
+  showPromptModal(con, success, promptInfo?) {
+    this.promptModalShow = false;
+    this.promptContent = con;
+    this.ifSuccess = success;
+    this.promptInfo = promptInfo;
+    setTimeout(() => {
+      this.promptModalShow = true;
+    }, 100);
+  }
+
+  // 边输入边搜索节流阀
+  isLoading: boolean = false;
+  searchTimer(fun, e, those) {
+    let that = this;
+    that.isLoading = true;
+    fun(e, those);
+  }
+  // 列表排序
+  sortCurrent = {
+    deptNum: null,
+    clothesTypeNum: null,
+    getOrder: null,
+    sendOrder: null,
+    sendClothesNum: null,
+    price: null,
+  };
+  sortCurrentKey: string = "";
+  sortCurrentValue: string | null = "";
+  sort(e) {
+    const { key, value } = e;
+    this.sortCurrentKey = key;
+    this.sortCurrentValue = value;
+    this.getList(this.pageIndex, this.sortCurrentKey, this.sortCurrentValue);
+  }
+}

src/app/views/quilt-washing-hospital-statistics/quilt-washing-hospital-statistics.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from "@angular/core";
+import { CommonModule } from "@angular/common";
+
+import { QuiltWashingHospitalStatisticsRoutingModule } from "./quilt-washing-hospital-statistics-routing.module";
+import { ShareModule } from "src/app/share/share.module";
+import { QuiltWashingHospitalStatisticsComponent } from "./quilt-washing-hospital-statistics.component";
+
+@NgModule({
+  declarations: [QuiltWashingHospitalStatisticsComponent],
+  imports: [
+    CommonModule,
+    QuiltWashingHospitalStatisticsRoutingModule,
+    ShareModule,
+  ],
+})
+export class QuiltWashingHospitalStatisticsModule {}

src/app/views/quilt-washing-personnel-statistics/quilt-washing-personnel-statistics-routing.module.ts

@@ -0,0 +1,13 @@
+import { NgModule } from "@angular/core";
+import { Routes, RouterModule } from "@angular/router";
+import { QuiltWashingPersonnelStatisticsComponent } from "./quilt-washing-personnel-statistics.component";
+
+const routes: Routes = [
+  { path: "", component: QuiltWashingPersonnelStatisticsComponent },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class QuiltWashingPersonnelStatisticsRoutingModule {}

src/app/views/quilt-washing-personnel-statistics/quilt-washing-personnel-statistics.component.html

@@ -0,0 +1,109 @@
+<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 class="list-template__searchItem">
+          <nz-radio-group [(ngModel)]="dateType" (ngModelChange)="changeDateType($event)">
+            <label *ngFor="let data of dateTypes" nz-radio-button [nzValue]="data.value">{{data.label}}</label>
+          </nz-radio-group>
+        </div>
+        <div class="list-template__searchItem">
+          <span class="label">发起时间</span>：
+          <nz-range-picker *ngIf="dateType=='day'" [(ngModel)]="dateRange" [nzAllowClear]='false'
+            [nzDisabledDate]="disabledDate" (ngModelChange)="changeDate($event)">
+          </nz-range-picker>
+          <nz-month-picker *ngIf="dateType=='month'" [(ngModel)]="monthRangeStart" [nzDisabledDate]="disabledMonthStart"
+            (ngModelChange)="changeMonthStart($event)" nzPlaceHolder="请选择开始月份">
+          </nz-month-picker>
+          <span *ngIf="dateType=='month'"> ~ </span>
+          <nz-month-picker *ngIf="dateType=='month'" [(ngModel)]="monthRangeEnd" [nzDisabledDate]="disabledMonthEnd"
+            (ngModelChange)="changeMonthEnd($event)" nzPlaceHolder="请选择截止月份">
+          </nz-month-picker>
+          <nz-year-picker *ngIf="dateType=='year'" [(ngModel)]="yearRangeStart" [nzDisabledDate]="disabledYearStart"
+            (ngModelChange)="changeYearStart($event)" nzPlaceHolder="请选择开始年份">
+          </nz-year-picker>
+          <span *ngIf="dateType=='year'"> ~ </span>
+          <nz-year-picker *ngIf="dateType=='year'" [(ngModel)]="yearRangeEnd" (ngModelChange)="changeYearEnd($event)"
+            [nzDisabledDate]="disabledYearEnd" nzPlaceHolder="请选择截止年份">
+          </nz-year-picker>
+        </div>
+        <div class="list-template__searchItem ml8">
+          <nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" [nzShowSearch]="false" nzPlaceHolder="请选择时间"
+            [(ngModel)]="defRange" (ngModelChange)="changeDateRange($event)">
+            <nz-option nzLabel="{{data.label}}" nzValue="{{data.id}}" *ngFor="let data of defRanges"></nz-option>
+          </nz-select>
+        </div>
+        <div class="list-template__searchItem">
+          <span class="label">人员名称</span>：
+          <nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" nzServerSearch nzShowSearch
+            (nzOnSearch)="changeInp($event)" nzAllowClear nzPlaceHolder="请选择人员名称" [(ngModel)]="searchDto.user">
+            <ng-container *ngFor="let option of userList">
+              <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>
+        </div>
+        <div class="list-template__searchItem">
+          <span class="label">人员分组</span>：
+          <nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" [nzShowSearch]="false" nzPlaceHolder="请选择人员分组" [(ngModel)]="searchDto.group">
+            <nz-option [nzLabel]="data.groupName" [nzValue]="data.id" *ngFor="let data of groupList"></nz-option>
+          </nz-select>
+        </div>
+      </div>
+      <div nz-col nzXl='6' class="list-template__btns">
+        <button nz-button class="btn default" (click)='search(1)'>搜索</button>
+        <button nz-button class="btn default ml8" (click)='export()' [nzLoading]="loading2">导出</button>
+        <button nz-button class="btn default ml8" (click)='reset()'>重置</button>
+      </div>
+    </div>
+    <div class="list-template__bottom">
+      <nz-table class="list-template__nzTable" [nzData]="listOfData" nzSize="middle" [nzShowPagination]="false"
+        [nzLoading]="loading1">
+        <thead (nzSortChange)="sort($event)" nzSingleSort>
+          <tr class="thead">
+            <th nzWidth="5%">序号</th>
+            <th nzWidth="5%">人员姓名</th>
+            <th nzShowSort nzWidth="10%" nzSortKey="totalTrip" [(nzSort)]="sortCurrent.totalTrip">总趟数</th>
+            <th nzShowSort nzWidth="10%" nzSortKey="totalOrder" [(nzSort)]="sortCurrent.totalOrder">总单数</th>
+            <th nzShowSort nzWidth="10%" nzSortKey="getTrip" [(nzSort)]="sortCurrent.getTrip">回收趟数</th>
+            <th nzShowSort nzWidth="10%" nzSortKey="getOrder" [(nzSort)]="sortCurrent.getOrder">回收工单数</th>
+            <th nzShowSort nzWidth="10%" nzSortKey="getClothesNum" [(nzSort)]="sortCurrent.getClothesNum">回收被服数量</th>
+            <th nzShowSort nzWidth="10%" nzSortKey="sendTrip" [(nzSort)]="sortCurrent.sendTrip">送回趟数</th>
+            <th nzShowSort nzWidth="10%" nzSortKey="sendOrder" [(nzSort)]="sortCurrent.sendOrder">送回工单数</th>
+            <th nzShowSort nzWidth="10%" nzSortKey="sendClothesNum" [(nzSort)]="sortCurrent.sendClothesNum">送回被服数量</th>
+            <th nzShowSort nzWidth="10%" nzSortKey="price" [(nzSort)]="sortCurrent.price">费用(元)</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of listOfData;let index=index;">
+            <td>{{index+(pageIndex-1) * pageSize + 1}}</td>
+            <td>{{ data.userName }}</td>
+            <td>{{ data.totalTrip }}</td>
+            <td>{{ data.totalOrder }}</td>
+            <td>{{ data.getTrip }}</td>
+            <td>{{ data.getOrder }}</td>
+            <td>{{ data.getClothesNum }}</td>
+            <td>{{ data.sendTrip }}</td>
+            <td>{{ data.sendOrder }}</td>
+            <td>{{ data.sendClothesNum }}</td>
+            <td>{{ data.price }}</td>
+          </tr>
+        </tbody>
+      </nz-table>
+      <div class="list-template__pagination">
+        <nz-pagination [(nzPageIndex)]="pageIndex" [(nzTotal)]="listLength" nzShowSizeChanger [(nzPageSize)]="pageSize"
+          (nzPageIndexChange)="getList(pageIndex, sortCurrentKey, sortCurrentValue)"
+          (nzPageSizeChange)="getList(pageIndex, sortCurrentKey, sortCurrentValue)">
+        </nz-pagination>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo"></app-prompt-modal>
+
+<!-- 查看详情 -->
+<router-outlet></router-outlet>

src/app/views/quilt-washing-personnel-statistics/quilt-washing-personnel-statistics.component.less

@@ -0,0 +1,95 @@
+@import "../../../../src/theme.less";
+
+:host ::ng-deep .on {
+  color: #fff !important;
+}
+
+.save {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 99;
+
+  .modalBody {
+    width: 1000px;
+    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: 100%;
+      border: 1px solid #e5e9ed;
+      border-radius: 5px;
+      overflow: hidden;
+      margin-top: 12px;
+
+      .conItem {
+        color: #333;
+
+        .jiTit {
+          height: 50px;
+          line-height: 50px;
+          border-bottom: 1px solid #e5e9ed;
+          padding: 0 32px;
+        }
+
+        .defeat {
+          font-size: 14px;
+          color: #333;
+          padding: 15px 32px;
+          min-height: 125px;
+        }
+
+        &.noCon {
+          background: #f9fafb;
+          padding: 16px 32px 24px 32px;
+          border-top: 1px solid #e5e9ed;
+
+          .title {
+            text-align: left;
+            font-size: 14px;
+            margin-bottom: 8px;
+          }
+
+          textarea {
+            min-height: 210px;
+          }
+        }
+      }
+    }
+
+    button {
+      margin-top: 10px;
+      margin-left: 10px;
+    }
+  }
+
+  .txtL {
+    text-align: left !important;
+  }
+
+  .txtR {
+    text-align: right !important;
+  }
+}

src/app/views/quilt-washing-personnel-statistics/quilt-washing-personnel-statistics.component.ts

@@ -0,0 +1,527 @@
+import { Component, OnInit } from "@angular/core";
+import { ActivatedRoute, Router } from "@angular/router";
+import { differenceInCalendarDays, endOfMonth, endOfYear, format, startOfMonth, startOfYear } from "date-fns";
+
+import { MainService } from "../../services/main.service";
+import { DateService } from "../../services/date.service";
+import { MyServiceService } from "../../services/my-service.service";
+import { ToolService } from "../../services/tool.service";
+import { Subject } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
+
+@Component({
+  selector: "app-quilt-washing-personnel-statistics",
+  templateUrl: "./quilt-washing-personnel-statistics.component.html",
+  styleUrls: ["./quilt-washing-personnel-statistics.component.less"],
+})
+export class QuiltWashingPersonnelStatisticsComponent implements OnInit {
+  constructor(
+    private route: ActivatedRoute,
+    private router: Router,
+    private mainService: MainService,
+    private dateService: DateService,
+    private myService: MyServiceService,
+    private tool: ToolService
+  ) {}
+
+  searchTimerSubject = new Subject();
+
+  ngOnInit() {
+    this.searchTimerSubject.pipe(debounceTime(500)).subscribe((v) => {
+      let fun = v[0];
+      fun.call(this, v[1]);
+    });
+    this.coopBtns = this.tool.initCoopBtns(this.route);
+    this.getAllHos();
+    this.changeDateRange(this.defRange);
+    // this.search();
+  }
+
+  dateType: string = "day"; //选中时间维度
+  dateTypes: any = [
+    {
+      label: "按天统计",
+      value: "day",
+    },
+    {
+      label: "按月统计",
+      value: "month",
+    },
+    {
+      label: "按年统计",
+      value: "year",
+    },
+  ]; //时间维度
+  defRange = "1"; //默认上周
+  defRanges = [
+    {
+      label: "上周",
+      id: 1,
+    },
+    {
+      label: "上月",
+      id: 2,
+    },
+    {
+      label: "上年",
+      id: 3,
+    },
+  ]; //时间默认区间
+
+  listOfData: any[] = []; //表格数据
+  pageIndex: number = 1; //表格当前页码
+  pageSize: number = 10; //表格每页展示条数
+  listLength: number = 10; //表格总数据量
+
+  alldepart: any = []; //当前院区所属科室
+  dateRange: any = []; //发起时间区间 天
+  monthRangeStart: any; //发起时间 月 起
+  monthRangeEnd: any; //发起时间 月 止
+  yearRangeStart: any; //发起时间 年 起
+  yearRangeEnd: any; //发起时间 年 止
+
+  promptContent: string; //操作提示框提示信息
+  ifSuccess: boolean; //操作成功/失败
+  promptInfo: string; //操作结果提示信息
+  promptModalShow: boolean; //操作提示框是否展示
+
+  searchDto: any = {
+    group: null,
+    user: null,
+  }
+
+  // 初始化增删改按钮
+  coopBtns: any = {};
+  searchData: any = {}; // 综合统计页面带过来的参数
+  getSearchData() {
+    let that = this;
+    let sub = that.myService.getMsg().subscribe((msg) => {
+      // 从综合报表跳转过来
+      that.searchData = msg;
+      console.log(that.searchData);
+      console.log(66);
+      sub.unsubscribe(); //取消订阅，否则订阅函数会累加执行
+      that.hospital = that.searchData["hosId"];
+      that.changeDate(that.searchData["range"]);
+      that.defRange = that.searchData["defRange"];
+      that.search();
+    });
+    that.changeDateRange(that.defRange);
+    that.search();
+  }
+  // 获取分组
+  groupList: any = []; //分组
+  getGroupList(id) {
+    let groupData = {
+      group2: {
+        hospitals: id,
+        type:1
+      },
+      idx: 0,
+      sum: 9999,
+    };
+    this.mainService
+      .getFetchDataList("data", "group2", groupData)
+      .subscribe((result) => {
+        this.groupList = result.list;
+      });
+  }
+  // 边输边搜节流阀
+  changeInp(e) {
+    this.searchTimer(this.getUserList, e);
+  }
+  // 获取人员
+  userList: any = []; //人员
+  getUserList(keyword = '') {
+    let postData = {
+      user: {
+        hospital: { id: this.hospital },
+        name: keyword
+      },
+      idx: 0,
+      sum: 10,
+    };
+    this.isLoading = true;
+    this.mainService
+      .getFetchDataList("data", "user", postData)
+      .subscribe((result) => {
+        this.isLoading = false;
+        this.userList = result.list;
+      });
+  }
+  // 搜索
+  search(num?: number) {
+    if (this.hospital) {
+      this.searchData["hosId"] = this.hospital;
+    }
+    if (this.startDate) {
+      this.searchData["dateRange"] = {
+        start: this.startDate + " " + "00:00:00",
+        end: this.endDate + " " + "23:59:59",
+      };
+    }
+    if (num !== undefined) {
+      this.getList(num, this.sortCurrentKey, this.sortCurrentValue);
+    } else {
+      this.getList(this.pageIndex, this.sortCurrentKey, this.sortCurrentValue);
+    }
+  }
+  // 导出
+  loading2 = false;
+  export() {
+    let that = this;
+    let postData: any = {
+      startTime: this.startDate + " " + "00:00:00",
+      endTime: this.endDate + " " + "23:59:59",
+      hosId: that.hospital,
+      type: this.dateType,
+      userId: this.searchDto.user || undefined,
+      groupId: this.searchDto.group || undefined,
+    };
+    if (this.sortCurrentKey && this.sortCurrentValue) {
+      postData.sort =
+        this.sortCurrentValue === "ascend"
+          ? this.sortCurrentKey
+          : `${this.sortCurrentKey} desc`;
+    }
+    this.loading2 = true;
+    that.mainService.exportReport("clothesPersonal", postData).subscribe(
+      (data) => {
+        this.loading2 = false;
+        this.showPromptModal("导出", true, "");
+        var file = new Blob([data], {
+          type: "application/vnd.ms-excel",
+        });
+        //trick to download store a file having its URL
+        var fileURL = URL.createObjectURL(file);
+        var a = document.createElement("a");
+        a.href = fileURL;
+        a.target = "_blank";
+        a.download = "人员统计.xls";
+        document.body.appendChild(a);
+        a.click();
+      },
+      (err) => {
+        this.loading2 = false;
+        this.showPromptModal("导出", false, "");
+      }
+    );
+  }
+  // 重置
+  reset() {
+    this.changeDateType("day");
+    this.changeDateRange("1");
+    this.sortCurrentKey = "";
+    this.sortCurrentValue = "";
+    this.sortCurrent = {
+      totalTrip: null,
+      totalOrder: null,
+      getTrip: null,
+      getOrder: null,
+      getClothesNum: null,
+      sendTrip: null,
+      sendOrder: null,
+      sendClothesNum: null,
+      price: null,
+    };
+    this.searchDto = {
+      group: null,
+      user: null,
+    }
+    this.search();
+  }
+  // 表格数据
+  loading1 = false;
+  getList(num?: number, field?: string, sort?: string) {
+    this.pageIndex = num;
+    let postData: any = {
+      idx: this.pageIndex - 1,
+      sum: this.pageSize,
+      startTime: this.searchData.dateRange.start,
+      endTime: this.searchData.dateRange.end,
+      hosId: this.searchData.hosId,
+      type: this.dateType,
+      userId: this.searchDto.user || undefined,
+      groupId: this.searchDto.group || undefined,
+    };
+    if (field && sort) {
+      postData.sort = sort === "ascend" ? field : `${field} desc`;
+    }
+    this.loading1 = true;
+    this.mainService
+      .postCustom("report/clothes", "personal", postData)
+      .subscribe((result) => {
+        this.loading1 = false;
+        this.listOfData = result.list || [];
+        this.listLength = result.totalNum;
+      });
+  }
+  // 获取院区
+  hospital: string; //选中院区
+  getAllHos() {
+    this.hospital = this.tool.getCurrentHospital().id + "";
+    this.getGroupList(this.hospital);
+    this.getUserList();
+  }
+
+  // 修改时间展示维度
+  changeDateType(res) {
+    console.log(res, this.dateType);
+    this.dateType = res;
+    this.searchData["type"] = res;
+    console.log(this.searchData);
+    switch (res) {
+      case "day":
+        this.defRanges = [
+          {
+            label: "上周",
+            id: 1,
+          },
+          {
+            label: "上月",
+            id: 2,
+          },
+          {
+            label: "上年",
+            id: 3,
+          },
+        ]; //时间默认区间
+        this.defRange = "1"; //默认上周
+        this.changeDateRange("1");
+        break;
+      case "month":
+        this.defRanges = [
+          {
+            label: "上月",
+            id: 2,
+          },
+          {
+            label: "上年",
+            id: 3,
+          },
+        ]; //时间默认区间
+        this.defRange = "2"; //上月
+        this.changeDateRange("2");
+        break;
+      case "year":
+        this.defRanges = [
+          {
+            label: "上年",
+            id: 3,
+          },
+        ]; //时间默认区间
+        this.defRange = "3"; //默认上周
+        this.changeDateRange("3");
+        break;
+    }
+  }
+
+  // 禁选日期
+  disabledDate = (current: Date): boolean => {
+    // Can not select days before today and today
+    return differenceInCalendarDays(current, this.today) > 0;
+  };
+
+  // 禁选月份开始
+  disabledMonthStart = (current: Date): boolean => {
+    // Can not select days before today and today
+    let cur = differenceInCalendarDays(current, endOfMonth(this.today)) > 0;
+    let staEnd = differenceInCalendarDays(current, this.monthRangeEnd) > 0;
+    return cur || staEnd;
+  };
+  // 禁选月份结束
+  disabledMonthEnd = (current: Date): boolean => {
+    // Can not select days before today and today
+    let cur = differenceInCalendarDays(current, endOfMonth(this.today)) > 0;
+    let staEnd = differenceInCalendarDays(this.monthRangeStart, current) > 0;
+    return cur || staEnd;
+  };
+
+  // 禁选年份开始
+  disabledYearStart = (current: Date): boolean => {
+    // Can not select days before today and today
+    let cur = differenceInCalendarDays(current, endOfYear(this.today)) > 0;
+    let staEnd = differenceInCalendarDays(current, this.yearRangeEnd) > 0;
+    return cur || staEnd;
+  };
+
+  // 禁选年份结束
+  disabledYearEnd = (current: Date): boolean => {
+    // Can not select days before today and today
+    let cur = differenceInCalendarDays(current, endOfYear(this.today)) > 0;
+    let staEnd = differenceInCalendarDays(this.yearRangeStart, current) > 0;
+    return cur || staEnd;
+  };
+
+  // 日期选择 日
+  startDate: string; //发起时间开始
+  endDate: string; //发起时间结束
+  changeDate(result?): void {
+    console.log(this.dateRange);
+    console.log(result);
+    this.dateRange = result;
+    if (!this.quick) {
+      // 不是快捷选择
+      this.defRange = null;
+    }
+    if (!result || !result.length) {
+      this.startDate = this.endDate = "";
+      return;
+    }
+    this.startDate =
+      result[0].getFullYear() +
+      "-" +
+      (result[0].getMonth() + 1) +
+      "-" +
+      result[0].getDate();
+    this.endDate =
+      result[1].getFullYear() +
+      "-" +
+      (result[1].getMonth() + 1) +
+      "-" +
+      result[1].getDate();
+  }
+
+  // 月份选择
+  changeMonthStart(result?) {
+    console.log(result);
+    this.monthRangeStart = result;
+    if (!this.quick) {
+      // 不是快捷选择
+      this.defRange = null;
+    }
+    if (!result) {
+      this.startDate = this.endDate = "";
+      return;
+    }
+    this.startDate = format(startOfMonth(result), 'yyyy-MM-dd');
+    // this.endDate = result.getFullYear() + '-' + (result.getMonth() + 1) + '-01';
+  }
+  changeMonthEnd(result?) {
+    console.log(result);
+    this.monthRangeEnd = result;
+    if (!this.quick) {
+      // 不是快捷选择
+      this.defRange = null;
+    }
+    if (!result) {
+      this.startDate = this.endDate = "";
+      return;
+    }
+    // this.startDate = result.getFullYear() + '-' + (result.getMonth() + 1) + '-01';
+    this.endDate = format(endOfMonth(result), 'yyyy-MM-dd');
+  }
+  // 年份选择
+  changeYearStart(result?) {
+    console.log(result);
+    this.yearRangeStart = result;
+    if (!this.quick) {
+      // 不是快捷选择
+      this.defRange = null;
+    }
+    if (!result) {
+      this.startDate = this.endDate = "";
+      return;
+    }
+    this.startDate = format(startOfYear(result), 'yyyy-MM-dd');
+    // this.endDate = result.getFullYear() + '-01-01';
+  }
+  changeYearEnd(result?) {
+    console.log(result);
+    this.yearRangeEnd = result;
+    if (!this.quick) {
+      // 不是快捷选择
+      this.defRange = null;
+    }
+    if (!result) {
+      this.startDate = this.endDate = "";
+      return;
+    }
+    this.endDate = format(endOfYear(result), 'yyyy-MM-dd');
+  }
+
+  // 日期选择 快速修改时间区间
+  today = new Date();
+  quick: boolean = false;
+  changeDateRange(res) {
+    console.log(res);
+    this.quick = true;
+    switch (res) {
+      case "1":
+        // 上周
+        let lastweekstartdate = this.dateService.date().lastWeekStartDate;
+        let lastweekenddate = this.dateService.date().lastWeekEndDate;
+        console.log(lastweekstartdate, lastweekenddate);
+        this.changeDate([lastweekstartdate, lastweekenddate]);
+        break;
+      case "2":
+        // 上月
+        let lastmonthstartdate = this.dateService.date().lastMonthStartDate;
+        let lastmonthenddate = this.dateService.date().lastMonthEndDate;
+        console.log(lastmonthstartdate, lastmonthenddate);
+        this.changeDate([lastmonthstartdate, lastmonthenddate]);
+        this.changeMonthStart(lastmonthstartdate);
+        this.changeMonthEnd(lastmonthenddate);
+        break;
+      case "3":
+        // 上年
+        let lastyearstartdate = this.dateService.date().lastYearStartDate;
+        let lastyearenddate = this.dateService.date().lastYearEndDate;
+        console.log(lastyearstartdate, lastyearenddate);
+        this.changeDate([lastyearstartdate, lastyearenddate]);
+        this.changeMonthStart(lastyearstartdate);
+        this.changeMonthEnd(lastyearenddate);
+        this.changeYearStart(lastyearstartdate);
+        this.changeYearEnd(lastyearenddate);
+        break;
+    }
+    this.quick = false;
+    this.search();
+  }
+
+  // 更多
+  toMore(type) {
+    let sendData = this.searchData;
+    console.log(sendData);
+    this.myService.sendMsg(sendData);
+    this.router.navigateByUrl("/main/" + type);
+  }
+
+  // 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）
+  showPromptModal(con, success, promptInfo?) {
+    this.promptModalShow = false;
+    this.promptContent = con;
+    this.ifSuccess = success;
+    this.promptInfo = promptInfo;
+    setTimeout(() => {
+      this.promptModalShow = true;
+    }, 100);
+  }
+
+  // 边输入边搜索节流阀
+  isLoading: boolean = false;
+  searchTimer(fun, e) {
+    this.isLoading = true;
+    this.searchTimerSubject.next([fun, e]);
+  }
+  // 列表排序
+  sortCurrent = {
+    totalTrip: null,
+    totalOrder: null,
+    getTrip: null,
+    getOrder: null,
+    getClothesNum: null,
+    sendTrip: null,
+    sendOrder: null,
+    sendClothesNum: null,
+    price: null,
+  };
+  sortCurrentKey: string = "";
+  sortCurrentValue: string | null = "";
+  sort(e) {
+    const { key, value } = e;
+    this.sortCurrentKey = key;
+    this.sortCurrentValue = value;
+    this.getList(this.pageIndex, this.sortCurrentKey, this.sortCurrentValue);
+  }
+}

src/app/views/quilt-washing-personnel-statistics/quilt-washing-personnel-statistics.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from "@angular/core";
+import { CommonModule } from "@angular/common";
+
+import { QuiltWashingPersonnelStatisticsRoutingModule } from "./quilt-washing-personnel-statistics-routing.module";
+import { ShareModule } from "src/app/share/share.module";
+import { QuiltWashingPersonnelStatisticsComponent } from "./quilt-washing-personnel-statistics.component";
+
+@NgModule({
+  declarations: [QuiltWashingPersonnelStatisticsComponent],
+  imports: [
+    CommonModule,
+    QuiltWashingPersonnelStatisticsRoutingModule,
+    ShareModule,
+  ],
+})
+export class QuiltWashingPersonnelStatisticsModule {}

src/app/views/quilt-washing-trend-analysis/quilt-washing-trend-analysis-routing.module.ts

@@ -0,0 +1,13 @@
+import { NgModule } from "@angular/core";
+import { Routes, RouterModule } from "@angular/router";
+import { QuiltWashingTrendAnalysisComponent } from "./quilt-washing-trend-analysis.component";
+
+const routes: Routes = [
+  { path: "", component: QuiltWashingTrendAnalysisComponent },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class QuiltWashingTrendAnalysisRoutingModule {}

src/app/views/quilt-washing-trend-analysis/quilt-washing-trend-analysis.component.html

@@ -0,0 +1,6 @@
+<div class="quiltWashingTrendAnalysis">
+  <div class="main">
+    <div class="head"></div>
+    <div class="body"></div>
+  </div>
+</div>

src/app/views/quilt-washing-trend-analysis/quilt-washing-trend-analysis.component.less

@@ -0,0 +1,12 @@
+@import "../../../../src/theme.less";
+
+:host {
+  .quiltWashingTrendAnalysis{
+    min-height: 100%;
+    background-color: #F1F2F2;
+    .main{
+      margin-left: 10px;
+      background: #000;
+    }
+  }
+}

src/app/views/quilt-washing-trend-analysis/quilt-washing-trend-analysis.component.ts

@@ -0,0 +1,459 @@
+import { Component, OnInit } from "@angular/core";
+import { ActivatedRoute, Router } from "@angular/router";
+import { differenceInCalendarDays, endOfMonth, endOfYear, format, startOfMonth, startOfYear } from "date-fns";
+
+import { MainService } from "../../services/main.service";
+import { DateService } from "../../services/date.service";
+import { MyServiceService } from "../../services/my-service.service";
+import { ToolService } from "../../services/tool.service";
+
+@Component({
+  selector: "app-quilt-washing-trend-analysis",
+  templateUrl: "./quilt-washing-trend-analysis.component.html",
+  styleUrls: ["./quilt-washing-trend-analysis.component.less"],
+})
+export class QuiltWashingTrendAnalysisComponent implements OnInit {
+  constructor(
+    private route: ActivatedRoute,
+    private router: Router,
+    private mainService: MainService,
+    private dateService: DateService,
+    private myService: MyServiceService,
+    private tool: ToolService
+  ) {}
+
+  ngOnInit() {
+    this.coopBtns = this.tool.initCoopBtns(this.route);
+    this.getAllHos();
+    this.changeDateRange(this.defRange);
+    // this.search();
+  }
+
+  dateType: string = "day"; //选中时间维度
+  dateTypes: any = [
+    {
+      label: "按天统计",
+      value: "day",
+    },
+    {
+      label: "按月统计",
+      value: "month",
+    },
+    {
+      label: "按年统计",
+      value: "year",
+    },
+  ]; //时间维度
+  defRange = "1"; //默认上周
+  defRanges = [
+    {
+      label: "上周",
+      id: 1,
+    },
+    {
+      label: "上月",
+      id: 2,
+    },
+    {
+      label: "上年",
+      id: 3,
+    },
+  ]; //时间默认区间
+
+  listOfData: any[] = []; //表格数据
+  pageIndex: number = 1; //表格当前页码
+  pageSize: number = 10; //表格每页展示条数
+  listLength: number = 10; //表格总数据量
+
+  alldepart: any = []; //当前院区所属科室
+  dateRange: any = []; //发起时间区间 天
+  monthRangeStart: any; //发起时间 月 起
+  monthRangeEnd: any; //发起时间 月 止
+  yearRangeStart: any; //发起时间 年 起
+  yearRangeEnd: any; //发起时间 年 止
+
+  promptContent: string; //操作提示框提示信息
+  ifSuccess: boolean; //操作成功/失败
+  promptInfo: string; //操作结果提示信息
+  promptModalShow: boolean; //操作提示框是否展示
+
+  // 初始化增删改按钮
+  coopBtns: any = {};
+  searchData: any = {}; // 综合统计页面带过来的参数
+  getSearchData() {
+    let that = this;
+    let sub = that.myService.getMsg().subscribe((msg) => {
+      // 从综合报表跳转过来
+      that.searchData = msg;
+      console.log(that.searchData);
+      console.log(66);
+      sub.unsubscribe(); //取消订阅，否则订阅函数会累加执行
+      that.hospital = that.searchData["hosId"];
+      that.changeDate(that.searchData["range"]);
+      that.defRange = that.searchData["defRange"];
+      that.search();
+    });
+    that.changeDateRange(that.defRange);
+    that.search();
+  }
+  // 搜索
+  search(num?: number) {
+    if (this.hospital) {
+      this.searchData["hosId"] = this.hospital;
+    }
+    if (this.startDate) {
+      this.searchData["dateRange"] = {
+        start: this.startDate + " " + "00:00:00",
+        end: this.endDate + " " + "23:59:59",
+      };
+    }
+    if (num !== undefined) {
+      this.getList(num, this.sortCurrentKey, this.sortCurrentValue);
+    } else {
+      this.getList(this.pageIndex, this.sortCurrentKey, this.sortCurrentValue);
+    }
+  }
+  // 导出
+  loading2 = false;
+  export() {
+    let that = this;
+    let postData: any = {
+      startTime: this.startDate + " " + "00:00:00",
+      endTime: this.endDate + " " + "23:59:59",
+      hosId: that.hospital,
+      type: this.dateType,
+    };
+    if (this.sortCurrentKey && this.sortCurrentValue) {
+      postData.sort =
+        this.sortCurrentValue === "ascend"
+          ? this.sortCurrentKey
+          : `${this.sortCurrentKey} desc`;
+    }
+    this.loading2 = true;
+    that.mainService.exportReport("clothesHos", postData).subscribe(
+      (data) => {
+        this.loading2 = false;
+        this.showPromptModal("导出", true, "");
+        var file = new Blob([data], {
+          type: "application/vnd.ms-excel",
+        });
+        //trick to download store a file having its URL
+        var fileURL = URL.createObjectURL(file);
+        var a = document.createElement("a");
+        a.href = fileURL;
+        a.target = "_blank";
+        a.download = "全员统计.xls";
+        document.body.appendChild(a);
+        a.click();
+      },
+      (err) => {
+        this.loading2 = false;
+        this.showPromptModal("导出", false, "");
+      }
+    );
+  }
+  // 重置
+  reset() {
+    this.changeDateType("day");
+    this.changeDateRange("1");
+    this.sortCurrentKey = "";
+    this.sortCurrentValue = "";
+    this.sortCurrent = {
+      deptNum: null,
+      clothesTypeNum: null,
+      getOrder: null,
+      sendOrder: null,
+      sendClothesNum: null,
+      price: null,
+    };
+    this.search();
+  }
+  // 表格数据
+  loading1 = false;
+  getList(num?: number, field?: string, sort?: string) {
+    this.pageIndex = num;
+    let postData: any = {
+      idx: this.pageIndex - 1,
+      sum: this.pageSize,
+      startTime: this.searchData.dateRange.start,
+      endTime: this.searchData.dateRange.end,
+      hosId: this.searchData.hosId,
+      type: this.dateType,
+    };
+    if (field && sort) {
+      postData.sort = sort === "ascend" ? field : `${field} desc`;
+    }
+    this.loading1 = true;
+    this.mainService
+      .postCustom("report/clothes", "hospital", postData)
+      .subscribe((result) => {
+        this.loading1 = false;
+        this.listOfData = result.list || [];
+        this.listLength = result.totalNum;
+      });
+  }
+  // 获取院区
+  hospital: string; //选中院区
+  getAllHos() {
+    this.hospital = this.tool.getCurrentHospital().id + "";
+  }
+
+  // 修改时间展示维度
+  changeDateType(res) {
+    console.log(res, this.dateType);
+    this.dateType = res;
+    this.searchData["type"] = res;
+    console.log(this.searchData);
+    switch (res) {
+      case "day":
+        this.defRanges = [
+          {
+            label: "上周",
+            id: 1,
+          },
+          {
+            label: "上月",
+            id: 2,
+          },
+          {
+            label: "上年",
+            id: 3,
+          },
+        ]; //时间默认区间
+        this.defRange = "1"; //默认上周
+        this.changeDateRange("1");
+        break;
+      case "month":
+        this.defRanges = [
+          {
+            label: "上月",
+            id: 2,
+          },
+          {
+            label: "上年",
+            id: 3,
+          },
+        ]; //时间默认区间
+        this.defRange = "2"; //上月
+        this.changeDateRange("2");
+        break;
+      case "year":
+        this.defRanges = [
+          {
+            label: "上年",
+            id: 3,
+          },
+        ]; //时间默认区间
+        this.defRange = "3"; //默认上周
+        this.changeDateRange("3");
+        break;
+    }
+  }
+
+  // 禁选日期
+  disabledDate = (current: Date): boolean => {
+    // Can not select days before today and today
+    return differenceInCalendarDays(current, this.today) > 0;
+  };
+
+  // 禁选月份开始
+  disabledMonthStart = (current: Date): boolean => {
+    // Can not select days before today and today
+    let cur = differenceInCalendarDays(current, endOfMonth(this.today)) > 0;
+    let staEnd = differenceInCalendarDays(current, this.monthRangeEnd) > 0;
+    return cur || staEnd;
+  };
+  // 禁选月份结束
+  disabledMonthEnd = (current: Date): boolean => {
+    // Can not select days before today and today
+    let cur = differenceInCalendarDays(current, endOfMonth(this.today)) > 0;
+    let staEnd = differenceInCalendarDays(this.monthRangeStart, current) > 0;
+    return cur || staEnd;
+  };
+
+  // 禁选年份开始
+  disabledYearStart = (current: Date): boolean => {
+    // Can not select days before today and today
+    let cur = differenceInCalendarDays(current, endOfYear(this.today)) > 0;
+    let staEnd = differenceInCalendarDays(current, this.yearRangeEnd) > 0;
+    return cur || staEnd;
+  };
+
+  // 禁选年份结束
+  disabledYearEnd = (current: Date): boolean => {
+    // Can not select days before today and today
+    let cur = differenceInCalendarDays(current, endOfYear(this.today)) > 0;
+    let staEnd = differenceInCalendarDays(this.yearRangeStart, current) > 0;
+    return cur || staEnd;
+  };
+
+  // 日期选择 日
+  startDate: string; //发起时间开始
+  endDate: string; //发起时间结束
+  changeDate(result?): void {
+    console.log(this.dateRange);
+    console.log(result);
+    this.dateRange = result;
+    if (!this.quick) {
+      // 不是快捷选择
+      this.defRange = null;
+    }
+    if (!result || !result.length) {
+      this.startDate = this.endDate = "";
+      return;
+    }
+    this.startDate =
+      result[0].getFullYear() +
+      "-" +
+      (result[0].getMonth() + 1) +
+      "-" +
+      result[0].getDate();
+    this.endDate =
+      result[1].getFullYear() +
+      "-" +
+      (result[1].getMonth() + 1) +
+      "-" +
+      result[1].getDate();
+  }
+
+  // 月份选择
+  changeMonthStart(result?) {
+    console.log(result);
+    this.monthRangeStart = result;
+    if (!this.quick) {
+      // 不是快捷选择
+      this.defRange = null;
+    }
+    if (!result) {
+      this.startDate = this.endDate = "";
+      return;
+    }
+    this.startDate = format(startOfMonth(result), 'yyyy-MM-dd');
+    // this.endDate = result.getFullYear() + '-' + (result.getMonth() + 1) + '-01';
+  }
+  changeMonthEnd(result?) {
+    console.log(result);
+    this.monthRangeEnd = result;
+    if (!this.quick) {
+      // 不是快捷选择
+      this.defRange = null;
+    }
+    if (!result) {
+      this.startDate = this.endDate = "";
+      return;
+    }
+    // this.startDate = result.getFullYear() + '-' + (result.getMonth() + 1) + '-01';
+    this.endDate = format(endOfMonth(result), 'yyyy-MM-dd');
+  }
+  // 年份选择
+  changeYearStart(result?) {
+    console.log(result);
+    this.yearRangeStart = result;
+    if (!this.quick) {
+      // 不是快捷选择
+      this.defRange = null;
+    }
+    if (!result) {
+      this.startDate = this.endDate = "";
+      return;
+    }
+    this.startDate = format(startOfYear(result), 'yyyy-MM-dd');
+    // this.endDate = result.getFullYear() + '-01-01';
+  }
+  changeYearEnd(result?) {
+    console.log(result);
+    this.yearRangeEnd = result;
+    if (!this.quick) {
+      // 不是快捷选择
+      this.defRange = null;
+    }
+    if (!result) {
+      this.startDate = this.endDate = "";
+      return;
+    }
+    this.endDate = format(endOfYear(result), 'yyyy-MM-dd');
+  }
+
+  // 日期选择 快速修改时间区间
+  today = new Date();
+  quick: boolean = false;
+  changeDateRange(res) {
+    console.log(res);
+    this.quick = true;
+    switch (res) {
+      case "1":
+        // 上周
+        let lastweekstartdate = this.dateService.date().lastWeekStartDate;
+        let lastweekenddate = this.dateService.date().lastWeekEndDate;
+        console.log(lastweekstartdate, lastweekenddate);
+        this.changeDate([lastweekstartdate, lastweekenddate]);
+        break;
+      case "2":
+        // 上月
+        let lastmonthstartdate = this.dateService.date().lastMonthStartDate;
+        let lastmonthenddate = this.dateService.date().lastMonthEndDate;
+        console.log(lastmonthstartdate, lastmonthenddate);
+        this.changeDate([lastmonthstartdate, lastmonthenddate]);
+        this.changeMonthStart(lastmonthstartdate);
+        this.changeMonthEnd(lastmonthenddate);
+        break;
+      case "3":
+        // 上年
+        let lastyearstartdate = this.dateService.date().lastYearStartDate;
+        let lastyearenddate = this.dateService.date().lastYearEndDate;
+        console.log(lastyearstartdate, lastyearenddate);
+        this.changeDate([lastyearstartdate, lastyearenddate]);
+        this.changeMonthStart(lastyearstartdate);
+        this.changeMonthEnd(lastyearenddate);
+        this.changeYearStart(lastyearstartdate);
+        this.changeYearEnd(lastyearenddate);
+        break;
+    }
+    this.quick = false;
+    this.search();
+  }
+
+  // 更多
+  toMore(type) {
+    let sendData = this.searchData;
+    console.log(sendData);
+    this.myService.sendMsg(sendData);
+    this.router.navigateByUrl("/main/" + type);
+  }
+
+  // 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）
+  showPromptModal(con, success, promptInfo?) {
+    this.promptModalShow = false;
+    this.promptContent = con;
+    this.ifSuccess = success;
+    this.promptInfo = promptInfo;
+    setTimeout(() => {
+      this.promptModalShow = true;
+    }, 100);
+  }
+
+  // 边输入边搜索节流阀
+  isLoading: boolean = false;
+  searchTimer(fun, e, those) {
+    let that = this;
+    that.isLoading = true;
+    fun(e, those);
+  }
+  // 列表排序
+  sortCurrent = {
+    deptNum: null,
+    clothesTypeNum: null,
+    getOrder: null,
+    sendOrder: null,
+    sendClothesNum: null,
+    price: null,
+  };
+  sortCurrentKey: string = "";
+  sortCurrentValue: string | null = "";
+  sort(e) {
+    const { key, value } = e;
+    this.sortCurrentKey = key;
+    this.sortCurrentValue = value;
+    this.getList(this.pageIndex, this.sortCurrentKey, this.sortCurrentValue);
+  }
+}

src/app/views/quilt-washing-trend-analysis/quilt-washing-trend-analysis.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from "@angular/core";
+import { CommonModule } from "@angular/common";
+
+import { QuiltWashingTrendAnalysisRoutingModule } from "./quilt-washing-trend-analysis-routing.module";
+import { ShareModule } from "src/app/share/share.module";
+import { QuiltWashingTrendAnalysisComponent } from "./quilt-washing-trend-analysis.component";
+
+@NgModule({
+  declarations: [QuiltWashingTrendAnalysisComponent],
+  imports: [
+    CommonModule,
+    QuiltWashingTrendAnalysisRoutingModule,
+    ShareModule,
+  ],
+})
+export class QuiltWashingTrendAnalysisModule {}

src/common.less

@@ -253,6 +253,8 @@
         display: flex;
         justify-content: flex-end;
         align-items: center;
+        flex-wrap: wrap;
+        row-gap: 8px;
       }
     }
     .list-template__checkBoxes {