陪检绩效

proxy.conf.json

@@ -1,6 +1,6 @@
 {
   "/service": {
-    "target": "http://192.168.3.108",
+    "target": "http://192.168.4.190",
     "logLevel": "debug",
     "changeOrigin": true,
     "pathRewrite": {

src/app/services/main.service.ts

@@ -654,4 +654,12 @@ export class MainService {
       }
     );
   }
+  //陪检配置保存接口
+  saveInspections(data) {
+    return this.http.post(
+      host.host + "/simple/data/addListData/workOrderInspectScore",
+      data,
+      { headers: this.headers }
+    );
+  }
 }

src/app/views/inspection-distance/inspection-distance-routing.module.ts

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

src/app/views/inspection-distance/inspection-distance.component.html

@@ -0,0 +1,43 @@
+<div class="buildingDistance">
+  <div class="content" *ngIf="!loading2;else loadingBlock">
+    <div class="top display_flex align-items_center justify-content_space-between" nz-row>
+      <div nz-col nzLg='22' class="searchBox"></div>
+      <div nz-col nzLg="2" class="btns">
+        <button *ngIf="coopBtns.add" class="btn fr default" (click)="addBuilding()">新增</button>
+      </div>
+    </div>
+    <div class="bottom">
+      <div class="table">
+        <div class="box">
+          <div nz-row class="b_header">
+            <div nz-col nzSpan="22">陪检方式</div>
+            <div nz-col nzSpan="2">增加分数</div>
+          </div>
+          <div nz-row class="b_list" *ngFor="let building of buildings;trackBy:trackById">
+            <div nz-col nzSpan="22" nz-row class="b_list_content">
+              <input nz-input nz-col nzSpan="22" [disabled]="!coopBtns.edit" placeholder="请填写陪检方式" [(ngModel)]="building.inspectMode" [class.active]="building.border==='red'?'red':''" />
+            </div>
+            <div nz-col nzSpan="2" class="b_percent">
+              <nz-input-number [nzDisabled]="!coopBtns.edit" [(ngModel)]="building.increaseScore" [nzMin]="0" [nzStep]="1"></nz-input-number>
+              <i class="icon_transport transport-lajitong" (click)="delete(building)" *ngIf="coopBtns.del"></i>
+            </div>
+          </div>
+          <div class="b_save"><button nz-button nzType="primary" (click)="save()" *ngIf="buildings.length"
+              [nzLoading]="loading3">保存</button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <ng-template #loadingBlock>
+    <div class="content loading display_flex justify-content_flex-center align-items_center">
+      <div class="txtC">
+        <img src="../../../assets/images/loading.gif" alt="">
+        <div>加载中...</div>
+      </div>
+    </div>
+  </ng-template>
+  <!-- 删除模态框 -->
+  <app-dialog-delete [delModal]="delModal" (hideDelModalEvent)="hideDelModal()" [btnLoading]="loading4"
+    (confirmDelEvent)="confirmDel()" content="是否确认删除此配置？"></app-dialog-delete>
+</div>

src/app/views/inspection-distance/inspection-distance.component.less

@@ -0,0 +1,275 @@
+@import "../../../../src/theme.less";
+
+:host {
+  width: 100%;
+  height: 100%;
+}
+.buildingDistance {
+  width: 100%;
+  height: 100%;
+  padding: 16px 20px;
+
+  .targetDept {
+    overflow: hidden;
+    width: 196px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .orderPlanTimeShow {
+    overflow: hidden;
+    width: 142px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .content {
+    width: 100%;
+    height: 100%;
+    position: relative;
+
+    .top {
+      width: 100%;
+      padding-bottom: 7px;
+      border-bottom: 1px solid #e5e9ed;
+      position: relative;
+      overflow: hidden;
+      z-index: 2;
+
+      .btns {
+        display: flex;
+        justify-content: flex-end;
+        .btn {
+          margin-left: 16px;
+          &:first-of-type {
+            margin-left: 0;
+          }
+        }
+      }
+    }
+
+    .bottom {
+      width: 100%;
+      height: 100%;
+      position: absolute;
+      top: 0;
+      padding-top: 79px;
+
+      .table {
+        width: 100%;
+        height: 100%;
+
+        .box {
+          border-radius: 5px;
+          background: #f9fafb;
+          border: 1px solid #e5e9ed;
+          padding-bottom: 60px;
+          position: relative;
+          text-align: center;
+          .b_header {
+            height: 46px;
+            line-height: 46px;
+            background-image: linear-gradient(to right, @bg-start, @bg-end);
+            color: #fff;
+          }
+          .b_list {
+            height: 48px;
+            display: flex;
+            align-items: center;
+            .b_list_content {
+              display: flex;
+              justify-content: space-around;
+              ::ng-deep .active .ant-select-selection {
+                border-color: red!important;
+              }
+              ::ng-deep input:not([type='range']).active {
+                border-color: red!important;
+              }
+            }
+            .b_percent {
+              display: flex;
+              align-items: center;
+              i {
+                cursor: pointer;
+                font-size: 26px;
+              }
+            }
+          }
+          .b_save {
+            height: 40px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+          }
+        }
+      }
+    }
+  }
+}
+
+.save {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 99;
+
+  .modalBody {
+    width: 350px;
+    height: 220px;
+    background: #fff;
+    border-radius: 5px;
+    padding: 10px 20px;
+    color: #333;
+
+    .title {
+      width: 100%;
+      text-align: center;
+      font-size: 18px;
+      position: relative;
+
+      i {
+        position: absolute;
+        right: 0;
+        top: 0;
+        font-size: 20px;
+        color: #666;
+        cursor: pointer;
+        padding: 0 5px;
+      }
+    }
+
+    .content {
+      width: 310px;
+      height: 117px;
+      background: #f9fafb;
+      border: 1px solid #e5e9ed;
+      border-radius: 5px;
+      overflow: hidden;
+      margin-top: 12px;
+
+      & > div {
+        text-align: center;
+        margin: 0;
+
+        &.icon {
+          margin-top: 17px;
+
+          i {
+            color: #34b349;
+            font-size: 30px !important;
+
+            &.transport-wenhao {
+              color: #f5a523;
+            }
+
+            &.transport-shibai {
+              color: #ff3a52;
+            }
+          }
+        }
+
+        &.defeat {
+          color: #333;
+          font-size: 18px;
+        }
+
+        &:nth-child(3) {
+          font-size: 14px;
+          color: #666;
+        }
+      }
+      .buildingDistanceTips {
+        font-size: 12px;
+      }
+    }
+
+    button {
+      margin-top: 10px;
+
+      &.btn {
+        margin-left: 8px;
+      }
+    }
+  }
+
+  // 新增
+  &.add {
+    .modalBody {
+      width: 480px;
+      height: auto;
+
+      .content {
+        width: 100%;
+        height: auto;
+        padding: 18px 14px 0 14px;
+        max-height: 497px;
+        overflow-y: auto;
+
+        .addForm {
+          .ant-form-item {
+            margin-bottom: 15px;
+
+            .ant-form-item-label {
+              line-height: 14px;
+              text-align: left;
+            }
+
+            .desc {
+              margin-top: 5px;
+            }
+          }
+
+          .datesControl {
+            margin-top: -16px;
+
+            .ant-form-item-label {
+              line-height: 40px;
+            }
+          }
+
+          .timer {
+            .ant-form-item-label {
+              width: 100%;
+              text-align: left;
+            }
+
+            .numInp {
+              margin-right: 5px;
+            }
+
+            .line {
+              margin-right: 5px;
+            }
+          }
+
+          .timer2 {
+            .ant-form-item-label {
+              line-height: 20px;
+            }
+          }
+        }
+
+        .editForm {
+          .ant-form-item {
+            margin-bottom: 15px;
+
+            .ant-form-item-label {
+              line-height: 14px;
+              text-align: left;
+            }
+          }
+        }
+      }
+
+      button {
+        &:nth-child(1) {
+          margin-right: 20px;
+        }
+      }
+    }
+  }
+}
+.txtC {
+  text-align: center;
+}

src/app/views/inspection-distance/inspection-distance.component.ts

@@ -0,0 +1,130 @@
+import { Component, OnInit } from "@angular/core";
+import { ActivatedRoute } from "@angular/router";
+import { NzMessageService } from "ng-zorro-antd";
+import { MainService } from "src/app/services/main.service";
+import { ToolService } from "src/app/services/tool.service";
+
+@Component({
+  selector: "app-inspection-distance",
+  templateUrl: "./inspection-distance.component.html",
+  styleUrls: ["./inspection-distance.component.less"],
+})
+export class InspectionDistanceComponent implements OnInit {
+  coopBtns: any = {};
+  id: number = 0; //id
+  hosId; //当前院区id
+  buildings = []; //所有楼栋距离组合
+  loading2: boolean = false; //获取所有楼栋配置的loading
+  loading3: boolean = false; //保存所有楼栋配置的loading
+  loading4: boolean = false; //删除楼栋配置的loading
+  delModal: boolean = false; //删除的模态框
+  delObj; //要删除的元素
+  constructor(
+    private route: ActivatedRoute,
+    private mainService: MainService,
+    private tool: ToolService,
+    private message: NzMessageService
+  ) {}
+  ngOnInit() {
+    this.hosId = this.tool.getCurrentHospital().id;
+    this.coopBtns = this.tool.initCoopBtns(this.route);
+    this.getBuildingConfig(this.hosId);
+  }
+
+  //获取楼栋距离配置
+  getBuildingConfig(hosId) {
+    let postData = { idx: 0, sum: 9999, workOrderInspectScore: { hosId } };
+    this.loading2 = true;
+    this.mainService
+      .getFetchDataList("simple/data", "workOrderInspectScore", postData)
+      .subscribe((result) => {
+        this.loading2 = false;
+        if (result.status == 200) {
+          this.buildings = result.list.map((item) => {
+            return {
+              id: item.id,
+              inspectMode: item.inspectMode,
+              increaseScore: item.increaseScore,
+              border: "none",
+            };
+          });
+        } else {
+          this.message.error("请求数据失败");
+        }
+      });
+  }
+  //新增
+  addBuilding() {
+    this.buildings.push({
+      id: --this.id,
+      inspectMode: '',
+      buildingStart: null,
+      buildingEnd: null,
+      increaseScore: 0,
+      border: "none",
+    });
+  }
+  // 删除
+  delete(obj) {
+    this.delModal = true;
+    this.delObj = obj;
+  }
+  //隐藏删除模态框
+  hideDelModal() {
+    this.delModal = false;
+  }
+  // 确定删除
+  confirmDel() {
+    this.loading4 = true;
+    this.mainService.delBuildings([this.delObj.id]).subscribe((result) => {
+      this.loading4 = false;
+      if (result["status"] == 200) {
+        this.message.success("删除成功");
+        this.buildings = this.buildings.filter(
+          (item) => item.id !== this.delObj.id
+        );
+      } else {
+        this.message.error("删除失败");
+      }
+      this.hideDelModal();
+    });
+  }
+  //保存
+  save() {
+    this.buildings = this.buildings.filter(
+      (item) => item.inspectMode && (item.increaseScore || item.increaseScore === 0)
+    );
+    let postData = this.buildings.map((item) => {
+      return {
+        id: item.id,
+        inspectMode: item.inspectMode,
+        increaseScore: item.increaseScore,
+        hosId: this.hosId,
+      };
+    });
+    postData.forEach((item) => {
+      if (item.id < 0) {
+        delete item.id;
+      }
+    });
+    this.loading3 = true;
+    this.mainService.saveInspections(postData).subscribe((result) => {
+      this.loading3 = false;
+      if (result["status"] == 200) {
+        this.message.success("保存成功");
+        this.getBuildingConfig(this.hosId);
+      } else {
+        this.message.error("保存失败");
+        result["data"].forEach((item) => {
+          let i = this.buildings.findIndex((v) => v.id === item.id);
+          this.buildings[i].border = "red";
+        });
+      }
+    });
+  }
+  //trackBy
+  trackById(index, item) {
+    return item.id;
+  }
+}
+

src/app/views/inspection-distance/inspection-distance.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { InspectionDistanceRoutingModule } from './inspection-distance-routing.module';
+import { ShareModule } from 'src/app/share/share.module';
+import { InspectionDistanceComponent } from './inspection-distance.component';
+
+
+@NgModule({
+  declarations: [InspectionDistanceComponent],
+  imports: [
+    CommonModule,
+    InspectionDistanceRoutingModule,
+    ShareModule
+  ]
+})
+export class InspectionDistanceModule { }

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

@@ -310,7 +310,7 @@ const routes: Routes = [
           ),
       },
       {
-        // 楼栋距离绩效配置
+        // 楼栋绩效
         path: "buildingDistance",
         loadChildren: () =>
           import("../building-distance/building-distance.module").then(
@@ -318,6 +318,14 @@ const routes: Routes = [
           ),
       },
       {
+        // 陪检绩效
+        path: "inspectionDistance",
+        loadChildren: () =>
+          import("../inspection-distance/inspection-distance.module").then(
+            (m) => m.InspectionDistanceModule
+          ),
+      },
+      {
         // 检查类型配置
         path: "inspectTypeConfig",
         loadChildren: () =>