初始化项目

.editorconfig

@@ -0,0 +1,13 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

.gitignore

@@ -0,0 +1,47 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+/dist
+/tmp
+/out-tsc
+# Only exists if Bazel was run
+/bazel-out
+
+# dependencies
+/node_modules
+
+# profiling files
+chrome-profiler-events.json
+speed-measure-plugin.json
+
+# IDEs and editors
+/.idea
+/.vscode
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+.history/*
+
+# misc
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+yarn-error.log
+testem.log
+/typings
+
+# System Files
+.DS_Store
+Thumbs.db

README.md

@@ -0,0 +1,7 @@
+# 目录说明-seimin(2021-03-08)
+- directives存放指令
+- guard存放守卫
+- pipes存放管道
+- services存放服务
+- views存放视图
+- share存放共享组件

angular.json

@@ -0,0 +1,142 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "itsm-zy": {
+      "projectType": "application",
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "less"
+        }
+      },
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+            "outputPath": "dist/itsm-pc",
+            "index": "src/index.html",
+            "main": "src/main.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "tsconfig.app.json",
+            "aot": false,
+            "assets": [
+              "src/favicon.ico",
+              "src/assets",
+              {
+                "glob": "**/*",
+                "input": "./node_modules/@ant-design/icons-angular/src/inline-svg/",
+                "output": "/assets/"
+              }
+            ],
+            "styles": [
+              "src/styles.less",
+              "src/assets/iconfont/iconfont.css"
+            ],
+            "scripts": [
+              "node_modules/echarts/dist/echarts.min.js"
+            ]
+          },
+          "configurations": {
+            "production": {
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.prod.ts"
+                }
+              ],
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": false,
+              "extractCss": true,
+              "namedChunks": false,
+              "aot": true,
+              "extractLicenses": true,
+              "vendorChunk": false,
+              "buildOptimizer": true,
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "30mb",
+                  "maximumError": "30mb"
+                }
+              ]
+            },
+            "es5":{
+              "tsConfig": "./tsconfig.app.es5.json"
+            }
+          }
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "options": {
+            "browserTarget": "itsm-zy:build"
+          },
+          "configurations": {
+            "production": {
+              "browserTarget": "itsm-zy:build:production"
+            },
+            "es5":{
+              "browserTarget": "itsm-zy:build:es5"
+            }
+          }
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "options": {
+            "browserTarget": "itsm-zy:build"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "src/test.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "tsconfig.spec.json",
+            "karmaConfig": "karma.conf.js",
+            "assets": [
+              "src/favicon.ico",
+              "src/assets"
+            ],
+            "styles": [
+              "src/styles.less",
+              "src/assets/iconfont/iconfont.css"
+            ],
+            "scripts": [
+              "node_modules/echarts/dist/echarts.min.js"
+            ]
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "tsconfig.app.json",
+              "tsconfig.spec.json",
+              "e2e/tsconfig.json"
+            ],
+            "exclude": [
+              "**/node_modules/**"
+            ]
+          }
+        },
+        "e2e": {
+          "builder": "@angular-devkit/build-angular:protractor",
+          "options": {
+            "protractorConfig": "e2e/protractor.conf.js",
+            "devServerTarget": "itsm-zy:serve"
+          },
+          "configurations": {
+            "production": {
+              "devServerTarget": "itsm-zy:serve:production"
+            }
+          }
+        }
+      }
+    }
+  },
+  "defaultProject": "itsm-zy"
+}

browserslist

@@ -0,0 +1,10 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+> 1%,
+last 2 versions,
+chrome 39,
+not ie <= 9,

e2e/protractor.conf.js

@@ -0,0 +1,32 @@
+// @ts-check
+// Protractor configuration file, see link for more information
+// https://github.com/angular/protractor/blob/master/lib/config.ts
+
+const { SpecReporter } = require('jasmine-spec-reporter');
+
+/**
+ * @type { import("protractor").Config }
+ */
+exports.config = {
+  allScriptsTimeout: 11000,
+  specs: [
+    './src/**/*.e2e-spec.ts'
+  ],
+  capabilities: {
+    'browserName': 'chrome'
+  },
+  directConnect: true,
+  baseUrl: 'http://localhost:4200/',
+  framework: 'jasmine',
+  jasmineNodeOpts: {
+    showColors: true,
+    defaultTimeoutInterval: 30000,
+    print: function() {}
+  },
+  onPrepare() {
+    require('ts-node').register({
+      project: require('path').join(__dirname, './tsconfig.json')
+    });
+    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
+  }
+};

e2e/src/app.e2e-spec.ts

@@ -0,0 +1,23 @@
+import { AppPage } from './app.po';
+import { browser, logging } from 'protractor';
+
+describe('workspace-project App', () => {
+  let page: AppPage;
+
+  beforeEach(() => {
+    page = new AppPage();
+  });
+
+  it('should display welcome message', () => {
+    page.navigateTo();
+    expect(page.getTitleText()).toEqual('Welcome to itsm-zy!');
+  });
+
+  afterEach(async () => {
+    // Assert that there are no errors emitted from the browser
+    const logs = await browser.manage().logs().get(logging.Type.BROWSER);
+    expect(logs).not.toContain(jasmine.objectContaining({
+      level: logging.Level.SEVERE,
+    } as logging.Entry));
+  });
+});

e2e/src/app.po.ts

@@ -0,0 +1,11 @@
+import { browser, by, element } from 'protractor';
+
+export class AppPage {
+  navigateTo() {
+    return browser.get(browser.baseUrl) as Promise<any>;
+  }
+
+  getTitleText() {
+    return element(by.css('app-root h1')).getText() as Promise<string>;
+  }
+}

e2e/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/e2e",
+    "module": "commonjs",
+    "target": "es5",
+    "types": [
+      "jasmine",
+      "jasminewd2",
+      "node"
+    ]
+  }
+}

karma.conf.js

@@ -0,0 +1,32 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage-istanbul-reporter'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    coverageIstanbulReporter: {
+      dir: require('path').join(__dirname, './coverage/itsm-zy'),
+      reports: ['html', 'lcovonly', 'text-summary'],
+      fixWebpackSourcePaths: true
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    restartOnFileChange: true
+  });
+};

package.json

@@ -0,0 +1,71 @@
+{
+  "name": "itsm-zy",
+  "version": "0.0.0",
+  "scripts": {
+    "210": "ng serve --proxy-config proxy.conf.json --port 4210 --disable-host-check --public-host=dashitech.com",
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build --prod",
+    "upload": "node ./upload/index.js",
+    "test": "ng test",
+    "lint": "ng lint",
+    "e2e": "ng e2e",
+    "bundle-report": "ng build --prod --stats-json && webpack-bundle-analyzer dist/itsm-zy/stats.json"
+  },
+  "private": true,
+  "dependencies": {
+    "@angular/animations": "~8.1.1",
+    "@angular/common": "~8.1.1",
+    "@angular/compiler": "~8.1.1",
+    "@angular/core": "~8.1.1",
+    "@angular/forms": "~8.1.1",
+    "@angular/platform-browser": "~8.1.1",
+    "@angular/platform-browser-dynamic": "~8.1.1",
+    "@angular/router": "~8.1.1",
+    "@types/crypto-js": "^3.1.47",
+    "@types/overlayscrollbars": "^1.9.0",
+    "core-js": "^3.5.0",
+    "crypto-js": "^4.0.0",
+    "datatables.net": "^1.10.20",
+    "date-fns": "^2.9.0",
+    "echarts": "^4.6.0",
+    "ng-zorro-antd": "^8.5.2",
+    "ngx-echarts": "^4.2.2",
+    "ngx-sortablejs": "^3.1.3",
+    "npm": "^6.9.0",
+    "overlayscrollbars": "^1.11.0",
+    "overlayscrollbars-ngx": "^0.1.1",
+    "rxjs": "~6.4.0",
+    "sortablejs": "^1.12.0",
+    "tslib": "^1.9.0",
+    "zone.js": "^0.9.1"
+  },
+  "devDependencies": {
+    "@angular-devkit/build-angular": "~0.801.1",
+    "@angular/cli": "~8.1.1",
+    "@angular/compiler-cli": "~8.1.1",
+    "@angular/language-service": "~8.1.1",
+    "@types/datatables.net": "^1.10.18",
+    "@types/echarts": "^4.4.2",
+    "@types/jasmine": "~3.3.8",
+    "@types/jasminewd2": "~2.0.3",
+    "@types/node": "~8.9.4",
+    "babel-polyfill": "^6.26.0",
+    "codelyzer": "^5.0.0",
+    "jasmine-core": "~3.4.0",
+    "jasmine-spec-reporter": "~4.2.1",
+    "karma": "~4.1.0",
+    "karma-chrome-launcher": "~2.2.0",
+    "karma-coverage-istanbul-reporter": "~2.0.1",
+    "karma-jasmine": "~2.0.1",
+    "karma-jasmine-html-reporter": "^1.4.0",
+    "protractor": "~5.4.0",
+    "shelljs": "^0.8.4",
+    "ssh2-sftp-client": "^6.0.1",
+    "ts-node": "~7.0.0",
+    "tslint": "~5.15.0",
+    "typescript": "~3.4.3",
+    "webpack-bundle-analyzer": "^3.7.0",
+    "zone.js": "^0.9.1"
+  }
+}

proxy.conf.json

@@ -0,0 +1,10 @@
+{
+  "/service": {
+    "target": "http://192.168.3.87",
+    "logLevel": "debug",
+    "changeOrigin": true,
+    "pathRewrite": {
+      "^/service": "/service"
+    }
+  }
+}

src/app/app-routing.module.ts

@@ -0,0 +1,50 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { NurseGuard } from './guard/nurse.guard';//护士端权限
+import { FuwutaiGuard } from './guard/fuwutai.guard';//服务台权限
+import { MainGuard } from './guard/main.guard';//管理端权限
+import { PharmacyGuard } from './guard/pharmacy.guard';//药房端权限
+const routes: Routes = [
+  {
+    path: '',
+    redirectTo: 'login',
+    pathMatch: 'full'
+  },
+  {
+    // 登录
+    path: 'login',
+    loadChildren: () => import('./views/login/login.module').then(m => m.LoginModule)
+  },
+  {
+    //管理端
+    path: 'main',
+    loadChildren: () => import('./views/main/main.module').then(m => m.MainModule),
+    canActivate: [MainGuard],
+  },
+  {
+    //调度台
+    path: 'dispatchingDesk',
+    loadChildren: () => import('./views/fuwutai/fuwutai.module').then(m => m.FuwutaiModule),
+    canActivate: [FuwutaiGuard],
+  },
+  {
+    // 护士端
+    path: 'nurse',
+    loadChildren: () => import('./views/hushijiandan/hushijiandan.module').then(m => m.HushijiandanModule),
+    canActivate: [NurseGuard],
+  },
+  {
+    path: 'pharmacy',//药房端
+    loadChildren: () => import('./views/pharmacy/pharmacy.module').then(m => m.PharmacyModule),
+    canActivate: [PharmacyGuard]
+  },
+  { path: '**', redirectTo: 'main/home' }
+
+];
+
+@NgModule({
+  imports: [RouterModule.forRoot(routes)],
+  exports: [RouterModule]
+})
+export class AppRoutingModule { }

src/app/app.component.html

@@ -0,0 +1 @@
+<router-outlet></router-outlet>

src/app/app.component.less

@@ -0,0 +1,87 @@
+:host {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+app-main {
+  width: 100%;
+}
+
+.app-layout {
+  width: 100%;
+  height: 100vh;
+}
+
+.menu-sidebar {
+  position: relative;
+  z-index: 8;
+  min-height: 100vh;
+  box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
+}
+
+.header-trigger {
+  height: 64px;
+  padding: 20px 24px;
+  font-size: 20px;
+  cursor: pointer;
+  transition: all 0.3s, padding 0s;
+}
+
+.trigger:hover {
+  color: #1890ff;
+}
+
+.sidebar-logo {
+  position: relative;
+  height: 64px;
+  padding-left: 24px;
+  overflow: hidden;
+  line-height: 64px;
+  background: #001529;
+  transition: all 0.3s;
+}
+
+.sidebar-logo img {
+  display: inline-block;
+  height: 32px;
+  width: 32px;
+  vertical-align: middle;
+}
+
+.sidebar-logo h1 {
+  display: inline-block;
+  margin: 0 0 0 20px;
+  color: #fff;
+  font-weight: 600;
+  font-size: 14px;
+  font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
+  vertical-align: middle;
+}
+
+nz-header {
+  padding: 0;
+  width: 100%;
+  z-index: 2;
+}
+
+.app-header {
+  position: relative;
+  height: 64px;
+  padding: 0;
+  background: #fff;
+  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
+}
+
+nz-content {
+  margin: 24px;
+}
+
+.inner-content {
+  padding: 24px;
+  background: #fff;
+  /* height: 100%; */
+}

src/app/app.component.ts

@@ -0,0 +1,7 @@
+import { Component } from '@angular/core';
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.less']
+})
+export class AppComponent {}

src/app/app.module.ts

@@ -0,0 +1,38 @@
+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AppRoutingModule } from './app-routing.module';
+import { AppComponent } from './app.component';
+import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
+import { registerLocaleData, HashLocationStrategy, LocationStrategy } from '@angular/common';
+import zh from '@angular/common/locales/zh';
+import { HttpInterceptorService } from './services/httpInterceptor.service';//请求拦截器
+import { ShareModule } from './share/share.module';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { NZ_I18N, zh_CN, NzConfig, NZ_CONFIG } from 'ng-zorro-antd';
+const ngZorroConfig: NzConfig = {
+  // 注意组件名称没有 nz 前缀
+  notification: { nzTop: 100 }
+};
+registerLocaleData(zh);
+@NgModule({
+  declarations: [
+    AppComponent,
+  ],
+  imports: [
+    BrowserModule,
+    CommonModule,
+    BrowserAnimationsModule,
+    AppRoutingModule,
+    HttpClientModule,
+    ShareModule,
+  ],
+  providers: [
+    { provide: NZ_I18N, useValue: zh_CN },
+    { provide: NZ_CONFIG, useValue: ngZorroConfig },
+    { provide: LocationStrategy, useClass: HashLocationStrategy },
+    { provide: HTTP_INTERCEPTORS, useClass: HttpInterceptorService, multi: true },
+  ],
+  bootstrap: [AppComponent]
+})
+export class AppModule { }

src/app/directives/drag.directive.ts

@@ -0,0 +1,80 @@
+import { Directive, ElementRef, HostListener, OnInit } from '@angular/core';
+import { fromEvent } from 'rxjs';
+
+@Directive({
+  selector: '[appDrag]'
+})
+export class DragDirective implements OnInit {
+
+  private isDown = false;
+  private disX = 0;
+  private disY = 0;
+
+  constructor(private el: ElementRef) { }
+
+  /*  ElementRef是一个服务，它赋予我们通过它的nativeElement属性直接访问 "DOM 元素"的能力  */
+
+  ngOnInit() {
+    this.el.nativeElement.style.left = (document.documentElement.clientWidth - this.el.nativeElement.offsetWidth) / 2 + 'px';
+    this.el.nativeElement.style.top = (document.documentElement.clientHeight - this.el.nativeElement.offsetHeight) / 2 + 'px';
+
+    /* 模态框距左边的距离是document的宽度减去模态框的宽度除以二，同理得出距上面的距离 */
+
+    fromEvent(window, 'resize').subscribe(() => {
+      this.el.nativeElement.style.left = (document.documentElement.clientWidth - this.el.nativeElement.offsetWidth) / 2 + 'px';
+      this.el.nativeElement.style.top = (document.documentElement.clientHeight - this.el.nativeElement.offsetHeight) / 2 + 'px';
+    });
+
+    /* 监控浏览区大小变化，将其设置在浏览器中间位置 */
+
+  }
+
+  // 点击事件
+  @HostListener('mousedown', ['$event']) onMousedown(event) {
+    // 点击关闭
+    if (!event.target.className.includes('icon-close')&&!event.target.className.includes('dialog-refresh')){
+      // if (event.target.className.indexOf('drag-title') !== -1) {
+      // 移动区域
+      this.isDown = true;
+      this.disX = event.clientX - this.el.nativeElement.offsetLeft;
+      this.disY = event.clientY - this.el.nativeElement.offsetTop;
+      // }
+    }
+    return false;
+  }
+  // 监听document移动事件事件
+  @HostListener('document:mousemove', ['$event']) onMousemove(event) {
+    // 判断该元素是否被点击了。
+    if (this.isDown) {
+      // 移动中;
+      const newdisX = event.clientX;
+      const newdisY = event.clientY;
+      let oLeft = newdisX - this.disX;
+      let oTop = newdisY - this.disY;
+      if (oLeft < 0) {
+        oLeft = 0;
+      } else if (oLeft > document.documentElement.clientWidth - this.el.nativeElement.offsetWidth) {
+        oLeft = document.documentElement.clientWidth - this.el.nativeElement.offsetWidth;
+      }
+      if (oTop < 0) {
+        oTop = 0;
+      } else if (oTop > document.documentElement.clientHeight - this.el.nativeElement.offsetHeight) {
+        oTop = document.documentElement.clientHeight - this.el.nativeElement.offsetHeight;
+      }
+      this.el.nativeElement.style.left = oLeft + 'px';
+      this.el.nativeElement.style.top = oTop + 'px';
+    }
+    return false;
+  }
+  // 监听document离开事件
+
+  @HostListener('document:mouseup', ['$event']) onMouseup() {
+    // 只用当元素移动过了，离开函数体才会触发。
+    if (this.isDown) {
+      document.onmousemove = null;
+      document.onmouseup = null;
+      this.isDown = false;
+    }
+    return false;
+  }
+}

src/app/guard/fuwutai.guard.ts

@@ -0,0 +1,28 @@
+import { Injectable } from '@angular/core';
+import { Router, ActivatedRouteSnapshot, RouterStateSnapshot, UrlTree, CanActivate } from '@angular/router';
+import { Observable } from 'rxjs';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class FuwutaiGuard implements CanActivate {
+
+  constructor(public router: Router) { }
+
+  canActivate(): boolean {
+    let menus = JSON.parse(localStorage.getItem('menu'));
+    let can = false;
+    if (menus) {
+      menus.forEach((e) => {
+        if (e.link == 'dispatchingDesk') {
+          can = true;
+        }
+      });
+    }
+    if (!can) {
+      this.router.navigate(['login']);
+      return false
+    }
+    return true;
+  }
+}

src/app/guard/main.guard.ts

@@ -0,0 +1,28 @@
+import { Injectable } from '@angular/core';
+import { ActivatedRouteSnapshot, RouterStateSnapshot, UrlTree, CanActivate, Router } from '@angular/router';
+import { Observable } from 'rxjs';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class MainGuard implements CanActivate {
+  constructor(public router: Router) { }
+
+  canActivate(): boolean {
+    let menus = JSON.parse(localStorage.getItem('menu'));
+    let can = false;
+    if (menus) {
+      console.log(menus,'守卫');
+      menus.forEach((e) => {
+        if (!e.parentid && !e.link && e.event == 1) {
+          can = true;
+        }
+      });
+    }
+    if (!can) {
+      this.router.navigate(['login']);
+      return false
+    }
+    return true;
+  }
+}

src/app/guard/nurse.guard.ts

@@ -0,0 +1,29 @@
+import { Injectable } from '@angular/core';
+import { Router, ActivatedRouteSnapshot, RouterStateSnapshot, UrlTree, CanActivate } from '@angular/router';
+import { Observable } from 'rxjs';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class NurseGuard implements CanActivate {
+
+  constructor(public router: Router) { }
+
+  canActivate(): boolean {
+    let menus = JSON.parse(localStorage.getItem('menu'));
+    let can = false;
+    if(menus){
+      menus.forEach((e) => {
+        if (e.link == 'nurse') {
+          can = true;
+        }
+      });
+    }
+    if (!can) {
+      this.router.navigate(['login']);
+      return false
+    }
+    return true;
+  }
+
+}

src/app/guard/pharmacy.guard.ts

@@ -0,0 +1,27 @@
+import { Injectable } from '@angular/core';
+import { ActivatedRouteSnapshot, CanActivate, Router, RouterStateSnapshot, UrlTree } from '@angular/router';
+import { Observable } from 'rxjs';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class PharmacyGuard implements CanActivate {
+  constructor(public router: Router) { }
+
+  canActivate(): boolean {
+    let menus = JSON.parse(localStorage.getItem('menu'));
+    let can = false;
+    if (menus) {
+      menus.forEach((e) => {
+        if (e.link == 'pharmacy') {
+          can = true;
+        }
+      });
+    }
+    if (!can) {
+      this.router.navigate(['login']);
+      return false
+    }
+    return true;
+  }
+}

src/app/pipes/date-transform.pipe.ts

@@ -0,0 +1,31 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'dateTransform'
+})
+export class DateTransformPipe implements PipeTransform {
+
+  transform(value: any, ...args: any[]): any {
+    let fullDate = new Date(value);//传入的日期
+    let year = fullDate.getFullYear();
+    let month = (fullDate.getMonth() + 1).toString().padStart(2, '0');
+    let date = fullDate.getDate().toString().padStart(2, '0');
+    let hour = fullDate.getHours().toString().padStart(2, '0');
+    let minute = fullDate.getMinutes().toString().padStart(2, '0');
+    let nowFullDate = new Date();//当前的日期
+    let nowYear = nowFullDate.getFullYear();//当前的年份
+    let nowDate = nowFullDate.getDate().toString().padStart(2, '0');//当前是几号
+    let day1 = new Date(nowFullDate.getTime() - 24 * 60 * 60);//昨天
+    let day1Date = day1.getDate().toString().padStart(2, '0');//昨天是几号
+    if (year !== nowYear) {//跨年
+      return `${year}-${month}-${date} ${hour}:${minute}`;
+    } else if (day1Date === date) {//昨日
+      return `昨日 ${month}-${date} ${hour}:${minute}`;
+    } else if (nowDate === date) {//今日
+      return `今日 ${month}-${date} ${hour}:${minute}`;
+    } else {
+      return `${month}-${date} ${hour}:${minute}`;
+    }
+  }
+
+}

src/app/services/date.service.ts

@@ -0,0 +1,136 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class DateService {
+
+  constructor() { }
+  date() {
+    /**
+     * 获取本周、本季度、本月、上月的开始日期、结束日期
+     */
+    var now = new Date(); //当前日期
+    var nowDayOfWeek = now.getDay(); //今天本周的第几天
+    var nowDay = now.getDate(); //当前日
+    var nowMonth = now.getMonth(); //当前月
+    var nowYear = now.getFullYear(); //当前年
+    nowYear += (nowYear < 2000) ? 1900 : 0; //
+    var lastMonthDate = new Date(); //上月日期
+    lastMonthDate.setDate(1);
+    lastMonthDate.setMonth(lastMonthDate.getMonth() - 1);
+    var lastYear = lastMonthDate.getFullYear();
+    var lastMonth = lastMonthDate.getMonth();
+    var lastMonthYear = lastMonthDate.getFullYear();//上月的年份
+    //格式化日期：yyyy-MM-dd
+    function formatDate(date) {
+      var myyear = date.getFullYear();
+      var mymonth = date.getMonth() + 1;
+      var myweekday = date.getDate();
+      if (mymonth < 10) {
+        mymonth = "0" + mymonth;
+      }
+      if (myweekday < 10) {
+        myweekday = "0" + myweekday;
+      }
+      return (myyear + "-" + mymonth + "-" + myweekday);
+    }
+    //获得某月的天数
+    function getMonthDays(myMonth) {
+      var monthStartDate = new Date(nowYear, myMonth, 1);
+      var monthEndDate = new Date(nowYear, myMonth + 1, 1);
+      var days = (Number(monthEndDate) - Number(monthStartDate)) / (1000 * 60 * 60 * 24);
+      return days;
+    }
+    //获得本季度的开始月份
+    function getQuarterStartMonth() {
+      var quarterStartMonth = 0;
+      if (nowMonth < 3) {
+        quarterStartMonth = 0;
+      }
+      if (2 < nowMonth && nowMonth < 6) {
+        quarterStartMonth = 3;
+      }
+      if (5 < nowMonth && nowMonth < 9) {
+        quarterStartMonth = 6;
+      }
+      if (nowMonth > 8) {
+        quarterStartMonth = 9;
+      }
+      return quarterStartMonth;
+    }
+    //获得本周的开始日期
+    function getWeekStartDate() {
+      var weekStartDate = new Date(nowYear, nowMonth, nowDay - nowDayOfWeek);
+      return weekStartDate;
+    }
+    //获得本周的结束日期
+    function getWeekEndDate() {
+      var weekEndDate = new Date(nowYear, nowMonth, nowDay + (6 - nowDayOfWeek));
+      return weekEndDate;
+    }
+    //获得上周的开始日期
+    function getLastWeekStartDate() {
+      var weekStartDate = new Date(nowYear, nowMonth, nowDay - nowDayOfWeek - 6);
+      // var weekStartDate = new Date(nowYear, nowMonth, nowDay - nowDayOfWeek - 7);//周日为一周的第一天
+      return weekStartDate;
+    }
+    //获得上周的结束日期
+    function getLastWeekEndDate() {
+      var weekEndDate = new Date(nowYear, nowMonth, nowDay - nowDayOfWeek);
+      // var weekEndDate = new Date(nowYear, nowMonth, nowDay - nowDayOfWeek-1);//周六为一周的最后一天
+      return weekEndDate;
+    }
+    //获得本月的开始日期
+    function getMonthStartDate() {
+      var monthStartDate = new Date(nowYear, nowMonth, 1);
+      return monthStartDate;
+    }
+    //获得本月的结束日期
+    function getMonthEndDate() {
+      var monthEndDate = new Date(nowYear, nowMonth, getMonthDays(nowMonth));
+      return monthEndDate;
+    }
+    //获得上月开始时间
+    function getLastMonthStartDate() {
+      var lastMonthStartDate = new Date(lastMonthYear, lastMonth, 1);
+      return lastMonthStartDate;
+    }
+    //获得上月结束时间
+    function getLastMonthEndDate() {
+      var lastMonthEndDate = new Date(lastMonthYear, lastMonth, getMonthDays(lastMonth));
+      return lastMonthEndDate;
+    }
+    //获得本季度的开始日期
+    function getQuarterStartDate() {
+      var quarterStartDate = new Date(nowYear, getQuarterStartMonth(), 1);
+      return quarterStartDate;
+    }
+    //获得本季度的结束日期
+    function getQuarterEndDate() {
+      var quarterEndMonth = getQuarterStartMonth() + 2;
+      var quarterStartDate = new Date(nowYear, quarterEndMonth,
+        getMonthDays(quarterEndMonth));
+      return quarterStartDate;
+    }
+    //获得上年的开始日期
+    function getLastYearStartDate() {
+      var yearStartDate = new Date(nowYear - 1, 0, 1);
+      return yearStartDate;
+    }
+    //获得上年的结束日期
+    function getLastYearEndDate() {
+      var yearEndDate = new Date(nowYear - 1, 11, 31);
+      return yearEndDate;
+    }
+    return {
+      lastWeekStartDate: getLastWeekStartDate(),
+      lastWeekEndDate: getLastWeekEndDate(),
+      lastMonthStartDate: getLastMonthStartDate(),
+      lastMonthEndDate: getLastMonthEndDate(),
+      lastYearStartDate: getLastYearStartDate(),
+      lastYearEndDate: getLastYearEndDate(),
+      formatDate: formatDate,
+    }
+  }
+}

src/app/services/httpInterceptor.service.ts

@@ -0,0 +1,86 @@
+import { Injectable } from '@angular/core';
+import { HttpInterceptor, HttpEvent, HttpHandler, HttpRequest, HttpResponse } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { tap } from 'rxjs/operators';
+import { Router } from '@angular/router'
+import { NzMessageService } from 'ng-zorro-antd/message';
+const ignoreToken = ['login', 'logout', 'table'];
+// @Injectable()
+export class HttpInterceptorService implements HttpInterceptor {
+  constructor(private router: Router, private msg: NzMessageService) { }
+  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
+    // alert(6)
+    // 先补全请求协议
+    let url = req.url;
+    const needToken = ignoreToken.filter(u => url.match(u));
+    // if (url.indexOf('http://') < 0 || url.indexOf('https://') < 0) {
+    //   url = 'http://' + url;
+    // }
+    // 过滤掉不需要token的请求
+    if (!needToken.length) {
+      req = req.clone({
+        url
+      });
+    } else {
+      req = req.clone({
+        url,
+        headers: req.headers.set('token', 'asdqwe')
+      });
+    }
+    return next.handle(req).pipe(
+      tap(
+        event => {
+          if (event instanceof HttpResponse) {
+            let that = this;
+            if (event.body == 520) {
+              // 登录失效
+              // console.log('event登录失效')
+              // that.msg.error('您的登录已失效，请重新登录！', {
+              //   nzDuration: 3000
+              // });
+              setTimeout(() => {
+                that.router.navigateByUrl('login');
+              }, 2000);
+              localStorage.removeItem('user')
+              localStorage.removeItem('menu')
+              localStorage.removeItem('phones')
+              localStorage.removeItem('index')
+              return;
+            }
+            else if (event.status == 500) {
+              // 系统异常
+              console.log('event系统异常')
+              // that.msg.error(event.body.remarks, {
+              //   nzDuration: 2000
+              // });
+              return
+            }
+          }
+        },
+        error => {
+          // console.log(error)
+          let that = this;
+          if (error.error && error.error.text == 520) {
+            // 登录失效
+            setTimeout(() => {
+              that.router.navigateByUrl('login');
+              localStorage.removeItem('user')
+              localStorage.removeItem('menu')
+              localStorage.removeItem('phones')
+              localStorage.removeItem('index')
+            }, 2000);
+            return
+          }
+          else if (error.status == 500) {
+            // 系统异常
+            console.log('error系统异常，请重试！')
+            // that.msg.error('error系统异常，请重试！', {
+            //   nzDuration: 3000
+            // });
+            return
+          }
+
+        })
+    );
+  }
+}

src/app/services/main.service.ts

@@ -0,0 +1,316 @@
+import { Injectable } from '@angular/core';
+import { HttpClient, HttpHeaders } from '@angular/common/http';
+
+import host from "../../assets/js/http";
+
+@Injectable({
+  providedIn: 'root'
+})
+export class MainService {
+  constructor(private http: HttpClient) { }
+
+  headers = new HttpHeaders({
+    'Content-Type': 'application/json',
+    'Cache-Control': 'no-cache'
+  });
+  exportHeader = new HttpHeaders().set('Accept', '*/*');//导出excel表使用
+  // 单点登录
+  singleSignOnLogin(data): any {
+    return this.http.post(host.host + '/auth/portalLogin', data, { headers: this.headers });
+  }
+  // 登录
+  login(name: string, pwd: string): any {
+    const data = {
+      username: name,
+      password: pwd,
+      type: 'PC'
+    }
+    return this.http.post(host.host + '/auth/login', data, { headers: this.headers });
+  }
+  // 登出
+  logOut(): any {
+    return this.http.delete(host.host + '/auth/logout2', { headers: this.headers });
+  }
+
+  // 修改密码
+  upPwd(data): any {
+    return this.http.post(host.host + '/auth/uppwd', data, { headers: this.headers });
+  }
+  // 字典表
+  getDictionary(type, key): any {
+    const data = {
+      type: type,
+      key: key
+    }
+    return this.http.post(host.host + '/common/common/getDictionary', data, { headers: this.headers });
+  }
+  // 列表搜索（get data）
+  getDataFetchData(type, id): any {
+    return this.http.get(host.host + '/data/fetchData/' + type + '/' + id, { headers: this.headers });
+  }
+  // api 详情 -工单详情
+  getApiFetchData(type, id): any {
+    return this.http.get(host.host + '/api/fetchData/' + type + '/' + id, { headers: this.headers });
+  }
+  // 列表搜索（通用）
+  getFetchDataList(type, target, data): any {
+    return this.http.post(host.host + '/' + type + '/fetchDataList/' + target, data, { headers: this.headers });
+  }
+
+  // 调度台 获取支助人员信息
+  getSerInfo(type, data): any {
+    return this.http.post(host.host + '/ser/' + type, data, { headers: this.headers });
+  }
+
+  // 通用操作data信息（新增/更新/删除）//coop:操作类型addData:新增，updData更新，rmvData删除
+  coopData(coop, type, data): any {
+    return this.http.post(host.host + '/data/' + coop + '/' + type, data, { headers: this.headers });
+  }
+
+  // 通用操作user data信息（新增/更新/删除）//coop:操作类型addData:新增，updData更新，rmvData删除
+  coopUserData(coop, type, data): any {
+    return this.http.post(host.host + '/user/data/' + coop + '/' + type, data, { headers: this.headers });
+  }
+  // 获取院区user信息
+  getHosUser(type, id): any {
+    return this.http.get(host.host + '/user/data/' + type + '/' + id, {});
+  }
+
+  // 通用操作configuration信息 有操作类型（新增/更新/删除）//coop:操作类型addData:新增，updData更新，rmvData删除
+  coopTypeConfig(coop, type, data): any {
+    return this.http.post(host.host + '/configuration/' + coop + '/' + type, data, { headers: this.headers });
+  }
+  // 通用操作configuration信息（新增/更新/删除）
+  coopConfig(type, data): any {
+    return this.http.post(host.host + '/configuration/' + type, data, { headers: this.headers });
+  }
+
+  // 查询所有数据
+  findAllDataList(type): any {
+    return this.http.post(host.host + '/data/findAll/' + type, {}, { headers: this.headers });
+  }
+
+  // 权限相关
+  getPermission(type): any {
+    return this.http.get(host.host + '/permission/roleMenu/' + type, { headers: this.headers });
+  }
+
+  //科室详情
+  getOfficeDetail(id): any {
+    return this.http.get(host.host + '/data/fetchData/department/' + id, { headers: this.headers });
+  }
+
+  // fetchData查看详情
+  getFetchData(type, info, id?): any {
+    let url = id ? host.host + '/' + type + '/fetchData/' + info + '/' + id : host.host + '/' + type + '/fetchData/' + info
+    return this.http.get(url, { headers: this.headers });
+  }
+
+  // 获取楼栋信息/楼层信息
+  getBuildingOrFloor(type, data): any {
+    return this.http.post(host.host + '/data/getBuildingOrFloor/' + type, data, { headers: this.headers });
+  }
+
+  // 自定义请求 post
+  postCustom(type, info, data): any {
+    return this.http.post(host.host + '/' + type + '/' + info, data, { headers: this.headers });
+  }
+  // 科室二维码打印flag=1
+  postCustomCode(type, info, data): any {
+    return this.http.post(host.host + '/' + type + '/' + info + '/1', data, { headers: this.headers });
+  }
+
+  // 自定义请求 get
+  getCustom(type, info): any {
+    return this.http.get(host.host + '/' + type + '/' + info, { headers: this.headers });
+  }
+  // 调度台-分派工单
+  assignWorker(data, type): any {
+    return this.http.post(host.host + '/workerOrder/' + type, data, { headers: this.headers });
+  }
+
+  // 调度台-删除工单
+  delOrder(id): any {
+    return this.http.get(host.host + '/workerOrder/delWorkOrder/' + id, { headers: this.headers });
+  }
+  // 工单列表-删除工单
+  delOrders(ids): any {
+    return this.http.post(host.host + '/workerOrder/delWorkOrders', { ids }, { headers: this.headers });
+  }
+
+  // 调度台工单相关
+  coopWorkerOrder(type, data): any {
+    return this.http.post(host.host + '/workerOrder/' + type, data, { headers: this.headers });
+  }
+
+  // 调度台-工单历史记录
+  getWorkOrderLog(id): any {
+    return this.http.get(host.host + '/ser/fetchWorkOrderLog/' + id, { headers: this.headers });
+  }
+
+  // 综合报表
+  postReportCount(type, data): any {
+    return this.http.post(host.host + '/report/orderCount/' + type, data, { headers: this.headers });
+  }
+
+  // 报表导出
+  exportReport(type, data): any {
+    return this.http.post(host.host + '/report/export/' + type, data, { headers: this.exportHeader, responseType: 'arraybuffer' });
+  }
+
+  dataExport(type, data): any {
+    return this.http.post(host.host + '/data/export/' + type, data, { headers: this.exportHeader, responseType: 'arraybuffer' });
+  }
+  //新增/编辑轮巡计划
+  addRoundRobin(type: string, data: any): any {
+    return this.http.post(host.host + '/orderPlan/' + type, data, { headers: this.headers });
+  }
+  //删除轮巡计划
+  delRoundRobin(id): any {
+    return this.http.get(host.host + '/orderPlan/deletePlan/' + id, { headers: this.headers });
+  }
+  //启用/停用轮巡计划
+  switchRoundRobin(isSwitch, id): any {
+    return this.http.get(`${host.host}/orderPlan/activePlan/${isSwitch}/${id}`, { headers: this.headers });
+  }
+  //新增/编辑快捷建单
+  addShortcutBuildOrders(type: string, data: any): any {
+    return this.http.post(host.host + '/api/' + type + '/quickOrder', data, { headers: this.headers });
+  }
+  //删除快捷建单
+  delShortcutBuildOrders(id): any {
+    return this.http.post(host.host + '/api/rmvData/quickOrder', [id], { headers: this.headers });
+  }
+  // 快捷建单二维码批量打印
+  printShortcutBuildOrders(idArr): any {
+    return this.http.post(host.host + '/api/orderCodes', idArr, { headers: this.headers });
+  }
+  //护士端返回二维码信息,flag=0，动态二维码
+  getDeptCode(idArr) {
+    return this.http.post(host.host + '/dept/deptCodes/0', idArr, { headers: this.headers });
+  }
+  //药房端药房列表查询、搜索接口
+  getPharmacyList(idx, type, searchKey, launch) {
+    return this.http.post(host.host + '/api/fetchDataList/drugsBag', { "idx": idx, "sum": 10, "drugsBag": { "searchType": type, "searchKey": searchKey, "launch": launch } }, { headers: this.headers });
+  }
+  //药房端打印二维码的接口
+  printRequisition(idArr) {
+    return this.http.post(host.host + '/drugsBag/printRequisition', idArr, { headers: this.headers });
+  }
+  //药房端待打印变为待配药接口
+  changeToDispensing(idArr, name) {
+    return this.http.post(host.host + '/drugsBag/changeToDispensing/' + name, idArr, { headers: this.headers });
+  }
+  //新建工单->获取新建类型
+  getAutoWorkTypes(hosId) {
+    return this.http.get(host.host + '/ser/getAutoWorkTypes/' + hosId, { headers: this.headers });
+  }
+  //服务台新建工单—调度台建单获取起点科室或者终点科室列表
+  getdeptList(taskTypeId) {
+    return this.http.post(host.host + '/ser/getdeptList', { taskTypeId }, { headers: this.headers });
+  }
+  //服务台新建工单—调度台建单获取患者
+  getPatientList(data) {
+    return this.http.post(host.host + '/ser/getPatientInfo', data, { headers: this.headers });
+  }
+  //服务台新建工单—调度台建单获取起点科室或者终点科室列表
+  buildOrder(data) {
+    return this.http.post(host.host + '/ser/buildOrder', data, { headers: this.headers });
+  }
+  //获取当前用户信息
+  getCurrentUser1() {
+    return this.http.get(host.host + '/user/data/getCurrentUser', { headers: this.headers });
+  }
+  //获取通话记录音频地址
+  getCallLogPath(data) {
+    return this.http.post(host.host + '/callLog/getRecordByPath', data, { headers: this.headers });
+  }
+  //根据工作分配和人员id获取科室信息
+  getDeptByUser(data) {
+    return this.http.post(host.host + '/api/getDeptByUser', data, { headers: this.headers });
+  }
+  //根据工作分配和分组id获取科室信息
+  getDeptByGroup(data) {
+    return this.http.post(host.host + '/api/getDeptByGroup', data, { headers: this.headers });
+  }
+  //微信配置修改
+  changeWechatConfig(data) {
+    return this.http.post(host.host + '/simple/data/addData/wechatConfig', data, { headers: this.headers });
+  }
+  //系统配置修改
+  changeSysConfig(data) {
+    return this.http.post(host.host + '/simple/data/addListData/systemConfiguration', data, { headers: this.headers });
+  }
+  //护士端关注接口
+  changeFollow(data) {
+    return this.http.post(host.host + '/nurse/updData/patient', data, { headers: this.headers });
+  }
+  //数据字典楼栋保存接口
+  saveBuildingList(data) {
+    return this.http.post(host.host + '/simple/data/addListData/building', data, { headers: this.headers });
+  }
+  //数据字典楼栋删除接口
+  delBuildingList(data) {
+    return this.http.post(host.host + '/simple/data/rmvData/building', data, { headers: this.headers });
+  }
+  //数据字典楼层保存接口
+  saveFloorList(data) {
+    return this.http.post(host.host + '/simple/data/addListData/floor', data, { headers: this.headers });
+  }
+  //数据字典楼层保存接口
+  delFloorList(data) {
+    return this.http.post(host.host + '/simple/data/rmvData/floor', data, { headers: this.headers });
+  }
+  //获取患者最近一条检查信息
+  getRecentInfo(data) {
+    return this.http.post(host.host + '/nurse/workOrder/findInspectRecently', data, { headers: this.headers });
+  }
+  //simple增删改查,addData新增
+  simplePost(coop, type, data): any {
+    return this.http.post(host.host + '/simple/data/' + coop + '/' + type, data, { headers: this.headers });
+  }
+  //任务类型列表排序
+  sortTaskType(data): any {
+    return this.http.post(host.host + '/configuration/setOrders', data, { headers: this.headers });
+  }
+  //获取工单详情里的历史记录
+  getWorkOrderRecord(data): any {
+    return this.http.post(host.host + '/workerOrder/getWorkOrderRecord', data, { headers: this.headers });
+  }
+  //刷新字典缓存
+  refreshDic(): any {
+    return this.http.post(host.host + '/common/common/refreshCache', {}, { headers: this.headers });
+  }
+  //调度台建单获取可搜索的任务类型列表
+  getTaskTypeBySearchKey(data): any {
+    return this.http.post(host.host + '/ser/getTaskTypeBySearchKey', data, { headers: this.headers });
+  }
+  //切换院区
+  changeHospital(data): any {
+    return this.http.post(host.host + '/auth/changeHospital', data, { headers: this.headers });
+  }
+  //刷新缓存
+  refreshTaskType(): any {
+    return this.http.get(host.host + '/ser/refreshTaskType', { headers: this.headers });
+  }
+  //楼栋配置保存接口
+  saveBuildings(data) {
+    return this.http.post(host.host + '/simple/data/addListData/workOrderGradeBuilding', data, { headers: this.headers });
+  }
+  //删除接口
+  delBuildings(data) {
+    return this.http.post(host.host + '/simple/data/rmvData/workOrderGradeBuilding', data, { headers: this.headers });
+  }
+  //获取配置文件的接口
+  systemConfiguration(data) {
+    return this.http.post(host.host + '/simple/data/fetchDataList/systemConfiguration', data, { headers: this.headers });
+  }
+  //检查信息,患者信息
+  listMsgByMain(type,data) {
+    return this.http.post(host.host + '/nurse/'+type, data, { headers: this.headers });
+  }
+  //院区系统配置修改
+  changeHospitalSysConfig(data) {
+    return this.http.post(host.host + '/simple/data/addListData/hospitalConfig', data, { headers: this.headers });
+  }
+}

src/app/services/my-service.service.ts

@@ -0,0 +1,20 @@
+import { Injectable } from '@angular/core';
+import { Subject, Observable } from 'rxjs';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class MyServiceService {
+  public constructor() { }
+
+  private subject = new Subject<any>();
+  sendMsg(data) {
+    let that = this;
+    setTimeout(() => {
+      that.subject.next(data);
+    }, 1);
+  }
+  getMsg(): Observable<any> {
+    return this.subject.asObservable();
+  }
+}

src/app/services/tool.service.ts

@@ -0,0 +1,21 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ToolService {
+
+  constructor() { }
+  // 获取权限中的院区
+  getHospitalList() {
+    return JSON.parse(localStorage.getItem('user')).infoPermission.hospitals || [];
+  }
+  // 获取权限中的分组
+  getGroupList() {
+    return JSON.parse(localStorage.getItem('user')).infoPermission.groups || [];
+  }
+  // 获取当前院区
+  getCurrentHospital() {
+    return JSON.parse(localStorage.getItem('user')).user.currentHospital ? JSON.parse(localStorage.getItem('user')).user.currentHospital : JSON.parse(localStorage.getItem('user')).infoPermission.hospitals[0];
+  }
+}

src/app/services/websocket-phone.service.ts

@@ -0,0 +1,61 @@
+import { Injectable } from '@angular/core';
+import { Subject, Observable, from } from 'rxjs';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class WebsocketPhoneService {
+
+  constructor() { }
+
+
+  ws: WebSocket;//定义websocket
+  private subject;
+  flag = 1;//是否自动重连,1,正常,2，关闭，3，重连
+  // 连接websocket
+  connectWs(url, data): Observable<any> {
+    var postData = data;
+    if (this.ws != null) { this.ws.close() };
+    if (this.subject) { this.subject = null };
+    this.ws = new WebSocket(url);
+    this.subject = new Subject<any>();
+    let that = this;
+    this.ws.onopen = function (event) {
+      //socket 开启后执行，可以向后端传递信息
+      var sendData = JSON.stringify(postData)
+      that.ws.send(sendData);
+      console.log('open')
+    }
+    this.ws.onmessage = function (event) {
+      //socket 获取后端传递到前端的信息
+      console.log('onmessage')
+      if (event.data && event.data.length > 1) {
+        that.subject.next(JSON.parse(event.data));
+      }
+    }
+
+    this.ws.onerror = function (event) {
+      //socket error信息
+      console.log('error')
+
+    }
+    this.ws.onclose = function (event) {
+      //socket 关闭后执行
+      console.log('close')
+      console.log('websocket 断开: ' + event.code + ' ' + event.reason + ' ' + event.wasClean)
+      if(event.wasClean){
+        that.flag = 2;
+      }else{
+        that.flag = 3;
+      }
+    }
+
+    return that.subject.asObservable();
+  }
+
+  // 断开websocket,true关闭，false，断线重连
+  closeWs() {
+    this.ws.close()
+  }
+}
+

src/app/services/websocket.service.ts

@@ -0,0 +1,56 @@
+import { Injectable } from '@angular/core';
+import { Subject, Observable } from 'rxjs';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class WebsocketService {
+
+  constructor() { }
+  ws: WebSocket;//定义websocket
+  private subject;
+  // 连接websocket
+  connectWs(url, data): Observable<any> {
+    var postData = data;
+    if (this.ws != null) { this.ws.close() };
+    if (this.subject) { this.subject = null };
+    this.ws = new WebSocket(url);
+    this.subject = new Subject<any>();
+    let that = this;
+    this.ws.onopen = function (event) {
+      //socket 开启后执行，可以向后端传递信息
+      var sendData = JSON.stringify(postData)
+      that.ws.send(sendData);
+      console.log('open')
+    }
+    this.ws.onmessage = function (event) {
+      //socket 获取后端传递到前端的信息
+      console.log('onmessage')
+      if (event.data && event.data.length > 1) {
+        that.subject.next(JSON.parse(event.data));
+      }
+    }
+
+    this.ws.onerror = function (event) {
+      //socket error信息
+      console.log('error')
+
+    }
+    this.ws.onclose = function (event) {
+      //socket 关闭后执行
+      console.log('close')
+    }
+
+    return that.subject.asObservable();
+  }
+
+  // 断开websocket
+  closeWs() {
+    this.ws.close()
+  }
+
+
+
+
+
+}

src/app/share/allocation-worker/allocation-worker.component.html

@@ -0,0 +1,59 @@
+<div class="detail">
+  <div class="title">分配支助人员<i class="icon_transport transport-guanbi" (click)="close()"></i></div>
+  <div class="content">
+    <div nz-row class="select">
+      <div nz-col nzSpan="6">
+        <div class="label">人员姓名：</div>
+        <input nz-input placeholder="请输入人员姓名" [(ngModel)]="searchName" nzSize="default" (ngModelChange)="searchInp()" />
+      </div>
+      <div nz-col nzSpan="6" class="ml8">
+        <div class="label">人员分组：</div>
+        <nz-select style="width: 220px;" [nzDropdownMatchSelectWidth]="false" [(ngModel)]="checkedGroup"
+          (ngModelChange)="searchInp()" nzPlaceHolder="请选择人员分组">
+          <nz-option *ngFor="let optionData of groupList" [nzLabel]="optionData.groupName" [nzValue]="optionData.id">
+          </nz-option>
+        </nz-select>
+      </div>
+    </div>
+    <div class="table">
+      <div class="box">
+        <nz-table class="allotWorkerTable" [nzShowPagination]="false" #rowSelectionTable [nzData]="workerList"
+          nzSize="small" [nzScroll]="{ y: '270px' }" [nzLoading]="loading1">
+          <thead>
+            <tr class="thead">
+              <th nzWidth="30px" style="text-align: center"></th>
+              <th nzWidth="60px" style="text-align: center">姓名</th>
+              <th nzWidth="140px" style="text-align: center">工作情况</th>
+              <th nzWidth="200px" style="text-align: center">最后地址以及目标地址</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr *ngFor="let data of rowSelectionTable.data" (click)="checkAllotWorker(data.id,true)">
+              <td nzShowCheckbox [(nzChecked)]="mapOfCheckedId[data.id]" (nzCheckedChange)="checkAllotWorker(data.id)">
+              </td>
+              <td nzAlign="center">{{ data.name }}</td>
+              <td nzAlign="center">{{ data.freetime }}</td>
+              <td nzAlign="center">{{ data.palce||'-' }}</td>
+            </tr>
+          </tbody>
+        </nz-table>
+        <div class="pagination">
+          <nz-pagination [(nzPageIndex)]="pageIndex" [(nzTotal)]="listLength" nzShowSizeChanger
+            [(nzPageSize)]="pageSize" (nzPageIndexChange)="getWorkerList()" (nzPageSizeChange)="getWorkerList()">
+          </nz-pagination>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="btns display_flex justify-content_flex-center">
+    <button nz-button nzType="primary" [nzLoading]="btnLoading" (click)="submit()" *ngIf="mapOfCheckedId[worderId]">确认</button>
+    <button class=" btn cancel" nz-button nzType="default" (click)="close()">取消</button>
+  </div>
+</div>
+
+
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo" (closeModel)="close()">
+  <!-- 2.父组件调用子组件时绑定到这个事件属性，并在事件发生时作出回应。(closeModel)="close()" -->
+</app-prompt-modal>

src/app/share/allocation-worker/allocation-worker.component.less

@@ -0,0 +1,110 @@
+@import "../../../../src/theme.less";
+:host {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  left: 0;
+  top: 0;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 999;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.detail {
+  width: 1000px;
+  min-height: 580px;
+  border-radius: 5px;
+  background: #fff;
+  color: #333;
+  font-size: 14px;
+  padding: 12px 20px;
+  padding-bottom: 70px;
+  position: relative;
+
+  .title {
+    font-size: 18px;
+    text-align: center;
+    line-height: 24px;
+    margin: 0;
+    margin-bottom: 12px;
+    position: relative;
+
+    i {
+      position: absolute;
+      right: 0;
+      top: 0;
+      font-size: 20px;
+      color: #666;
+      cursor: pointer;
+      padding: 0 5px;
+    }
+  }
+
+  .content {
+    width: 960px;
+    overflow: hidden;
+
+    .select {
+      width: 100%;
+      background: #f9fafb;
+      border: 1px solid #e5e9ed;
+      border-radius: 5px;
+      padding: 13px 20px;
+
+      .label {
+        margin-bottom: 8px;
+      }
+    }
+
+    .table {
+      width: 100%;
+      margin-top: 15px;
+
+      .thead {
+        background-image: repeating-linear-gradient(
+          to right,
+          @bg-start,
+          @bg-end 100%
+        ) !important;
+
+        th {
+          color: #fff !important;
+          text-align: center;
+          font-size: 12px;
+          border: none;
+        }
+      }
+
+      .box {
+        min-height: 380px;
+        border-radius: 5px;
+        background: #f9fafb;
+        border: 1px solid #e5e9ed;
+        padding-bottom: 60px;
+        position: relative;
+
+        .pagination {
+          margin-top: 14px;
+          position: absolute;
+          bottom: 12px;
+          right: 5px;
+        }
+      }
+    }
+  }
+
+  .btns {
+    width: 100%;
+    position: absolute;
+    left: 0;
+    bottom: 20px;
+
+    button {
+      margin: 9px;
+      margin-bottom: 0;
+    }
+  }
+}

src/app/share/allocation-worker/allocation-worker.component.ts

@@ -0,0 +1,172 @@
+import { Component, OnInit, Output, EventEmitter } from "@angular/core";
+import { ActivatedRoute, Router } from "@angular/router";
+import { Location } from "@angular/common";
+import { MainService } from "../../services/main.service";
+
+@Component({
+  selector: "app-allocation-worker",
+  templateUrl: "./allocation-worker.component.html",
+  styleUrls: ["./allocation-worker.component.less"],
+})
+export class AllocationWorkerComponent implements OnInit {
+  constructor(
+    private route: ActivatedRoute,
+    private router: Router,
+    private location: Location,
+    private mainService: MainService
+  ) {}
+
+  ngOnInit() {
+    this.getWorkerList();
+    // this.getGroupList();
+  }
+  // 支助人员数据
+  workerList = [];
+
+  id; //工单id
+  stateId; //工单状态id
+  listOfDisplayData: any[] = [];
+  mapOfCheckedId: { [key: string]: boolean } = {};
+  searchName: string = ""; //搜索框内容
+  checkedGroup; //选中人员分组
+  pageIndex: number = 1; //表格当前页码
+  pageSize: number = 10; //表格每页展示条数
+  listLength: number = 10; //表格总数据量
+
+  promptContent: string; //操作提示框提示信息
+  ifSuccess: boolean; //操作成功/失败
+  promptInfo: string; //操作结果提示信息
+  promptModalShow: boolean; //是否展示提示框
+
+  btnLoading: boolean = false; //提交按钮loading状态
+
+  // 支助人员数据
+  groupList: Array<{ groupName: string; id: string }> = []; //分组下拉框
+  groupIds;
+  snum = 0;
+  loading1 = false;
+  getWorkerList(pageIndex?) {
+    let that = this;
+    that.id = that.route.snapshot.paramMap.get("id");
+    that.stateId = that.route.snapshot.paramMap.get("stateId");
+    this.pageIndex = pageIndex ? pageIndex : this.pageIndex;
+
+    let groupsId = [];
+    JSON.parse(localStorage.getItem("user")).infoPermission.groups.forEach(
+      (e) => {
+        groupsId.push(e.id);
+      }
+    );
+
+    let postData = {
+      idx: this.pageIndex - 1,
+      sum: that.pageSize,
+      // workOrderId: that.id,
+      groupId: that.checkedGroup ? that.checkedGroup : "",
+      groupIds: that.groupIds ? that.groupIds : "",
+      name: that.searchName,
+      hosId: this.route.snapshot.paramMap.get("hosId"),
+    };
+    this.snum++;
+    this.loading1 = true;
+    that.mainService
+      .getSerInfo("getOnlineWorker", postData)
+      .subscribe((data) => {
+        this.snum--;
+        if (this.snum == 0) {
+          this.loading1 = false;
+        }
+        console.log(data);
+        that.workerList = data.data;
+        that.listLength = data.totalNum;
+        if (data.groupIds) {
+          // 获取分组
+          that.groupIds = data.groupIds;
+          that.mainService
+            .coopData("group", "findGroup", { groupIds: data.groupIds })
+            .subscribe((res) => {
+              that.groupList = res.data;
+            });
+        } else {
+          that.groupList = [];
+        }
+      });
+  }
+
+  // 输入用户信息搜索节流阀
+  time: any;
+  searchInp() {
+    let that = this;
+    // clearTimeout(that.time);
+    // that.time = setTimeout(() => {
+    that.getWorkerList(1);
+    // }, 2000);
+  }
+
+  // 选择分配支助人员
+  worderId = 0; //支助人员id
+  checkAllotWorker(id, flag?): void {
+    this.mapOfCheckedId = { [id]: flag?!this.mapOfCheckedId[id]:this.mapOfCheckedId[id] };
+    this.worderId = id;
+  }
+
+  // 分配
+  submit() {
+    let that = this;
+    that.btnLoading = true;
+    let flag: any = that.route.snapshot.paramMap.get("flag");
+
+    let postData: any = {};
+    let flags = "";
+    if (that.id.includes("_")) {
+      flags = "batchExcuteWorkOrder";
+      let ids_types = that.id.split("-");
+      let stateIds = that.stateId.split("-");
+      postData.workOrders = [];
+      stateIds.forEach((item, i) => {
+        postData.workOrders.push({
+          id: ids_types[i].split("_")[0],
+          type: ids_types[i].split("_")[1],
+          worker: { id: that.worderId },
+          gdState: { id: item },
+        });
+      });
+    } else {
+      flags = flag == 1 ? "excuteWorkOrder/reassign" : "excuteWorkOrder/assign";
+      postData = {
+        workOrder: {
+          id: that.id,
+          worker: { id: that.worderId },
+          gdState: { id: that.stateId },
+        },
+      };
+    }
+    that.mainService.assignWorker(postData, flags).subscribe((data) => {
+      console.log(data);
+      // that.close();
+      that.btnLoading = false;
+      if (data.status == 200) {
+        that.showPromptModal("分配", true, "");
+      } else {
+        that.showPromptModal("分配", false, data.msg);
+      }
+    });
+  }
+
+  // 关闭弹框
+  close() {
+    // this.router.navigateByUrl('dispatchingDesk');
+    history.go(-1);
+  }
+
+  // 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）
+  showPromptModal(con, success, promptInfo?) {
+    this.promptModalShow = false;
+    this.promptContent = con;
+    this.ifSuccess = success;
+    this.promptInfo = promptInfo;
+    setTimeout(() => {
+      this.promptModalShow = true;
+    }, 100);
+  }
+}

src/app/share/appraise-detail/appraise-detail.component.html

@@ -0,0 +1,433 @@
+<!-- 药品/静配 -->
+<div class="detail" *ngIf="!maskFlag">
+  <div class="title">差评查看<i class="icon_transport transport-guanbi" (click)="close()"></i></div>
+  <div class="box">
+    <div class="tab display_flex">
+      <div [ngClass]="{'item':true, 'flex_1':true, checked:tabType==1}" (click)="checkTab(1)">工单信息</div>
+      <div [ngClass]="{'item':true, 'flex_1':true, checked:tabType==2}" (click)="checkTab(2)">评价内容</div>
+      <div [ngClass]="{'item':true, 'flex_1':true, checked:tabType==3}" (click)="checkTab(3)">调解</div>
+    </div>
+    <!-- 其他类型工单信息 -->
+    <div *ngIf="(tabType==1)&&(orderInfo.workOrderObj.taskType.associationType.id==259)" class="content orders">
+      <div class="top">
+        <div class="num">
+          <span class="left">单号：{{orderInfo.workOrderObj.gdcode}}</span>
+          <span class="right">{{orderInfo.workOrderObj.gdState?orderInfo.workOrderObj.gdState.name:''}}</span>
+        </div>
+        <div class="info" nz-row>
+          <div nz-col nzSpan="6">工单日期：{{orderInfo.workOrderObj.startTime|date:'yyyy-MM-dd HH:mm'}}</div>
+          <div nz-col nzSpan="6">总耗时：{{orderInfo.workOrderObj.showTimeNum}}</div>
+          <div nz-col nzSpan="8">申请类型：{{orderInfo.workOrderObj.taskType?orderInfo.workOrderObj.taskType.taskName:''}}
+          </div>
+          <div nz-col nzSpan="4">支助人员信息：{{orderInfo.workOrderObj.worker?orderInfo.workOrderObj.worker.name:''}}</div>
+        </div>
+        <div class="info" nz-row>
+          <div nz-col nzSpan="6">
+            申请科室：{{orderInfo.workOrderObj.createDeptDTO?orderInfo.workOrderObj.createDeptDTO.dept:''}}
+          </div>
+          <div nz-col nzSpan="6">
+            目标科室：{{(orderInfo.workOrderObj.endDepts&&orderInfo.workOrderObj.endDepts[0])?orderInfo.workOrderObj.endDepts[0].dept:''}}
+          </div>
+          <div nz-col nzSpan="8" *ngIf="orderInfo.workOrderObj.urgentDetails">
+            加急状态：{{orderInfo.workOrderObj.urgentDetails.checkStatus.name}}</div>
+        </div>
+        <div class="info" nz-row *ngIf="orderInfo.workOrderObj.urgentDetails">
+          <div nz-col nzSpan="24" class="jiaji">加急原因：{{orderInfo.workOrderObj.urgentDetails.urgentReason}}</div>
+        </div>
+      </div>
+      <div class="center">
+        <div class="box">
+          <div class="steps" *ngFor="let step of logList">
+            <div class="step">
+              <div class="info">
+                <i
+                  [ngClass]="{'icon_transport':true, 'transport-icon_liucheng':true,'green':(step.record&&step.record[0]&&step.record[0].operationTime)}"></i>
+                <p>{{step.operationName}}</p>
+                <p>{{step.record?step.record.operationtime:''}}</p>
+                <p *ngIf="step.record&&step.record.length&&step.record[0].dept"><span
+                    *ngFor="let dept of step.record">{{dept.dept}},</span></p>
+                <p *ngIf="step.record&&step.record.length&&step.operationName!='申请'">耗时{{filterTime(step.record)}}</p>
+              </div>
+              <div class="line"></div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 标本类型工单信息 -->
+    <div
+      *ngIf="tabType==1&&(orderInfo.workOrderObj.taskType.associationType.id==256||orderInfo.workOrderObj.taskType.associationType.id==380)"
+      class="content orders">
+      <div class="top">
+        <div class="num">
+          <span class="left">单号：{{orderInfo.workOrderObj.gdcode}}</span>
+          <span class="right">{{orderInfo.workOrderObj.gdState?orderInfo.workOrderObj.gdState.name:''}}</span>
+        </div>
+        <div class="info" nz-row>
+          <div nz-col nzSpan="6">工单日期：{{orderInfo.workOrderObj.startTime|date:'yyyy-MM-dd HH:mm'}}</div>
+          <div nz-col nzSpan="6">总耗时：{{orderInfo.workOrderObj.showTimeNum}}</div>
+          <div nz-col nzSpan="8">申请类型：{{orderInfo.workOrderObj.taskType?orderInfo.workOrderObj.taskType.taskName:''}}
+          </div>
+          <div nz-col nzSpan="4">支助人员信息：{{orderInfo.workOrderObj.worker?orderInfo.workOrderObj.worker.name:''}}</div>
+        </div>
+        <div class="info" nz-row>
+          <div nz-col nzSpan="6">
+            申请科室：{{orderInfo.workOrderObj.createDeptDTO?orderInfo.workOrderObj.createDeptDTO.dept:''}}
+          </div>
+          <div nz-col nzSpan="6">
+            目标科室：{{(orderInfo.workOrderObj.endDepts&&orderInfo.workOrderObj.endDepts[0])?orderInfo.workOrderObj.endDepts[0].dept:''}}
+          </div>
+          <div nz-col nzSpan="4">预计接收：{{orderInfo.workOrderObj.expectReceiveNum}}</div>
+          <div nz-col nzSpan="4">送达：{{orderInfo.workOrderObj.deliveryNum}}</div>
+          <div nz-col nzSpan="4">实际接收：{{orderInfo.workOrderObj.actualReceiveNum}}</div>
+        </div>
+        <div class="info" nz-row *ngIf="orderInfo.workOrderObj.urgentDetails">
+          <div nz-col nzSpan="8">
+            加急状态：{{orderInfo.workOrderObj.urgentDetails.checkStatus.name}}</div>
+          <div nz-col nzSpan="24" class="jiaji">加急原因：{{orderInfo.workOrderObj.urgentDetails.urgentReason}}</div>
+        </div>
+      </div>
+      <div class="center">
+        <div class="box">
+          <div class="steps" *ngFor="let step of logList">
+            <div class="step">
+              <div class="info">
+                <i
+                  [ngClass]="{'icon_transport':true, 'transport-icon_liucheng':true,'green':(step.record&&step.record[0]&&step.record[0].operationTime)}"></i>
+                <p>{{step.operationName}}</p>
+                <p>{{step.record?step.record.operationtime:''}}</p>
+                <p *ngIf="step.record&&step.record.length&&step.record[0].dept"><span
+                    *ngFor="let dept of step.record">{{dept.dept}},</span></p>
+                <p *ngIf="step.record&&step.record.length&&step.operationName!='申请'">耗时{{filterTime(step.record)}}</p>
+              </div>
+              <div class="line"></div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="bottom">
+        <div class="table">
+          <nz-table class="" [nzData]="orderInfo.workOrderObj.specimenSet" nzSize="small"
+            [nzScroll]="{ y: (orderInfo.workOrderObj.urgentDetails?'124px':'153px') }" [nzShowPagination]="null">
+            <thead>
+              <tr class="thead">
+                <th nzWidth="50px">序号</th>
+                <th nzWidth="95px">标本类型</th>
+                <th nzWidth="110px">标本编码</th>
+                <th nzWidth="88px">患者姓名</th>
+                <th nzWidth="50px">床号</th>
+                <th nzWidth="88px">目标科室</th>
+                <th nzWidth="75px">是否接收</th>
+                <th nzWidth="75px">是否送达</th>
+                <th nzWidth="123px">接收扫描时间</th>
+                <th nzWidth="123px">送达扫描时间</th>
+              </tr>
+            </thead>
+            <tbody *ngIf="orderInfo.workOrderObj.specimenSet">
+              <tr *ngFor="let data of orderInfo.workOrderObj.specimenSet;let i =index;">
+                <td>{{i+1}}</td>
+                <td>{{data.stype.name}}</td>
+                <td>{{data.scode}}</td>
+                <td>{{data.patientName}}</td>
+                <td>{{data.bedNum}}</td>
+                <td>{{data.checkDept.dept}}</td>
+                <td>{{data.received?"是":"否"}}</td>
+                <td>{{data.arrived?"是":"否"}}</td>
+                <td>{{data.arriveTime|date:'yyyy-MM-dd HH:mm'}}</td>
+                <td>{{data.sendTime|date:'yyyy-MM-dd HH:mm'}}</td>
+              </tr>
+            </tbody>
+          </nz-table>
+        </div>
+      </div>
+    </div>
+    <!-- 药品/静配配送类型工单信息 -->
+    <div
+      *ngIf="tabType==1&&(orderInfo.workOrderObj.taskType.associationType.id==257||orderInfo.workOrderObj.taskType.associationType.id==258)"
+      class="content orders">
+      <div class="top">
+        <div class="num">
+          <span class="left">单号：{{orderInfo.workOrderObj.gdcode}}</span>
+          <span class="right">{{orderInfo.workOrderObj.gdState?orderInfo.workOrderObj.gdState.name:''}}</span>
+        </div>
+        <div class="info" nz-row>
+          <div nz-col nzSpan="6">工单日期：{{orderInfo.workOrderObj.startTime|date:'yyyy-MM-dd HH:mm'}}</div>
+          <div nz-col nzSpan="6">总耗时：{{orderInfo.workOrderObj.showTimeNum}}</div>
+          <div nz-col nzSpan="8">申请类型：{{orderInfo.workOrderObj.taskType?orderInfo.workOrderObj.taskType.taskName:''}}
+          </div>
+          <div nz-col nzSpan="4">支助人员信息：{{orderInfo.workOrderObj.worker?orderInfo.workOrderObj.worker.name:''}}</div>
+        </div>
+        <div class="info" nz-row>
+          <div nz-col nzSpan="6">
+            申请科室：{{orderInfo.workOrderObj.createDeptDTO?orderInfo.workOrderObj.createDeptDTO.dept:''}}
+          </div>
+          <div nz-col nzSpan="6">
+            目标科室：{{(orderInfo.workOrderObj.endDepts&&orderInfo.workOrderObj.endDepts[0])?orderInfo.workOrderObj.endDepts[0].dept:''}}
+          </div>
+          <div nz-col nzSpan="8" *ngIf="orderInfo.workOrderObj.urgentDetails">
+            加急状态：{{orderInfo.workOrderObj.urgentDetails.checkStatus.name}}</div>
+        </div>
+        <div class="info" nz-row *ngIf="orderInfo.workOrderObj.urgentDetails">
+          <div nz-col nzSpan="24" class="jiaji">加急原因：{{orderInfo.workOrderObj.urgentDetails.urgentReason}}</div>
+        </div>
+      </div>
+      <div class="center">
+        <div class="box">
+          <div class="steps" *ngFor="let step of logList">
+            <div class="step">
+              <div class="info">
+                <i
+                  [ngClass]="{'icon_transport':true, 'transport-icon_liucheng':true,'green':(step.record&&step.record[0]&&step.record[0].operationTime)}"></i>
+                <p>{{step.operationName}}</p>
+                <p>{{step.record?step.record.operationtime:''}}</p>
+                <p *ngIf="step.record&&step.record.length&&step.record[0].dept"><span
+                    *ngFor="let dept of step.record">{{dept.dept}},</span></p>
+                <p *ngIf="step.record&&step.record.length&&step.operationName!='申请'">耗时{{filterTime(step.record)}}</p>
+              </div>
+              <div class="line"></div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="bottom">
+        <div class="table">
+          <!-- 静配 -->
+          <nz-table *ngIf="orderInfo.workOrderObj.staticDistri" class="detailDrugTable"
+            [nzData]="orderInfo.workOrderObj.staticDistri.jpdetailsFormat" nzSize="small" [nzScroll]="{ y: '125px' }"
+            [nzShowPagination]="null">
+            <thead>
+              <tr class="thead">
+                <th nzWidth="15%">患者信息</th>
+                <th nzWidth="30%">药品</th>
+                <th nzWidth="5%">数量</th>
+                <th nzWidth="15%">患者信息</th>
+                <th nzWidth="30%">药品</th>
+                <th nzWidth="5%">数量</th>
+              </tr>
+            </thead>
+            <tbody *ngIf="orderInfo.workOrderObj.staticDistri">
+              <tr *ngFor="let data of orderInfo.workOrderObj.staticDistri.jpdetailsFormat">
+                <td>{{data[0].bedNum}}床：{{data[0].patientInfo}}</td>
+                <td>{{data[0].jpInfo}}</td>
+                <td>{{data[0].jpNum}}</td>
+                <td>{{data[1]?data[1].bedNum+"床："+data[1].patientInfo:''}}</td>
+                <td>{{data[1]?data[1].jpInfo:''}}</td>
+                <td>{{data[1]?data[1].jpNum:''}}</td>
+              </tr>
+            </tbody>
+          </nz-table>
+          <!-- 药品 -->
+          <nz-table *ngIf="orderInfo.workOrderObj.drugs" class="detailDrugTable"
+            [nzData]="orderInfo.workOrderObj.drugs.drugsFormat" nzSize="small" [nzScroll]="{ y: '125px' }"
+            [nzShowPagination]="null">
+            <thead>
+              <tr class="thead">
+                <th nzWidth="15%">患者信息</th>
+                <th nzWidth="30%">药品</th>
+                <th nzWidth="5%">数量</th>
+                <th nzWidth="15%">患者信息</th>
+                <th nzWidth="30%">药品</th>
+                <th nzWidth="5%">数量</th>
+              </tr>
+            </thead>
+            <tbody *ngIf="orderInfo.workOrderObj.drugs">
+              <tr *ngFor="let data of orderInfo.workOrderObj.drugs.drugsFormat">
+                <td>{{data[0].bedNum}}床：{{data[0].patientInfo}}</td>
+                <td>{{data[0].drugsInfo}}</td>
+                <td>{{data[0].drugsNum}}</td>
+                <td>{{data[1]?data[1].bedNum+"床："+data[1].patientInfo:''}}</td>
+                <td>{{data[1]?data[1].drugsInfo:''}}</td>
+                <td>{{data[1]?data[1].drugsNum:''}}</td>
+              </tr>
+            </tbody>
+          </nz-table>
+        </div>
+      </div>
+    </div>
+    <!-- 患者陪检/患者转运类型工单信息 -->
+    <div
+      *ngIf="tabType==1&&(orderInfo.workOrderObj.taskType.associationType.id==260||orderInfo.workOrderObj.taskType.associationType.id==255)"
+      class="content orders">
+      <div class="top">
+        <div class="num">
+          <span class="left">单号：{{orderInfo.workOrderObj.gdcode}}</span>
+          <span class="right">{{orderInfo.workOrderObj.gdState?orderInfo.workOrderObj.gdState.name:''}}</span>
+        </div>
+        <div class="info" nz-row>
+          <div nz-col nzSpan="6">工单日期：{{orderInfo.workOrderObj.startTime|date:'yyyy-MM-dd HH:mm'}}</div>
+          <div nz-col nzSpan="6">总耗时：{{orderInfo.workOrderObj.showTimeNum}}</div>
+          <div nz-col nzSpan="8">申请类型：{{orderInfo.workOrderObj.taskType?orderInfo.workOrderObj.taskType.taskName:''}}
+          </div>
+          <div nz-col nzSpan="4">支助人员信息：{{orderInfo.workOrderObj.worker?orderInfo.workOrderObj.worker.name:''}}</div>
+        </div>
+        <div class="info" nz-row>
+          <div nz-col nzSpan="6">
+            申请科室：{{orderInfo.workOrderObj.createDeptDTO?orderInfo.workOrderObj.createDeptDTO.dept:''}}
+          </div>
+          <div nz-col nzSpan="6">
+            目标科室：{{(orderInfo.workOrderObj.endDepts&&orderInfo.workOrderObj.endDepts[0])?orderInfo.workOrderObj.endDepts[0].dept:''}}
+          </div>
+          <div nz-col nzSpan="8" *ngIf="orderInfo.workOrderObj.urgentDetails">
+            加急状态：{{orderInfo.workOrderObj.urgentDetails.checkStatus.name}}</div>
+        </div>
+        <div class="info" nz-row *ngIf="orderInfo.workOrderObj.urgentDetails">
+          <div nz-col nzSpan="24" class="jiaji">加急原因：{{orderInfo.workOrderObj.urgentDetails.urgentReason}}</div>
+        </div>
+      </div>
+      <div class="center">
+        <div class="box">
+          <div class="steps" *ngFor="let step of logList">
+            <div class="step">
+              <div class="info">
+                <i
+                  [ngClass]="{'icon_transport':true, 'transport-icon_liucheng':true,'green':(step.record&&step.record[0]&&step.record[0].operationTime)}"></i>
+                <p>{{step.operationName}}</p>
+                <p>{{step.record?step.record.operationtime:''}}</p>
+                <p *ngIf="step.record&&step.record.length&&step.record[0].dept"><span
+                    *ngFor="let dept of step.record">{{dept.dept}},</span></p>
+                <p *ngIf="step.record&&step.record.length&&step.operationName!='申请'">耗时{{filterTime(step.record)}}</p>
+              </div>
+              <div class="line"></div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="bottom">
+        <div class="info">
+          <div nz-row class="top">
+            <div class="left" nz-col nzSpan="12">
+              <p>
+                <span class="label">患者姓名</span>
+                <span>{{orderInfo.workOrderObj.patient.patientName}}</span>
+              </p>
+              <p>
+                <span class="label">床位</span>
+                <span>{{orderInfo.workOrderObj.patient.bedNum}}</span>
+              </p>
+              <p *ngIf="orderInfo.workOrderObj.taskType.associationType.id==260">
+                <span class="label">检查项目</span>
+                <span>
+                  <span *ngFor="let item of orderInfo.workOrderObj.checkList;let i = index;">
+                    <span *ngIf="i!=orderInfo.workOrderObj.checkList.length-1">{{item.inspectName}},</span>
+                    <span *ngIf="i==orderInfo.workOrderObj.checkList.length-1">{{item.inspectName}}</span>
+                  </span>
+                </span>
+              </p>
+            </div>
+            <div class="right" nz-col nzSpan="12">
+              <p>
+                <span class="label">患者编码</span>
+                <span>{{orderInfo.workOrderObj.patient.patientCode}}</span>
+              </p>
+              <p>
+                <span class="label">携带物品</span>
+                <span>{{orderInfo.workOrderObj.goods}}</span>
+              </p>
+              <p *ngIf="orderInfo.workOrderObj.taskType.associationType.id==260">
+                <span class="label">预约时间</span>
+                <span>{{orderInfo.workOrderObj.yyTime?orderInfo.workOrderObj.yyTime:''}}</span>
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 评价内容 -->
+    <div *ngIf="tabType==2" class="content pingjia">
+      <div class="msg">
+        <div>评价等级：{{orderInfo.evaluationDetails.serviceEvaluation.name}}</div>
+        <div>评价人：{{orderInfo.evaluationDetails.evalutationUser.name}}</div>
+      </div>
+      <div class="con">
+        意见内容：{{orderInfo.evaluationDetails.remark}}
+      </div>
+    </div>
+    <!-- 调解(未调解) -->
+    <div *ngIf="tabType==3&&orderInfo.handleStatus.id==286" class="content">
+      <div class="form">
+        <form nz-form [formGroup]="validateForm" class="addForm" (ngSubmit)="submitForm()">
+          <nz-form-item>
+            <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="reason">原因及事件过程</nz-form-label>
+            <nz-form-control nzErrorTip="请输入原因及事件过程!">
+              <nz-input-group>
+                <textarea rows="3" maxlength="500" nz-input type="reason" formControlName="reason"
+                  placeholder="请输入原因及事件过程"></textarea>
+              </nz-input-group>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="process">调解过程</nz-form-label>
+            <nz-form-control nzErrorTip="请输入调解过程!">
+              <nz-input-group>
+                <textarea rows="3" maxlength="500" nz-input type="process" formControlName="process"
+                  placeholder="请输入调解过程"></textarea>
+              </nz-input-group>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="handleType">解决方式</nz-form-label>
+            <nz-form-control nzErrorTip="请选择解决方式!">
+              <nz-select [nzDropdownMatchSelectWidth]="false" type="handleType" nzShowSearch nzAllowClear
+                formControlName="handleType" nzPlaceHolder="请选择解决方式">
+                <nz-option nzLabel="{{data.name}}" nzValue="{{data.id}}" *ngFor="let data of allHandleType">
+                </nz-option>
+              </nz-select>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="improve">改进意见</nz-form-label>
+            <nz-form-control nzErrorTip="请输入改进意见!">
+              <nz-input-group>
+                <textarea rows="3" maxlength="500" nz-input type="improve" formControlName="improve"
+                  placeholder="请输入改进意见"></textarea>
+              </nz-input-group>
+            </nz-form-control>
+          </nz-form-item>
+        </form>
+      </div>
+    </div>
+    <!-- 调解(已调解) -->
+    <div *ngIf="tabType==3&&orderInfo.handleStatus.id==287" class="content">
+      <div class="mediation">
+        <div class="item">
+          <div class="label">原因及事件过程：</div>
+          <div class="info">{{orderInfo.reasonAndEventProcess}}</div>
+        </div>
+        <div class="item">
+          <div class="label">调解过程：</div>
+          <div class="info">{{orderInfo.mediationProcess}}</div>
+        </div>
+        <div class="item display_flex align-items_center justify-content_space-between">
+          <div class="block">
+            <div class="label">解决方式：</div>
+            <div class="info">{{orderInfo.handleType.name}}</div>
+          </div>
+          <div class="block">
+            <div class="label">调解人：</div>
+            <div class="info">{{orderInfo.mediationUser?orderInfo.mediationUser.name:''}}</div>
+          </div>
+          <div class="block">
+            <div class="label">调解时间：</div>
+            <div class="info">{{orderInfo.mediationTime?date(orderInfo.mediationTime):''}}</div>
+          </div>
+        </div>
+        <div class="item">
+          <div class="label">改进意见：</div>
+          <div class="info">{{orderInfo.advice}}</div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="btns">
+    <button *ngIf="tabType==3&&orderInfo.handleStatus.id==286" class="candelBtn btn" nz-button nzType="primary"
+      [nzLoading]="btnLoading" (click)="submitForm()">调解记录保存</button>
+    <button class="candelBtn btn cancel" nz-button nzType="default" (click)="close()">关闭</button>
+  </div>
+</div>
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo" (closeModel)="close()">
+  <!-- 2.父组件调用子组件时绑定到这个事件属性，并在事件发生时作出回应。(closeModel)="close()" -->
+</app-prompt-modal>
+<!-- 遮罩 -->
+<app-mask *ngIf="maskFlag"></app-mask>

src/app/share/appraise-detail/appraise-detail.component.less

@@ -0,0 +1,487 @@
+@import "../../../../src/theme.less";
+
+:host {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  left: 0;
+  top: 0;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 99;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.detail {
+  width: 1000px;
+  min-height: 580px;
+  border-radius: 5px;
+  background: #fff;
+  color: #333;
+  font-size: 14px;
+  padding: 12px 20px;
+  position: relative;
+  padding-bottom: 70px;
+
+  .title {
+    font-size: 18px;
+    text-align: center;
+    line-height: 24px;
+    margin: 0;
+    margin-bottom: 12px;
+    position: relative;
+
+    i {
+      position: absolute;
+      right: 0;
+      top: 0;
+      font-size: 20px;
+      color: #666;
+      cursor: pointer;
+      padding: 0 5px;
+    }
+  }
+
+  & > .box {
+    width: 960px;
+    border: 1px solid #e5e9ed;
+    border-radius: 5px;
+    overflow: hidden;
+
+    .tab {
+      width: 100%;
+      height: 60px;
+      border-bottom: 1px solid #e5e9ed;
+
+      .item {
+        text-align: center;
+        line-height: 60px;
+        height: 100%;
+        border-right: 1px solid #e5e9ed;
+
+        &:nth-last-child(1) {
+          border: none;
+        }
+
+        &.checked {
+          background: #f9fafb;
+        }
+      }
+    }
+
+    .content {
+      width: 100%;
+      min-height: 453px;
+      max-height: 500px;
+      overflow: hidden;
+      overflow-y: auto;
+
+      &.orders {
+        background: #f9fafb;
+      }
+
+      & > .top {
+        padding: 10px 32px;
+        border-bottom: 1px solid #e5e9ed;
+        overflow: hidden;
+        background: #fff;
+
+        .num {
+          font-size: 16px;
+          overflow: hidden;
+          margin-bottom: 6px;
+
+          .left {
+            float: left;
+            font-weight: 600;
+          }
+
+          .right {
+            float: right;
+          }
+        }
+
+        .info {
+          color: #666;
+
+          & > div {
+            margin: 4px 0;
+          }
+
+          .jiaji {
+            margin: 0;
+            margin-top: 8px;
+          }
+        }
+      }
+
+      & > .center {
+        padding: 27px 0 17px 0;
+        border-bottom: 1px solid #e5e9ed;
+        font-size: 12px;
+        background: #fff;
+
+        .box {
+          display: flex;
+          justify-content: center;
+
+          .steps {
+            &:nth-last-child(1) {
+              .line {
+                display: none !important;
+              }
+            }
+
+            .step {
+              .info {
+                width: 90px;
+                text-align: center;
+                display: inline-block;
+                vertical-align: top;
+
+                i {
+                  color: #e5e9ed;
+
+                  &.green {
+                    color: #bee1a7;
+                  }
+                }
+              }
+
+              p {
+                margin: 0;
+              }
+
+              .line {
+                display: inline-block;
+                width: 60px;
+                height: 2px;
+                background: #e5e9ed;
+              }
+            }
+          }
+        }
+      }
+
+      & > .bottom {
+        padding: 25px 32px;
+        background: #f9fafb;
+
+        .urgent {
+          input {
+            width: 600px;
+          }
+
+          .candelBtn {
+            margin-left: 20px;
+          }
+        }
+
+        .table {
+          width: 100%;
+          height: 100%;
+          min-height: 160px;
+          background: #fff;
+          border-radius: 5px;
+
+          .thead {
+            background-image: repeating-linear-gradient(
+              to right,
+              @bg-start,
+              @bg-end 100%
+            ) !important;
+            background-image: -ms-linear-gradient(
+              top,
+              @bg-start,
+              @bg-end
+            ) !important;
+
+            th {
+              color: #fff !important;
+              text-align: center;
+              font-size: 12px;
+              border: none;
+            }
+          }
+
+          .detailDrugTable {
+            .thead {
+              background-image: repeating-linear-gradient(
+                to right,
+                @bg-start,
+                @bg-end 50%
+              ) !important;
+            }
+          }
+
+          .ant-table-tbody {
+            tr {
+              text-align: center;
+              font-size: 12px;
+              border: none;
+
+              td {
+                border: none;
+              }
+            }
+
+            tr:nth-child(2n) {
+              background: #f9fafb;
+            }
+          }
+        }
+
+        .info {
+          width: 100%;
+          height: 100%;
+          background: #fff;
+          border-radius: 5px;
+          border: 1px solid #e5e9ed;
+          padding: 24px 28px 14px 28px;
+
+          .top {
+            // border-bottom: 1px solid #e5e9ed;
+            padding-bottom: 12px;
+
+            .left {
+              border-right: 1px dashed #e5e9ed;
+
+              p {
+                padding: 0 70px 0 102px;
+                overflow: hidden;
+
+                & > span:nth-child(1) {
+                  float: left;
+                }
+
+                & > span:nth-child(2) {
+                  float: right;
+                  color: #666;
+                  text-align: right;
+                  max-width: 175px;
+                }
+              }
+            }
+
+            .right {
+              p {
+                padding: 0 102px 0 70px;
+                overflow: hidden;
+
+                span:nth-child(1) {
+                  float: left;
+                }
+
+                span:nth-child(2) {
+                  float: right;
+                  color: #666;
+                  text-align: right;
+                }
+              }
+            }
+          }
+
+          .wait {
+            text-align: center;
+            margin-top: 7px;
+
+            i {
+              font-size: 24px;
+              color: #62c26d;
+            }
+
+            span {
+              color: #62c26d;
+            }
+          }
+        }
+      }
+
+      &.pingjia {
+        .msg {
+          width: 100%;
+          height: 50px;
+          line-height: 50px;
+          padding-left: 32px;
+          border-bottom: 1px solid #e5e9ed;
+
+          div {
+            display: inline-block;
+            margin-right: 100px;
+          }
+        }
+
+        .con {
+          padding: 16px 32px;
+          min-height: 360px;
+        }
+      }
+
+      & > .form {
+        .ant-form-item {
+          padding: 0 32px 13px 32px;
+          margin-bottom: 0;
+          border-bottom: 1px solid #e5e9ed;
+
+          &:nth-last-child(1) {
+            border: none;
+          }
+        }
+
+        .ant-form-item-label {
+          line-height: 34px;
+          text-align: left;
+        }
+      }
+
+      & > .mediation {
+        padding: 16px 32px;
+
+        .item {
+          border-bottom: 1px solid #e5e9ed;
+          padding-top: 10px;
+
+          .label {
+            line-height: 28px;
+            margin-top: 10px;
+          }
+
+          .info {
+            line-height: 28px;
+            color: #999;
+            padding-bottom: 20px;
+          }
+        }
+      }
+    }
+  }
+
+  .btns {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    position: absolute;
+    left: 0;
+    bottom: 20px;
+
+    .btn {
+      margin: 9px;
+      margin-bottom: 0;
+    }
+  }
+
+  .ant-table {
+    border: none !important;
+  }
+}
+
+// 撤回工单
+.recallOrder {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  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: #ff3b53;
+            font-size: 30px !important;
+
+            &.transport-wenhao {
+              color: #f5a523;
+            }
+          }
+        }
+
+        &.defeat {
+          color: #333;
+          font-size: 18px;
+        }
+
+        &:nth-child(3) {
+          font-size: 14px;
+          color: #666;
+        }
+      }
+
+      .conditions {
+        padding: 16px 20px;
+
+        div {
+          text-align: left;
+        }
+      }
+    }
+
+    .btn {
+      display: flex;
+      justify-content: center;
+
+      button {
+        width: 120px;
+        height: 34px;
+        line-height: 34px;
+        margin-top: 10px;
+
+        &.btn {
+          width: 80px;
+          margin-left: 8px;
+        }
+      }
+    }
+  }
+}
+
+.txtC {
+  text-align: center;
+}

src/app/share/appraise-detail/appraise-detail.component.ts

@@ -0,0 +1,205 @@
+import { Component, OnInit } from "@angular/core";
+import { ActivatedRoute } from "@angular/router";
+import { FormBuilder, Validators, FormGroup } from "@angular/forms";
+import { MainService } from "../../services/main.service";
+import { NzMessageService } from "ng-zorro-antd";
+import { forkJoin } from "rxjs";
+
+@Component({
+  selector: "app-appraise-detail",
+  templateUrl: "./appraise-detail.component.html",
+  styleUrls: ["./appraise-detail.component.less"],
+})
+export class AppraiseDetailComponent implements OnInit {
+  constructor(
+    private message: NzMessageService,
+    private fb: FormBuilder,
+    private route: ActivatedRoute,
+    private mainService: MainService
+  ) {}
+
+  id: number; //工单id
+  orderInfo; //工单详情信息
+  showCoop: boolean = true; //是否展示详情页操作按钮
+  loginUser: any = localStorage.getItem("user")
+    ? JSON.parse(localStorage.getItem("user")).user
+    : null; //登录人信息
+
+  promptContent: string; //操作提示框提示信息
+  ifSuccess: boolean; //操作成功/失败
+  promptInfo: string; //操作结果提示信息
+  promptModalShow: boolean; //是否展示提示框
+
+  urgentLoading: boolean = false; //确认加急按钮loading状态
+  recLoading: boolean = false; //撤回并删除按钮loading状态
+  btnLoading: boolean = false; //确认按钮loading状态
+
+  ngOnInit() {
+    this.getInfo();
+    this.initForm();
+  }
+
+  // 获取工单详情
+  maskFlag: any = false;
+  getInfo() {
+    this.id = +this.route.snapshot.paramMap.get("id");
+    if (this.route.snapshot.fragment == "tj") {
+      this.checkTab(3);
+    }
+    this.maskFlag = this.message.loading("正在加载中..", {
+      nzDuration: 0,
+    }).messageId;
+    this.mainService
+      .getFetchData("adviceCollection", "badEvaluationHandle", this.id)
+      .subscribe((data) => {
+        this.orderInfo = data.data;
+        let log$ = this.getLog();
+        let allHandleType$ = this.getAllHandleType();
+        forkJoin(log$, allHandleType$).subscribe((res) => {
+          this.message.remove(this.maskFlag);
+          this.maskFlag = false;
+          // getLog
+          this.logList = res[0]["data"];
+          // getAllHandleType
+          this.allHandleType = res[1];
+        });
+      });
+  }
+  // 切换tab栏
+  tabType: number = 1; //tab栏
+  checkTab(type) {
+    this.tabType = type;
+  }
+
+  // 关闭弹框
+  close() {
+    // this.router.navigateByUrl('dispatchingDesk');
+    history.go(-1);
+  }
+
+  // 获取工单历史记录
+  logList = []; //工单历史记录
+  getLog() {
+    return this.mainService.getWorkOrderLog(this.orderInfo["workOrderObj"].id);
+  }
+
+  // 获取所有院区
+  allHandleType: any = [];
+  getAllHandleType() {
+    return this.mainService.getDictionary("list", "bad_evaluation_handle_type");
+  }
+
+  // 初始化新增form表单
+  validateForm: FormGroup; //新增/编辑表单
+  initForm() {
+    this.validateForm = this.fb.group({
+      reason: [null, [Validators.required]],
+      process: [null, [Validators.required]],
+      handleType: [null, [Validators.required]],
+      improve: [null, [Validators.required]],
+    });
+  }
+
+  // 新增表单提交
+  submitForm(): void {
+    var that = this;
+    for (const i in that.validateForm.controls) {
+      that.validateForm.controls[i].markAsDirty();
+      that.validateForm.controls[i].updateValueAndValidity();
+    }
+    if (that.validateForm.invalid) return;
+    that.btnLoading = true;
+    let date = new Date();
+    // let time = date.getFullYear() + '-' + ((((date.getMonth() + 1) < 10) ? ('0' + (date.getMonth() + 1)) : (date.getMonth() + 1))) + '-' + ((((date.getDate()) < 10) ? ('0' + (date.getDate())) : (date.getDate())));
+    // time = time + ' ' + (date.getHours() < 10 ? ('0' + date.getHours()) : date.getHours()) + ':' + (date.getMinutes() < 10 ? ('0' + date.getMinutes()) : date.getMinutes()) + ':' + (date.getSeconds() < 10 ? ('0' + date.getSeconds()) : date.getSeconds());
+    let postData = {
+      badEvaluationHandle: {
+        id: that.id,
+        reasonAndEventProcess: that.validateForm.value.reason,
+        mediationProcess: that.validateForm.value.process,
+        handleType: { id: that.validateForm.value.handleType },
+        advice: that.validateForm.value.improve,
+        handleStatus: { key: "bad_evaluation_handle_status", value: "2" },
+        mediationUser: { id: that.loginUser.id },
+        mediationTime: date,
+      },
+    };
+
+    that.mainService
+      .postCustom("adviceCollection", "updData/badEvaluationHandle", postData)
+      .subscribe((data) => {
+        that.btnLoading = false;
+        if (data.status == 200) {
+          that.showPromptModal("调解", true, "");
+          that.getInfo();
+          // that.initForm();
+        } else {
+          that.showPromptModal("调解", false, data.msg);
+        }
+      });
+  }
+
+  // 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）
+  showPromptModal(con, success, promptInfo?) {
+    this.promptModalShow = false;
+    this.promptContent = con;
+    this.ifSuccess = success;
+    this.promptInfo = promptInfo;
+    setTimeout(() => {
+      this.promptModalShow = true;
+    }, 100);
+  }
+
+  // 格式化时分秒
+  // （时间小于一分钟则显示秒，时间大于一分钟则显示分钟数，如超出一小时则显示小时和分钟。）time单位:秒
+  formatTime(time) {
+    let timeStr = "";
+    if (time >= 0 && time < 60) {
+      // 秒
+      timeStr = time + "秒";
+    } else if (time >= 60 && time < 3600) {
+      // 分钟
+      timeStr = Math.floor(time / 60) + "分钟";
+    } else if (time >= 3600) {
+      // 时 + 分
+      let h = "";
+      let m = "";
+      h = Math.floor(time / 3600) + "小时";
+      m = time % 3600 >= 60 ? Math.floor((time % 3600) / 60) + "分钟" : "";
+      timeStr = h + m;
+    }
+    return timeStr;
+  }
+
+  // 计算历史记录耗时
+  filterTime(step) {
+    // step = [{ difTime: 2 }, { difTime: 6 }]
+    let num = 0;
+    step.forEach((e) => {
+      num += e.difTime;
+    });
+    return this.formatTime(num / 1000);
+  }
+
+  // 格式化时间戳
+  date(time) {
+    let date = new Date(time);
+    let timeStr =
+      date.getFullYear() +
+      "-" +
+      (date.getMonth() + 1 < 10
+        ? "0" + (date.getMonth() + 1)
+        : date.getMonth() + 1) +
+      "-" +
+      (date.getDate() < 10 ? "0" + date.getDate() : date.getDate());
+    timeStr =
+      timeStr +
+      " " +
+      (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) +
+      ":" +
+      (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) +
+      ":" +
+      (date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds());
+    return timeStr;
+  }
+}

src/app/share/batch-orders/batch-orders.component.html

@@ -0,0 +1,111 @@
+<!-- 批量建单设置 -->
+<div class="detail">
+  <div class="title">
+    <div class="detail_btn">
+      <button nz-button nzType="primary" [disabled]="!checkedDepIds.length" (click)='showDelModals($event)'>批量删除</button>
+      <button class="ml8" nz-button nzType="primary" (click)="addModal()">新增</button>
+    </div>
+    <span>{{selectedBatchOrder.title}} - 批量建单设置</span>
+    <i class="icon_transport transport-guanbi" (click)="closeHandler()"></i>
+  </div>
+  <div class="box">
+    <nz-table class="hospitalTable" [nzData]="listOfData" nzSize="middle" [nzShowPagination]="false"
+      [nzLoading]="loading1">
+      <thead>
+        <tr class="thead">
+          <th nzWidth="5%" nzShowCheckbox [(nzChecked)]="isAllDisplayDataChecked" (nzCheckedChange)="checkAll($event)"></th>
+          <th nzWidth="5%">序号</th>
+          <th nzWidth="30%">发起科室</th>
+          <th nzWidth="30%">起点科室</th>
+          <th nzWidth="30%">终点科室</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr *ngFor="let data of listOfData;let index=index;">
+          <td nzShowCheckbox [(nzChecked)]="mapOfCheckedId[data.id]" (nzCheckedChange)="refreshStatus()"></td>
+          <td>{{index+(pageIndex-1)*10+1}}</td>
+          <td>{{data.createDept.dept}}</td>
+          <td>{{data.startDept.dept}}</td>
+          <td>{{data.endDept.dept}}</td>
+        </tr>
+      </tbody>
+    </nz-table>
+    <div class="pagination">
+      <nz-pagination [(nzPageIndex)]="pageIndex" [(nzTotal)]="listLength" nzShowSizeChanger [(nzPageSize)]="pageSize"
+        (nzPageIndexChange)="getList(pageIndex)"
+        (nzPageSizeChange)="getList(pageIndex)">
+      </nz-pagination>
+    </div>
+  </div>
+  <div class="btns">
+    <button class=" btn cancel" nz-button nzType="default" (click)="closeHandler()">关闭</button>
+  </div>
+</div>
+<!-- 批量建单设置 - 新增模态框 -->
+<div class="save display_flex justify-content_flex-center align-items_center add" *ngIf="modal">
+  <div class="modalBody">
+    <div class="title">新增批量建单设置<i class="icon_transport transport-guanbi" (click)="hideModal()"></i>
+    </div>
+    <div class="content">
+      <form nz-form [formGroup]="validateForm" class="addForm">
+        <nz-form-item>
+          <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="initiatingDepartment">发起科室</nz-form-label>
+          <nz-form-control nzErrorTip="请选择发起科室!">
+            <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="initiatingDepartment" nzShowSearch
+              nzPlaceHolder="请选择发起科室" nzServerSearch (nzOnSearch)="changeInp($event,'initiating')"
+              (nzOpenChange)="changeFormDept($event)" (ngModelChange)="selectedDeptHandler($event,'initiating')">
+              <ng-container *ngFor="let data of initiatingDepartments">
+                <nz-option *ngIf="!isLoading" [nzLabel]="data.dept" [nzValue]="data._uid">
+                </nz-option>
+              </ng-container>
+              <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
+                <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
+              </nz-option>
+            </nz-select>
+          </nz-form-control>
+        </nz-form-item>
+        <nz-form-item>
+          <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="startDepartment">起点科室</nz-form-label>
+          <nz-form-control nzErrorTip="请选择起点科室!">
+            <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="startDepartment" nzShowSearch
+              nzPlaceHolder="请选择起点科室" nzServerSearch (nzOnSearch)="changeInp($event,'start')"
+              (nzOpenChange)="changeFormDept($event)" (ngModelChange)="selectedDeptHandler($event,'start')"
+              [nzDisabled]="startDepartmentsDisabled">
+              <ng-container *ngFor="let data of startDepartments">
+                <nz-option *ngIf="!isLoading" [nzLabel]="data.dept" [nzValue]="data._uid">
+                </nz-option>
+              </ng-container>
+              <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
+                <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
+              </nz-option>
+            </nz-select>
+          </nz-form-control>
+        </nz-form-item>
+        <nz-form-item>
+          <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="endDepartment">终点科室</nz-form-label>
+          <nz-form-control nzErrorTip="请选择终点科室!">
+            <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="endDepartment" nzShowSearch
+              nzPlaceHolder="请选择终点科室" nzServerSearch (nzOnSearch)="changeInp($event,'end')"
+              (nzOpenChange)="changeFormDept($event)" (ngModelChange)="selectedDeptHandler($event,'end')"
+              [nzDisabled]="endDepartmentsDisabled">
+              <ng-container *ngFor="let data of endDepartments">
+                <nz-option *ngIf="!isLoading" [nzLabel]="data.dept" [nzValue]="data._uid">
+                </nz-option>
+              </ng-container>
+              <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
+                <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
+              </nz-option>
+            </nz-select>
+          </nz-form-control>
+        </nz-form-item>
+      </form>
+    </div>
+    <div class="display_flex justify-content_flex-center">
+      <button nzType="primary" nz-button (click)="submitForm()" [nzLoading]="saveLoading">保存</button>
+      <button class="btn cancel" nz-button nzType="default" (click)="hideModal()">取消</button>
+    </div>
+  </div>
+</div>
+<!-- 删除模态框 -->
+<app-dialog-delete [delModal]="delModal" (hideDelModalEvent)="hideDelModal()" [btnLoading]="loading3"
+(confirmDelEvent)="confirmDel()" content="您确认要删除吗？"></app-dialog-delete>

src/app/share/batch-orders/batch-orders.component.less

@@ -0,0 +1,649 @@
+@import "../../../../src/theme.less";
+:host {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  left: 0;
+  top: 0;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 99;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  .hospitalTable {
+    padding: 21px 12px;
+    padding-bottom: 0;
+
+    .thead {
+      background-image: linear-gradient(to right, @bg-start, @bg-end);
+
+      th {
+        background: transparent;
+        color: #fff;
+        text-align: center;
+        font-size: 14px;
+      }
+    }
+
+    .ant-table-body {
+      border-bottom: 1px solid #e5e9ed;
+    }
+
+    .ant-table-tbody {
+      tr {
+        text-align: center;
+        font-size: 14px;
+        border: none;
+        color: #333;
+
+        td {
+          border: none;
+
+          .coop {
+            span {
+              display: inline-block;
+              width: 60px;
+              cursor: pointer;
+
+              &::after {
+                content: "|";
+                float: right;
+              }
+
+              &:hover {
+                color: @primary-color;
+              }
+
+              &:active {
+                color: @primary-color;
+              }
+
+              &:nth-last-child(1) {
+                &::after {
+                  content: "";
+                }
+              }
+            }
+          }
+        }
+      }
+
+      tr:nth-child(2n-1) {
+        background: #f9fafb;
+      }
+    }
+  }
+  .pagination {
+    margin-top: 14px;
+    position: absolute;
+    right: 5px;
+  }
+  .detail {
+    width: 1000px;
+    max-height: 580px;
+    border-radius: 5px;
+    background: #fff;
+    color: #333;
+    font-size: 14px;
+    padding: 12px 20px;
+    position: relative;
+    padding-bottom: 70px;
+
+    .title {
+      font-size: 18px;
+      text-align: center;
+      line-height: 24px;
+      margin: 0;
+      margin-bottom: 12px;
+      position: relative;
+      .detail_btn {
+        position: absolute;
+        left: 8px;
+      }
+
+      i {
+        position: absolute;
+        right: 0;
+        top: 0;
+        font-size: 20px;
+        color: #666;
+        cursor: pointer;
+        padding: 0 5px;
+      }
+    }
+
+    & > .box {
+      width: 960px;
+      border: 1px solid #e5e9ed;
+      border-radius: 5px;
+      overflow: hidden;
+
+      .tab {
+        width: 100%;
+        height: 60px;
+        border-bottom: 1px solid #e5e9ed;
+
+        .item {
+          text-align: center;
+          line-height: 60px;
+          height: 100%;
+          border-right: 1px solid #e5e9ed;
+
+          &:nth-last-child(1) {
+            border: none;
+          }
+
+          &.checked {
+            background: #f9fafb;
+          }
+        }
+      }
+
+      .content {
+        width: 100%;
+        min-height: 453px;
+        max-height: 500px;
+
+        &.orders {
+          background: #f9fafb;
+        }
+
+        & > .top {
+          padding: 10px 32px;
+          border-bottom: 1px solid #e5e9ed;
+          overflow: hidden;
+          background: #fff;
+
+          .num {
+            font-size: 16px;
+            overflow: hidden;
+            margin-bottom: 6px;
+
+            .left {
+              float: left;
+              font-weight: 600;
+            }
+
+            .right {
+              float: right;
+            }
+          }
+
+          .info {
+            color: #666;
+
+            & > div {
+              margin: 4px 0;
+            }
+
+            .jiaji {
+              margin: 0;
+              margin-top: 8px;
+            }
+          }
+        }
+
+        & > .center {
+          padding: 27px 0 17px 0;
+          border-bottom: 1px solid #e5e9ed;
+          font-size: 12px;
+          background: #fff;
+
+          .box {
+            display: flex;
+            justify-content: center;
+
+            .steps {
+              &:nth-last-child(1) {
+                .line {
+                  display: none !important;
+                }
+              }
+
+              .step {
+                .info {
+                  width: 90px;
+                  text-align: center;
+                  display: inline-block;
+                  vertical-align: top;
+
+                  i {
+                    color: #e5e9ed;
+
+                    &.green {
+                      color: #bee1a7;
+                    }
+                  }
+                }
+
+                p {
+                  margin: 0;
+                }
+
+                .line {
+                  display: inline-block;
+                  width: 60px;
+                  height: 2px;
+                  background: #e5e9ed;
+                }
+              }
+            }
+          }
+        }
+
+        & > .bottom {
+          padding: 25px 32px;
+          background: #f9fafb;
+
+          .urgent {
+            input {
+              width: 600px;
+            }
+
+            .candelBtn {
+              margin-left: 20px;
+            }
+          }
+
+          .table {
+            width: 100%;
+            height: 100%;
+            min-height: 160px;
+            background: #fff;
+            border-radius: 5px;
+
+            .thead {
+              background-image: repeating-linear-gradient(
+                to right,
+                @bg-start,
+                @bg-end 100%
+              ) !important;
+
+              th {
+                color: #fff !important;
+                text-align: center;
+                font-size: 12px;
+                border: none;
+              }
+            }
+
+            .detailDrugTable {
+              .thead {
+                background-image: repeating-linear-gradient(
+                  to right,
+                  @bg-start,
+                  @bg-end 50%
+                ) !important;
+              }
+            }
+
+            .ant-table-tbody {
+              tr {
+                text-align: center;
+                font-size: 12px;
+                border: none;
+
+                td {
+                  border: none;
+                }
+              }
+
+              tr:nth-child(2n) {
+                background: #f9fafb;
+              }
+            }
+          }
+
+          .info {
+            width: 100%;
+            height: 100%;
+            background: #fff;
+            border-radius: 5px;
+            border: 1px solid #e5e9ed;
+            padding: 24px 28px 14px 28px;
+            margin-bottom: 8px;
+
+            .top {
+              .left {
+                border-right: 1px dashed #e5e9ed;
+
+                p {
+                  padding: 0 70px 0 102px;
+                  overflow: hidden;
+
+                  & > span:nth-child(1) {
+                    float: left;
+                  }
+
+                  & > span:nth-child(2) {
+                    float: right;
+                    color: #666;
+                    text-align: right;
+                    max-width: 175px;
+                  }
+                }
+              }
+
+              .right {
+                p {
+                  padding: 0 102px 0 70px;
+                  overflow: hidden;
+
+                  span:nth-child(1) {
+                    float: left;
+                  }
+
+                  span:nth-child(2) {
+                    float: right;
+                    color: #666;
+                    text-align: right;
+                  }
+                }
+              }
+            }
+
+            .wait {
+              text-align: center;
+              margin-top: 7px;
+
+              i {
+                font-size: 24px;
+                color: #62c26d;
+              }
+
+              span {
+                color: #62c26d;
+              }
+            }
+          }
+        }
+
+        &.pingjia {
+          .msg {
+            width: 100%;
+            height: 50px;
+            line-height: 50px;
+            padding-left: 32px;
+            border-bottom: 1px solid #e5e9ed;
+
+            div {
+              display: inline-block;
+              margin-right: 100px;
+            }
+          }
+
+          .con {
+            padding: 16px 32px;
+            min-height: 360px;
+          }
+        }
+
+        & > .form {
+          .ant-form-item {
+            padding: 0 32px 13px 32px;
+            margin-bottom: 0;
+            border-bottom: 1px solid #e5e9ed;
+
+            &:nth-last-child(1) {
+              border: none;
+            }
+          }
+
+          .ant-form-item-label {
+            line-height: 34px;
+            text-align: left;
+          }
+        }
+
+        & > .mediation {
+          padding: 16px 32px;
+
+          .item {
+            border-bottom: 1px solid #e5e9ed;
+            padding-top: 10px;
+
+            .label {
+              line-height: 28px;
+              margin-top: 10px;
+            }
+
+            .info {
+              line-height: 28px;
+              color: #999;
+              padding-bottom: 20px;
+            }
+          }
+        }
+
+        &.jifen {
+          padding: 32px;
+
+          & > .table {
+            width: 100%;
+            height: 100%;
+            min-height: 160px;
+            padding: 6px;
+            background: #fff;
+            border: 1px solid #e5e9ed;
+            border-radius: 5px;
+            overflow: hidden;
+
+            .thead {
+              background-image: repeating-linear-gradient(
+                to right,
+                @bg-start,
+                @bg-end 100%
+              ) !important;
+
+              th {
+                color: #fff !important;
+                text-align: center;
+                font-size: 12px;
+                border: none;
+                background: transparent;
+              }
+            }
+
+            .ant-table-tbody {
+              tr {
+                text-align: center;
+                font-size: 12px;
+                border: none;
+
+                td {
+                  border: none;
+                }
+              }
+
+              tr:nth-child(2n) {
+                background: #f9fafb;
+              }
+            }
+          }
+        }
+      }
+    }
+
+    .btns {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 60%;
+      margin: 48px auto 0;
+
+      .btn {
+        margin: 9px;
+        margin-bottom: 0;
+      }
+    }
+
+    .ant-table {
+      border: none !important;
+    }
+  }
+}
+.save {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 99;
+
+  .modalBody {
+    width: 350px;
+    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;
+        }
+      }
+      .roundRobinTips {
+        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;
+        }
+      }
+    }
+  }
+}

src/app/share/batch-orders/batch-orders.component.ts

@@ -0,0 +1,373 @@
+import { Component, EventEmitter, Input, OnInit, Output } from "@angular/core";
+import { FormBuilder, FormGroup, Validators } from "@angular/forms";
+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-batch-orders",
+  templateUrl: "./batch-orders.component.html",
+  styleUrls: ["./batch-orders.component.less"],
+})
+export class BatchOrdersComponent implements OnInit {
+  @Input() selectedBatchOrder = null;
+  @Output() close = new EventEmitter();
+  hosId; //当前院区id
+  // 起点科室是默认发起科室，终点科室是固定科室
+  // 起点科室是固定科室，终点科室是默认发起科室
+  // 起点科室是默认发起科室，终点科室是默认发起科室
+  // 其他
+  type = 0;
+  modal = false; //新增的弹窗
+  validateForm: FormGroup; //新增
+  initiatingDepartments = []; //发起科室列表
+  startDepartments = []; //起点科室列表
+  startDepartmentsDisabled = false; //是否禁用起点科室
+  endDepartments = []; //终点科室列表
+  endDepartmentsDisabled = false; //是否禁用终点科室
+  isLoading = false; //科室下拉框搜索
+  keyword = ""; //当前输入的关键词
+  taskType = null; //当前任务类型
+  startCarryingCourses = null; //当前起点科室运输过程
+  endCarryingCourses = null; //当前终点科室运输过程
+  saveLoading = false; //保存的loading
+  constructor(
+    private fb: FormBuilder,
+    private mainService: MainService,
+    private tool: ToolService,
+    private message: NzMessageService,
+  ) {}
+  // 初始化表单
+  initForm() {
+    this.validateForm = this.fb.group({
+      initiatingDepartment: [null, [Validators.required]],
+      startDepartment: [null, [Validators.required]],
+      endDepartment: [null, [Validators.required]],
+    });
+  }
+  // 关闭批量建单设置弹窗
+  closeHandler() {
+    this.close.emit("false");
+  }
+  //新增-打开
+  addModal() {
+    this.modal = true;
+    this.initForm();
+  }
+  // 新增-关闭
+  hideModal() {
+    this.modal = false;
+  }
+  //获取科室列表
+  /**
+   *
+   * @param type 科室类型id
+   * @returns
+   */
+  getDeptList(obj: { e?: string; typeId?: string } = {}) {
+    let postData: any = {
+      department: { hospital: { id: this.hosId } },
+      idx: 0,
+      sum: 10,
+    };
+    if (obj.e) {
+      postData.department.dept = obj.e;
+    }
+    if (obj.typeId) {
+      postData.department.type = { id: obj.typeId };
+    }
+    this.isLoading = true;
+    return this.mainService.getFetchDataList("data", "department", postData);
+  }
+  //打开发起科室下拉框
+  changeFormDept(flag) {
+    if (flag) {
+      // 发起科室列表
+      this.getDeptList().subscribe((result) => {
+        this.isLoading = false;
+        if (result.status == 200) {
+          result.list.forEach((item) => {
+            item._uid = item.id + "__" + item.dept;
+          });
+          this.initiatingDepartments = result.list;
+        }
+      });
+    }
+  }
+  /**
+   * 选择科室
+   * @param e 选中的科室uid
+   * @param type 科室类型(initiating,start,end)
+   */
+  selectedDeptHandler(e, type) {
+    let arr = e.split("__");
+    let o = { id: arr[0], dept: arr[1], _uid: arr[0] + "__" + arr[1] };
+    if (this.type === 1 && type === "initiating") {
+      this.startDepartments = [o];
+      this.validateForm.controls.startDepartment.setValue(e);
+      this.endDepartments = this.endCarryingCourses.departmentDTOS;
+      this.validateForm.controls.endDepartment.setValue(
+        this.endDepartments[0]._uid
+      );
+    } else if (this.type === 2 && type === "initiating") {
+      this.endDepartments = [o];
+      this.validateForm.controls.endDepartment.setValue(e);
+      this.startDepartments = this.startCarryingCourses.departmentDTOS;
+      this.validateForm.controls.startDepartment.setValue(
+        this.startDepartments[0]._uid
+      );
+    } else if (this.type === 3 && type === "initiating") {
+      this.endDepartments = [o];
+      this.validateForm.controls.endDepartment.setValue(e);
+      this.startDepartments = [o];
+      this.validateForm.controls.startDepartment.setValue(e);
+    }
+  }
+  //搜索科室
+  changeInp(e, type) {
+    this.keyword = e;
+    if (
+      (this.type === 1 ||
+        this.type === 2 ||
+        this.type === 3 ||
+        this.type === 4) &&
+      type === "initiating"
+    ) {
+      // 发起科室列表
+      this.getDeptList({ e }).subscribe((result) => {
+        if (result.status == 200 && this.keyword == e) {
+          this.isLoading = false;
+          result.list.forEach((item) => {
+            item._uid = item.id + "__" + item.dept;
+          });
+          this.initiatingDepartments = result.list;
+        } else if (result.status != 200) {
+          this.isLoading = false;
+        }
+      });
+    }
+    if (this.type === 4 && type === "start") {
+      // 起点科室列表
+      this.getDeptList({ e }).subscribe((result) => {
+        if (result.status == 200 && this.keyword == e) {
+          this.isLoading = false;
+          result.list.forEach((item) => {
+            item._uid = item.id + "__" + item.dept;
+          });
+          this.startDepartments = result.list;
+        } else if (result.status != 200) {
+          this.isLoading = false;
+        }
+      });
+    }
+    if (this.type === 4 && type === "end") {
+      // 终点科室列表
+      this.getDeptList({ e }).subscribe((result) => {
+        if (result.status == 200 && this.keyword == e) {
+          this.isLoading = false;
+          result.list.forEach((item) => {
+            item._uid = item.id + "__" + item.dept;
+          });
+          this.endDepartments = result.list;
+        } else if (result.status != 200) {
+          this.isLoading = false;
+        }
+      });
+    }
+  }
+  //保存
+  submitForm() {
+    console.log(this.validateForm.get("initiatingDepartment").value);
+    console.log(this.validateForm.get("startDepartment").value);
+    console.log(this.validateForm.get("endDepartment").value);
+    for (const i in this.validateForm.controls) {
+      this.validateForm.controls[i].markAsDirty();
+      this.validateForm.controls[i].updateValueAndValidity();
+    }
+    if (this.validateForm.invalid) {
+      return;
+    }
+    let postData = {
+      hosId: this.hosId,
+      orderPlanId: this.selectedBatchOrder.id,
+      createDept: {
+        id: this.validateForm.get("initiatingDepartment").value.split("__")[0],
+      },
+      startDept: {
+        id: this.validateForm.get("startDepartment").value.split("__")[0],
+      },
+      endDept: {
+        id: this.validateForm.get("endDepartment").value.split("__")[0],
+      },
+    };
+    this.saveLoading = true;
+    this.mainService
+      .simplePost("addData", "orderPlanRule", postData)
+      .subscribe((result) => {
+        this.hideModal();
+        this.saveLoading = false;
+        if (result.status == 200) {
+          this.getList(1);
+        }
+      });
+  }
+  //获取列表数据
+  loading1 = false;
+  listOfData: any[] = []; //表格数据
+  pageIndex: number = 1; //表格当前页码
+  pageSize: number = 10; //表格每页展示条数
+  listLength: number = 10; //表格总数据量
+  getList(type) {
+    if (type == 1) {
+      this.pageIndex = 1;
+    }
+    let data = {
+      idx: this.pageIndex - 1,
+      sum: this.pageSize,
+      orderPlanRule: {
+        hosId: this.hosId,
+      },
+    };
+    this.mapOfCheckedId = {};
+    this.checkedDepIds = [];
+    this.isAllDisplayDataChecked = false;
+    this.loading1 = true;
+    this.mainService
+      .getFetchDataList("simple/data", "orderPlanRule", data)
+      .subscribe((data) => {
+        this.loading1 = false;
+        if (data.status == 200) {
+          this.listOfData = data.list;
+          this.listLength = data.totalNum;
+        }
+      });
+  }
+  // 选中表格单列
+  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;
+  }
+  // 全选
+  isAllDisplayDataChecked = false; //当前页是否全选
+  checkAll(value: boolean): void {
+    this.listOfData.forEach((item) => {
+      this.mapOfCheckedId[item.id] = value;
+    });
+    this.refreshStatus();
+  }
+  // 批量删除
+  showDelModals(e) {
+    let ids = this.checkedDepIds.join(",");
+    this.showDelModal(e, ids);
+  }
+  //删除
+  delModal: boolean = false; //删除模态框
+  loading3 = false;
+  coopId: string; //表格中执行操作的id
+  showDelModal(e, id) {
+    e.stopPropagation();
+    this.delModal = true;
+    this.coopId = id + "";
+  }
+  hideDelModal() {
+    this.delModal = false;
+  }
+  confirmDel() {
+    this.loading3 = true;
+    this.mainService.simplePost("rmvData", "orderPlanRule",this.coopId.split(',')).subscribe((data) => {
+      this.loading3 = false;
+      this.delModal = false;
+      if (data.status == 200) {
+        if (
+          this.listOfData.length == 1 &&
+          this.pageIndex == Math.ceil(this.listLength / this.pageSize)
+        ) {
+          this.listLength--;
+          this.pageIndex = Math.ceil(this.listLength / this.pageSize);
+        }
+        this.message.success('删除成功');
+        this.getList(1);
+      } else {
+        this.message.error('删除失败');
+      }
+    });
+  }
+  ngOnInit() {
+    console.log(this.selectedBatchOrder);
+    this.hosId = this.tool.getCurrentHospital().id;
+    this.getList(1);
+    // 发起科室列表
+    this.getDeptList().subscribe((result) => {
+      if (result.status == 200) {
+        result.list.forEach((item) => {
+          item._uid = item.id + "__" + item.dept;
+        });
+        this.initiatingDepartments = result.list;
+      }
+    });
+    this.taskType = JSON.parse(
+      JSON.stringify(this.selectedBatchOrder.taskType)
+    );
+    this.startCarryingCourses = this.taskType.carryingCourses[0];
+    this.endCarryingCourses = this.taskType.carryingCourses[1];
+    if (this.startCarryingCourses.departmentDTOS) {
+      this.startCarryingCourses.departmentDTOS.forEach((item) => {
+        item._uid = item.id + "__" + item.dept;
+      });
+    }
+    if (this.endCarryingCourses.departmentDTOS) {
+      this.endCarryingCourses.departmentDTOS.forEach((item) => {
+        item._uid = item.id + "__" + item.dept;
+      });
+    }
+    if (
+      // 起点科室是默认发起科室，终点科室是固定科室
+      this.startCarryingCourses.departmentStrategy.value === "1" &&
+      this.endCarryingCourses.departmentStrategy.value === "2"
+    ) {
+      this.type = 1;
+      this.startDepartmentsDisabled = true;
+      this.endDepartmentsDisabled = true;
+    } else if (
+      // 起点科室是固定科室，终点科室是默认发起科室
+      this.startCarryingCourses.departmentStrategy.value === "2" &&
+      this.endCarryingCourses.departmentStrategy.value === "1"
+    ) {
+      this.type = 2;
+      this.startDepartmentsDisabled = true;
+      this.endDepartmentsDisabled = true;
+    } else if (
+      // 起点科室是默认发起科室，终点科室是默认发起科室
+      this.startCarryingCourses.departmentStrategy.value === "1" &&
+      this.endCarryingCourses.departmentStrategy.value === "1"
+    ) {
+      this.type = 3;
+      this.startDepartmentsDisabled = true;
+      this.endDepartmentsDisabled = true;
+    } else {
+      //其他情况
+      this.type = 4;
+      // 发起科室列表,起点科室列表，终点科室列表
+      this.getDeptList().subscribe((result) => {
+        if (result.status == 200) {
+          result.list.forEach((item) => {
+            item._uid = item.id + "__" + item.dept;
+          });
+          this.initiatingDepartments = JSON.parse(JSON.stringify(result.list));
+          this.startDepartments = JSON.parse(JSON.stringify(result.list));
+          this.endDepartments = JSON.parse(JSON.stringify(result.list));
+        }
+      });
+    }
+  }
+}

src/app/share/detail-drug/detail-drug.component.html

@@ -0,0 +1,145 @@
+<!-- 药品/静配 -->
+<div class="detail" *ngIf="!maskFlag">
+  <div class="title">工单信息<i class="icon_transport transport-guanbi" (click)="close()"></i></div>
+  <div class="content">
+    <div class="top">
+      <div class="num">
+        <span class="left">单号：{{orderInfo.gdcode}}</span>
+        <span class="right">{{orderInfo.gdState?orderInfo.gdState.name:''}}</span>
+      </div>
+      <div class="info" nz-row>
+        <div nz-col nzSpan="8">工单日期：{{orderInfo.startTime}}</div>
+        <div nz-col nzSpan="8">总耗时：{{orderInfo.showTimeNum}}</div>
+        <div nz-col nzSpan="8">申请类型：{{orderInfo.taskType?orderInfo.taskType.taskName:''}}</div>
+        <div nz-col nzSpan="8">申请科室：{{orderInfo.createDeptDTO?orderInfo.createDeptDTO.dept:''}}</div>
+        <div nz-col nzSpan="8">目标科室：{{(orderInfo.endDepts&&orderInfo.endDepts[0])?orderInfo.endDepts[0].dept:''}}</div>
+        <div nz-col nzSpan="8" *ngIf="orderInfo.worker">支助人员信息：{{orderInfo.worker.name}}</div>
+        <div nz-col nzSpan="24" *ngIf="orderInfo.specialCloseReason">
+          特殊情况关闭原因：{{orderInfo.specialCloseReason}}
+        </div>
+      </div>
+    </div>
+    <div class="center">
+      <div class="box">
+        <div class="steps" *ngFor="let step of logList">
+          <div class="step">
+            <div class="info">
+              <i
+                [ngClass]="{'icon_transport':true, 'transport-icon_liucheng':true,'green':(step.record&&step.record[0]&&step.record[0].operationTime)}"></i>
+              <p>{{step.operationName}}</p>
+              <p>{{step.record.length>=1?(step.record[0].operationTime|date:'MM-dd HH:mm'):''}}</p>
+              <p *ngIf="step.record&&step.record.length&&step.record[0].dept"><span
+                  *ngFor="let dept of step.record">{{dept.dept}},</span></p>
+              <p *ngIf="step.record&&step.record.length">{{filterTime(step.record)?'耗时'+filterTime(step.record):''}}</p>
+            </div>
+            <div class="line"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="bottom">
+
+      <div class="urgent" *ngIf="orderInfo.urgentDetails&&showCoop">
+        加急原因：{{orderInfo.urgentDetails.urgentReason}}
+        <button *ngIf="orderInfo.urgentDetails.checkStatus.id==329" nz-button nzType="primary"
+          [nzLoading]="urgentLoading" nzGhost (click)="urgent()">确认加急</button>
+      </div>
+      <div class="table">
+        <nz-table *ngIf="orderInfo.staticDistri" class="detailDrugTable"
+          [nzData]="orderInfo.staticDistri.jpdetailsFormat" nzSize="small" [nzScroll]="{ y: '110px' }"
+          [nzShowPagination]="null">
+          <thead>
+            <tr class="thead">
+              <th nzWidth="100px">患者信息</th>
+              <th nzWidth="200px">药品</th>
+              <th nzWidth="50px">数量</th>
+              <th nzWidth="100px">患者信息</th>
+              <th nzWidth="200px">药品</th>
+              <th nzWidth="50px">数量</th>
+            </tr>
+          </thead>
+          <tbody *ngIf="orderInfo.staticDistri">
+            <tr *ngFor="let data of orderInfo.staticDistri.jpdetailsFormat">
+              <td>{{data[0].bedNum}}床：{{data[0].patientInfo}}</td>
+              <td>{{data[0].jpInfo}}</td>
+              <td>{{data[0].jpNum}}</td>
+              <td>{{data[1]?data[1].bedNum+"床："+data[1].patientInfo:''}}</td>
+              <td>{{data[1]?data[1].jpInfo:''}}</td>
+              <td>{{data[1]?data[1].jpNum:''}}</td>
+            </tr>
+          </tbody>
+        </nz-table>
+        <nz-table *ngIf="orderInfo.drugs" class="detailDrugTable" [nzData]="orderInfo.drugs.drugsFormat" nzSize="small"
+          [nzScroll]="{ y: '110px' }" [nzShowPagination]="null">
+          <thead>
+            <tr class="thead">
+              <th nzWidth="100px">患者信息</th>
+              <th nzWidth="200px">药品</th>
+              <th nzWidth="50px">数量</th>
+              <th nzWidth="100px">患者信息</th>
+              <th nzWidth="200px">药品</th>
+              <th nzWidth="50px">数量</th>
+            </tr>
+          </thead>
+          <tbody *ngIf="orderInfo.drugs">
+            <tr *ngFor="let data of orderInfo.drugs.drugsFormat">
+              <td>{{data[0].bedNum}}床：{{data[0].patientInfo}}</td>
+              <td>{{data[0].drugsInfo}}</td>
+              <td>{{data[0].drugsNum}}</td>
+              <td>{{data[1]?data[1].bedNum+"床："+data[1].patientInfo:''}}</td>
+              <td>{{data[1]?data[1].drugsInfo:''}}</td>
+              <td>{{data[1]?data[1].drugsNum:''}}</td>
+            </tr>
+          </tbody>
+        </nz-table>
+      </div>
+    </div>
+  </div>
+  <div class="btns display_flex justify-content_flex-center">
+    <!-- <button *ngIf="showCoop&&orderInfo.gdState.id==69" nz-button nzType="primary" (click)='allotWorker()'>派单</button>
+    <button *ngIf="showCoop&&(orderInfo.gdState.id==70||orderInfo.gdState.id==71)" nz-button nzType="primary" nzGhost
+      (click)="openRecallModal()">撤回</button>
+    <button *ngIf="showCoop&&(orderInfo.gdState.id==69||orderInfo.gdState.id==70||orderInfo.gdState.id==71)" nz-button
+      nzType="danger" (click)="openDelModal()">删除</button> -->
+    <button class=" btn cancel" nz-button nzType="default" (click)="close()">取消</button>
+  </div>
+</div>
+<!-- 撤回工单 -->
+<div class="recallOrder" *ngIf="recallOrderShow">
+  <div class="modalBody">
+    <div class="title">提示<i class="icon_transport transport-guanbi" (click)="closeRecallOrderModal()"></i></div>
+    <div class="content">
+      <div class="icon"><i class="icon_transport transport-wenhao"></i></div>
+      <div class="defeat">您确认要撤回此工单吗？</div>
+    </div>
+    <div class="btns display_flex justify-content_flex-center">
+      <button nz-button nzType="primary" [nzLoading]="btnLoading" (click)="confirmRec()">确认</button>
+      <button nz-button nzType="primary" [nzLoading]="recLoading" nzGhost (click)="recAndDel()">撤回并删除</button>
+      <button class=" btn cancel" nz-button nzType="default" (click)="closeRecallOrderModal()">取消</button>
+    </div>
+  </div>
+</div>
+
+<!-- 删除工单 -->
+<div class="recallOrder delModel" *ngIf="delOrderShow">
+  <div class="modalBody">
+    <div class="title">提示<i class="icon_transport transport-guanbi" (click)="closeDelOrderModal()"></i></div>
+    <div class="content">
+      <div class="icon"><i class="icon_transport transport-wenhao"></i></div>
+      <div class="defeat">您确认要删除此工单吗？</div>
+    </div>
+    <div class="btns display_flex justify-content_flex-center">
+      <button nz-button nzType="primary" [nzLoading]='btnLoading' (click)="confirmDel()">确认</button>
+      <!-- <button class="candelBtn btn" nz-button nzType="primary" nzGhost>撤回并删除</button> -->
+      <button class=" btn cancel" nz-button nzType="default" (click)="closeDelOrderModal()">取消</button>
+    </div>
+  </div>
+</div>
+
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo" (closeModel)="close()">
+  <!-- 2.父组件调用子组件时绑定到这个事件属性，并在事件发生时作出回应。(closeModel)="close()" -->
+</app-prompt-modal>
+<!-- 遮罩 -->
+<app-mask *ngIf="maskFlag"></app-mask>

src/app/share/detail-drug/detail-drug.component.less

@@ -0,0 +1,299 @@
+@import "../../../../src/theme.less";
+:host {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  left: 0;
+  top: 0;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 9;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.detail {
+  width: 1000px;
+  min-height: 580px;
+  border-radius: 5px;
+  background: #fff;
+  color: #333;
+  font-size: 14px;
+  padding: 12px 20px;
+  position: relative;
+  padding-bottom: 70px;
+
+  .title {
+    font-size: 18px;
+    text-align: center;
+    line-height: 24px;
+    margin: 0;
+    margin-bottom: 12px;
+    position: relative;
+
+    i {
+      position: absolute;
+      right: 0;
+      top: 0;
+      font-size: 20px;
+      color: #666;
+      cursor: pointer;
+      padding: 0 5px;
+    }
+  }
+
+  .content {
+    width: 960px;
+    // height: 474px;
+    border: 1px solid #e5e9ed;
+    border-radius: 5px;
+    overflow: hidden;
+
+    & > .top {
+      padding: 10px 32px;
+      border-bottom: 1px solid #e5e9ed;
+
+      .num {
+        font-size: 16px;
+        overflow: hidden;
+        margin-bottom: 6px;
+
+        .left {
+          float: left;
+          font-weight: 600;
+        }
+
+        .right {
+          float: right;
+        }
+      }
+
+      .info {
+        color: #666;
+
+        & > div {
+          margin: 4px 0;
+        }
+      }
+    }
+
+    & > .center {
+      padding: 27px 0 17px 0;
+      border-bottom: 1px solid #e5e9ed;
+      font-size: 12px;
+
+      .box {
+        display: flex;
+        justify-content: center;
+
+        .steps {
+          &:nth-last-child(1) {
+            .line {
+              display: none !important;
+            }
+          }
+
+          .step {
+            .info {
+              width: 90px;
+              text-align: center;
+              display: inline-block;
+              vertical-align: top;
+
+              i {
+                color: #e5e9ed;
+
+                &.green {
+                  color: @primary-color;
+                }
+              }
+            }
+
+            p {
+              margin: 0;
+            }
+
+            .line {
+              display: inline-block;
+              width: 60px;
+              height: 2px;
+              background: #e5e9ed;
+            }
+          }
+        }
+      }
+    }
+
+    & > .bottom {
+      padding: 28px 32px;
+      background: #f9fafb;
+
+      .urgent {
+        input {
+          width: 600px;
+        }
+
+        .candelBtn {
+          margin-left: 20px;
+        }
+      }
+
+      .table {
+        width: 100%;
+        height: 160px;
+        background: #fff;
+        border-radius: 5px;
+        margin-top: 16px;
+
+        .thead {
+          background-image: repeating-linear-gradient(
+            to right,
+            @bg-start,
+            @bg-end 50%
+          ) !important;
+
+          th {
+            color: #fff !important;
+            text-align: center;
+            font-size: 12px;
+            border: none;
+          }
+        }
+
+        .ant-table-tbody {
+          tr {
+            text-align: center;
+            font-size: 12px;
+            border: none;
+
+            td {
+              border: none;
+            }
+          }
+
+          tr:nth-child(2n) {
+            background: #f9fafb;
+          }
+        }
+      }
+    }
+  }
+
+  .btns {
+    width: 100%;
+    position: absolute;
+    left: 0;
+    bottom: 20px;
+
+    button {
+      margin: 9px;
+      margin-bottom: 0;
+    }
+  }
+
+  .ant-table {
+    border: none !important;
+  }
+}
+
+// 撤回工单
+.recallOrder {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  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: #ff3b53;
+            font-size: 30px !important;
+
+            &.transport-wenhao {
+              color: #f5a523;
+            }
+          }
+        }
+
+        &.defeat {
+          color: #333;
+          font-size: 18px;
+        }
+
+        &:nth-child(3) {
+          font-size: 14px;
+          color: #666;
+        }
+      }
+
+      .conditions {
+        padding: 16px 20px;
+
+        div {
+          text-align: left;
+        }
+      }
+    }
+
+    .btns {
+      button {
+        margin-top: 10px;
+
+        &.btn {
+          margin-left: 8px;
+        }
+      }
+    }
+  }
+}
+
+.txtC {
+  text-align: center;
+}

src/app/share/detail-drug/detail-drug.component.ts

@@ -0,0 +1,218 @@
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { MainService } from '../../services/main.service';
+import { forkJoin } from 'rxjs';
+import { NzMessageService } from 'ng-zorro-antd';
+
+@Component({
+  selector: 'app-detail-drug',
+  templateUrl: './detail-drug.component.html',
+  styleUrls: ['./detail-drug.component.less']
+})
+export class DetailDrugComponent implements OnInit {
+
+  constructor(
+    private message: NzMessageService,
+    private route: ActivatedRoute,
+    private router: Router,
+    private mainService: MainService
+  ) { }
+
+  id: number;//工单id
+  orderInfo: any;//工单详情信息
+  showCoop: boolean = true;//是否展示详情页操作按钮
+
+  promptContent: string;//操作提示框提示信息
+  ifSuccess: boolean;//操作成功/失败
+  promptInfo: string;//操作结果提示信息
+  promptModalShow: boolean;//是否展示提示框
+
+  urgentLoading: boolean = false;//确认加急按钮loading状态
+  recLoading: boolean = false;//撤回并删除按钮loading状态
+  btnLoading: boolean = false;//确认按钮loading状态
+  maskFlag: any = false;
+
+  ngOnInit() {
+    if (this.route.snapshot.parent.parent.routeConfig.path == 'nurse') {
+      this.showCoop = false;
+    }
+    this.id = +this.route.snapshot.paramMap.get('id');
+    let log$ = this.getLog();
+    let detail$ = this.getDetail();
+    this.maskFlag = this.message.loading('正在加载中..', { nzDuration: 0 }).messageId;
+    forkJoin(log$, detail$).subscribe(res => {
+      this.message.remove(this.maskFlag);
+      this.maskFlag = false;
+      // getLog
+      this.logList = res[0]['data'];
+      // getDetail
+      this.orderInfo = res[1]['data'];
+    })
+  }
+
+  // 获取工单详情
+  getDetail() {
+    return this.mainService.getApiFetchData('workOrder', this.id);
+  }
+
+  // 关闭弹框
+  close() {
+    // this.router.navigateByUrl('dispatchingDesk');
+    history.go(-1)
+  }
+
+
+  // 加急
+  urgent() {
+    let that = this;
+    that.urgentLoading = true;
+    let postData = {
+      urgentDetails: {
+        workerOrder: that.id,
+        checkStatus: { id: 330 },
+        urgentReason: that.orderInfo['urgentDetails']['urgentReason'],
+        id: that.orderInfo['urgentDetails']['id']
+      }
+    }
+    that.mainService.postCustom('workerOrder', 'urge', postData).subscribe(data => {
+      console.log(data);
+      that.urgentLoading = false;
+      if (data.status == 200) {
+        that.showPromptModal('加急', true, '');
+      } else {
+        that.showPromptModal('加急', false, data.msg);
+      }
+    })
+  }
+
+  // 派单
+  allotWorker() {
+    this.router.navigateByUrl('dispatchingDesk/allotWorker/' + this.id + '/' + this.orderInfo['gdState']['id']);
+  }
+
+  // 获取工单历史记录
+  logList = [];//工单历史记录
+  getLog() {
+    return this.mainService.getWorkOrderLog(this.id);
+  }
+
+  // 撤回
+  recallOrderShow: boolean = false;
+  openRecallModal(): void {
+    this.recallOrderShow = true;
+  }
+  // 确认撤回
+  confirmRec() {
+    let that = this;
+    that.btnLoading = true;
+    let postData = {
+      workOrder: {
+        id: that.id
+      }
+    }
+    that.mainService.coopWorkerOrder('excuteWorkOrder/recall', postData).subscribe(data => {
+      that.btnLoading = false;
+      that.closeRecallOrderModal()
+      if (data.status == 200) {
+        that.showPromptModal('撤回', true, '');
+      } else {
+        that.showPromptModal('撤回', false, data.msg);
+      }
+    })
+  }
+  // 撤回并删除
+  recAndDel() {
+    let that = this;
+    that.recLoading = true;
+    that.mainService.delOrder(that.id).subscribe(data => {
+      console.log(data);
+      that.recLoading = false;
+      that.closeDelOrderModal()
+      if (data.status == 200) {
+        that.showPromptModal('删除', true, '');
+      } else {
+        that.showPromptModal('删除', false, data.msg);
+      }
+    })
+  }
+  // 关闭撤回弹框
+  closeRecallOrderModal() {
+    this.recallOrderShow = false;
+  }
+
+  // 删除
+  // 打开模态框
+  delOrderShow: boolean = false;
+  openDelModal() {
+    this.delOrderShow = true;
+  }
+  // 确认删除
+  confirmDel() {
+    let that = this;
+    that.btnLoading = true;
+    that.mainService.delOrder(that.id).subscribe(data => {
+      that.btnLoading = false;
+      that.closeDelOrderModal()
+      if (data.status == 200) {
+        that.showPromptModal('删除', true, '');
+      } else {
+        that.showPromptModal('删除', false, data.msg);
+      }
+    })
+  }
+
+  // 关闭模态框
+  closeDelOrderModal() {
+    this.delOrderShow = false;
+  }
+
+
+
+
+  // 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）
+  showPromptModal(con, success, promptInfo?) {
+    this.promptModalShow = false;
+    this.promptContent = con;
+    this.ifSuccess = success;
+    this.promptInfo = promptInfo;
+    setTimeout(() => {
+      this.promptModalShow = true;
+    }, 100);
+  }
+
+
+
+
+
+
+  // 格式化时分秒
+  // （时间小于一分钟则显示秒，时间大于一分钟则显示分钟数，如超出一小时则显示小时和分钟。）time单位:秒
+  formatTime(time) {
+    let timeStr = '';
+    if (time >= 0 && time < 60) {
+      // 秒
+      timeStr = time + '秒';
+    } else if (time >= 60 && time < 3600) {
+      // 分钟
+      timeStr = Math.floor(time / 60) + '分钟'
+    } else if (time >= 3600) {
+      // 时 + 分
+      let h = '';
+      let m = '';
+      h = Math.floor(time / 3600) + '小时';
+      m = (time % 3600) >= 60 ? Math.floor((time % 3600) / 60) + '分钟' : '';
+      timeStr = h + m;
+    }
+    return timeStr;
+  }
+
+  // 计算历史记录耗时
+  filterTime(step) {
+    // step = [{ difTime: 2 }, { difTime: 6 }]
+    let num = 0;
+    step.forEach(e => {
+      num += e.difTime;
+    });
+    return this.formatTime(num / 1000);
+  }
+}

src/app/share/detail-others/detail-others.component.html

@@ -0,0 +1,95 @@
+<!-- 患者转运/其他 -->
+<div class="detail" *ngIf="!maskFlag">
+  <div class="title">工单信息<i class="icon_transport transport-guanbi" (click)="close()"></i></div>
+  <div class="content">
+    <div class="top">
+      <div class="num">
+        <span class="left">单号：{{orderInfo.gdcode}}</span>
+        <span class="right">{{orderInfo.gdState.name}}</span>
+      </div>
+      <div class="info" nz-row>
+        <div nz-col nzSpan="8">工单日期：{{orderInfo.startTime}}</div>
+        <div nz-col nzSpan="8">总耗时：{{orderInfo.showTimeNum}}</div>
+        <div nz-col nzSpan="8">申请类型：{{orderInfo.taskType.taskName}}</div>
+        <div nz-col nzSpan="8">申请科室：{{orderInfo.createDeptDTO?orderInfo.createDeptDTO.dept:'-'}}</div>
+        <div nz-col nzSpan="8">目标科室：{{endDepts}}</div>
+        <div nz-col nzSpan="8" *ngIf="orderInfo.worker">支助人员信息：{{orderInfo.worker.name}}</div>
+        <div nz-col nzSpan="24" *ngIf="orderInfo.workOrderRemark">备注信息：{{orderInfo.workOrderRemark}}
+        </div>
+        <div nz-col nzSpan="24" *ngIf="orderInfo.specialCloseReason">特殊情况关闭原因：{{orderInfo.specialCloseReason}}
+        </div>
+      </div>
+    </div>
+    <div class="center">
+      <div class="box">
+        <div class="steps" *ngFor="let step of logList;let i = index;">
+          <div class="step">
+            <div class="info">
+              <i
+                [ngClass]="{'icon_transport':true, 'transport-icon_liucheng':true,'green':(step.record&&step.record[0]&&step.record[0].operationTime)}"></i>
+              <p>{{step.operationName}}</p>
+              <p>{{step.record.length>=1?(step.record[0].operationTime|date:'MM-dd HH:mm'):''}}</p>
+              <p *ngIf="i!=0&&step.record&&step.record.length">耗时{{filterTime(step.record)}}</p>
+            </div>
+            <div class="line"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="bottom" *ngIf="orderInfo.urgentDetails&&showCoop">
+      <div class="urgent">
+        加急原因：{{orderInfo.urgentDetails.urgentReason}}
+        <button *ngIf="orderInfo.urgentDetails.checkStatus.id==329" nz-button nzType="primary"
+          [nzLoading]="urgentLoading" nzGhost (click)="urgent()">确认加急</button>
+      </div>
+    </div>
+  </div>
+  <div class="btns display_flex justify-content_flex-center">
+    <!-- <button *ngIf="showCoop&&orderInfo.gdState.id==69" nz-button nzType="primary" [nzLoading]="isOkLoading"
+      (click)='allotWorker()'>派单</button>
+    <button *ngIf="showCoop&&(orderInfo.gdState.id==70||orderInfo.gdState.id==71)" nz-button nzType="primary" nzGhost
+      (click)="openRecallModal()">撤回</button>
+    <button *ngIf="showCoop&&(orderInfo.gdState.id==69||orderInfo.gdState.id==70||orderInfo.gdState.id==71)" nz-button
+      nzType="danger" (click)="openDelModal()">删除</button> -->
+    <button class=" btn cancel" nz-button nzType="default" (click)="close()">取消</button>
+  </div>
+</div>
+
+<!-- 撤回工单 -->
+<div class="recallOrder" *ngIf="recallOrderShow">
+  <div class="modalBody">
+    <div class="title">提示<i class="icon_transport transport-guanbi" (click)="closeRecallOrderModal()"></i></div>
+    <div class="content">
+      <div class="icon"><i class="icon_transport transport-wenhao"></i></div>
+      <div class="defeat">您确认要撤回此工单吗？</div>
+    </div>
+    <div class="btns display_flex justify-content_flex-center">
+      <button nz-button nzType="primary" [nzLoading]='btnLoading' (click)="confirmRec()">确认</button>
+      <button nz-button nzType="primary" [nzLoading]='recLoading' nzGhost (click)="recAndDel()">撤回并删除</button>
+      <button class=" btn cancel" nz-button nzType="default" (click)="closeRecallOrderModal()">取消</button>
+    </div>
+  </div>
+</div>
+
+<!-- 删除工单 -->
+<div class="recallOrder delModel" *ngIf="delOrderShow">
+  <div class="modalBody">
+    <div class="title">提示<i class="icon_transport transport-guanbi" (click)="closeDelOrderModal()"></i></div>
+    <div class="content">
+      <div class="icon"><i class="icon_transport transport-wenhao"></i></div>
+      <div class="defeat">您确认要删除此工单吗？</div>
+    </div>
+    <div class="btns display_flex justify-content_flex-center">
+      <button nz-button nzType="primary" [nzLoading]='btnLoading' (click)="confirmDel()">确认</button>
+      <button class="btn cancel" nz-button nzType="default" (click)="closeDelOrderModal()">关闭</button>
+    </div>
+  </div>
+</div>
+
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo" (closeModel)="close()">
+  <!-- 2.父组件调用子组件时绑定到这个事件属性，并在事件发生时作出回应。(closeModel)="close()" -->
+</app-prompt-modal>
+<!-- 遮罩 -->
+<app-mask *ngIf="maskFlag"></app-mask>

src/app/share/detail-others/detail-others.component.less

@@ -0,0 +1,297 @@
+@import "../../../../src/theme.less";
+:host {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  left: 0;
+  top: 0;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 9;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.detail {
+  width: 1000px;
+  min-height: 530px;
+  border-radius: 5px;
+  background: #fff;
+  color: #333;
+  font-size: 14px;
+  padding: 12px 20px;
+  position: relative;
+  padding-bottom: 70px;
+
+  .title {
+    font-size: 18px;
+    text-align: center;
+    line-height: 24px;
+    margin: 0;
+    margin-bottom: 12px;
+    position: relative;
+
+    i {
+      position: absolute;
+      right: 0;
+      top: 0;
+      font-size: 20px;
+      color: #666;
+      cursor: pointer;
+      padding: 0 5px;
+    }
+  }
+
+  .content {
+    width: 960px;
+    min-height: 400px;
+    border: 1px solid #e5e9ed;
+    border-radius: 5px;
+    overflow: hidden;
+
+    & > .top {
+      padding: 10px 32px;
+      border-bottom: 1px solid #e5e9ed;
+
+      .num {
+        font-size: 16px;
+        overflow: hidden;
+        margin-bottom: 6px;
+
+        .left {
+          float: left;
+          font-weight: 600;
+        }
+
+        .right {
+          float: right;
+        }
+      }
+
+      .info {
+        color: #666;
+
+        & > div {
+          margin: 4px 0;
+        }
+      }
+    }
+
+    & > .center {
+      padding: 27px 0 17px 0;
+      border-bottom: 1px solid #e5e9ed;
+      font-size: 12px;
+
+      .box {
+        display: flex;
+        justify-content: center;
+
+        .steps {
+          &:nth-last-child(1) {
+            .line {
+              display: none !important;
+            }
+          }
+
+          .step {
+            .info {
+              width: 90px;
+              text-align: center;
+              display: inline-block;
+              vertical-align: top;
+
+              i {
+                color: #e5e9ed;
+
+                &.green {
+                  color: @primary-color;
+                }
+              }
+            }
+
+            p {
+              margin: 0;
+            }
+
+            .line {
+              display: inline-block;
+              width: 60px;
+              height: 2px;
+              background: #e5e9ed;
+            }
+          }
+        }
+      }
+    }
+
+    & > .bottom {
+      padding: 28px 32px;
+      background: #f9fafb;
+
+      .urgent {
+        input {
+          width: 600px;
+        }
+
+        .candelBtn {
+          margin-left: 20px;
+        }
+      }
+
+      .table {
+        width: 100%;
+        height: 160px;
+        // padding: 6px;
+        background: #fff;
+        // border: 1px solid #e5e9ed;
+        border-radius: 5px;
+        margin-top: 16px;
+
+        .thead {
+          background: linear-gradient(to right, @bg-start, @bg-end) !important;
+
+          th {
+            color: #fff !important;
+            text-align: center;
+            font-size: 12px;
+            border: none;
+          }
+        }
+
+        .ant-table-tbody {
+          tr {
+            text-align: center;
+            font-size: 12px;
+            border: none;
+
+            td {
+              border: none;
+            }
+          }
+
+          tr:nth-child(2n) {
+            background: #f9fafb;
+          }
+        }
+      }
+    }
+  }
+
+  .btns {
+    width: 100%;
+    position: absolute;
+    left: 0;
+    bottom: 20px;
+
+    button {
+      margin: 9px;
+      margin-bottom: 0;
+    }
+  }
+
+  .ant-table {
+    border: none !important;
+  }
+}
+
+// 撤回工单
+.recallOrder {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  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: #ff3b53;
+            font-size: 30px !important;
+
+            &.transport-wenhao {
+              color: #f5a523;
+            }
+          }
+        }
+
+        &.defeat {
+          color: #333;
+          font-size: 18px;
+        }
+
+        &:nth-child(3) {
+          font-size: 14px;
+          color: #666;
+        }
+      }
+
+      .conditions {
+        padding: 16px 20px;
+
+        div {
+          text-align: left;
+        }
+      }
+    }
+
+    .btns {
+      button {
+        margin-top: 10px;
+
+        &.btn {
+          margin-left: 8px;
+        }
+      }
+    }
+  }
+}
+
+.txtC {
+  text-align: center;
+}

src/app/share/detail-others/detail-others.component.ts

@@ -0,0 +1,213 @@
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { MainService } from '../../services/main.service';
+import { forkJoin } from 'rxjs';
+import { NzMessageService } from 'ng-zorro-antd';
+
+@Component({
+  selector: 'app-detail-others',
+  templateUrl: './detail-others.component.html',
+  styleUrls: ['./detail-others.component.less']
+})
+export class DetailOthersComponent implements OnInit {
+
+  constructor(
+    private message: NzMessageService,
+    private route: ActivatedRoute,
+    private router: Router,
+    private mainService: MainService) { }
+
+  id: number;//工单id
+  orderInfo: any;//工单详情信息
+  endDepts = '';//工单详情目标科室
+  showCoop: boolean = true;//是否展示详情页操作按钮
+
+  promptContent: string;//操作提示框提示信息
+  ifSuccess: boolean;//操作成功/失败
+  promptInfo: string;//操作结果提示信息
+  promptModalShow: boolean;//是否展示提示框
+
+  urgentLoading: boolean = false;//确认加急按钮loading状态
+  recLoading: boolean = false;//撤回并删除按钮loading状态
+  btnLoading: boolean = false;//确认按钮loading状态
+  maskFlag: any = false;
+
+  ngOnInit() {
+    if (this.route.snapshot.parent.parent.routeConfig.path == 'nurse') {
+      this.showCoop = false;
+    }
+    this.id = +this.route.snapshot.paramMap.get('id');
+    let log$ = this.getLog();
+    let detail$ = this.getDetail();
+    this.maskFlag = this.message.loading('正在加载中..', { nzDuration: 0 }).messageId;
+    forkJoin(log$, detail$).subscribe(res => {
+      this.message.remove(this.maskFlag);
+      this.maskFlag = false;
+      // getLog
+      this.logList = res[0]['data'];
+      // getDetail
+      this.orderInfo = res[1]['data'];
+      this.endDepts = res[1]['data'].endDepts.map(item => item.dept).join();
+    })
+  }
+
+  // 获取工单详情
+  getDetail() {
+    return this.mainService.getApiFetchData('workOrder', this.id);
+  }
+
+  // 确认加急
+  urgent() {
+    let that = this;
+    that.urgentLoading = true;
+    let postData = {
+      "urgentDetails": {
+        "workerOrder": this.orderInfo['id'],
+        "checkStatus": {
+          "id": 330
+        },
+        "urgentReason": this.orderInfo['urgentDetails'].urgentReason,
+        "id": this.orderInfo['urgentDetails'].id
+      }
+    }
+    that.mainService.coopWorkerOrder('urge', postData).subscribe(data => {
+      that.urgentLoading = false;
+      if (data.status == 200) {
+        that.showPromptModal('加急', true, '');
+      } else {
+        that.showPromptModal('加急', false, data.msg);
+      }
+    })
+  }
+
+  // 关闭弹框
+  close() {
+    // this.router.navigateByUrl('dispatchingDesk');
+    history.go(-1)
+  }
+  // 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）
+  showPromptModal(con, success, promptInfo?) {
+    this.promptModalShow = false;
+    this.promptContent = con;
+    this.ifSuccess = success;
+    this.promptInfo = promptInfo;
+    setTimeout(() => {
+      this.promptModalShow = true;
+    }, 100);
+  }
+  // 获取工单历史记录
+  logList = [];//工单历史记录
+  getLog() {
+    return this.mainService.getWorkOrderLog(this.id);
+  }
+
+  // 派单
+  allotWorker() {
+    this.router.navigateByUrl('dispatchingDesk/allotWorker/' + this.id + '/' + this.orderInfo['gdState']['id']);
+  }
+
+  // 撤回
+  recallOrderShow: boolean = false;
+  openRecallModal(): void {
+    this.recallOrderShow = true;
+  }
+  // 撤回并删除
+  recAndDel() {
+    let that = this;
+    that.recLoading = true;
+    that.mainService.delOrder(that.id).subscribe(data => {
+      console.log(data);
+      that.recLoading = false;
+      that.closeDelOrderModal()
+      if (data.status == 200) {
+        that.showPromptModal('删除', true, '');
+      } else {
+        that.showPromptModal('删除', false, data.msg);
+      }
+    })
+  }
+  // 确认撤回
+  confirmRec() {
+    let that = this;
+    that.btnLoading = true;
+    let postData = {
+      workOrder: {
+        id: that.id
+      }
+    }
+    that.mainService.coopWorkerOrder('excuteWorkOrder/recall', postData).subscribe(data => {
+      that.btnLoading = false;
+      that.closeRecallOrderModal()
+      if (data.status == 200) {
+        that.showPromptModal('撤回', true, '');
+      } else {
+        that.showPromptModal('撤回', false, data.msg);
+      }
+    })
+  }
+  // 关闭撤回弹框
+  closeRecallOrderModal() {
+    this.recallOrderShow = false;
+  }
+
+
+  // 删除
+  // 打开模态框
+  delOrderShow: boolean = false;
+  openDelModal() {
+    this.delOrderShow = true;
+  }
+  // 确认删除
+  confirmDel() {
+    let that = this;
+    that.btnLoading = true;
+    that.mainService.delOrder(that.id).subscribe(data => {
+      that.btnLoading = false;
+      that.closeDelOrderModal()
+      if (data.status == 200) {
+        that.showPromptModal('删除', true, '');
+      } else {
+        that.showPromptModal('删除', false, data.msg);
+      }
+    })
+  }
+
+  // 关闭模态框
+  closeDelOrderModal() {
+    this.delOrderShow = false;
+  }
+
+  // 格式化时分秒
+  // （时间小于一分钟则显示秒，时间大于一分钟则显示分钟数，如超出一小时则显示小时和分钟。）time单位:秒
+  formatTime(time) {
+    let timeStr = '';
+    if (time >= 0 && time < 60) {
+      // 秒
+      timeStr = time + '秒';
+    } else if (time >= 60 && time < 3600) {
+      // 分钟
+      timeStr = Math.floor(time / 60) + '分钟'
+    } else if (time >= 3600) {
+      // 时 + 分
+      let h = '';
+      let m = '';
+      h = Math.floor(time / 3600) + '小时';
+      m = (time % 3600) >= 60 ? Math.floor((time % 3600) / 60) + '分钟' : '';
+      timeStr = h + m;
+    }
+    return timeStr;
+  }
+
+  // 计算历史记录耗时
+  filterTime(step) {
+    // step = [{ difTime: 2 }, { difTime: 6 }]
+    let num = 0;
+    step.forEach(e => {
+      num += e.difTime;
+    });
+    return this.formatTime(num / 1000);
+
+  }
+
+
+}

src/app/share/detail-patients/detail-patients.component.html

@@ -0,0 +1,182 @@
+<!-- 患者陪检/患者转运 -->
+<div class="detail" *ngIf="!maskFlag">
+  <div class="title">工单信息<i class="icon_transport transport-guanbi" (click)="close()"></i></div>
+  <overlay-scrollbars #osComponentRef1 style="height: 462px;">
+    <div class="content">
+      <div class="top">
+        <div class="num">
+          <span class="left">单号：{{orderInfo.gdcode}}</span>
+          <span class="right">{{orderInfo.gdState.name}}</span>
+        </div>
+        <div class="info" nz-row>
+          <div nz-col nzSpan="8">工单日期：{{orderInfo.startTime}}</div>
+          <div nz-col nzSpan="8">总耗时：{{orderInfo.showTimeNum}}</div>
+          <div nz-col nzSpan="8">申请类型：{{orderInfo.taskType.taskName}}</div>
+          <div nz-col nzSpan="8">申请科室：{{orderInfo.createDeptDTO.dept}}</div>
+          <div nz-col nzSpan="8" *ngIf="middleDept.length>0">中间科室：{{middleDept.join('，')}}</div>
+          <div nz-col nzSpan="8">目标科室：
+            <span *ngFor="let dep of orderInfo.endDepts;let i=index;">
+              <span *ngIf="i!=orderInfo.endDepts.length-1">{{dep.dept}},</span>
+              <span *ngIf="i==orderInfo.endDepts.length-1">{{dep.dept}}</span>
+            </span>
+          </div>
+          <div nz-col nzSpan="8" *ngIf="orderInfo.worker">支助人员信息：{{orderInfo.worker.name}}</div>
+          <div nz-col nzSpan="24" *ngIf="orderInfo.specialCloseReason">
+            特殊情况关闭原因：{{orderInfo.specialCloseReason}}
+          </div>
+        </div>
+      </div>
+      <div class="center">
+        <div class="box display_flex justify-content_flex-center">
+          <div class="steps" *ngFor="let step of logList;let i = index;">
+            <div class="step">
+              <div class="info">
+                <i
+                  [ngClass]="{'icon_transport':true, 'transport-icon_liucheng':true,'green':(step.record&&step.record[0]&&step.record[0].operationTime)}"></i>
+                <p>{{step.operationName}}</p>
+                <p>{{step.record.length>=1?(step.record[0].operationTime|date:'MM-dd HH:mm'):''}}</p>
+                <p *ngIf="step.record[0]&&step.record[0].dept">
+                  <span *ngFor="let dept of step.record">{{dept.dept}},</span>
+                </p>
+                <p *ngIf="i!=0&&step.record&&step.record.length">耗时{{filterTime(step.record)}}</p>
+              </div>
+              <div class="line"></div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="bottom">
+        <div class="urgent" *ngIf="orderInfo.urgentDetails&&showCoop">
+          加急原因：{{orderInfo.urgentDetails.urgentReason}}
+          <button *ngIf="orderInfo.urgentDetails.checkStatus.id==329" nz-button nzType="primary"
+            [nzLoading]="urgentLoading" nzGhost (click)="urgent()">确认加急</button>
+        </div>
+        <div class="info">
+          <div nz-row class="top">
+            <div class="left" nz-col nzSpan="12">
+              <p>
+                <span class="label">患者姓名</span>
+                <span>{{orderInfo.patient.patientName}}</span>
+              </p>
+              <p>
+                <span class="label">床位</span>
+                <span>{{orderInfo.patient.bedNum}}</span>
+              </p>
+              <p *ngIf="orderInfo.patient.careLevel">
+                <span class="label">{{orderInfo.patient.careLevel.desc}}</span>
+                <span>{{orderInfo.patient.careLevel.name}}</span>
+              </p>
+            </div>
+            <div class="right" nz-col nzSpan="12">
+              <p>
+                <span class="label">患者编码</span>
+                <span>{{orderInfo.patient.patientCode}}</span>
+              </p>
+              <p>
+                <span class="label">携带物品</span>
+                <span>{{orderInfo.goods||'暂无'}}</span>
+              </p>
+              <p *ngIf="orderInfo.patient.illnessState">
+                <span class="label">{{orderInfo.patient.illnessState.desc}}</span>
+                <span>{{orderInfo.patient.illnessState.name}}</span>
+              </p>
+            </div>
+          </div>
+        </div>
+        <ng-container *ngIf="orderInfo.taskType.associationType.id==260">
+          <div class="info" *ngFor="let item of orderInfo.checkList">
+            <div nz-row class="top">
+              <div nz-col nzSpan="8">
+                <p>
+                  <span class="label">检查项目：</span>
+                  <span>
+                    <span>
+                      <span>{{item.inspectName||'-'}}</span>
+                    </span>
+                  </span>
+                </p>
+              </div>
+              <div nz-col nzSpan="8">
+                <p>
+                  <span class="label">预约时间：</span>
+                  <span>{{item.yyTime||'-'}}</span>
+                </p>
+              </div>
+              <div nz-col nzSpan="8">
+                <p>
+                  <span class="label">叫号信息：</span>
+                  <span>{{item.reservationNumber||'-'}}</span>
+                </p>
+              </div>
+              <div nz-col nzSpan="8">
+                <p>
+                  <span class="label">到达时间：</span>
+                  <span>{{item.arriveTime||'-'}}</span>
+                </p>
+              </div>
+              <div nz-col nzSpan="8">
+                <p>
+                  <span class="label">检查科室：</span>
+                  <span>{{item.execDept?item.execDept.dept:'-'}}</span>
+                </p>
+              </div>
+              <div nz-col nzSpan="8">
+                <p>
+                  <span class="label">是否送达：</span>
+                  <span>{{item.arriveTime?'是':'否'}}</span>
+                </p>
+              </div>
+            </div>
+          </div>
+        </ng-container>
+      </div>
+    </div>
+  </overlay-scrollbars>
+  <div class="btns display_flex justify-content_flex-center align-items_center">
+    <!-- <button *ngIf="showCoop&&orderInfo.gdState.id==69" nz-button nzType="primary" (click)='allotWorker()'>派单</button>
+    <button *ngIf="showCoop&&(orderInfo.gdState.id==70||orderInfo.gdState.id==71)" nz-button nzType="primary" nzGhost
+      (click)="openRecallModal()">撤回</button>
+    <button *ngIf="showCoop&&(orderInfo.gdState.id==69||orderInfo.gdState.id==70||orderInfo.gdState.id==71)" nz-button
+      nzType="danger" (click)="openDelModal()">删除</button> -->
+    <button class=" btn cancel" nz-button nzType="default" (click)="close()">取消</button>
+  </div>
+</div>
+
+<!-- 撤回工单 -->
+<div class="recallOrder display_flex justify-content_flex-center align-items_center" *ngIf="recallOrderShow">
+  <div class="modalBody">
+    <div class="title">提示<i class="icon_transport transport-guanbi" (click)="closeRecallOrderModal()"></i></div>
+    <div class="content">
+      <div class="icon"><i class="icon_transport transport-wenhao"></i></div>
+      <div class="defeat">您确认要撤回此工单吗？</div>
+    </div>
+    <div class="btns display_flex justify-content_flex-center">
+      <button nz-button nzType="primary" [nzLoading]='btnLoading' (click)="confirmRec()">确认</button>
+      <button nz-button nzType="primary" [nzLoading]='recLoading' nzGhost (click)="recAndDel()">撤回并删除</button>
+      <button class=" btn cancel" nz-button nzType="default" (click)="closeRecallOrderModal()">取消</button>
+    </div>
+  </div>
+</div>
+
+<!-- 删除工单 -->
+<div class="recallOrder delModel display_flex justify-content_flex-center align-items_center" *ngIf="delOrderShow">
+  <div class="modalBody">
+    <div class="title">提示<i class="icon_transport transport-guanbi" (click)="closeDelOrderModal()"></i></div>
+    <div class="content">
+      <div class="icon"><i class="icon_transport transport-wenhao"></i></div>
+      <div class="defeat">您确认要删除此工单吗？</div>
+    </div>
+    <div class="btns display_flex justify-content_flex-center">
+      <button nz-button nzType="primary" [nzLoading]='btnLoading' (click)="confirmDel()">确认</button>
+      <button class=" btn cancel" nz-button nzType="default" (click)="closeDelOrderModal()">取消</button>
+    </div>
+  </div>
+</div>
+
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo" (closeModel)="close()">
+  <!-- 2.父组件调用子组件时绑定到这个事件属性，并在事件发生时作出回应。(closeModel)="close()" -->
+</app-prompt-modal>
+<!-- 遮罩 -->
+<app-mask *ngIf="maskFlag"></app-mask>

src/app/share/detail-patients/detail-patients.component.less

@@ -0,0 +1,320 @@
+@import "../../../../src/theme.less";
+:host {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  left: 0;
+  top: 0;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 9;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.detail {
+  width: 1000px;
+  max-height: 580px;
+  border-radius: 5px;
+  background: #fff;
+  color: #333;
+  font-size: 14px;
+  padding: 12px 20px;
+  position: relative;
+  padding-bottom: 70px;
+
+  .title {
+    font-size: 18px;
+    text-align: center;
+    line-height: 24px;
+    margin: 0;
+    margin-bottom: 12px;
+    position: relative;
+
+    i {
+      position: absolute;
+      right: 0;
+      top: 0;
+      font-size: 20px;
+      color: #666;
+      cursor: pointer;
+      padding: 0 5px;
+    }
+  }
+
+  .content {
+    width: 960px;
+    // height: 474px;
+    border: 1px solid #e5e9ed;
+    border-radius: 5px;
+    overflow: hidden;
+
+    & > .top {
+      padding: 10px 32px;
+      border-bottom: 1px solid #e5e9ed;
+
+      .num {
+        font-size: 16px;
+        overflow: hidden;
+        margin-bottom: 6px;
+
+        .left {
+          float: left;
+          font-weight: 600;
+        }
+
+        .right {
+          float: right;
+        }
+      }
+
+      .info {
+        color: #666;
+
+        & > div {
+          margin: 4px 0;
+        }
+      }
+    }
+
+    & > .center {
+      padding: 27px 0 17px 0;
+      border-bottom: 1px solid #e5e9ed;
+      font-size: 12px;
+
+      .box {
+        // display: flex;
+        // justify-content: center;
+
+        .steps {
+          &:nth-last-child(1) {
+            .line {
+              display: none !important;
+            }
+          }
+
+          .step {
+            .info {
+              width: 120px;
+              text-align: center;
+              display: inline-block;
+              vertical-align: top;
+
+              i {
+                color: #e5e9ed;
+
+                &.green {
+                  color: @primary-color;
+                }
+              }
+            }
+
+            p {
+              margin: 0;
+            }
+
+            .line {
+              display: inline-block;
+              width: 60px;
+              height: 2px;
+              background: #e5e9ed;
+            }
+          }
+        }
+      }
+    }
+
+    & > .bottom {
+      padding: 28px 32px;
+      background: #f9fafb;
+
+      .urgent {
+        input {
+          width: 600px;
+        }
+
+        .candelBtn {
+          margin-left: 20px;
+        }
+      }
+
+      .info {
+        width: 100%;
+        height: 100%;
+        background: #fff;
+        border-radius: 5px;
+        border: 1px solid #e5e9ed;
+        padding: 24px 28px 14px 28px;
+        margin-bottom: 8px;
+
+        .top {
+          .left {
+            border-right: 1px dashed #e5e9ed;
+
+            p {
+              padding: 0 70px 0 102px;
+              overflow: hidden;
+
+              & > span:nth-child(1) {
+                float: left;
+              }
+
+              & > span:nth-child(2) {
+                float: right;
+                color: #666;
+                text-align: right;
+                max-width: 175px;
+              }
+            }
+          }
+
+          .right {
+            p {
+              padding: 0 102px 0 70px;
+              overflow: hidden;
+
+              span:nth-child(1) {
+                float: left;
+              }
+
+              span:nth-child(2) {
+                float: right;
+                color: #666;
+                text-align: right;
+              }
+            }
+          }
+        }
+
+        .wait {
+          text-align: center;
+          margin-top: 7px;
+
+          i {
+            font-size: 24px;
+            color: #62c26d;
+          }
+
+          span {
+            color: #62c26d;
+          }
+        }
+      }
+    }
+  }
+
+  .btns {
+    width: 100%;
+    position: absolute;
+    left: 0;
+    bottom: 20px;
+
+    button {
+      margin: 9px;
+      margin-bottom: 0;
+    }
+  }
+}
+
+// 撤回工单
+.recallOrder {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  // display: flex;
+  // justify-content: center;
+  // align-items: center;
+  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: #ff3b53;
+            font-size: 30px !important;
+
+            &.transport-wenhao {
+              color: #f5a523;
+            }
+          }
+        }
+
+        &.defeat {
+          color: #333;
+          font-size: 18px;
+        }
+
+        &:nth-child(3) {
+          font-size: 14px;
+          color: #666;
+        }
+      }
+
+      .conditions {
+        padding: 16px 20px;
+
+        div {
+          text-align: left;
+        }
+      }
+    }
+
+    .btns {
+      // display: flex;
+      // justify-content: center;
+
+      button {
+        margin-top: 10px;
+
+        &.btn {
+          margin-left: 8px;
+        }
+      }
+    }
+  }
+}
+
+.txtC {
+  text-align: center;
+}

src/app/share/detail-patients/detail-patients.component.ts

@@ -0,0 +1,230 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { MainService } from '../../services/main.service';
+import { OverlayScrollbarsComponent } from 'overlayscrollbars-ngx';
+import { NzMessageService } from 'ng-zorro-antd';
+import { forkJoin } from 'rxjs';
+
+@Component({
+  selector: 'app-detail-patients',
+  templateUrl: './detail-patients.component.html',
+  styleUrls: ['./detail-patients.component.less']
+})
+export class DetailPatientsComponent implements OnInit {
+  @ViewChild('osComponentRef1', { read: OverlayScrollbarsComponent, static: false })
+  osComponentRef1: OverlayScrollbarsComponent;
+  constructor(
+    private message: NzMessageService,
+    private route: ActivatedRoute,
+    private router: Router,
+    private mainService: MainService) { }
+
+  id: number;//工单id
+  orderInfo: any;//工单详情信息
+  showCoop: boolean = true;//是否展示详情页操作按钮
+
+  promptContent: string;//操作提示框提示信息
+  ifSuccess: boolean;//操作成功/失败
+  promptInfo: string;//操作结果提示信息
+  promptModalShow: boolean;//是否展示提示框
+
+  urgentLoading: boolean = false;//确认加急按钮loading状态
+  recLoading: boolean = false;//撤回并删除按钮loading状态
+  btnLoading: boolean = false;//确认按钮loading状态
+  maskFlag: any = false;
+  ngOnInit() {
+    if (this.route.snapshot.parent.parent.routeConfig.path == 'nurse') {
+      this.showCoop = false;
+    }
+    this.id = +this.route.snapshot.paramMap.get('id');
+    let log$ = this.getLog();
+    let detail$ = this.getDetail();
+    this.maskFlag = this.message.loading('正在加载中..', { nzDuration: 0 }).messageId;
+    forkJoin(log$, detail$).subscribe(res => {
+      this.message.remove(this.maskFlag);
+      this.maskFlag = false;
+      // getLog
+      this.logList = res[0]['data'];
+      // getDetail
+      this.orderInfo = res[1]['data'];
+      if (this.orderInfo['checkList'] && this.orderInfo['checkList'].length) {
+        let arr = [];
+        let orderInfo = this.orderInfo['checkList'].filter(item => item.yyTime);
+        if (orderInfo.length) {
+          arr = orderInfo.map(item => [(new Date(item.yyTime)).getTime() - (new Date()).getTime(), item.yyTime]);
+          arr.sort((a, b) => (a - b));
+          this.orderInfo['yyTime'] = arr[0][1];
+        } else {
+          this.orderInfo['yyTime'] = '';
+        }
+      } else {
+        this.orderInfo['yyTime'] = '';
+      }
+      if (res[1]['data'].middleDept) {
+        this.middleDept = res[1]['data'].middleDept.map(item => item.dept);
+      } else {
+        this.middleDept = [];
+      }
+    })
+  }
+  // 获取工单详情
+  middleDept = [];//中间科室数组
+  getDetail() {
+    return this.mainService.getApiFetchData('workOrder', this.id);
+  }
+  // 获取工单历史记录
+  logList = [];//工单历史记录
+  getLog() {
+    return this.mainService.getWorkOrderLog(this.id);
+  }
+
+  // 加急
+  urgent() {
+    let that = this;
+    that.urgentLoading = true;
+    let postData = {
+      urgentDetails: {
+        workerOrder: that.id,
+        checkStatus: { id: 330 },
+        urgentReason: that.orderInfo['urgentDetails']['urgentReason'],
+        id: that.orderInfo['urgentDetails']['id']
+      }
+    }
+    that.mainService.postCustom('workerOrder', 'urge', postData).subscribe(data => {
+      console.log(data);
+      that.urgentLoading = false;
+      if (data.status == 200) {
+        that.showPromptModal('加急', true, '');
+      } else {
+        that.showPromptModal('加急', false, data.msg);
+      }
+    })
+  }
+
+  // 派单
+  allotWorker() {
+    this.router.navigateByUrl('dispatchingDesk/allotWorker/' + this.id + '/' + this.orderInfo['gdState']['id']);
+  }
+
+  // 撤回
+  recallOrderShow: boolean = false;
+  openRecallModal(): void {
+    this.recallOrderShow = true;
+  }
+  // 确认撤回
+  confirmRec() {
+    let that = this;
+    that.btnLoading = true;
+    let postData = {
+      workOrder: {
+        id: that.id
+      }
+    }
+    that.mainService.coopWorkerOrder('excuteWorkOrder/recall', postData).subscribe(data => {
+      that.btnLoading = false;
+      that.closeRecallOrderModal()
+      if (data.status == 200) {
+        that.showPromptModal('撤回', true, '');
+      } else {
+        that.showPromptModal('撤回', false, data.msg);
+      }
+    })
+  }
+  // 撤回并删除
+  recAndDel() {
+    let that = this;
+    that.recLoading = true;
+    that.mainService.delOrder(that.id).subscribe(data => {
+      console.log(data);
+      that.recLoading = false;
+      that.closeDelOrderModal()
+      if (data.status == 200) {
+        that.showPromptModal('删除', true, '');
+      } else {
+        that.showPromptModal('删除', false, data.msg);
+      }
+    })
+  }
+  // 关闭撤回弹框
+  closeRecallOrderModal() {
+    this.recallOrderShow = false;
+  }
+
+  // 关闭弹框
+  close() {
+    // this.router.navigateByUrl('dispatchingDesk');
+    history.go(-1)
+  }
+
+  // 删除
+  // 打开模态框
+  delOrderShow: boolean = false;
+  openDelModal() {
+    this.delOrderShow = true;
+  }
+  // 确认删除
+  confirmDel() {
+    let that = this;
+    that.btnLoading = true;
+    that.mainService.delOrder(that.id).subscribe(data => {
+      that.closeDelOrderModal()
+      that.btnLoading = false;
+      if (data.status == 200) {
+        that.showPromptModal('删除', true, '');
+      } else {
+        that.showPromptModal('删除', false, data.msg);
+      }
+    })
+  }
+
+  // 关闭模态框
+  closeDelOrderModal() {
+    this.delOrderShow = false;
+  }
+
+
+
+
+  // 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）
+  showPromptModal(con, success, promptInfo?) {
+    this.promptModalShow = false;
+    this.promptContent = con;
+    this.ifSuccess = success;
+    this.promptInfo = promptInfo;
+    setTimeout(() => {
+      this.promptModalShow = true;
+    }, 100);
+  }
+
+  // 格式化时分秒
+  // （时间小于一分钟则显示秒，时间大于一分钟则显示分钟数，如超出一小时则显示小时和分钟。）time单位:秒
+  formatTime(time) {
+    let timeStr = '';
+    if (time >= 0 && time < 60) {
+      // 秒
+      timeStr = time + '秒';
+    } else if (time >= 60 && time < 3600) {
+      // 分钟
+      timeStr = Math.floor(time / 60) + '分钟'
+    } else if (time >= 3600) {
+      // 时 + 分
+      let h = '';
+      let m = '';
+      h = Math.floor(time / 3600) + '小时';
+      m = (time % 3600) >= 60 ? Math.floor((time % 3600) / 60) + '分钟' : '';
+      timeStr = h + m;
+    }
+    return timeStr;
+  }
+
+  // 计算历史记录耗时
+  filterTime(step) {
+    // step = [{ difTime: 2 }, { difTime: 6 }]
+    let num = 0;
+    step.forEach(e => {
+      num += e.difTime;
+    });
+    return this.formatTime(num / 1000);
+  }
+}
+

src/app/share/detail-sample/detail-sample.component.html

@@ -0,0 +1,133 @@
+<!-- 标本 -->
+<div class="detail" *ngIf="!maskFlag">
+  <div class="title">工单信息<i class="icon_transport transport-guanbi" (click)="close()"></i></div>
+  <div class="content">
+    <div class="top">
+      <div class="num">
+        <span class="left">单号：{{orderInfo.gdcode}}</span>
+        <span class="right">{{orderInfo.gdState.name}}</span>
+      </div>
+      <div class="info" nz-row>
+        <div nz-col nzSpan="8">工单日期：{{orderInfo.startTime}}</div>
+        <div nz-col nzSpan="8">总耗时：{{orderInfo.showTimeNum}}</div>
+        <div nz-col nzSpan="8">申请类型：{{orderInfo.taskType.taskName}}</div>
+        <div nz-col nzSpan="8">预计接收：{{orderInfo.expectReceiveNum?orderInfo.expectReceiveNum:''}}</div>
+
+        <div nz-col nzSpan="8">申请科室：{{orderInfo.createDeptDTO.dept}}</div>
+        <div nz-col nzSpan="8">目标科室：{{endDepts}}</div>
+        <div nz-col nzSpan="8" *ngIf="orderInfo.worker">支助人员信息：{{orderInfo.worker.name}}</div>
+        <div nz-col nzSpan="8">实际接收：{{orderInfo.actualReceiveNum?orderInfo.actualReceiveNum:''}}</div>
+        <div nz-col nzSpan="24" *ngIf="orderInfo.specialCloseReason">
+          特殊情况关闭原因：{{orderInfo.specialCloseReason}}
+        </div>
+      </div>
+    </div>
+    <div class="center">
+      <div class="box display_flex justify-content_flex-center">
+        <div class="steps" *ngFor="let step of logList;let i=index;">
+          <div class="step">
+            <div class="info">
+              <i
+                [ngClass]="{'icon_transport':true, 'transport-icon_liucheng':true,'green':(step.record&&step.record[0]&&step.record[0].operationTime)}"></i>
+              <p>{{step.operationName}}</p>
+              <p>{{step.record.length>=1?(step.record[0].operationTime|date:'MM-dd HH:mm'):''}}</p>
+              <p *ngIf="step.record[0]&&step.record[0].dept">
+                <span *ngFor="let dept of step.record">{{dept.dept}},</span>
+              </p>
+              <p *ngIf="i!=0&&step.record&&step.record.length">耗时{{filterTime(step.record)}}</p>
+            </div>
+            <div class="line"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="bottom">
+      <div class="urgent" *ngIf="orderInfo.urgentDetails&&showCoop">
+        加急原因：{{orderInfo.urgentDetails.urgentReason}}
+        <button *ngIf="orderInfo.urgentDetails.checkStatus.id==329" class=" btn default" nz-button nzType="primary"
+          [nzLoading]="urgentLoading" nzGhost (click)="urgent()">确认加急</button>
+      </div>
+      <div class="table">
+        <nz-table class="detailSampleTable" [nzData]="orderInfo.specimenSet" nzSize="small" [nzScroll]="{ y: '105px' }"
+          [nzShowPagination]="null">
+          <thead>
+            <tr class="thead">
+              <th nzWidth="50px">序号</th>
+              <th nzWidth="95px">标本类型</th>
+              <th nzWidth="110px">标本编码</th>
+              <th nzWidth="88px">患者姓名</th>
+              <th nzWidth="50px">床号</th>
+              <th nzWidth="88px">目标科室</th>
+              <th nzWidth="75px">是否接收</th>
+              <th nzWidth="75px">是否送达</th>
+              <th nzWidth="123px">接收扫描时间</th>
+              <th nzWidth="123px">送达扫描时间</th>
+            </tr>
+          </thead>
+          <tbody *ngIf="orderInfo.specimenSet">
+            <tr *ngFor="let data of orderInfo.specimenSet;let i =index;">
+              <td>{{i+1}}</td>
+              <td>{{data.stype.name}}</td>
+              <td>{{data.scode}}</td>
+              <td>{{data.patientName}}</td>
+              <td>{{data.bedNum}}</td>
+              <td>{{data.checkDept.dept}}</td>
+              <td>{{data.received?"是":"否"}}</td>
+              <td>{{data.arrived?"是":"否"}}</td>
+              <td>{{data.arriveTime?data.arriveTime:'-'}}</td>
+              <td style="position: relative;">{{data.sendTime?data.sendTime:'-'}}<img *ngIf="data.urgent == 1"
+                  src="../../assets/images/icon_ji.png" alt="" class="ji"></td>
+            </tr>
+          </tbody>
+        </nz-table>
+      </div>
+    </div>
+  </div>
+  <div class="btns display_flex justify-content_flex-center align-items_center">
+    <!-- <button *ngIf="showCoop&&orderInfo.gdState.value==2" nz-button nzType="primary" (click)='allotWorker()'>派单</button>
+    <button *ngIf="showCoop&&(orderInfo.gdState.value==3||orderInfo.gdState.value==4)" nz-button nzType="primary" nzGhost
+      (click)="openRecallModal()">撤回</button>
+    <button *ngIf="showCoop&&(orderInfo.gdState.value==2||orderInfo.gdState.value==3||orderInfo.gdState.value==4)" nz-button
+      nzType="danger" (click)="openDelModal()">删除</button> -->
+    <button class=" btn cancel" nz-button nzType="default" (click)="close()">取消</button>
+  </div>
+</div>
+<!-- 撤回工单 -->
+<div class="recallOrder display_flex justify-content_flex-center align-items_center" *ngIf="recallOrderShow">
+  <div class="modalBody">
+    <div class="title">提示<i class="icon_transport transport-guanbi" (click)="closeRecallOrderModal()"></i></div>
+    <div class="content">
+      <div class="icon"><i class="icon_transport transport-wenhao"></i></div>
+      <div class="defeat">您确认要撤回此工单吗？</div>
+    </div>
+    <div class="btns display_flex justify-content_flex-center align-items_center">
+      <button nz-button nzType="primary" [nzLoading]='btnLoading' (click)="confirmRec()">确认</button>
+      <button nz-button nzType="primary" [nzLoading]='recLoading' nzGhost (click)="recAndDel()">撤回并删除</button>
+      <button class=" btn cancel" nz-button nzType="default" (click)="closeRecallOrderModal()">关闭</button>
+    </div>
+  </div>
+</div>
+
+<!-- 删除工单 -->
+<div class="recallOrder display_flex justify-content_flex-center align-items_center delModel" *ngIf="delOrderShow">
+  <div class="modalBody">
+    <div class="title">提示<i class="icon_transport transport-guanbi" (click)="closeDelOrderModal()"></i></div>
+    <div class="content">
+      <div class="icon"><i class="icon_transport transport-wenhao"></i></div>
+      <div class="defeat">您确认要删除此工单吗？</div>
+    </div>
+    <div class="btns display_flex justify-content_flex-center">
+      <button nz-button nzType="primary" [nzLoading]='btnLoading' (click)="confirmDel()">确认</button>
+      <!-- <button class="candelBtn btn display_flex justify-content_flex-center" nz-button nzType="primary" nzGhost>撤回并删除</button> -->
+      <button class=" btn cancel" nz-button nzType="default" (click)="closeDelOrderModal()">取消</button>
+    </div>
+  </div>
+</div>
+
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo" (closeModel)="close()">
+  <!-- 2.父组件调用子组件时绑定到这个事件属性，并在事件发生时作出回应。(closeModel)="close()" -->
+</app-prompt-modal>
+<!-- 遮罩 -->
+<app-mask *ngIf="maskFlag"></app-mask>

src/app/share/detail-sample/detail-sample.component.less

@@ -0,0 +1,303 @@
+@import "../../../../src/theme.less";
+:host {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  left: 0;
+  top: 0;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 9;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.detail {
+  width: 1000px;
+  min-height: 580px;
+  border-radius: 5px;
+  background: #fff;
+  color: #333;
+  font-size: 14px;
+  padding: 12px 20px;
+  position: relative;
+  padding-bottom: 70px;
+
+  .title {
+    font-size: 18px;
+    text-align: center;
+    line-height: 24px;
+    margin: 0;
+    margin-bottom: 12px;
+    position: relative;
+
+    i {
+      position: absolute;
+      right: 0;
+      top: 0;
+      font-size: 20px;
+      color: #666;
+      cursor: pointer;
+      padding: 0 5px;
+    }
+  }
+
+  .content {
+    width: 960px;
+    // height: 474px;
+    border: 1px solid #e5e9ed;
+    border-radius: 5px;
+    overflow: hidden;
+
+    & > .top {
+      padding: 10px 32px;
+      border-bottom: 1px solid #e5e9ed;
+
+      .num {
+        font-size: 16px;
+        overflow: hidden;
+        margin-bottom: 6px;
+
+        .left {
+          float: left;
+          font-weight: 600;
+        }
+
+        .right {
+          float: right;
+        }
+      }
+
+      .info {
+        color: #666;
+
+        & > div {
+          margin: 4px 0;
+        }
+      }
+    }
+
+    & > .center {
+      padding: 27px 0 17px 0;
+      border-bottom: 1px solid #e5e9ed;
+      font-size: 12px;
+
+      .box {
+        // display: flex;
+        // justify-content: center;
+
+        .steps {
+          &:nth-last-child(1) {
+            .line {
+              display: none !important;
+            }
+          }
+
+          .step {
+            .info {
+              width: 90px;
+              text-align: center;
+              display: inline-block;
+              vertical-align: top;
+
+              i {
+                color: #e5e9ed;
+
+                &.green {
+                  color: @primary-color;
+                }
+              }
+            }
+
+            p {
+              margin: 0;
+            }
+
+            .line {
+              display: inline-block;
+              width: 60px;
+              height: 2px;
+              background: #e5e9ed;
+            }
+          }
+        }
+      }
+    }
+
+    & > .bottom {
+      padding: 28px 32px;
+      background: #f9fafb;
+
+      .urgent {
+        input {
+          width: 600px;
+        }
+
+        .candelBtn {
+          margin-left: 20px;
+        }
+      }
+
+      .table {
+        width: 100%;
+        background: #fff;
+        border-radius: 5px;
+
+        .thead {
+          background: linear-gradient(to right, @bg-start, @bg-end) !important;
+          th {
+            color: #fff !important;
+            text-align: center;
+            font-size: 12px;
+            border: none;
+          }
+        }
+
+        .ant-table-tbody {
+          tr {
+            text-align: center;
+            font-size: 12px;
+            border: none;
+
+            td {
+              border: none;
+            }
+          }
+
+          tr:nth-child(2n) {
+            background: #f9fafb;
+          }
+        }
+      }
+    }
+  }
+
+  .btns {
+    // display: flex;
+    // justify-content: center;
+    // align-items: center;
+    width: 100%;
+    position: absolute;
+    left: 0;
+    bottom: 20px;
+
+    button {
+      margin: 9px;
+      margin-bottom: 0;
+    }
+  }
+
+  .ant-table {
+    border: none !important;
+  }
+}
+
+// 撤回工单
+.recallOrder {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  // display: flex;
+  // justify-content: center;
+  // align-items: center;
+  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: #ff3b53;
+            font-size: 30px !important;
+
+            &.transport-wenhao {
+              color: #f5a523;
+            }
+          }
+        }
+
+        &.defeat {
+          color: #333;
+          font-size: 18px;
+        }
+
+        &:nth-child(3) {
+          font-size: 14px;
+          color: #666;
+        }
+      }
+
+      .conditions {
+        padding: 16px 20px;
+
+        div {
+          text-align: left;
+        }
+      }
+    }
+
+    .btns {
+      // display: flex;
+      // justify-content: center;
+
+      button {
+        margin-top: 10px;
+
+        &.btn {
+          width: 80px;
+          margin-left: 8px;
+        }
+      }
+    }
+  }
+}
+
+.txtC {
+  text-align: center;
+}
+.ji {
+  position: absolute;
+  right: 0px;
+  top: -3px;
+  width: 30px;
+}

src/app/share/detail-sample/detail-sample.component.ts

@@ -0,0 +1,212 @@
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { MainService } from '../../services/main.service';
+import { forkJoin } from 'rxjs';
+import { NzMessageService } from 'ng-zorro-antd';
+
+
+@Component({
+  selector: 'app-detail-sample',
+  templateUrl: './detail-sample.component.html',
+  styleUrls: ['./detail-sample.component.less']
+})
+export class DetailSampleComponent implements OnInit {
+
+  constructor(
+    private message: NzMessageService,
+    private route: ActivatedRoute,
+    private router: Router,
+    private mainService: MainService) { }
+
+  id: number;//工单id
+  orderInfo: any;//工单详情信息
+  endDepts = '';//工单详情目标科室
+  showCoop: boolean = true;//是否展示详情页操作按钮
+
+  promptContent: string;//操作提示框提示信息
+  ifSuccess: boolean;//操作成功/失败
+  promptInfo: string;//操作结果提示信息
+  promptModalShow: boolean;//是否展示提示框
+
+  urgentLoading: boolean = false;//确认加急按钮loading状态
+  recLoading: boolean = false;//撤回并删除按钮loading状态
+  btnLoading: boolean = false;//确认按钮loading状态
+  maskFlag: any = false;
+  ngOnInit() {
+    if (this.route.snapshot.parent.parent.routeConfig.path == 'nurse') {
+      this.showCoop = false;
+    }
+    this.id = +this.route.snapshot.paramMap.get('id');
+    let log$ = this.getLog();
+    let detail$ = this.getDetail();
+    this.maskFlag = this.message.loading('正在加载中..', { nzDuration: 0 }).messageId;
+    forkJoin(log$, detail$).subscribe(res => {
+      this.message.remove(this.maskFlag);
+      this.maskFlag = false;
+      // getLog
+      this.logList = res[0]['data'];
+      // getDetail
+      this.orderInfo = res[1]['data'];
+      this.endDepts = res[1]['data'].endDepts.map(item => item.dept).join();
+    })
+  }
+
+  // 获取工单详情
+  getDetail() {
+    return this.mainService.getApiFetchData('workOrder', this.id);
+  }
+
+  // 确认加急
+  urgent() {
+    let that = this;
+    that.urgentLoading = true;
+    let postData = {
+      "urgentDetails": {
+        "workerOrder": this.orderInfo['id'],
+        "checkStatus": {
+          "id": 330
+        },
+        "urgentReason": this.orderInfo['urgentDetails'].urgentReason,
+        "id": this.orderInfo['urgentDetails'].id
+      }
+    }
+    that.mainService.coopWorkerOrder('urge', postData).subscribe(data => {
+      that.urgentLoading = false;
+      if (data.status == 200) {
+        that.showPromptModal('加急', true, '');
+      } else {
+        that.showPromptModal('加急', false, data.msg);
+      }
+    })
+  }
+  // 获取工单历史记录
+  logList = [];//工单历史记录
+  getLog() {
+    return this.mainService.getWorkOrderLog(this.id);
+  }
+
+  // 派单
+  allotWorker() {
+    this.router.navigateByUrl('dispatchingDesk/allotWorker/' + this.id + '/' + this.orderInfo['gdState']['id']);
+  }
+
+  // 撤回
+  recallOrderShow: boolean = false;
+  openRecallModal(): void {
+    this.recallOrderShow = true;
+  }
+  // 确认撤回
+  confirmRec() {
+    let that = this;
+    that.btnLoading = true;
+    let postData = {
+      workOrder: {
+        id: that.id
+      }
+    }
+    that.mainService.coopWorkerOrder('excuteWorkOrder/recall', postData).subscribe(data => {
+      that.btnLoading = false;
+      that.closeRecallOrderModal()
+      if (data.status == 200) {
+        that.showPromptModal('撤回', true, '');
+      } else {
+        that.showPromptModal('撤回', false, data.msg);
+      }
+    })
+  }
+  // 撤回并删除
+  recAndDel() {
+    let that = this;
+    that.recLoading = true;
+    that.mainService.delOrder(that.id).subscribe(data => {
+      console.log(data);
+      that.recLoading = false;
+      that.closeDelOrderModal()
+      if (data.status == 200) {
+        that.showPromptModal('删除', true, '');
+      } else {
+        that.showPromptModal('删除', false, data.msg);
+      }
+    })
+  }
+  // 关闭撤回弹框
+  closeRecallOrderModal() {
+    this.recallOrderShow = false;
+  }
+
+  // 关闭弹框
+  close() {
+    // this.router.navigateByUrl('dispatchingDesk');
+    history.go(-1)
+  }
+
+  // 删除
+  // 打开模态框
+  delOrderShow: boolean = false;
+  openDelModal() {
+    this.delOrderShow = true;
+  }
+  // 确认删除
+  confirmDel() {
+    let that = this;
+    that.btnLoading = true;
+    that.mainService.delOrder(that.id).subscribe(data => {
+      that.btnLoading = false;
+      that.closeDelOrderModal()
+      if (data.status == 200) {
+        that.showPromptModal('删除', true, '');
+      } else {
+        that.showPromptModal('删除', false, data.msg);
+      }
+    })
+  }
+
+  // 关闭模态框
+  closeDelOrderModal() {
+    this.delOrderShow = false;
+  }
+
+  // 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）
+  showPromptModal(con, success, promptInfo?) {
+    this.promptModalShow = false;
+    this.promptContent = con;
+    this.ifSuccess = success;
+    this.promptInfo = promptInfo;
+    setTimeout(() => {
+      this.promptModalShow = true;
+    }, 100);
+  }
+
+
+  // 格式化时分秒
+  // （时间小于一分钟则显示秒，时间大于一分钟则显示分钟数，如超出一小时则显示小时和分钟。）time单位:秒
+  formatTime(time) {
+    let timeStr = '';
+    if (time >= 0 && time < 60) {
+      // 秒
+      timeStr = time + '秒';
+    } else if (time >= 60 && time < 3600) {
+      // 分钟
+      timeStr = Math.floor(time / 60) + '分钟'
+    } else if (time >= 3600) {
+      // 时 + 分
+      let h = '';
+      let m = '';
+      h = Math.floor(time / 3600) + '小时';
+      m = (time % 3600) >= 60 ? Math.floor((time % 3600) / 60) + '分钟' : '';
+      timeStr = h + m;
+    }
+    return timeStr;
+  }
+
+
+  // 计算历史记录耗时
+  filterTime(step) {
+    // step = [{ difTime: 2 }, { difTime: 6 }]
+    let num = 0;
+    step.forEach(e => {
+      num += e.difTime;
+    });
+    return this.formatTime(num / 1000);
+  }
+}

src/app/share/dialog-delete/dialog-delete.component.html

@@ -0,0 +1,15 @@
+<!-- 删除模态框 -->
+<div class="dialog-delete" *ngIf="delModal">
+  <div class="modalBody">
+    <div class="title">提示<i class="icon_transport transport-guanbi" (click)="hideDelModal()"></i></div>
+    <div class="content">
+      <div class="icon"><i class="icon_transport transport-wenhao"></i></div>
+      <div class="defeat">{{content}}</div>
+      <div class="tips red" *ngIf="tips">（{{tips}}）</div>
+    </div>
+    <div class="operate">
+      <button nz-button nzType="primary" (click)="confirmDel()" [nzLoading]="btnLoading">确认</button>
+      <button class="btn cancel ml8" nz-button nzType="default" (click)="hideDelModal()">取消</button>
+    </div>
+  </div>
+</div>

src/app/share/dialog-delete/dialog-delete.component.less

@@ -0,0 +1,174 @@
+.dialog-delete {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  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: 8px;
+    padding: 8px 16px;
+    color: #333;
+    display: flex;
+    flex-direction: column;
+
+    .title {
+      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 {
+      flex: 1;
+      background: #f9fafb;
+      border: 1px solid #e5e9ed;
+      border-radius: 8px;
+      margin-top: 8px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+
+      & > div {
+        text-align: center;
+        margin: 0;
+
+        &.icon {
+          i {
+            color: #34b349;
+            font-size: 30px !important;
+
+            &.transport-wenhao {
+              color: #f5a523;
+            }
+
+            &.transport-shibai {
+              color: #ff3a52;
+            }
+          }
+        }
+
+        &.defeat {
+          color: #333;
+          font-size: 16px;
+        }
+        &.tips {
+          font-size: 14px;
+        }
+
+        &:nth-child(3) {
+          font-size: 14px;
+          color: #666;
+        }
+      }
+    }
+    .operate {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin-top: 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;
+            }
+
+            .datesGroup {
+              margin-left: 125px;
+            }
+          }
+
+          .timer {
+            // display: inline-block;
+            // width: 50%;
+
+            .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;
+        }
+      }
+    }
+  }
+}

src/app/share/dialog-delete/dialog-delete.component.ts

@@ -0,0 +1,28 @@
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+
+@Component({
+  selector: 'app-dialog-delete',
+  templateUrl: './dialog-delete.component.html',
+  styleUrls: ['./dialog-delete.component.less']
+})
+export class DialogDeleteComponent implements OnInit {
+  @Output() hideDelModalEvent = new EventEmitter<any>();
+  @Output() confirmDelEvent = new EventEmitter<any>();
+  @Input() btnLoading: boolean = false;
+  @Input() delModal: boolean = false;
+  @Input() content: string = '您确定要删除吗？';
+  @Input() tips: string = '';
+  constructor() { }
+
+  ngOnInit() {
+  }
+  // 隐藏
+  hideDelModal() {
+    this.hideDelModalEvent.emit();
+  }
+  // 确认删除
+  confirmDel() {
+    this.confirmDelEvent.emit();
+  }
+
+}

src/app/share/generate-floor/generate-floor.component.html

@@ -0,0 +1,29 @@
+<!-- 生成楼层 -->
+<div class="generate-floor" *ngIf="generateModal">
+  <div class="modalBody">
+    <div class="title">生成楼层<i class="icon_transport transport-guanbi" (click)="hideGenerateModal()"></i></div>
+    <div class="content">
+      <div class="formItem">
+        <nz-select class="w120" [ngClass]="{errorMsg:!building}" [(ngModel)]="building" [nzLoading]="loading1"
+          nzPlaceHolder="请选择楼栋">
+          <nz-option [nzValue]="building" [nzLabel]="building.buildingName" *ngFor="let building of buildingList">
+          </nz-option>
+        </nz-select>
+        <nz-input-number [ngClass]="{errorMsg:!startFloor}" [ngModel]="startFloor" [nzMin]="startFloorMin"
+          [nzMax]="startFloorMax" [nzStep]="1" nzPlaceHolder='起始楼层' (ngModelChange)="startFloorChange($event)">
+        </nz-input-number>
+        <nz-input-number [ngClass]="{errorMsg:!endFloor}" [ngModel]="endFloor" [nzMin]="endFloorMin"
+          [nzMax]="endFloorMax" [nzStep]="1" nzPlaceHolder='结束楼层' (ngModelChange)="endFloorChange($event)">
+        </nz-input-number>
+      </div>
+      <div class="mt8 red" *ngIf="(!building || !startFloor || !endFloor)">请填写楼栋，起始楼层和结束楼层！</div>
+    </div>
+    <div class="operate">
+      <button nz-button nzType="primary" (click)="confirmGenerate()">确认</button>
+      <button class="btn cancel ml8" nz-button nzType="default" (click)="hideGenerateModal()">取消</button>
+    </div>
+  </div>
+</div>
+<!-- 模态框 -->
+<app-dialog-delete [delModal]="delModal" (hideDelModalEvent)="hideDelModal()" [btnLoading]="btnLoading"
+  (confirmDelEvent)="confirmDel()" [content]="tipsMsg1"></app-dialog-delete>

src/app/share/generate-floor/generate-floor.component.less

@@ -0,0 +1,156 @@
+.generate-floor {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  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: 8px;
+    padding: 8px 16px;
+    color: #333;
+    display: flex;
+    flex-direction: column;
+
+    .title {
+      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 {
+      flex: 1;
+      background: #f9fafb;
+      border: 1px solid #e5e9ed;
+      border-radius: 8px;
+      margin-top: 8px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      .formItem {
+        width: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: space-evenly;
+        .w120 {
+          width: 120px;
+        }
+        .errorMsg ::ng-deep {
+          .ant-select-selection,
+          input {
+            border: 1px solid red !important;
+          }
+        }
+      }
+    }
+    .operate {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin-top: 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;
+            }
+
+            .datesGroup {
+              margin-left: 125px;
+            }
+          }
+
+          .timer {
+            // display: inline-block;
+            // width: 50%;
+
+            .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;
+        }
+      }
+    }
+  }
+}

src/app/share/generate-floor/generate-floor.component.ts

@@ -0,0 +1,80 @@
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { MainService } from 'src/app/services/main.service';
+import { ToolService } from 'src/app/services/tool.service';
+
+@Component({
+  selector: 'app-generate-floor',
+  templateUrl: './generate-floor.component.html',
+  styleUrls: ['./generate-floor.component.less']
+})
+export class GenerateFloorComponent implements OnInit {
+  @Output() hideGenerateModalEvent = new EventEmitter<any>();
+  @Output() confirmGenerateEvent = new EventEmitter<any>();
+  @Input() btnLoading: boolean = false;
+  @Input() generateModal: boolean = false;
+  constructor(
+    private mainService: MainService,
+    private tool: ToolService,
+  ) { }
+  hosId;//院区
+  building = null;//选择的楼栋
+  startFloor = null;//起始楼层
+  startFloorMin = 1;//起始楼层最小
+  startFloorMax = Infinity;//起始楼层最大
+  endFloor = null;//结束楼层
+  endFloorMin = 1;//结束楼层最小
+  endFloorMax = Infinity;//结束楼层最大
+  delModal = false;
+  tipsMsg1 = '';
+  ngOnInit() {
+    this.building = null;
+    this.startFloor = null;
+    this.endFloor = null;
+    this.hosId = this.tool.getCurrentHospital().id;
+    this.getBuildings(this.hosId);
+  }
+  // 获取楼栋
+  loading1: boolean = false;
+  buildingList = [];
+  getBuildings(hosId) {
+    this.loading1 = true;
+    this.mainService.getFetchDataList('simple/data', 'building', { idx: 0, sum: 9999, building: { hosId } }).subscribe(result => {
+      this.loading1 = false;
+      if (result['status'] == 200) {
+        this.buildingList = result['list'];
+      }
+    })
+  }
+  //修改起始楼层
+  startFloorChange(e) {
+    this.startFloor = e;
+    this.endFloorMin = e;
+    this.endFloorMax = Infinity;
+  }
+  //修改结束楼层
+  endFloorChange(e) {
+    this.endFloor = e;
+    this.startFloorMin = 1;
+    this.startFloorMax = e;
+  }
+  // 隐藏生成楼层弹窗
+  hideGenerateModal() {
+    this.hideGenerateModalEvent.emit();
+  }
+  // 确认生成楼层->弹窗提示信息
+  confirmGenerate() {
+    if (!this.building || !this.startFloor || !this.endFloor) {
+    } else {
+      this.tipsMsg1 = `是否在${this.building.buildingName}生成楼层${this.startFloor}层到${this.endFloor}层？`;
+      this.delModal = true;
+    }
+  }
+  //隐藏提示弹窗
+  hideDelModal() {
+    this.delModal = false;
+  }
+  //确认生成楼层
+  confirmDel() {
+    this.confirmGenerateEvent.emit([this.building, this.startFloor, this.endFloor]);
+  }
+}

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

@@ -0,0 +1,35 @@
+<div class="modal display_flex justify-content_flex-center align-items_center" *ngIf="show">
+  <div class="modalBody">
+    <div class="title">标本完整记录查看<i class="icon_transport transport-guanbi" (click)="hideModal()"></i></div>
+    <div class="content">
+      <nz-table class="hospitalTable" [nzData]="historySpecimenList" nzSize="middle" [nzShowPagination]="false"
+        [nzLoading]="hsLoading">
+        <thead>
+          <tr class="thead">
+            <th nzWidth="10%">序号</th>
+            <th nzWidth="30%">动作</th>
+            <th nzWidth="30%">时间</th>
+            <th nzWidth="30%">操作人</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of historySpecimenList;let i = index;">
+            <td>{{i+1}}</td>
+            <td>{{ data.operationType?data.operationType.name:'-' }}</td>
+            <td>{{ data.creatTime||'-' }}</td>
+            <td>{{ data.operationUserName||'-' }}</td>
+          </tr>
+        </tbody>
+      </nz-table>
+      <div class="pagination">
+        <nz-pagination [(nzPageIndex)]="historySpecimenPageIndex" [(nzTotal)]="historySpecimenListLength"
+          [(nzPageSize)]="historySpecimenPageSize" (nzPageIndexChange)="getHistorySpecimen()"
+          (nzPageSizeChange)="getHistorySpecimen()">
+        </nz-pagination>
+      </div>
+    </div>
+    <div class="display_flex justify-content_flex-center">
+      <button class="btn know" nz-button nzType="primary" (click)="hideModal()">知道了</button>
+    </div>
+  </div>
+</div>

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

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

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

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

src/app/share/hs-prompt-modal/hs-prompt-modal.component.html

@@ -0,0 +1,48 @@
+<div class="modal display_flex justify-content_flex-center align-items_center" *ngIf="show">
+  <div class="modalBody" *ngIf="changeShow">
+    <div class="title">当前科室<i class="icon_transport transport-guanbi" (click)="hideModal()"></i></div>
+    <div class="content">
+      <div class="defeat">{{currentDept}}</div>
+      <div class="countDown">关闭倒计时<em>{{closeTime}}s</em></div>
+    </div>
+    <div class="display_flex justify-content_flex-center">
+      <button class="btn know" nz-button nzType="primary" (click)="hideModal()">知道了</button>
+      <button class="btn know" nz-button nzType="primary" nzGhost (click)="changeModal()">切换科室</button>
+    </div>
+  </div>
+  <div class="modalBody modalBody-search" *ngIf="!changeShow">
+    <div class="title">搜索当前科室<i class="icon_transport transport-guanbi" (click)="hideModal()"></i></div>
+    <div class="content content-search">
+      <div class="defeat-search display_flex justify-content_flex-center flex-direction_column">
+        <span>当前院区：<em>{{currentHospital.hosName}}</em></span>
+        <span>当前科室：<em>{{currentDept}}</em></span>
+      </div>
+      <div class="form">
+        <form nz-form [formGroup]="validateForm">
+          <nz-form-item>
+            <nz-form-label class="label" [nzSm]="24" [nzXs]="24" nzRequired nzFor="dutyDeptFc">搜索当值科室
+            </nz-form-label>
+            <nz-form-control class="control" [nzSm]="24" [nzXs]="24" nzErrorTip="请选择当值科室！">
+              <nz-select formControlName="dutyDeptFc" [nzDropdownMatchSelectWidth]="false" nzServerSearch nzShowSearch
+                (nzOnSearch)="searchDept($event)" nzAllowClear nzPlaceHolder="请选择当值科室" [(ngModel)]="dutyDept">
+                <ng-container *ngFor="let option of dutyDepts">
+                  <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>
+            </nz-form-control>
+          </nz-form-item>
+        </form>
+      </div>
+    </div>
+    <div class="display_flex justify-content_flex-center">
+      <button class="btn know" nz-button nzType="primary" (click)="ok()">确定</button>
+      <button class="btn know" nz-button nzType="primary" nzGhost (click)="hideModal()">取消</button>
+    </div>
+  </div>
+</div>
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo" [isReLoad]="true"></app-prompt-modal>

src/app/share/hs-prompt-modal/hs-prompt-modal.component.less

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

src/app/share/hs-prompt-modal/hs-prompt-modal.component.ts

@@ -0,0 +1,133 @@
+import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
+import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
+import { MainService } from '../../services/main.service';
+import { ToolService } from '../../services/tool.service';
+import { Subject } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
+
+@Component({
+  selector: 'app-hs-prompt-modal',
+  templateUrl: './hs-prompt-modal.component.html',
+  styleUrls: ['./hs-prompt-modal.component.less']
+})
+export class HsPromptModalComponent implements OnInit {
+  // 切换科室，切换弹窗
+  // changeShow = true //true显示第一个弹窗，false显示选择科室的弹窗
+  validateForm!: FormGroup;
+  dutyDept;//当值科室
+  dutyDepts = [];//当值科室列表
+  isLoading = false;
+  currentHospital;//当前院区
+  currentDept = JSON.parse(localStorage.getItem('user')).user.dept.dept;//当前科室
+  @Input() show: Boolean;
+  @Input() changeShow: Boolean;
+  @Input() closeTime: Number;
+
+  @Output() closeModelHs = new EventEmitter<any>();//1.组件暴露一个 EventEmitter 属性，当事件发生时，子组件利用该属性 emits(向上弹射)事件
+  @Output() clearModelHs = new EventEmitter<any>();//1.组件暴露一个 EventEmitter 属性，当事件发生时，子组件利用该属性 emits(向上弹射)事件
+
+  constructor(private fb: FormBuilder, private mainService: MainService, private tool: ToolService) { }
+  searchDeptSubject = new Subject();
+  ngOnInit() {
+    this.searchDeptSubject.pipe(debounceTime(500)).subscribe(v => {
+      this.search(v);
+    })
+    this.currentHospital = this.tool.getCurrentHospital();
+    this.validateForm = this.fb.group({
+      dutyDeptFc: [null, [Validators.required]],//当班科室
+    });
+    this.search(false)
+  }
+  // 关闭弹窗
+  hideModal() {
+    this.closeModelHs.emit(JSON.stringify({ show: false, changeShow: true }));//emits(向上弹射)事件
+    // this.changeShow = true
+  }
+  // 切换科室
+  changeModal() {
+    // this.changeShow = false
+    this.clearModelHs.emit(JSON.stringify({ clear: true, changeShow: false }));//emits(向上弹射)事件
+  }
+  // 获取当前用户信息
+  getCurrentUserNow() {
+    this.mainService.getCurrentUser1().subscribe(data => {
+      if (data['status'] == 200) {
+        let user = JSON.parse(localStorage.getItem('user'))
+        user.user.dept = data['data'].dept
+        localStorage.setItem('user', JSON.stringify(user))
+        this.showPromptModal('切换科室', true, '')
+        this.hideModal()
+      }
+    })
+  }
+  // 确定
+  ok() {
+    let flag = true
+    for (const i in this.validateForm.controls) {
+      this.validateForm.controls[i].markAsDirty();
+      this.validateForm.controls[i].updateValueAndValidity();
+      if (this.validateForm.controls[i].valid === false) {//携带物品非必填
+        flag = false
+      }
+    }
+    if (!flag) {
+      return;
+    }
+    let dataObj = {
+      "user": {
+        "dept": {
+          "id": this.validateForm.controls.dutyDeptFc.value
+        },
+        "id": JSON.parse(localStorage.getItem('user')).user.id
+      }
+    }
+
+    this.mainService.coopData('updData', 'user', dataObj).subscribe(data => {
+      if (data.status == 200) {
+        this.getCurrentUserNow()
+      } else {
+        this.showPromptModal('切换科室', false, '')
+      }
+    })
+  }
+
+  // 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）
+  promptModalShow = false;
+  promptContent = '';
+  ifSuccess = false;
+  promptInfo = '';
+  showPromptModal(con, success, promptInfo?) {
+    this.promptModalShow = false;
+    this.promptContent = con;
+    this.ifSuccess = success;
+    this.promptInfo = promptInfo;
+    setTimeout(() => {
+      this.promptModalShow = true;
+    }, 100);
+  }
+  //当值科室搜索
+  searchDept(e) {
+    this.searchDeptSubject.next(e);
+  }
+  // 当值科室搜索
+  search(e) {
+    let keywords = ''
+    if (e) {
+      keywords = e
+    }
+    let dataObj = {
+      "idx": 0,
+      "sum": 20,
+      "department": {
+        "hospital": { id: this.currentHospital.id },
+        "keyWord": keywords
+      }
+    }
+    this.mainService.getFetchDataList('data', 'department', dataObj).subscribe(data => {
+      if (data.status == 200) {
+        this.dutyDepts = data.list
+      }
+    })
+  }
+}
+

src/app/share/mask/mask.component.html

@@ -0,0 +1 @@
+<div class="app-mask"></div>

src/app/share/mask/mask.component.less

@@ -0,0 +1,9 @@
+.app-mask {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: rgba(0, 0, 0, 0.4);
+  z-index: 99;
+}

src/app/share/mask/mask.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-mask',
+  templateUrl: './mask.component.html',
+  styleUrls: ['./mask.component.less']
+})
+export class MaskComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/share/order-detail/order-detail.component.html

@@ -0,0 +1,595 @@
+<div class="detail" *ngIf="!maskFlag">
+  <div class="title">工单查看<i class="icon_transport transport-guanbi" (click)="close()"></i></div>
+  <div class="box">
+    <div class="tab display_flex">
+      <div [ngClass]="{'item':true, 'flex_1':true, checked:tabType==1}" (click)="checkTab(1)">工单信息</div>
+      <div [ngClass]="{'item':true, 'flex_1':true, checked:tabType==2}" (click)="checkTab(2)">评价内容</div>
+      <div [ngClass]="{'item':true, 'flex_1':true, checked:tabType==3}" (click)="checkTab(3)">积分</div>
+      <div [ngClass]="{'item':true, 'flex_1':true, checked:tabType==4}" (click)="checkTab(4)">历史记录</div>
+    </div>
+    <!-- 其他类型工单信息 -->
+    <overlay-scrollbars #osComponentRef3 style="max-height: 400px;">
+      <div *ngIf="(tabType==1)&&(orderInfo.taskType.associationType.id==259)" class="content orders">
+        <div class="top">
+          <div class="num">
+            <span class="left">单号：{{orderInfo.gdcode}}</span>
+            <span class="right">{{orderInfo.gdState?orderInfo.gdState.name:''}}</span>
+          </div>
+          <div class="info" nz-row>
+            <div nz-col nzSpan="6">工单日期：{{orderInfo.startTime|date:'yyyy-MM-dd HH:mm'}}</div>
+            <div nz-col nzSpan="6">总耗时：{{orderInfo.showTimeNum}}</div>
+            <div nz-col nzSpan="8">申请类型：{{orderInfo.taskType?orderInfo.taskType.taskName:''}}</div>
+            <div nz-col nzSpan="4">支助人员信息：{{orderInfo.worker?orderInfo.worker.name:''}}</div>
+          </div>
+          <div class="info" nz-row>
+            <div nz-col nzSpan="6">申请科室：{{orderInfo.createDeptDTO?orderInfo.createDeptDTO.dept:''}}
+            </div>
+            <div nz-col nzSpan="6">
+              目标科室：{{endDepts}}
+            </div>
+            <div nz-col nzSpan="8" *ngIf="orderInfo.urgentDetails">
+              加急状态：{{orderInfo.urgentDetails.checkStatus.name}}</div>
+          </div>
+          <div class="info" nz-row *ngIf="orderInfo.urgentDetails">
+            <div nz-col nzSpan="24" class="jiaji">加急原因：{{orderInfo.urgentDetails.urgentReason}}</div>
+          </div>
+          <div class="info" nz-row *ngIf="orderInfo.workOrderRemark!==undefined">
+            <div nz-col nzSpan="24">备注信息：{{orderInfo.workOrderRemark||'-'}}
+            </div>
+          </div>
+          <div class="info" nz-row *ngIf="orderInfo.specialCloseReason!==undefined">
+            <div nz-col nzSpan="24">特殊情况关闭原因：{{orderInfo.specialCloseReason||'-'}}
+            </div>
+          </div>
+        </div>
+        <div class="center">
+          <div class="box">
+            <div class="steps" *ngFor="let step of logList">
+              <div class="step">
+                <div class="info">
+                  <i
+                    [ngClass]="{'icon_transport':true, 'transport-icon_liucheng':true,'green':(step.record&&step.record[0]&&step.record[0].operationTime)}"></i>
+                  <p>{{step.operationName}}</p>
+                  <p>{{step.record?step.record.operationtime:''}}</p>
+                  <p *ngIf="step.record&&step.record.length&&step.record[0].dept"><span
+                      *ngFor="let dept of step.record">{{dept.dept}},</span></p>
+                  <p *ngIf="step.record&&step.record.length&&step.operationName!='申请'">耗时{{filterTime(step.record)}}</p>
+                </div>
+                <div class="line"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </overlay-scrollbars>
+    <!-- 标本类型工单信息 -->
+    <overlay-scrollbars #osComponentRef4 style="max-height: 400px;">
+      <div *ngIf="tabType==1&&orderInfo.taskType.associationType.id==256" class="content orders">
+        <div class="top">
+          <div class="num">
+            <span class="left">单号：{{orderInfo.gdcode}}</span>
+            <span class="right">{{orderInfo.gdState?orderInfo.gdState.name:''}}</span>
+          </div>
+          <div class="info" nz-row>
+            <div nz-col nzSpan="6">工单日期：{{orderInfo.startTime|date:'yyyy-MM-dd HH:mm'}}</div>
+            <div nz-col nzSpan="6">总耗时：{{orderInfo.showTimeNum}}</div>
+            <div nz-col nzSpan="8">申请类型：{{orderInfo.taskType?orderInfo.taskType.taskName:''}}</div>
+            <div nz-col nzSpan="4">支助人员信息：{{orderInfo.worker?orderInfo.worker.name:''}}</div>
+          </div>
+          <div class="info" nz-row>
+            <div nz-col nzSpan="4">申请科室：{{orderInfo.createDeptDTO?orderInfo.createDeptDTO.dept:''}}
+            </div>
+            <div nz-col nzSpan="9">
+              目标科室：{{endDepts}}
+            </div>
+            <div nz-col nzSpan="4">预计接收：{{orderInfo.expectReceiveNum}}</div>
+            <div nz-col nzSpan="3">送达：{{orderInfo.deliveryNum}}</div>
+            <div nz-col nzSpan="4">实际接收：{{orderInfo.actualReceiveNum}}</div>
+          </div>
+          <div class="info" nz-row *ngIf="orderInfo.urgentDetails">
+            <div nz-col nzSpan="8">
+              加急状态：{{orderInfo.urgentDetails.checkStatus.name}}</div>
+            <div nz-col nzSpan="24" class="jiaji">加急原因：{{orderInfo.urgentDetails.urgentReason}}</div>
+          </div>
+          <div class="info" nz-row *ngIf="orderInfo.specialCloseReason!==undefined">
+            <div nz-col nzSpan="24">特殊情况关闭原因：{{orderInfo.specialCloseReason||'-'}}
+            </div>
+          </div>
+        </div>
+        <div class="center">
+          <div class="box">
+            <div class="steps" *ngFor="let step of logList">
+              <div class="step">
+                <div class="info">
+                  <i
+                    [ngClass]="{'icon_transport':true, 'transport-icon_liucheng':true,'green':(step.record&&step.record[0]&&step.record[0].operationTime)}"></i>
+                  <p>{{step.operationName}}</p>
+                  <p>{{step.record?step.record.operationtime:''}}</p>
+                  <p *ngIf="step.record&&step.record.length&&step.record[0].dept"><span
+                      *ngFor="let dept of step.record">{{dept.dept}},</span></p>
+                  <p *ngIf="step.record&&step.record.length&&step.operationName!='申请'">耗时{{filterTime(step.record)}}</p>
+                </div>
+                <div class="line"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="bottom">
+          <div class="table">
+            <nz-table class="" [nzData]="orderInfo.specimenSet" nzSize="small"
+              [nzScroll]="{ y: (orderInfo.urgentDetails?'124px':'153px') }" [nzShowPagination]="null">
+              <thead>
+                <tr class="thead">
+                  <th nzWidth="50px">序号</th>
+                  <th nzWidth="95px">标本类型</th>
+                  <th nzWidth="110px">标本编码</th>
+                  <th nzWidth="88px">患者姓名</th>
+                  <th nzWidth="50px">床号</th>
+                  <th nzWidth="88px">目标科室</th>
+                  <th nzWidth="75px">是否接收</th>
+                  <th nzWidth="75px">是否送达</th>
+                  <th nzWidth="123px">接收扫描时间</th>
+                  <th nzWidth="123px">送达扫描时间</th>
+                </tr>
+              </thead>
+              <tbody *ngIf="orderInfo.specimenSet">
+                <tr *ngFor="let data of orderInfo.specimenSet;let i =index;">
+                  <td>{{i+1}}</td>
+                  <td>{{data.stype.name}}</td>
+                  <td>{{data.scode}}</td>
+                  <td>{{data.patientName}}</td>
+                  <td>{{data.bedNum}}</td>
+                  <td>{{data.checkDept.dept}}</td>
+                  <td>{{data.received?"是":"否"}}</td>
+                  <td>{{data.arrived?"是":"否"}}</td>
+                  <td>{{data.arriveTime|date:'yyyy-MM-dd HH:mm'}}</td>
+                  <td style="position: relative;">{{data.sendTime|date:'yyyy-MM-dd HH:mm'}}<img *ngIf="data.urgent == 1"
+                      src="../../assets/images/icon_ji.png" alt="" class="ji"></td>
+                </tr>
+              </tbody>
+            </nz-table>
+          </div>
+        </div>
+      </div>
+    </overlay-scrollbars>
+    <!-- 标本轮巡工单信息 -->
+    <overlay-scrollbars #osComponentRef5 style="max-height: 400px;">
+      <div *ngIf="tabType==1&&orderInfo.taskType.associationType.id==380" class="content orders">
+        <div class="top">
+          <div class="num">
+            <span class="left">单号：{{orderInfo.gdcode}}</span>
+            <span class="right">{{orderInfo.gdState?orderInfo.gdState.name:''}}</span>
+          </div>
+          <div class="info" nz-row>
+            <div nz-col nzSpan="6">工单日期：{{orderInfo.startTime|date:'yyyy-MM-dd HH:mm'}}</div>
+            <div nz-col nzSpan="6">总耗时：{{orderInfo.showTimeNum}}</div>
+            <div nz-col nzSpan="8">申请类型：{{orderInfo.taskType?orderInfo.taskType.taskName:''}}</div>
+            <div nz-col nzSpan="4">支助人员信息：{{orderInfo.worker?orderInfo.worker.name:''}}</div>
+          </div>
+          <div class="info" nz-row>
+            <div nz-col nzSpan="4">申请科室：{{orderInfo.createDeptDTO?orderInfo.createDeptDTO.dept:''}}
+            </div>
+            <div nz-col nzSpan="10">
+              目标科室：{{endDepts}}
+            </div>
+            <div nz-col nzSpan="4">预计接收：{{orderInfo.expectReceiveNum}}</div>
+            <div nz-col nzSpan="3">送达：{{orderInfo.deliveryNum}}</div>
+            <div nz-col nzSpan="3">实际接收：{{orderInfo.actualReceiveNum}}</div>
+          </div>
+          <div class="info" nz-row *ngIf="orderInfo.urgentDetails">
+            <div nz-col nzSpan="8">
+              加急状态：{{orderInfo.urgentDetails.checkStatus.name}}</div>
+            <div nz-col nzSpan="24" class="jiaji">加急原因：{{orderInfo.urgentDetails.urgentReason}}</div>
+          </div>
+          <div class="info" nz-row *ngIf="orderInfo.specialCloseReason!==undefined">
+            <div nz-col nzSpan="24">特殊情况关闭原因：{{orderInfo.specialCloseReason||'-'}}
+            </div>
+          </div>
+        </div>
+        <div class="center">
+          <div class="box">
+            <div class="steps" *ngFor="let step of logList">
+              <div class="step">
+                <div class="info">
+                  <i
+                    [ngClass]="{'icon_transport':true, 'transport-icon_liucheng':true,'green':(step.record&&step.record[0]&&step.record[0].operationTime)}"></i>
+                  <p>{{step.operationName}}</p>
+                  <p>{{step.record?step.record.operationtime:''}}</p>
+                  <p *ngIf="step.record&&step.record.length&&step.record[0].dept"><span
+                      *ngFor="let dept of step.record">{{dept.dept}},</span></p>
+                  <p *ngIf="step.record&&step.record.length&&step.operationName!='申请'">耗时{{filterTime(step.record)}}</p>
+                </div>
+                <div class="line"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="bottom">
+          <div class="table">
+            <nz-table class="" [nzData]="orderInfo.specimenSet" nzSize="small"
+              [nzScroll]="{ y: (orderInfo.urgentDetails?'124px':'153px') }" [nzShowPagination]="null">
+              <thead>
+                <tr class="thead">
+                  <th nzWidth="50px">序号</th>
+                  <th nzWidth="95px">标本类型</th>
+                  <th nzWidth="110px">标本编码</th>
+                  <th nzWidth="88px">患者姓名</th>
+                  <th nzWidth="50px">床号</th>
+                  <th nzWidth="88px">目标科室</th>
+                  <th nzWidth="75px">是否接收</th>
+                  <th nzWidth="75px">是否送达</th>
+                  <th nzWidth="123px">接收扫描时间</th>
+                  <th nzWidth="123px">送达扫描时间</th>
+                </tr>
+              </thead>
+              <tbody *ngIf="orderInfo.specimenSet">
+                <tr *ngFor="let data of orderInfo.specimenSet;let i =index;">
+                  <td>{{i+1}}</td>
+                  <td>{{data.stype.name}}</td>
+                  <td>{{data.scode}}</td>
+                  <td>{{data.patientName}}</td>
+                  <td>{{data.bedNum}}</td>
+                  <td>{{data.checkDept.dept}}</td>
+                  <td>{{data.received?"是":"否"}}</td>
+                  <td>{{data.arrived?"是":"否"}}</td>
+                  <td>{{data.arriveTime|date:'yyyy-MM-dd HH:mm'}}</td>
+                  <td style="position: relative;">{{data.sendTime|date:'yyyy-MM-dd HH:mm'}}<img *ngIf="data.urgent == 1"
+                      src="../../assets/images/icon_ji.png" alt="" class="ji"></td>
+                </tr>
+              </tbody>
+            </nz-table>
+          </div>
+        </div>
+      </div>
+    </overlay-scrollbars>
+    <!-- 药品/静配配送类型工单信息 -->
+    <overlay-scrollbars #osComponentRef6 style="max-height: 400px;">
+      <div *ngIf="tabType==1&&(orderInfo.taskType.associationType.id==257||orderInfo.taskType.associationType.id==258)"
+        class="content orders">
+        <div class="top">
+          <div class="num">
+            <span class="left">单号：{{orderInfo.gdcode}}</span>
+            <span class="right">{{orderInfo.gdState?orderInfo.gdState.name:''}}</span>
+          </div>
+          <div class="info" nz-row>
+            <div nz-col nzSpan="6">工单日期：{{orderInfo.startTime|date:'yyyy-MM-dd HH:mm'}}</div>
+            <div nz-col nzSpan="6">总耗时：{{orderInfo.showTimeNum}}</div>
+            <div nz-col nzSpan="8">申请类型：{{orderInfo.taskType?orderInfo.taskType.taskName:''}}</div>
+            <div nz-col nzSpan="4">支助人员信息：{{orderInfo.worker?orderInfo.worker.name:''}}</div>
+          </div>
+          <div class="info" nz-row>
+            <div nz-col nzSpan="6">申请科室：{{orderInfo.createDeptDTO?orderInfo.createDeptDTO.dept:''}}
+            </div>
+            <div nz-col nzSpan="6">
+              目标科室：{{endDepts}}
+            </div>
+            <div nz-col nzSpan="8" *ngIf="orderInfo.urgentDetails">加急状态：{{orderInfo.urgentDetails.checkStatus.name}}
+            </div>
+          </div>
+          <div class="info" nz-row *ngIf="orderInfo.urgentDetails">
+            <div nz-col nzSpan="24" class="jiaji">加急原因：{{orderInfo.urgentDetails.urgentReason}}</div>
+          </div>
+          <div class="info" nz-row *ngIf="orderInfo.specialCloseReason!==undefined">
+            <div nz-col nzSpan="24">特殊情况关闭原因：{{orderInfo.specialCloseReason||'-'}}
+            </div>
+          </div>
+        </div>
+        <div class="center">
+          <div class="box">
+            <div class="steps" *ngFor="let step of logList">
+              <div class="step">
+                <div class="info">
+                  <i
+                    [ngClass]="{'icon_transport':true, 'transport-icon_liucheng':true,'green':(step.record&&step.record[0]&&step.record[0].operationTime)}"></i>
+                  <p>{{step.operationName}}</p>
+                  <p>{{step.record?step.record.operationtime:''}}</p>
+                  <p *ngIf="step.record&&step.record.length&&step.record[0].dept"><span
+                      *ngFor="let dept of step.record">{{dept.dept}},</span></p>
+                  <p *ngIf="step.record&&step.record.length&&step.operationName!='申请'">耗时{{filterTime(step.record)}}</p>
+                </div>
+                <div class="line"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="bottom">
+          <div class="table">
+            <!-- 静配 -->
+            <nz-table *ngIf="orderInfo.staticDistri" class="detailDrugTable"
+              [nzData]="orderInfo.staticDistri.jpdetailsFormat" nzSize="small" [nzScroll]="{ y: '125px' }"
+              [nzShowPagination]="null">
+              <thead>
+                <tr class="thead">
+                  <th nzWidth="15%">患者信息</th>
+                  <th nzWidth="30%">药品</th>
+                  <th nzWidth="5%">数量</th>
+                  <th nzWidth="15%">患者信息</th>
+                  <th nzWidth="30%">药品</th>
+                  <th nzWidth="5%">数量</th>
+                </tr>
+              </thead>
+              <tbody *ngIf="orderInfo.staticDistri">
+                <tr *ngFor="let data of orderInfo.staticDistri.jpdetailsFormat">
+                  <td>{{data[0].bedNum}}床：{{data[0].patientInfo}}</td>
+                  <td>{{data[0].jpInfo}}</td>
+                  <td>{{data[0].jpNum}}</td>
+                  <td>{{data[1]?data[1].bedNum+"床："+data[1].patientInfo:''}}</td>
+                  <td>{{data[1]?data[1].jpInfo:''}}</td>
+                  <td>{{data[1]?data[1].jpNum:''}}</td>
+                </tr>
+              </tbody>
+            </nz-table>
+            <!-- 药品 -->
+            <nz-table *ngIf="orderInfo.drugs" class="detailDrugTable" [nzData]="orderInfo.drugs.drugsFormat"
+              nzSize="small" [nzScroll]="{ y: '125px' }" [nzShowPagination]="null">
+              <thead>
+                <tr class="thead">
+                  <th nzWidth="15%">患者信息</th>
+                  <th nzWidth="30%">药品</th>
+                  <th nzWidth="5%">数量</th>
+                  <th nzWidth="15%">患者信息</th>
+                  <th nzWidth="30%">药品</th>
+                  <th nzWidth="5%">数量</th>
+                </tr>
+              </thead>
+              <tbody *ngIf="orderInfo.drugs">
+                <tr *ngFor="let data of orderInfo.drugs.drugsFormat">
+                  <td>{{data[0].bedNum}}床：{{data[0].patientInfo}}</td>
+                  <td>{{data[0].drugsInfo}}</td>
+                  <td>{{data[0].drugsNum}}</td>
+                  <td>{{data[1]?data[1].bedNum+"床："+data[1].patientInfo:''}}</td>
+                  <td>{{data[1]?data[1].drugsInfo:''}}</td>
+                  <td>{{data[1]?data[1].drugsNum:''}}</td>
+                </tr>
+              </tbody>
+            </nz-table>
+          </div>
+        </div>
+      </div>
+    </overlay-scrollbars>
+    <!-- 患者陪检/患者转运类型工单信息 -->
+    <overlay-scrollbars #osComponentRef1 style="max-height: 400px;">
+      <div *ngIf="tabType==1&&(orderInfo.taskType.associationType.id==260||orderInfo.taskType.associationType.id==255)"
+        class="content orders">
+        <div class="top">
+          <div class="num">
+            <span class="left">单号：{{orderInfo.gdcode}}</span>
+            <span class="right">{{orderInfo.gdState?orderInfo.gdState.name:''}}</span>
+          </div>
+          <div class="info" nz-row>
+            <div nz-col nzSpan="6">工单日期：{{orderInfo.startTime|date:'yyyy-MM-dd HH:mm'}}</div>
+            <div nz-col nzSpan="6">总耗时：{{orderInfo.showTimeNum}}</div>
+            <div nz-col nzSpan="8">申请类型：{{orderInfo.taskType?orderInfo.taskType.taskName:''}}</div>
+            <div nz-col nzSpan="4">支助人员信息：{{orderInfo.worker?orderInfo.worker.name:''}}</div>
+          </div>
+          <div class="info" nz-row>
+            <div nz-col nzSpan="6">申请科室：{{orderInfo.createDeptDTO?orderInfo.createDeptDTO.dept:''}}
+            </div>
+            <div nz-col nzSpan="6" *ngIf="middleDept.length>0">中间科室：{{middleDept.join('，')}}
+            </div>
+            <div nz-col nzSpan="6">
+              目标科室：{{endDepts}}
+            </div>
+            <div nz-col nzSpan="8" *ngIf="orderInfo.urgentDetails">加急状态：{{orderInfo.urgentDetails.checkStatus.name}}
+            </div>
+          </div>
+          <div class="info" nz-row *ngIf="orderInfo.urgentDetails">
+            <div nz-col nzSpan="24" class="jiaji">加急原因：{{orderInfo.urgentDetails.urgentReason}}</div>
+          </div>
+          <div class="info" nz-row *ngIf="orderInfo.specialCloseReason!==undefined">
+            <div nz-col nzSpan="24">特殊情况关闭原因：{{orderInfo.specialCloseReason||'-'}}
+            </div>
+          </div>
+        </div>
+        <div class="center">
+          <div class="box">
+            <div class="steps" *ngFor="let step of logList">
+              <div class="step">
+                <div class="info">
+                  <i
+                    [ngClass]="{'icon_transport':true, 'transport-icon_liucheng':true,'green':(step.record&&step.record[0]&&step.record[0].operationTime)}"></i>
+                  <p>{{step.operationName}}</p>
+                  <p>{{step.record?step.record.operationtime:''}}</p>
+                  <p *ngIf="step.record&&step.record.length&&step.record[0].dept"><span
+                      *ngFor="let dept of step.record">{{dept.dept}},</span></p>
+                  <p *ngIf="step.record&&step.record.length&&step.operationName!='申请'">耗时{{filterTime(step.record)}}</p>
+                </div>
+                <div class="line"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="bottom">
+          <div class="info">
+            <div nz-row class="top">
+              <div class="left" nz-col nzSpan="12">
+                <p>
+                  <span class="label">患者姓名</span>
+                  <span>{{orderInfo.patient?orderInfo.patient.patientName:'-'}}</span>
+                </p>
+                <p>
+                  <span class="label">床位</span>
+                  <span>{{orderInfo.patient?orderInfo.patient.bedNum:'-'}}</span>
+                </p>
+              </div>
+              <div class="right" nz-col nzSpan="12">
+                <p>
+                  <span class="label">患者编码</span>
+                  <span>{{orderInfo.patient?orderInfo.patient.patientCode:'-'}}</span>
+                </p>
+                <p>
+                  <span class="label">携带物品</span>
+                  <span>{{orderInfo.goods||'暂无'}}</span>
+                </p>
+              </div>
+            </div>
+          </div>
+          <ng-container *ngIf="orderInfo.taskType.associationType.id==260">
+            <div class="info" *ngFor="let item of orderInfo.checkList">
+              <div nz-row class="top">
+                <div nz-col nzSpan="8">
+                  <p>
+                    <span class="label">检查项目：</span>
+                    <span>
+                      <span>
+                        <span>{{item.inspectName||'-'}}</span>
+                      </span>
+                    </span>
+                  </p>
+                </div>
+                <div nz-col nzSpan="8">
+                  <p>
+                    <span class="label">预约时间：</span>
+                    <span>{{item.yyTime||'-'}}</span>
+                  </p>
+                </div>
+                <div nz-col nzSpan="8">
+                  <p>
+                    <span class="label">叫号信息：</span>
+                    <span>{{item.reservationNumber||'-'}}</span>
+                  </p>
+                </div>
+                <div nz-col nzSpan="8">
+                  <p>
+                    <span class="label">到达时间：</span>
+                    <span>{{item.arriveTime||'-'}}</span>
+                  </p>
+                </div>
+                <div nz-col nzSpan="8">
+                  <p>
+                    <span class="label">检查科室：</span>
+                    <span>{{item.execDept?item.execDept.dept:'-'}}</span>
+                  </p>
+                </div>
+                <div nz-col nzSpan="8">
+                  <p>
+                    <span class="label">是否送达：</span>
+                    <span>{{item.arriveTime?'是':'否'}}</span>
+                  </p>
+                </div>
+              </div>
+            </div>
+          </ng-container>
+        </div>
+      </div>
+    </overlay-scrollbars>
+    <!-- 评价内容 -->
+    <overlay-scrollbars #osComponentRef7 style="max-height: 400px;">
+      <div *ngIf="tabType==2" class="content pingjia">
+        <div class="msg">
+          <div>评价等级：{{orderInfo.evaluationDetails?orderInfo.evaluationDetails.serviceEvaluation.name:''}}</div>
+          <div>评价人：{{orderInfo.evaluationDetails?orderInfo.evaluationDetails.evalutationUser.name:''}}</div>
+        </div>
+        <div class="con">
+          意见内容：{{orderInfo.evaluationDetails?orderInfo.evaluationDetails.remark:''}}
+        </div>
+      </div>
+    </overlay-scrollbars>
+    <!-- 积分 -->
+    <overlay-scrollbars #osComponentRef8 style="max-height: 400px;">
+      <div *ngIf="tabType==3" class="content jifen">
+        <div class="table">
+          <nz-table class="integralTable" [nzData]="[1,2]" nzSize="middle" [nzShowPagination]="null">
+            <thead>
+              <tr class="thead">
+                <th nzWidth="15%">考核项</th>
+                <th nzWidth="10%">分值</th>
+                <th nzWidth="60%">计算</th>
+                <th nzWidth="15%">实际得分</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td>响应时间</td>
+                <td>{{orderInfo.grade?orderInfo.grade.estimateResponseGrade:'-'}}</td>
+                <td>{{orderInfo.grade?orderInfo.grade.responseDetails:'-'}}</td>
+                <td>{{orderInfo.grade?orderInfo.grade.responseGrade:'-'}}</td>
+              </tr>
+              <tr>
+                <td>到达时间</td>
+                <td>{{orderInfo.grade?orderInfo.grade.estimateArriveGrade:'-'}}</td>
+                <td>{{orderInfo.grade?orderInfo.grade.arriveDetails:'-'}}</td>
+                <td>{{orderInfo.grade?orderInfo.grade.arriveGrade:'-'}}</td>
+              </tr>
+              <tr>
+                <td>执行时间</td>
+                <td>{{orderInfo.grade?orderInfo.grade.estimateExecutionGrade:'-'}}</td>
+                <td>{{orderInfo.grade?orderInfo.grade.executionDetails:'-'}}</td>
+                <td>{{orderInfo.grade?orderInfo.grade.executionGrade:'-'}}</td>
+              </tr>
+              <tr>
+                <td>基础分</td>
+                <td>{{orderInfo.grade?orderInfo.grade.estimateBaseGrade:'-'}}</td>
+                <td>{{orderInfo.grade?orderInfo.grade.baseDetails:'-'}}</td>
+                <td>{{orderInfo.grade?orderInfo.grade.baseGrade:'-'}}</td>
+              </tr>
+              <tr>
+                <td>评价分</td>
+                <td>{{orderInfo.grade?orderInfo.grade.estimateEvaluationGrade:'-'}}</td>
+                <td>{{orderInfo.grade?orderInfo.grade.evaluationDetails:'-'}}</td>
+                <td>{{orderInfo.grade?orderInfo.grade.evaluationGrade:'-'}}</td>
+              </tr>
+              <tr>
+                <td>楼栋分</td>
+                <td>{{orderInfo.grade?orderInfo.grade.estimateBuildingGrade:'-'}}</td>
+                <td>{{orderInfo.grade?orderInfo.grade.buildingDetails:'-'}}</td>
+                <td>{{orderInfo.grade?orderInfo.grade.buildingGrade:'-'}}</td>
+              </tr>
+              <tr>
+                <td>最终得分</td>
+                <td>{{orderInfo.grade?orderInfo.grade.estimateGradeTotal:'-'}}</td>
+                <td>{{orderInfo.grade?orderInfo.grade.totalDetails:'-'}}</td>
+                <td>{{orderInfo.grade?orderInfo.grade.gradeTotal:'-'}}</td>
+              </tr>
+            </tbody>
+          </nz-table>
+        </div>
+      </div>
+    </overlay-scrollbars>
+    <!-- 历史记录 -->
+    <overlay-scrollbars #osComponentRef2 style="max-height: 400px;">
+      <div *ngIf="tabType==4" class="content jifen">
+        <div class="table">
+          <nz-table class="integralTable" [nzData]="[1,2]" nzSize="middle" [nzShowPagination]="null">
+            <thead>
+              <tr class="thead">
+                <th nzWidth="5%">序号</th>
+                <th nzWidth="30%">操作动作</th>
+                <th nzWidth="15%">操作时间</th>
+                <th nzWidth="10%">操作人</th>
+                <th nzWidth="10%">图片查看</th>
+                <th nzWidth="30%">异常关闭原因</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr *ngFor="let item of workOrderRecord;let i = index;">
+                <td>{{i+1}}</td>
+                <td>{{item.operation?item.operation.name:'-'}}</td>
+                <td>{{item.operationTime||'-'}}</td>
+                <td>{{item.username||'-'}}</td>
+                <td><button *ngIf="item.attachments"
+                    (click)="previewImageHandler(item.attachments[0].token)">查看图片</button><span
+                    *ngIf="!item.attachments">无</span></td>
+                <td>{{item.specialCloseReason === 'true'?orderInfo.specialCloseReason:'-'}}</td>
+              </tr>
+            </tbody>
+          </nz-table>
+        </div>
+      </div>
+    </overlay-scrollbars>
+  </div>
+  <div class="btns">
+    <button class=" btn cancel" nz-button nzType="default" (click)="close()">关闭</button>
+  </div>
+</div>
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo" (closeModel)="close()">
+  <!-- 2.父组件调用子组件时绑定到这个事件属性，并在事件发生时作出回应。(closeModel)="close()" -->
+</app-prompt-modal>
+<!-- 图片提示框 -->
+<app-prompt-modal *ngIf="promptModalShowImg" [show]="promptModalShowImg" (closeModel)="closeImg()"
+  [previewImage]="previewImage">
+</app-prompt-modal>
+<!-- 遮罩 -->
+<app-mask *ngIf="maskFlag"></app-mask>

src/app/share/order-detail/order-detail.component.less

@@ -0,0 +1,520 @@
+@import "../../../../src/theme.less";
+:host {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  left: 0;
+  top: 0;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 99;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.detail {
+  width: 1000px;
+  max-height: 580px;
+  border-radius: 5px;
+  background: #fff;
+  color: #333;
+  font-size: 14px;
+  padding: 12px 20px;
+  position: relative;
+  padding-bottom: 70px;
+
+  .title {
+    font-size: 18px;
+    text-align: center;
+    line-height: 24px;
+    margin: 0;
+    margin-bottom: 12px;
+    position: relative;
+
+    i {
+      position: absolute;
+      right: 0;
+      top: 0;
+      font-size: 20px;
+      color: #666;
+      cursor: pointer;
+      padding: 0 5px;
+    }
+  }
+
+  & > .box {
+    width: 960px;
+    border: 1px solid #e5e9ed;
+    border-radius: 5px;
+    overflow: hidden;
+
+    .tab {
+      width: 100%;
+      height: 60px;
+      border-bottom: 1px solid #e5e9ed;
+
+      .item {
+        text-align: center;
+        line-height: 60px;
+        height: 100%;
+        border-right: 1px solid #e5e9ed;
+
+        &:nth-last-child(1) {
+          border: none;
+        }
+
+        &.checked {
+          background: #f9fafb;
+        }
+      }
+    }
+
+    .content {
+      width: 100%;
+      min-height: 453px;
+      max-height: 500px;
+
+      &.orders {
+        background: #f9fafb;
+      }
+
+      & > .top {
+        padding: 10px 32px;
+        border-bottom: 1px solid #e5e9ed;
+        overflow: hidden;
+        background: #fff;
+
+        .num {
+          font-size: 16px;
+          overflow: hidden;
+          margin-bottom: 6px;
+
+          .left {
+            float: left;
+            font-weight: 600;
+          }
+
+          .right {
+            float: right;
+          }
+        }
+
+        .info {
+          color: #666;
+
+          & > div {
+            margin: 4px 0;
+          }
+
+          .jiaji {
+            margin: 0;
+            margin-top: 8px;
+          }
+        }
+      }
+
+      & > .center {
+        padding: 27px 0 17px 0;
+        border-bottom: 1px solid #e5e9ed;
+        font-size: 12px;
+        background: #fff;
+
+        .box {
+          display: flex;
+          justify-content: center;
+
+          .steps {
+            &:nth-last-child(1) {
+              .line {
+                display: none !important;
+              }
+            }
+
+            .step {
+              .info {
+                width: 90px;
+                text-align: center;
+                display: inline-block;
+                vertical-align: top;
+
+                i {
+                  color: #e5e9ed;
+
+                  &.green {
+                    color: #bee1a7;
+                  }
+                }
+              }
+
+              p {
+                margin: 0;
+              }
+
+              .line {
+                display: inline-block;
+                width: 60px;
+                height: 2px;
+                background: #e5e9ed;
+              }
+            }
+          }
+        }
+      }
+
+      & > .bottom {
+        padding: 25px 32px;
+        background: #f9fafb;
+
+        .urgent {
+          input {
+            width: 600px;
+          }
+
+          .candelBtn {
+            margin-left: 20px;
+          }
+        }
+
+        .table {
+          width: 100%;
+          height: 100%;
+          min-height: 160px;
+          background: #fff;
+          border-radius: 5px;
+
+          .thead {
+            background-image: repeating-linear-gradient(
+              to right,
+              @bg-start,
+              @bg-end 100%
+            ) !important;
+
+            th {
+              color: #fff !important;
+              text-align: center;
+              font-size: 12px;
+              border: none;
+            }
+          }
+
+          .detailDrugTable {
+            .thead {
+              background-image: repeating-linear-gradient(
+                to right,
+                @bg-start, @bg-end 50%
+              ) !important;
+            }
+          }
+
+          .ant-table-tbody {
+            tr {
+              text-align: center;
+              font-size: 12px;
+              border: none;
+
+              td {
+                border: none;
+              }
+            }
+
+            tr:nth-child(2n) {
+              background: #f9fafb;
+            }
+          }
+        }
+
+        .info {
+          width: 100%;
+          height: 100%;
+          background: #fff;
+          border-radius: 5px;
+          border: 1px solid #e5e9ed;
+          padding: 24px 28px 14px 28px;
+          margin-bottom: 8px;
+
+          .top {
+            .left {
+              border-right: 1px dashed #e5e9ed;
+
+              p {
+                padding: 0 70px 0 102px;
+                overflow: hidden;
+
+                & > span:nth-child(1) {
+                  float: left;
+                }
+
+                & > span:nth-child(2) {
+                  float: right;
+                  color: #666;
+                  text-align: right;
+                  max-width: 175px;
+                }
+              }
+            }
+
+            .right {
+              p {
+                padding: 0 102px 0 70px;
+                overflow: hidden;
+
+                span:nth-child(1) {
+                  float: left;
+                }
+
+                span:nth-child(2) {
+                  float: right;
+                  color: #666;
+                  text-align: right;
+                }
+              }
+            }
+          }
+
+          .wait {
+            text-align: center;
+            margin-top: 7px;
+
+            i {
+              font-size: 24px;
+              color: #62c26d;
+            }
+
+            span {
+              color: #62c26d;
+            }
+          }
+        }
+      }
+
+      &.pingjia {
+        .msg {
+          width: 100%;
+          height: 50px;
+          line-height: 50px;
+          padding-left: 32px;
+          border-bottom: 1px solid #e5e9ed;
+
+          div {
+            display: inline-block;
+            margin-right: 100px;
+          }
+        }
+
+        .con {
+          padding: 16px 32px;
+          min-height: 360px;
+        }
+      }
+
+      & > .form {
+        .ant-form-item {
+          padding: 0 32px 13px 32px;
+          margin-bottom: 0;
+          border-bottom: 1px solid #e5e9ed;
+
+          &:nth-last-child(1) {
+            border: none;
+          }
+        }
+
+        .ant-form-item-label {
+          line-height: 34px;
+          text-align: left;
+        }
+      }
+
+      & > .mediation {
+        padding: 16px 32px;
+
+        .item {
+          border-bottom: 1px solid #e5e9ed;
+          padding-top: 10px;
+
+          .label {
+            line-height: 28px;
+            margin-top: 10px;
+          }
+
+          .info {
+            line-height: 28px;
+            color: #999;
+            padding-bottom: 20px;
+          }
+        }
+      }
+
+      &.jifen {
+        padding: 32px;
+
+        & > .table {
+          width: 100%;
+          height: 100%;
+          min-height: 160px;
+          padding: 6px;
+          background: #fff;
+          border: 1px solid #e5e9ed;
+          border-radius: 5px;
+          overflow: hidden;
+
+          .thead {
+            background-image: repeating-linear-gradient(
+              to right,
+              @bg-start,
+              @bg-end 100%
+            ) !important;
+
+            th {
+              color: #fff !important;
+              text-align: center;
+              font-size: 12px;
+              border: none;
+              background: transparent;
+            }
+          }
+
+          .ant-table-tbody {
+            tr {
+              text-align: center;
+              font-size: 12px;
+              border: none;
+
+              td {
+                border: none;
+              }
+            }
+
+            tr:nth-child(2n) {
+              background: #f9fafb;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .btns {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    position: absolute;
+    left: 0;
+    bottom: 20px;
+
+    .btn {
+      margin: 9px;
+      margin-bottom: 0;
+    }
+  }
+
+  .ant-table {
+    border: none !important;
+  }
+}
+
+// 撤回工单
+.recallOrder {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  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: #ff3b53;
+            font-size: 30px !important;
+
+            &.transport-wenhao {
+              color: #f5a523;
+            }
+          }
+        }
+
+        &.defeat {
+          color: #333;
+          font-size: 18px;
+        }
+
+        &:nth-child(3) {
+          font-size: 14px;
+          color: #666;
+        }
+      }
+
+      .conditions {
+        padding: 16px 20px;
+
+        div {
+          text-align: left;
+        }
+      }
+    }
+
+    button {
+      margin-top: 10px;
+
+      &.btn {
+        margin-left: 8px;
+      }
+    }
+  }
+}
+
+.txtC {
+  text-align: center;
+}
+.ji {
+  position: absolute;
+  right: 0px;
+  top: -3px;
+  width: 30px;
+}

src/app/share/order-detail/order-detail.component.ts

@@ -0,0 +1,215 @@
+import { Component, OnInit, OnDestroy, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { FormBuilder, Validators, FormGroup, FormControl } from '@angular/forms';
+import { MainService } from '../../services/main.service';
+import { OverlayScrollbarsComponent } from 'overlayscrollbars-ngx';
+import { NzMessageService } from 'ng-zorro-antd';
+import { forkJoin } from 'rxjs';
+@Component({
+  selector: 'app-order-detail',
+  templateUrl: './order-detail.component.html',
+  styleUrls: ['./order-detail.component.less']
+})
+export class OrderDetailComponent implements OnInit {
+  @ViewChild('osComponentRef1', { read: OverlayScrollbarsComponent, static: false })
+  osComponentRef1: OverlayScrollbarsComponent;
+  @ViewChild('osComponentRef2', { read: OverlayScrollbarsComponent, static: false })
+  osComponentRef2: OverlayScrollbarsComponent;
+  @ViewChild('osComponentRef3', { read: OverlayScrollbarsComponent, static: false })
+  osComponentRef3: OverlayScrollbarsComponent;
+  @ViewChild('osComponentRef4', { read: OverlayScrollbarsComponent, static: false })
+  osComponentRef4: OverlayScrollbarsComponent;
+  @ViewChild('osComponentRef5', { read: OverlayScrollbarsComponent, static: false })
+  osComponentRef5: OverlayScrollbarsComponent;
+  @ViewChild('osComponentRef6', { read: OverlayScrollbarsComponent, static: false })
+  osComponentRef6: OverlayScrollbarsComponent;
+  @ViewChild('osComponentRef7', { read: OverlayScrollbarsComponent, static: false })
+  osComponentRef7: OverlayScrollbarsComponent;
+  @ViewChild('osComponentRef8', { read: OverlayScrollbarsComponent, static: false })
+  osComponentRef8: OverlayScrollbarsComponent;
+  constructor(
+    private message: NzMessageService,
+    private fb: FormBuilder,
+    private route: ActivatedRoute,
+    private mainService: MainService,
+  ) { }
+  maskFlag: any = false;
+  id: number;//工单id
+  orderInfo: any;//工单详情信息
+  endDepts = '';//工单详情目标科室
+  showCoop: boolean = true;//是否展示详情页操作按钮
+
+  promptContent: string;//操作提示框提示信息
+  ifSuccess: boolean;//操作成功/失败
+  promptInfo: string;//操作结果提示信息
+  previewImage: string;//操作结果图片预览
+  promptModalShow: boolean;//是否展示提示框
+  promptModalShowImg: boolean;//是否展示提示框-图片
+
+  urgentLoading: boolean = false;//确认加急按钮loading状态
+  recLoading: boolean = false;//撤回并删除按钮loading状态
+  btnLoading: boolean = false;//确认按钮loading状态
+
+
+  ngOnInit() {
+    this.tabType = this.route.snapshot.params.type || 1;
+    this.getInfo()
+    this.initForm()
+  }
+  ngOnDestroy() {
+  }
+
+  // 获取工单详情
+  middleDept = [];//中间科室数组
+  getInfo() {
+    this.id = +this.route.snapshot.paramMap.get('id');
+    this.maskFlag = this.message.loading('正在加载中..', { nzDuration: 0 }).messageId;
+    this.mainService.getApiFetchData('workOrder', this.id).subscribe(data => {
+      this.orderInfo = data.data;
+      if (data.data.middleDept) {
+        this.middleDept = data.data.middleDept.map(item => item.dept);
+      } else {
+        this.middleDept = [];
+      }
+      this.endDepts = data.data.endDepts.map(item => item.dept).join();
+      let log$ = this.getLog();
+      let record$ = this.getWorkOrderRecord();
+      forkJoin(log$, record$).subscribe(res => {
+        this.message.remove(this.maskFlag);
+        this.maskFlag = false;
+        // getLog
+        this.logList = res[0]['data'];
+        // getWorkOrderRecord
+        if (res[1]['status'] == 200) {
+          this.workOrderRecord = res[1]['data'];
+        }
+      })
+    })
+  }
+  // 预览图片
+  previewImageHandler(token) {
+    this.showPromptModalImg(token);
+  }
+  // 获取历史记录
+  workOrderRecord: any = [];
+  getWorkOrderRecord() {
+    return this.mainService.getWorkOrderRecord({ "gdid": this.id });
+  }
+  // 切换tab栏
+  tabType: number = 1;//tab栏
+  checkTab(type) {
+    this.tabType = type;
+  }
+
+  // 关闭弹框
+  close() {
+    history.go(-1);
+  }
+  closeImg() {
+    this.promptModalShowImg = false;
+  }
+
+  // 获取工单历史记录
+  logList = [];//工单历史记录
+  getLog() {
+    return this.mainService.getWorkOrderLog(this.id);
+  }
+
+  // 初始化新增form表单
+  validateForm: FormGroup;//新增/编辑表单
+  initForm() {
+    this.validateForm = this.fb.group({
+      reason: [null, [Validators.required]],
+      process: [null, [Validators.required]],
+      handleType: [null, [Validators.required]],
+      improve: [null, [Validators.required]]
+    });
+  }
+
+  // 新增表单提交
+  submitForm(): void {
+    var that = this;
+    for (const i in that.validateForm.controls) {
+      that.validateForm.controls[i].markAsDirty();
+      that.validateForm.controls[i].updateValueAndValidity();
+    }
+    if (that.validateForm.invalid) return;
+    that.btnLoading = true;
+    let postData = {
+      badEvaluationHandle: {
+        id: that.id,
+        reasonAndEventProcess: that.validateForm.value.reason,
+        mediationProcess: that.validateForm.value.process,
+        handleType: { id: that.validateForm.value.handleType },
+        advice: that.validateForm.value.improve,
+        handleStatus: { key: "bad_evaluation_handle_status", value: "2" }
+      }
+    }
+
+    that.mainService.postCustom('adviceCollection', 'updData/badEvaluationHandle', postData).subscribe(data => {
+      that.btnLoading = false;
+      if (data.status == 200) {
+        that.showPromptModal('调解', true, '');
+        that.getInfo()
+        // that.initForm();
+      } else {
+        that.showPromptModal('调解', false, data.msg);
+      }
+    })
+
+
+  }
+
+
+
+
+  // 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）
+  showPromptModal(con, success, promptInfo?, previewImage?) {
+    this.promptModalShow = false;
+    this.promptContent = con;
+    this.ifSuccess = success;
+    this.promptInfo = promptInfo;
+    this.previewImage = previewImage ? previewImage : '';
+    setTimeout(() => {
+      this.promptModalShow = true;
+    }, 100);
+  }
+  showPromptModalImg(previewImage) {
+    this.promptModalShowImg = false;
+    this.previewImage = previewImage ? previewImage : '';
+    setTimeout(() => {
+      this.promptModalShowImg = true;
+    }, 100);
+  }
+
+  // 格式化时分秒
+  // （时间小于一分钟则显示秒，时间大于一分钟则显示分钟数，如超出一小时则显示小时和分钟。）time单位:秒
+  formatTime(time) {
+    let timeStr = '';
+    if (time >= 0 && time < 60) {
+      // 秒
+      timeStr = time + '秒';
+    } else if (time >= 60 && time < 3600) {
+      // 分钟
+      timeStr = Math.floor(time / 60) + '分钟'
+    } else if (time >= 3600) {
+      // 时 + 分
+      let h = '';
+      let m = '';
+      h = Math.floor(time / 3600) + '小时';
+      m = (time % 3600) >= 60 ? Math.floor((time % 3600) / 60) + '分钟' : '';
+      timeStr = h + m;
+    }
+    return timeStr;
+  }
+
+  // 计算历史记录耗时
+  filterTime(step) {
+    // step = [{ difTime: 2 }, { difTime: 6 }]
+    let num = 0;
+    step.forEach(e => {
+      num += e.difTime;
+    });
+    return this.formatTime(num / 1000);
+  }
+}

src/app/share/prompt-modal/prompt-modal.component.html

@@ -0,0 +1,24 @@
+<div class="modal display_flex justify-content_flex-center align-items_center" *ngIf="show&&!loading">
+  <div class="modalBody">
+    <div class="title">{{previewImage?'查看图片':'提示'}}<i class="icon_transport transport-guanbi" (click)="hideModal()"></i></div>
+    <div class="content" *ngIf="!previewImage">
+      <div class="icon"><i
+          [ngClass]="{'icon_transport':true, 'transport-duigou':success,'transport-shibai':!success}"></i></div>
+      <div class="defeat">{{content}}{{(success?"成功":"失败")}}</div>
+      <div *ngIf="info" [innerHTML]="info"></div>
+    </div>
+    <div class="content" *ngIf="previewImage">
+      <img [src]="host+'/common/common/previewAttachmentImage/'+previewImage" class="w100">
+    </div>
+    <div class="display_flex justify-content_flex-center">
+      <button class="btn know" nz-button nzType="primary" nzGhost (click)="hideModal()">知道了</button>
+    </div>
+  </div>
+</div>
+<div class="modal display_flex justify-content_flex-center align-items_center" *ngIf="loading">
+  <!-- loading -->
+  <div class="txtC" style="text-align: center;">
+    <img src="../../../assets/images/loading.gif" alt="">
+    <!-- <div>加载中...</div> -->
+  </div>
+</div>

src/app/share/prompt-modal/prompt-modal.component.less

@@ -0,0 +1,135 @@
+
+.modal {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, .4);
+  z-index: 999999;
+
+  .modalBody {
+    width: 350px;
+    min-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;
+      min-height: 117px;
+      max-height: 50vh;
+      background: #f9fafb;
+      border: 1px solid #e5e9ed;
+      border-radius: 5px;
+      overflow: auto;
+      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: 14px;
+        }
+
+        &:nth-child(3) {
+          font-size: 14px;
+          color: #666;
+          padding-bottom: 10px;
+        }
+      }
+    }
+
+    button {
+      margin-top: 10px;
+
+      &.btn {
+        margin-left: 8px;
+      }
+    }
+
+  }
+
+  // 新增
+  &.add {
+    .modalBody {
+      width: 480px;
+      height: auto;
+
+      .content {
+        width: 100%;
+        height: auto;
+        padding: 18px 14px 0 14px;
+
+        .addForm {
+          .ant-form-item {
+            margin-bottom: 15px;
+
+            .ant-form-item-label {
+              line-height: 0;
+            }
+          }
+        }
+
+        .editForm {
+          .ant-form-item {
+            margin-bottom: 15px;
+
+            .ant-form-item-label {
+              line-height: 0;
+            }
+          }
+        }
+
+      }
+
+      button {
+        &:nth-child(1) {
+          margin-right: 20px;
+
+        }
+      }
+
+    }
+  }
+
+}

src/app/share/prompt-modal/prompt-modal.component.ts

@@ -0,0 +1,42 @@
+import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
+import host from "../../../assets/js/http.js";
+// import { ActivatedRoute, Router } from '@angular/router';
+
+@Component({
+  selector: 'app-prompt-modal',
+  templateUrl: './prompt-modal.component.html',
+  styleUrls: ['./prompt-modal.component.less']
+})
+export class PromptModalComponent implements OnInit {
+  host=host.host;
+  @Input() content: string;
+  @Input() success: boolean;
+  @Input() show: boolean;
+  @Input() info: string;
+  @Input() back: string = '';
+  @Input() isReLoad: Boolean = false;
+  @Input() loading: Boolean = false;
+  @Input() previewImage: string = '';
+  // @Input() nUrl: string;
+
+  @Output() closeModel = new EventEmitter<any>();//1.组件暴露一个 EventEmitter 属性，当事件发生时，子组件利用该属性 emits(向上弹射)事件
+
+  constructor() {}
+  // constructor(private router: Router) {}
+
+  ngOnInit() {
+    console.log(this.show);
+    console.log(this.previewImage)
+  }
+  hideModal() {
+    this.show = false;
+    this.closeModel.emit(this.back);//emits(向上弹射)事件
+    // if(this.nUrl){
+    //   this.router.navigateByUrl(this.nUrl);
+    // }
+    if(this.isReLoad){
+      location.reload(true)
+    }
+  }
+
+}

src/app/share/replication-scheme/replication-scheme.component.html

@@ -0,0 +1,71 @@
+<div class="modal display_flex justify-content_flex-center align-items_center" *ngIf="show">
+  <div class="modalBody">
+    <div class="title">复制方案<i class="icon_transport transport-guanbi" (click)="hideModal()"></i></div>
+    <div class="content content-search">
+      <div class="defeat-search-wrap">
+        <div class="defeat-search">
+          将<em>【{{currentTaskType['queryParamsName']}}-{{currentTaskType['taskTypeName']}}-{{currentTaskType['classesName']}}-{{currentTaskType['bindId']==3?'科室绑定人员':'科室绑定分组'}}】</em>
+        </div>
+      </div>
+      <div class="form">
+        <!-- 方案名称 -->
+        <overlay-scrollbars #osComponentRef1 class="schemeName">
+          <ul *ngIf="!loading1&&schemeNameList.length>0">
+            <li *ngFor="let item of schemeNameList" (click)="schemeNameClick(item)"
+              [ngClass]="{active:schemeNameId==item.id}">{{item.name}}</li>
+          </ul>
+          <div class="noData" *ngIf="!loading1&&schemeNameList.length===0">
+            <div>暂无数据</div>
+          </div>
+          <div class="loading" *ngIf="loading1">
+            <img src="../../../assets/images/loading.gif" alt="">
+            <div>加载中...</div>
+          </div>
+        </overlay-scrollbars>
+        <!-- 任务类型名称 -->
+        <overlay-scrollbars #osComponentRef2 class="taskTypeName">
+          <ul *ngIf="!loading2&&typeList.length>0">
+            <li *ngFor="let item of typeList" (click)="typeNameClick(item)" [ngClass]="{active:typeNameId==item.id}">
+              {{item.taskName}}</li>
+          </ul>
+          <div class="noData" *ngIf="!loading2&&typeList.length===0">
+            <div>暂无数据</div>
+          </div>
+          <div class="loading" *ngIf="loading2">
+            <img src="../../../assets/images/loading.gif" alt="">
+            <div>加载中...</div>
+          </div>
+        </overlay-scrollbars>
+        <!-- 班次 -->
+        <overlay-scrollbars #osComponentRef3 class="frequencyName">
+          <ul *ngIf="classesList.length>0">
+            <li *ngFor="let item of classesList" (click)="classesNameClick(item)" [ngClass]="{active:item.flag}">
+              {{item.name}}-{{currentTaskType['bindId']==3?'科室绑定人员':'科室绑定分组'}}
+              <i *ngIf="item.flag">√</i>
+            </li>
+          </ul>
+          <div class="noData" *ngIf="classesList.length===0">
+            <div>暂无数据</div>
+          </div>
+        </overlay-scrollbars>
+      </div>
+    </div>
+    <overlay-scrollbars #osComponentRef4 [ngStyle]="{height:'120px'}" class="defeat-search-wrap--foot">
+      <div class="defeat-search-wrap">
+        <div class="defeat-search defeat-search--foot">复制到</div>
+        <div *ngIf="targetResultFlag" class="defeat-search defeat-search--foot" style="color:#f5222d;margin-left: 8px;font-weight: bold;">请选择您要复制到的方案！</div>
+        <div class="defeat-search defeat-search--foot xx" *ngFor="let item of targetResult">
+          <em>【{{item.schemeName}}-{{item.typeName}}-{{item.classesName}}-{{currentTaskType.bindId==3?'科室绑定人员':'科室绑定分组'}}】</em>
+          <i class="icon icon_transport transport-guanbi1" (click)="deleteThis(item)"></i>
+        </div>
+      </div>
+    </overlay-scrollbars>
+    <div class="display_flex justify-content_flex-center">
+      <button class="btn know" nz-button nzType="primary" [nzLoading]="isLoading" (click)="ok()">确定</button>
+      <button class="btn know" nz-button nzType="primary" nzGhost (click)="hideModal()">取消</button>
+    </div>
+  </div>
+</div>
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo"></app-prompt-modal>

src/app/share/replication-scheme/replication-scheme.component.less

@@ -0,0 +1,226 @@
+@import "../../../../src/theme.less";
+.modal {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, .4);
+  z-index: 999;
+  .loading,.noData{
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+  .noData{
+    color: @primary-color;
+    font-size: 20px;
+    font-weight: bold;
+  }
+  .modalBody {
+    width: 1000px;
+    height: 580px;
+    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;
+      }
+    }
+    .defeat-search-wrap--foot{
+      height: 120px;
+      border-bottom: solid 1px #e5e9ed;
+      border-left: solid 1px #e5e9ed;
+      border-right: solid 1px #e5e9ed;
+      border-bottom-left-radius: 5px;
+      border-bottom-right-radius: 5px;
+    }
+    .defeat-search-wrap{
+      width: 100%;
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      align-content: center;
+      padding: 0 16px;
+    }
+    .defeat-search{
+      height: 40px;
+      display: flex;
+      align-items: center;
+      &.defeat-search--foot{
+        height: 26px;
+        margin-top: 3px;
+        &.xx{
+          border: 1px solid #dde1e5;
+          background-color: #f9fafb;
+          margin-left: 8px;
+          padding-right: 4px;
+          i{
+            color: #e5e9ed;
+            cursor: pointer;
+            &:hover{
+              color: #ff3b53;
+            }
+          }
+        }
+      }
+      em{
+        color: #333;
+        font-style: normal;
+        font-weight: bold;
+      }
+    }
+    .content {
+      min-height: 117px;
+      background: #f9fafb;
+      border: 1px solid #e5e9ed;
+      border-top-left-radius: 5px;
+      border-top-right-radius: 5px;
+      overflow: hidden;
+      margin-top: 12px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+
+      &.content-search{
+        min-height: 147px;
+        justify-content: start;
+        .form{
+          width: 100%;
+          height: 320px;
+          display: flex;
+          ul{
+            list-style: none;
+            margin: 0;
+            text-align: left;
+            padding: 8px;
+            li{
+              height: 26px;
+              padding: 0 8px;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              white-space: nowrap;
+              cursor: pointer;
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+              &.active{
+                background-color: #f0f6ed;
+                color: @primary-color;
+                cursor: not-allowed;
+              }
+            }
+          }
+          .schemeName{
+            width: 25%;
+            border-right: 1px solid #e5e9ed;
+          }
+          .taskTypeName{
+            width: 25%;
+            border-right: 1px solid #e5e9ed;
+          }
+          .frequencyName{
+            width: 50%;
+          }
+          ::ng-deep .os-content{
+            height: 100%!important;
+          }
+        }
+      }
+
+      div {
+        text-align: center;
+        margin: 0;
+
+        &.defeat {
+          color: #333;
+          font-size: 28px;
+        }
+        &.countDown{
+          font-size: 14px;
+          color: 666;
+          em{
+            font-style: normal;
+            color: @primary-color;
+          }
+        }
+
+        &:nth-child(3) {
+          font-size: 14px;
+          color: #666;
+          padding-bottom: 10px;
+        }
+      }
+    }
+
+    button {
+      margin-top: 10px;
+
+      &.btn {
+        margin-left: 8px;
+      }
+    }
+
+  }
+
+  // 新增
+  &.add {
+    .modalBody {
+      width: 480px;
+      height: auto;
+
+      .content {
+        width: 100%;
+        height: auto;
+        padding: 18px 14px 0 14px;
+
+        .addForm {
+          .ant-form-item {
+            margin-bottom: 15px;
+
+            .ant-form-item-label {
+              line-height: 0;
+            }
+          }
+        }
+
+        .editForm {
+          .ant-form-item {
+            margin-bottom: 15px;
+
+            .ant-form-item-label {
+              line-height: 0;
+            }
+          }
+        }
+
+      }
+
+      button {
+        &:nth-child(1) {
+          margin-right: 20px;
+
+        }
+      }
+
+    }
+  }
+
+}

src/app/share/replication-scheme/replication-scheme.component.ts

@@ -0,0 +1,228 @@
+import { Component, OnInit, Input, Output, EventEmitter, ViewChild } from '@angular/core';
+import { MainService } from '../../services/main.service';
+import { OverlayScrollbarsComponent } from 'overlayscrollbars-ngx';
+import { ToolService } from '../../services/tool.service';
+
+@Component({
+  selector: 'app-replication-scheme',
+  templateUrl: './replication-scheme.component.html',
+  styleUrls: ['./replication-scheme.component.less']
+})
+export class ReplicationSchemeComponent implements OnInit {
+  @ViewChild('osComponentRef1', { read: OverlayScrollbarsComponent, static: false })
+  osComponentRef1: OverlayScrollbarsComponent;
+  @ViewChild('osComponentRef2', { read: OverlayScrollbarsComponent, static: false })
+  osComponentRef2: OverlayScrollbarsComponent;
+  @ViewChild('osComponentRef3', { read: OverlayScrollbarsComponent, static: false })
+  osComponentRef3: OverlayScrollbarsComponent;
+  @ViewChild('osComponentRef4', { read: OverlayScrollbarsComponent, static: false })
+  osComponentRef4: OverlayScrollbarsComponent;
+  @Input() show: Boolean;
+  @Input() currentTaskType: any;//当前任务类型，班次，绑定方式的数据
+
+  @Output() closeModelHs = new EventEmitter<any>();//1.组件暴露一个 EventEmitter 属性，当事件发生时，子组件利用该属性 emits(向上弹射)事件
+  @Output() reloadModelHs = new EventEmitter<any>();//1.组件暴露一个 EventEmitter 属性，当事件发生时，子组件利用该属性 emits(向上弹射)事件
+  loading1 = false;//工作分配方案列表loading
+  schemeNameList = [];//工作分配方案列表
+  schemeNameId;//工作分配方案id(选中的)
+  schemeName;//工作分配方案名称(选中的)
+  loading2 = false;//任务类型列表loading
+  typeList = [];//任务类型列表
+  typeNameId;//任务类型id(选中的)
+  typeName;//任务类型名称(选中的)
+  classesList = [];//任务类型列表
+  classesNameId;//任务类型id(选中的)
+  classesName;//任务类型名称(选中的)
+  currentHospital;//当前院区
+
+  targetResult = [];//复制到的方案集合
+  targetResultFlag = false;//必选
+  isLoading = false;
+  constructor(private tool: ToolService, private mainService: MainService) { }
+
+  ngOnInit() {
+    this.currentHospital = this.tool.getCurrentHospital();
+    this.getSchemeNameList();
+  }
+  // 获取工作分配方案列表
+  getSchemeNameList() {
+    this.loading1 = true;
+    let data = {
+      idx: 0,
+      sum: 999,
+      workScheme: {
+        "hosId": this.currentHospital.id
+      }
+    }
+    this.mainService.getFetchDataList('configuration', 'workScheme', data).subscribe(data => {
+      this.loading1 = false;
+      if (data.status == 200) {
+        this.schemeNameList = data.list;
+      }
+    })
+  }
+  // 分配方案选中
+  schemeNameClick(o) {
+    console.log(o)
+    this.classesList = [];
+    this.typeNameId = null;
+    this.schemeNameId = o.id;
+    this.schemeName = o.name;
+    this.getTypeList(o.id);
+  }
+  // 获取任务类型
+  getTypeList(id) {
+    this.loading2 = true;
+    let data = {
+      idx: 0,
+      sum: 999,
+      taskType: {
+        schemeId: id,
+        hosIds: this.currentHospital.id + ''
+      }
+    }
+    this.mainService.getFetchDataList('configuration', 'taskType', data).subscribe(data => {
+      this.loading2 = false;
+      this.typeList = data.list;
+      if (this.currentTaskType['bindId'] == 4) {//科室绑定分组，需要过滤,只能选择相同班次
+        this.typeList = this.typeList.filter(item => {//筛选有该班次的任务类型
+          let arr = [];
+          item.classesIds.forEach(item1 => {
+            arr.push(item1.id);
+          })
+          return arr.includes(this.currentTaskType['classesId']);
+        });
+        this.typeList.forEach(item => {//筛选有该班次的任务类型
+          item.classesIds = item.classesIds.filter(item1 => item1.id == this.currentTaskType['classesId']);
+        });
+        //过滤当前任务类型
+        if (this.schemeNameId == this.currentTaskType['queryParamsId']) {
+          this.typeList = this.typeList.filter(item => item.id != this.currentTaskType['taskTypeId']);
+        }
+      } else if (this.currentTaskType['bindId'] == 3 && this.schemeNameId == this.currentTaskType['queryParamsId']) {//科室绑定人员，去除当前班次
+        this.typeList.forEach(item => {
+          if (item.id == this.currentTaskType['taskTypeId']) {
+            let index = item.classesIds.findIndex(item1 => item1.id == this.currentTaskType['classesId']);
+            item.classesIds.splice(index, 1);
+          }
+        })
+      }
+    })
+  }
+  // 任务类型选中
+  typeNameClick(o) {
+    console.log(o)
+    this.classesNameId = null;
+    this.typeNameId = o.id;
+    this.typeName = o.taskName;
+    this.getClassesList(o.id);
+  }
+  // 获取班次
+  getClassesList(id) {
+    let obj = this.typeList.find(item => item.id == id);
+    this.classesList = obj.classesIds;
+    this.classesList.forEach(item => {
+      item.flag = false;
+    });
+    this.classesList.forEach(item => {
+      this.targetResult.forEach(item1 => {
+        if (this.schemeNameId == item1.schemeId && item.id == item1.classId && item1.schemeId == this.schemeNameId && item1.taskTypeId == this.typeNameId) {
+          item.flag = true;
+        }
+      });
+    });
+  }
+  // 班次选中
+  classesNameClick(o) {
+    console.log(o);
+    let obj = this.targetResult.find(item => item.schemeId == this.schemeNameId && item.classId == o.id && item.schemeId == this.schemeNameId && item.taskTypeId == this.typeNameId);
+    if (obj) {
+      return;
+    }
+    this.classesList.find(item => item.id == o.id).flag = true;//选中项高亮
+    this.classesNameId = o.id;
+    this.classesName = o.name;
+    this.targetResult.push({
+      "schemeId": this.schemeNameId,
+      "taskTypeId": this.typeNameId,
+      "classId": this.classesNameId,
+      "schemeName": this.schemeName,//x
+      "typeName": this.typeName,//x
+      "classesName": this.classesName,//x
+      "bindingType": this.currentTaskType['bindId'] == 3 ? 1 : 2
+    });
+    this.targetResultFlag = false;
+    console.log(this.targetResult);
+  }
+  // 删除复制到的方案
+  deleteThis(o) {
+    console.log(o);
+    let objs = this.targetResult.filter(item => !(item.schemeId == o.schemeId && item.classId == o.classId && item.schemeId == o.schemeId && item.taskTypeId == o.taskTypeId));
+    this.targetResult = objs;
+    this.getClassesList(this.typeNameId);
+  }
+  // 关闭弹窗
+  hideModal() {
+    this.targetResultFlag = false;
+    this.targetResult = [];
+    this.schemeNameId = null;//工作分配方案id(选中的)
+    this.typeList = [];//任务类型列表
+    this.typeNameId = null;//任务类型id(选中的)
+    this.classesList = [];//任务类型列表
+    this.classesNameId = null;//任务类型id(选中的)
+    this.closeModelHs.emit(JSON.stringify({ show: false }));//emits(向上弹射)事件
+  }
+  // 确定
+  ok() {
+    if (this.targetResult.length === 0) {
+      this.targetResultFlag = true;
+      return;
+    }
+    let target = this.targetResult.map(item => {
+      return {
+        "schemeId": item.schemeId,
+        "taskTypeId": item.taskTypeId,
+        "classId": item.classId,
+        "bindingType": item.bindingType
+      }
+    });
+    let dataObj = {
+      "source": {
+        "schemeId": this.currentTaskType['queryParamsId'],
+        "taskTypeId": this.currentTaskType['taskTypeId'],
+        "classId": this.currentTaskType['classesId'],
+        "bindingType": this.currentTaskType['bindId'] == 3 ? 1 : 2
+      },
+      "target": target
+    }
+    console.log(dataObj);
+    this.isLoading = true;
+    this.mainService.coopConfig('allocatePropertyCopy', dataObj).subscribe(data => {
+      this.isLoading = false;
+      this.hideModal();
+      if (data.status == 200) {
+        this.showPromptModal('复制', true, '')
+        this.reloadModelHs.emit(JSON.stringify({ show: true }));//emits(向上弹射)事件
+      } else {
+        this.showPromptModal('复制', false, data.msg)
+      }
+    })
+  }
+
+  // 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）
+  promptModalShow = false;
+  promptContent = '';
+  ifSuccess = false;
+  promptInfo = '';
+  showPromptModal(con, success, promptInfo?) {
+    this.promptModalShow = false;
+    this.promptContent = con;
+    this.ifSuccess = success;
+    this.promptInfo = promptInfo;
+    setTimeout(() => {
+      this.promptModalShow = true;
+    }, 100);
+  }
+}
+
+

src/app/share/select-dept/select-dept.component.html

@@ -0,0 +1,28 @@
+<div class="save add display_flex align-items_center justify-content_flex-center" *ngIf="deptFlag">
+  <div class="modalBody">
+    <div class="title">选择转入科室<i class="icon_transport transport-guanbi" (click)="hideModal()"></i>
+    </div>
+    <div class="content">
+      <form nz-form [formGroup]="validateForm" class="addForm">
+        <nz-form-item>
+          <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="zrDept">转入科室</nz-form-label>
+          <nz-form-control nzErrorTip="请选择转入科室!">
+            <nz-select [nzDropdownMatchSelectWidth]="false" type="zrDept" nzShowSearch nzServerSearch (nzOnSearch)="getDept(hosId,$event)"
+              formControlName="zrDept" nzPlaceHolder="请选择转入科室">
+              <ng-container *ngFor="let data of deptList">
+                <nz-option *ngIf="!loading" [nzValue]="data['id']" [nzLabel]="data['dept']"></nz-option>
+              </ng-container>
+              <nz-option *ngIf="loading" nzDisabled nzCustomContent>
+                <i nz-icon nzType="loading" class="loading-icon"></i> 加载中...
+              </nz-option>
+            </nz-select>
+          </nz-form-control>
+        </nz-form-item>
+      </form>
+    </div>
+    <div class="display_flex justify-content_flex-center">
+      <button nzType="primary" nz-button (click)="submitForm()" [nzLoading]="createLoading">确认</button>
+      <button class="btn cancel" nz-button nzType="default" (click)="hideModal()">取消</button>
+    </div>
+  </div>
+</div>

src/app/share/select-dept/select-dept.component.less

@@ -0,0 +1,125 @@
+.save {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 999;
+
+  .modalBody {
+    width: 350px;
+    background: #fff;
+    border-radius: 5px;
+    padding: 10px 20px;
+    color: #333;
+
+    .title {
+      width: 100%;
+      text-align: center;
+      font-size: 18px;
+      position: relative;
+
+      i {
+        position: absolute;
+        right: 0;
+        top: 0;
+        font-size: 20px;
+        color: #666;
+        cursor: pointer;
+        padding: 0 5px;
+      }
+    }
+
+    .content {
+      width: 100%;
+      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: 16px;
+        }
+
+        &:nth-child(3) {
+          font-size: 14px;
+          color: #666;
+        }
+      }
+    }
+
+    button {
+      margin-top: 10px;
+
+      &.btn {
+        margin-left: 8px;
+      }
+    }
+  }
+
+  // 新增
+  &.add {
+    .modalBody {
+      width: 480px;
+      height: auto;
+
+      .content {
+        width: 100%;
+        height: auto;
+        padding: 19px 14px 0 14px;
+        max-height: 500px;
+        overflow-y: auto;
+
+        .addForm {
+          .ant-form-item {
+            margin-bottom: 14px;
+
+            .ant-form-item-label {
+              line-height: 14px;
+              text-align: left;
+            }
+          }
+        }
+
+        .editForm {
+          .ant-form-item {
+            margin-bottom: 14px;
+
+            .ant-form-item-label {
+              line-height: 0;
+            }
+          }
+        }
+      }
+
+      button:nth-child(1) {
+        margin-right: 20px;
+      }
+    }
+  }
+}

src/app/share/select-dept/select-dept.component.ts

@@ -0,0 +1,72 @@
+import { Component, OnInit, Output, Input } from '@angular/core';
+import { FormGroup, FormBuilder, Validators } from '@angular/forms';
+import { EventEmitter } from '@angular/core';
+import { MainService } from '../../services/main.service';
+
+@Component({
+  selector: 'app-select-dept',
+  templateUrl: './select-dept.component.html',
+  styleUrls: ['./select-dept.component.less']
+})
+export class SelectDeptComponent implements OnInit {
+  @Output() submitFormHand = new EventEmitter();
+  @Output() deptFlagHand = new EventEmitter();
+  @Input() deptFlag: boolean = false;//模态框
+  @Input() createLoading: boolean = false;//确定按钮的loading
+  @Input() hosId: any;//院区id
+  loading = false;//获取科室的loading
+  validateForm: FormGroup;//表单
+  deptList = [];//护理单元科室列表
+  constructor(private fb: FormBuilder, private mainService: MainService) { }
+
+  ngOnInit() {
+    this.getDept(this.hosId);
+    this.initForm()
+  }
+  // 隐藏模态框
+  hideModal() {
+    this.deptFlagHand.emit(false)
+    this.initForm()
+  }
+  // 初始化新增form表单
+  initForm() {
+    this.validateForm = this.fb.group({
+      zrDept: [null, [Validators.required]]
+    });
+  }
+  //获取护理单元类型的科室
+  getDept(id, keyword = "") {
+    this.loading = true;
+    let postData = {
+      "idx": 0,
+      "sum": 10,
+      "department": {
+        "hospital": {
+          "id": id
+        },
+        "dept": keyword,
+        "type": {
+          "id": "281"
+        }
+      }
+    };
+    this.mainService.getFetchDataList('data','department', postData).subscribe(result => {
+      this.loading = false;
+      if (result.status == 200) {
+        this.deptList = result.list;
+      }
+    })
+  }
+  // 表单提交
+  submitForm(): void {
+    for (const i in this.validateForm.controls) {
+      this.validateForm.controls[i].markAsDirty({ onlySelf: true });
+      this.validateForm.controls[i].updateValueAndValidity();
+    }
+    if (this.validateForm.invalid) return;
+    let id = this.validateForm.value.zrDept;
+    this.submitFormHand.emit(id);
+    this.hideModal();
+  }
+}
+

src/app/share/select-hospital/select-hospital.component.html

@@ -0,0 +1,24 @@
+<div class="save add display_flex align-items_center justify-content_flex-center" *ngIf="hosFlag">
+  <div class="modalBody">
+    <div class="title">选择院区<i class="icon_transport transport-guanbi" (click)="hideModal()"></i>
+    </div>
+    <div class="content">
+      <form nz-form [formGroup]="validateForm" class="addForm">
+        <nz-form-item>
+          <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="affiliatedHospital">所属院区</nz-form-label>
+          <nz-form-control nzErrorTip="请选择所属院区!">
+            <nz-select [nzDropdownMatchSelectWidth]="false" type="affiliatedHospital" nzShowSearch
+              formControlName="affiliatedHospital" nzPlaceHolder="请选择所属院区">
+              <nz-option nzLabel="{{data['hosName']}}" nzValue="{{data['id']}}" *ngFor="let data of allHospital">
+              </nz-option>
+            </nz-select>
+          </nz-form-control>
+        </nz-form-item>
+      </form>
+    </div>
+    <div class="display_flex justify-content_flex-center">
+      <button nzType="primary" nz-button (click)="submitForm()">确认</button>
+      <button class="btn cancel" nz-button nzType="default" (click)="hideModal()">取消</button>
+    </div>
+  </div>
+</div>

src/app/share/select-hospital/select-hospital.component.less

@@ -0,0 +1,125 @@
+.save {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 99;
+
+  .modalBody {
+    width: 350px;
+    background: #fff;
+    border-radius: 5px;
+    padding: 10px 20px;
+    color: #333;
+
+    .title {
+      width: 100%;
+      text-align: center;
+      font-size: 18px;
+      position: relative;
+
+      i {
+        position: absolute;
+        right: 0;
+        top: 0;
+        font-size: 20px;
+        color: #666;
+        cursor: pointer;
+        padding: 0 5px;
+      }
+    }
+
+    .content {
+      width: 100%;
+      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: 16px;
+        }
+
+        &:nth-child(3) {
+          font-size: 14px;
+          color: #666;
+        }
+      }
+    }
+
+    button {
+      margin-top: 10px;
+
+      &.btn {
+        margin-left: 8px;
+      }
+    }
+  }
+
+  // 新增
+  &.add {
+    .modalBody {
+      width: 480px;
+      height: auto;
+
+      .content {
+        width: 100%;
+        height: auto;
+        padding: 19px 14px 0 14px;
+        max-height: 500px;
+        overflow-y: auto;
+
+        .addForm {
+          .ant-form-item {
+            margin-bottom: 14px;
+
+            .ant-form-item-label {
+              line-height: 14px;
+              text-align: left;
+            }
+          }
+        }
+
+        .editForm {
+          .ant-form-item {
+            margin-bottom: 14px;
+
+            .ant-form-item-label {
+              line-height: 0;
+            }
+          }
+        }
+      }
+
+      button:nth-child(1) {
+        margin-right: 20px;
+      }
+    }
+  }
+}

src/app/share/select-hospital/select-hospital.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SelectHospitalComponent } from './select-hospital.component';
+
+describe('SelectHospitalComponent', () => {
+  let component: SelectHospitalComponent;
+  let fixture: ComponentFixture<SelectHospitalComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ SelectHospitalComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SelectHospitalComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/share/select-hospital/select-hospital.component.ts

@@ -0,0 +1,47 @@
+import { Component, OnInit, Output, Input } from '@angular/core';
+import { FormGroup, FormBuilder, Validators } from '@angular/forms';
+import { EventEmitter } from '@angular/core';
+import { ToolService } from '../../services/tool.service';
+
+@Component({
+  selector: 'app-select-hospital',
+  templateUrl: './select-hospital.component.html',
+  styleUrls: ['./select-hospital.component.less']
+})
+export class SelectHospitalComponent implements OnInit {
+  @Output() submitFormHand = new EventEmitter();
+  @Output() hosFlagHand = new EventEmitter();
+  @Input() hosFlag: boolean = false;//模态框
+  validateForm: FormGroup;//表单
+  allHospital: any;//所有院区
+  hosLoading: boolean = false;//确定按钮的loading
+  constructor(private fb: FormBuilder, private tool: ToolService) { }
+
+  ngOnInit() {
+    this.allHospital = this.tool.getHospitalList();
+    this.initForm()
+  }
+  // 隐藏模态框
+  hideModal() {
+    this.hosFlagHand.emit(false)
+    this.initForm()
+  }
+  // 初始化新增form表单
+  initForm() {
+    this.validateForm = this.fb.group({
+      affiliatedHospital: [this.tool.getCurrentHospital().id + '', [Validators.required]]
+    });
+  }
+  // 表单提交
+  submitForm(): void {
+    for (const i in this.validateForm.controls) {
+      this.validateForm.controls[i].markAsDirty({ onlySelf: true });
+      this.validateForm.controls[i].updateValueAndValidity();
+    }
+    if (this.validateForm.invalid) return;
+    let id = this.validateForm.value.affiliatedHospital;
+    this.hosLoading = true;
+    this.submitFormHand.emit(id);
+    this.hideModal();
+  }
+}

src/app/share/share.module.ts

@@ -0,0 +1,88 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { NgZorroAntdModule } from 'ng-zorro-antd';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { NgxEchartsModule } from 'ngx-echarts';
+import { OverlayscrollbarsModule } from 'overlayscrollbars-ngx';
+import { SelectHospitalComponent } from './select-hospital/select-hospital.component';
+import { SelectDeptComponent } from './select-dept/select-dept.component';
+import { PromptModalComponent } from './prompt-modal/prompt-modal.component';
+import { SortablejsModule } from 'ngx-sortablejs';
+import { ReplicationSchemeComponent } from './replication-scheme/replication-scheme.component';
+import { HsPromptModalComponent } from './hs-prompt-modal/hs-prompt-modal.component';
+import { HistoryPromptModalComponent } from './history-prompt-modal/history-prompt-modal.component';
+import { DetailSampleComponent } from './detail-sample/detail-sample.component';
+import { DetailPatientsComponent } from './detail-patients/detail-patients.component';
+import { DetailDrugComponent } from './detail-drug/detail-drug.component';
+import { DetailOthersComponent } from './detail-others/detail-others.component';
+import { AllocationWorkerComponent } from './allocation-worker/allocation-worker.component';
+import { DateTransformPipe } from '../pipes/date-transform.pipe';
+import { DragDirective } from '../directives/drag.directive';
+import { AppraiseDetailComponent } from './appraise-detail/appraise-detail.component';
+import { OrderDetailComponent } from './order-detail/order-detail.component';
+import { DialogDeleteComponent } from './dialog-delete/dialog-delete.component';
+import { MaskComponent } from './mask/mask.component';
+import { GenerateFloorComponent } from './generate-floor/generate-floor.component';
+import { BatchOrdersComponent } from './batch-orders/batch-orders.component';
+
+@NgModule({
+  declarations: [
+    DetailSampleComponent,
+    DetailPatientsComponent,
+    DetailDrugComponent,
+    DetailOthersComponent,
+    AllocationWorkerComponent,
+    SelectHospitalComponent,
+    SelectDeptComponent,
+    PromptModalComponent,
+    ReplicationSchemeComponent,
+    HsPromptModalComponent,
+    HistoryPromptModalComponent,
+    AppraiseDetailComponent,
+    OrderDetailComponent,
+    DateTransformPipe,
+    DragDirective,
+    DialogDeleteComponent,
+    MaskComponent,
+    GenerateFloorComponent,
+    BatchOrdersComponent,
+  ],
+  imports: [
+    CommonModule,
+    NgZorroAntdModule,
+    FormsModule,
+    ReactiveFormsModule,
+    NgxEchartsModule,
+    OverlayscrollbarsModule,
+    SortablejsModule
+  ],
+  exports: [
+    DetailSampleComponent,
+    DetailPatientsComponent,
+    DetailDrugComponent,
+    DetailOthersComponent,
+    AllocationWorkerComponent,
+    SelectHospitalComponent,
+    SelectDeptComponent,
+    PromptModalComponent,
+    ReplicationSchemeComponent,
+    HsPromptModalComponent,
+    HistoryPromptModalComponent,
+    AppraiseDetailComponent,
+    OrderDetailComponent,
+    CommonModule,
+    NgZorroAntdModule,
+    FormsModule,
+    ReactiveFormsModule,
+    NgxEchartsModule,
+    OverlayscrollbarsModule,
+    SortablejsModule,
+    DateTransformPipe,
+    DragDirective,
+    DialogDeleteComponent,
+    MaskComponent,
+    GenerateFloorComponent,
+    BatchOrdersComponent,
+  ]
+})
+export class ShareModule { }

src/app/views/advice-detail/advice-detail-routing.module.ts

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

src/app/views/advice-detail/advice-detail.component.html

@@ -0,0 +1,22 @@
+<div class="detail display_flex justify-content_flex-center align-items_center" *ngIf="!maskFlag">
+  <div class="modalBody">
+    <div class="title">意见箱 - 查看<i class="icon_transport transport-guanbi" (click)="hideModal()"></i></div>
+    <div class="content">
+      <div class="top display_flex justify-content_space-between align-items_center">
+        <span>填写科室：{{adviceInfo.creatDepartment?adviceInfo.creatDepartment.dept:''}}</span>
+        <span>填写时间：{{adviceInfo.createTime}}</span>
+      </div>
+      <div class="info">
+        意见内容：{{adviceInfo.content}}
+      </div>
+      <div *ngIf="adviceInfo.replyContent" class="info reply">
+        回复内容：{{adviceInfo.replyContent}}
+      </div>
+    </div>
+    <div class="display_flex justify-content_flex-center">
+      <button class="btn know" nz-button nzType="primary" nzGhost (click)="hideModal()">知道了</button>
+    </div>
+  </div>
+</div>
+<!-- 遮罩 -->
+<app-mask *ngIf="maskFlag"></app-mask>

src/app/views/advice-detail/advice-detail.component.less

@@ -0,0 +1,119 @@
+.detail {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  // display: flex;
+  // justify-content: center;
+  // align-items: center;
+  background: rgba(0, 0, 0, .4);
+  z-index: 99;
+
+  .modalBody {
+    width: 600px;
+    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%;
+      background: #f9fafb;
+      border: 1px solid #e5e9ed;
+      border-radius: 5px;
+      overflow: hidden;
+      margin-top: 12px;
+      padding: 9px 24px;
+
+      .top {
+        height: 35px;
+        border-bottom: 2px solid #eff2f4;
+      }
+
+      .info {
+        margin-top: 15px;
+        margin-bottom: 4px;
+        min-height: 150px;
+
+        &.reply {
+          padding-top: 10px;
+          border-top: 2px solid #eff2f4;
+        }
+      }
+
+    }
+
+    button {
+      margin-top: 10px;
+
+      &.btn {
+        margin-left: 8px;
+      }
+    }
+
+  }
+
+  // 新增
+  &.add {
+    .modalBody {
+      width: 480px;
+      height: auto;
+
+      .content {
+        width: 100%;
+        height: auto;
+        padding: 18px 14px 0 14px;
+
+        .addForm {
+          .ant-form-item {
+            margin-bottom: 14px;
+
+            .ant-form-item-label {
+              line-height: 0;
+            }
+          }
+        }
+
+        .editForm {
+          .ant-form-item {
+            margin-bottom: 14px;
+
+            .ant-form-item-label {
+              line-height: 0;
+            }
+          }
+        }
+
+      }
+
+      button {
+        &:nth-child(1) {
+          margin-right: 20px;
+        }
+      }
+    }
+  }
+
+}
+
+.txtC {
+  text-align: center;
+}

src/app/views/advice-detail/advice-detail.component.ts

@@ -0,0 +1,39 @@
+import { Component, OnInit } from '@angular/core';
+import { Router, ActivatedRoute } from "@angular/router";
+import { NzMessageService } from 'ng-zorro-antd';
+
+import { MainService } from "../../services/main.service";
+
+
+@Component({
+  selector: 'app-advice-detail',
+  templateUrl: './advice-detail.component.html',
+  styleUrls: ['./advice-detail.component.less']
+})
+export class AdviceDetailComponent implements OnInit {
+
+  constructor(private message: NzMessageService, private router: Router, private mainService: MainService, private routerInfo: ActivatedRoute) { }
+
+  ngOnInit() {
+    this.getDetail()
+  }
+
+  id: number;
+  adviceInfo: any = {};
+  hideModal() {
+    this.router.navigateByUrl('/main/adviceManagement')
+  }
+
+  // 获取详情
+  maskFlag: any = false;
+  getDetail() {
+    this.id = this.routerInfo.snapshot.params['id'];
+    this.maskFlag = this.message.loading('正在加载中..', { nzDuration: 0 }).messageId;
+    this.mainService.getFetchData('adviceCollection', 'advice', this.id).subscribe(data => {
+      this.message.remove(this.maskFlag);
+      this.maskFlag = false;
+      this.adviceInfo = data.data;
+    })
+  }
+
+}

src/app/views/advice-detail/advice-detail.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { AdviceDetailRoutingModule } from './advice-detail-routing.module';
+import { AdviceDetailComponent } from './advice-detail.component';
+import { ShareModule } from 'src/app/share/share.module';
+
+
+@NgModule({
+  declarations: [
+    AdviceDetailComponent
+  ],
+  imports: [
+    CommonModule,
+    AdviceDetailRoutingModule,
+    ShareModule
+  ]
+})
+export class AdviceDetailModule { }

src/app/views/advice-management/advice-management-routing.module.ts

@@ -0,0 +1,24 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { AdviceManagementComponent } from './advice-management.component';
+
+
+const routes: Routes = [
+  {
+    path: '',
+    component: AdviceManagementComponent,
+    children: [
+      {
+        // 查看详情
+        path: 'adviceDetail/:id',
+        loadChildren: () => import('../advice-detail/advice-detail.module').then(m => m.AdviceDetailModule),
+      }
+    ]
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class AdviceManagementRoutingModule { }

src/app/views/advice-management/advice-management.component.html

@@ -0,0 +1,103 @@
+<div class="list-template">
+  <div class="list-template__content">
+    <div class="list-template__top" nz-row>
+      <div nz-col nzXl='20' class="list-template__searchBox">
+        <div class="list-template__searchItem">
+          <span class="label">所属科室</span>：
+          <nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" nzServerSearch nzShowSearch
+            (nzOnSearch)="changeInp($event)" nzAllowClear nzPlaceHolder="请选择所属科室" [(ngModel)]="department">
+            <ng-container *ngFor="let option of alldepart">
+              <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" [nzShowSearch]="false" nzAllowClear
+            nzPlaceHolder="请选择状态" [(ngModel)]="replyType">
+            <nz-option nzLabel="{{data.label}}" nzValue="{{data.value}}" *ngFor="let data of replyTypes"></nz-option>
+          </nz-select>
+        </div>
+      </div>
+      <div nz-col nzXl='4' class="list-template__btns">
+        <button nz-button class="btn default" (click)='search()'>搜索</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>
+          <tr class="thead">
+            <th nzWidth="5%">序号</th>
+            <th nzWidth="15%">填写科室</th>
+            <th nzWidth="18%">填写时间</th>
+            <th nzWidth="35%">意见内容</th>
+            <th nzWidth="10%">状态</th>
+            <th nzWidth="18%">操作</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of listOfData;let index=index;">
+            <td>{{index+(pageIndex-1)*10+1}}</td>
+            <td>{{ data.creatDepartment.dept }}</td>
+            <td>{{ data.createTime|date:'yyyy-MM-dd HH:mm'}}</td>
+            <td>
+              <span style="overflow: hidden;text-overflow: ellipsis;">
+                {{ spliceContent(data.content) }}
+              </span>
+            </td>
+            <td>{{data.replaceFlag==0?'未回复':'已回复'}}</td>
+            <td>
+              <div class="coop">
+                <span *ngIf="coopBtns.look" (click)="detail(data.id)">查看</span>
+                <span *ngIf="coopBtns.reply&&data.replaceFlag==0" (click)="reply(data)">回复</span>
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </nz-table>
+      <div class="list-template__pagination">
+        <nz-pagination [(nzPageIndex)]="pageIndex" [(nzTotal)]="listLength" nzShowSizeChanger [(nzPageSize)]="pageSize"
+          (nzPageIndexChange)="getList()" (nzPageSizeChange)="getList()">
+        </nz-pagination>
+      </div>
+    </div>
+  </div>
+  <!-- 意见箱查看 -->
+  <div class="save display_flex align-items_center justify-content_flex-center advice" *ngIf="modal">
+    <div class="modalBody">
+      <div class="title">意见箱 - 回复<i class="icon_transport transport-guanbi" (click)="hideModal()"></i></div>
+      <div class="content">
+        <div class="conItem">
+          <div class="jiTit borderB color3" nz-row>
+            <div nz-col nzSpan="8" class="txtL">填写科室：{{replyCon.creatDepartment.dept}}
+            </div>
+            <div nz-col nzSpan="6" class="txtL">填写人：{{replyCon.createUser.name}}
+            </div>
+            <div nz-col nzSpan="10" class="txtR">填写时间：{{replyCon.createTime}}</div>
+          </div>
+          <div class="defeat">意见内容：{{replyCon.content}}</div>
+        </div>
+        <div class="conItem noCon">
+          <div class="title">回复内容：</div>
+          <textarea rows="4" maxlength="255" nz-input [(ngModel)]="adviceSubContent" placeholder="请填写回复内容"></textarea>
+        </div>
+      </div>
+      <div class=" display_flex justify-content_flex-center">
+        <button nzType="primary" nz-button (click)="submitForm()" [nzLoading]="btnLoading">回复</button>
+        <button class="btn cancel" nz-button nzType="default" (click)="hideModal()">取消</button>
+      </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/advice-management/advice-management.component.less

@@ -0,0 +1,91 @@
+@import "../../../../src/theme.less";
+.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/advice-management/advice-management.component.ts

@@ -0,0 +1,250 @@
+import { ActivatedRoute, Router } from "@angular/router"
+import { Component, OnInit } from '@angular/core';
+
+import { MainService } from "../../services/main.service";
+import { ToolService } from '../../services/tool.service';
+import { Subject } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
+
+@Component({
+  selector: 'app-advice-management',
+  templateUrl: './advice-management.component.html',
+  styleUrls: ['./advice-management.component.less']
+})
+export class AdviceManagementComponent implements OnInit {
+
+  constructor(private route: ActivatedRoute, private router: Router, private mainService: MainService, private tool: ToolService) { }
+  changeInpSubject = new Subject();
+  ngOnInit() {
+    this.changeInpSubject.pipe(debounceTime(500)).subscribe(v => {
+      this.getDeparts(v);
+    })
+    this.initCoopBtns();
+    this.getAllHos()
+    this.getReplyTypes();
+  }
+
+  menu: any = JSON.parse(localStorage.getItem('menu')) || [];//菜单
+  listOfData: any[] = [];//表格数据
+
+  modal: boolean = false;//回复模态框
+  coopId: number;//表格中执行操作的id
+  department: any;//所属科室
+  num;//工号
+  name;//姓名
+  replyType: any;//选择状态
+  alldepart: any = [];//所有所属科室
+  replyTypes: any;//所有状态
+  pageIndex: number = 1;//页码
+  listLength: number = 10;//总条数
+  pageSize: number = 10;//每页条数
+
+  promptContent: string;//操作提示框提示信息
+  ifSuccess: boolean;//操作成功/失败
+  promptInfo: string;//操作结果提示信息
+  promptModalShow: boolean;//操作提示框是否展示
+
+  btnLoading: boolean = false;//提交按钮loading状态
+
+
+
+  // 初始化增删改按钮
+  coopBtns: any = {
+    look: false,
+    reply: false
+  };
+
+  initCoopBtns() {
+    // 二级菜单
+    let secondMenus = []
+    this.menu.forEach(e => {
+      e.childrens.forEach(el => {
+        secondMenus.push(el)
+      });
+    });
+    console.log(secondMenus)
+    let link = this.route.parent.snapshot.routeConfig.path;
+    let btns = []
+    secondMenus.forEach(e => {
+      if (e.link == link) {
+        btns = e.childrens || [];
+      }
+    });
+    btns.forEach(e => {
+      switch (e.link) {
+        case 'look':
+          this.coopBtns.look = true;
+          break;
+        case 'reply':
+          this.coopBtns.reply = true;
+          break;
+      }
+    })
+    console.log(this.coopBtns);
+  }
+
+  // 获取院区
+  hospital: string;//选中院区
+  getAllHos() {
+    this.hospital = this.tool.getCurrentHospital().id + '';
+    this.changeHos();
+    this.getList();
+  }
+  // 修改院区获取对应科室
+  changeHos() {
+    this.department = null;
+    this.getDeparts()
+  }
+  // 搜索
+  search() {
+    this.pageIndex = 1;
+    this.getList();
+  }
+  // 重置
+  reset() {
+    this.pageIndex = 1;
+    this.replyType = null;
+    this.department = null;
+    this.getList()
+
+  }
+  // 表格数据
+  loading1 = false;
+  getList() {
+    var that = this;
+    let data = {
+      idx: that.pageIndex - 1,
+      sum: that.pageSize,
+      advice: {
+        replaceFlag: that.replyType || '',
+        hosId: that.hospital,
+        creatDepartment: {
+          id: that.department || '',
+        }
+      },
+    }
+    if (!data.advice.replaceFlag) {
+      delete data.advice.replaceFlag
+    }
+    if (!data.advice.creatDepartment || !data.advice.creatDepartment.id) {
+      delete data.advice.creatDepartment
+    }
+    this.loading1 = true;
+    that.mainService.getFetchDataList('adviceCollection', 'advice', data).subscribe(data => {
+      this.loading1 = false;
+      that.listOfData = data.list;
+      that.listLength = data.totalNum;
+    })
+
+  }
+
+
+  // 获取所有科室
+  timerNum = 0;//边输入边搜索的定时器
+  getDeparts(dept?) {
+    var that = this;
+    let data = {
+      department: {
+        hospital: { id: that.hospital },
+        dept: dept || ''
+      },
+      idx: 0,
+      sum: 20
+    }
+    this.timerNum++;
+    that.mainService.getFetchDataList('data', 'department', data).subscribe(data => {
+      console.log(data);
+      that.alldepart = data.list;
+      this.timerNum--;
+      if (this.timerNum === 0) {
+        that.isLoading = false;
+      }
+    })
+  }
+
+  // 获取所属组
+  getReplyTypes() {
+    var that = this;
+    that.replyTypes = [
+      {
+        value: 0,
+        label: '未回复'
+      }, {
+        value: 1,
+        label: '已回复'
+      }
+    ]
+  }
+
+
+  // 新增弹框
+  replyCon: any;//意见内容
+  reply(data) {
+    this.modal = true;
+    this.replyCon = data;
+  }
+  hideModal() {
+    this.modal = false;
+  }
+  // 回复
+  adviceSubContent: string;//回复内容
+  submitForm() {
+    console.log(this.adviceSubContent)
+    let that = this;
+    if (!that.adviceSubContent) return;
+    that.btnLoading = true;
+    let postData = {
+      advice: {
+        id: that.replyCon.id,
+        replyUser: { id: that.replyCon.createUser.id },
+        replyContent: that.adviceSubContent
+      }
+    }
+    that.mainService.postCustom('adviceCollection', 'updData/advice', postData).subscribe(data => {
+      that.btnLoading = false;
+      that.adviceSubContent = '';
+      if (data.status == 200) {
+        that.showPromptModal('回复', true, '');
+        that.getList()
+        that.hideModal()
+      } else {
+        that.showPromptModal('回复', false, data.msg);
+      }
+    })
+
+  }
+
+  // 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）
+  showPromptModal(con, success, promptInfo?) {
+    this.promptModalShow = false;
+    this.promptContent = con;
+    this.ifSuccess = success;
+    this.promptInfo = promptInfo;
+    setTimeout(() => {
+      this.promptModalShow = true;
+    }, 100);
+    this.getList();
+  }
+
+  // 查看
+  detail(id) {
+    this.router.navigateByUrl('/main/adviceManagement/adviceDetail/' + id);
+  }
+
+  // 边输边搜节流阀
+  isLoading = false;
+  changeInp(e) {
+    this.isLoading = true;
+    this.changeInpSubject.next(e);
+  }
+
+  // 截取意见内容(ie内核截取)
+  spliceContent(con) {
+    if (con.length >= 41 && navigator.userAgent.indexOf('Trident') > -1) {
+      return con.slice(0, 20) + '...'
+    } else {
+      return con;
+    }
+  }
+
+}

src/app/views/advice-management/advice-management.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { AdviceManagementRoutingModule } from './advice-management-routing.module';
+import { AdviceManagementComponent } from './advice-management.component';
+import { ShareModule } from 'src/app/share/share.module';
+
+
+@NgModule({
+  declarations: [
+    AdviceManagementComponent,
+  ],
+  imports: [
+    CommonModule,
+    AdviceManagementRoutingModule,
+    ShareModule
+  ]
+})
+export class AdviceManagementModule { }

src/app/views/appraise-management/appraise-management-routing.module.ts

@@ -0,0 +1,25 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { AppraiseManagementComponent } from './appraise-management.component';
+import { AppraiseDetailComponent } from '../../share/appraise-detail/appraise-detail.component';
+
+
+const routes: Routes = [
+  {
+    path: '',
+    component: AppraiseManagementComponent,
+    children: [
+      {
+        // 查看详情
+        path: 'appraiseDetail/:id',
+        component: AppraiseDetailComponent,
+      }
+    ]
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class AppraiseManagementRoutingModule { }

src/app/views/appraise-management/appraise-management.component.html

@@ -0,0 +1,138 @@
+<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">
+          <span class="label">工单类型</span>：
+          <nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" [nzShowSearch]="false" nzAllowClear
+            nzPlaceHolder="请选择工单类型" [(ngModel)]="taskType">
+            <ng-container *ngFor="let data of allTaskType">
+              <nz-option nzLabel="{{data.taskName}}" nzValue="{{data.id}}"></nz-option>
+            </ng-container>
+          </nz-select>
+        </div>
+        <div class="list-template__searchItem">
+          <span class="label label--big">执行支助人员</span>：
+          <nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" nzServerSearch nzShowSearch
+            (nzOnSearch)="changeUser($event)" nzAllowClear nzPlaceHolder="请选择执行支助人员" [(ngModel)]="worker">
+            <ng-container *ngFor="let option of allWorker">
+              <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" nzServerSearch nzShowSearch
+            (nzOnSearch)="changeMediUser($event)" nzAllowClear nzPlaceHolder="请选择调解人" [(ngModel)]="mediUser">
+            <ng-container *ngFor="let option of allMediUser">
+              <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" nzAllowClear
+            nzPlaceHolder="请选择处理状态" [(ngModel)]="status">
+            <nz-option nzLabel="{{data.name}}" nzValue="{{data.id}}" *ngFor="let data of handleStatus"></nz-option>
+          </nz-select>
+        </div>
+      </div>
+      <div nz-col nzXl='6' class="list-template__btns">
+        <button nz-button class="btn default" (click)='search()'>搜索</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>
+          <tr class="thead">
+            <th nzWidth="5%">序号</th>
+            <th nzWidth="10%">工单单号</th>
+            <th nzWidth="10%">申请科室</th>
+            <th nzWidth="7%">工单类型</th>
+            <th nzWidth="10%">发起时间</th>
+            <th nzWidth="10%">评价描述</th>
+            <th nzWidth="7%">评价等级</th>
+            <th nzWidth="10%">执行支助人员</th>
+            <th nzWidth="7%">处理状态</th>
+            <th nzWidth="7%">调解人</th>
+            <th nzWidth="17%">操作</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of listOfData;let index=index;">
+            <td>{{index+(pageIndex-1)*10+1}}</td>
+            <td>{{data.workOrderObj?data.workOrderObj.gdcode:''}}</td>
+            <td>{{ data.startDept.dept }}</td>
+            <td>{{data.workOrderObj.taskType.taskName}}</td>
+            <td>{{timestampToTime(data.startTime)}}</td>
+            <td>
+              <span style="overflow: hidden;text-overflow: ellipsis;">{{ data.evaluationDetails.remark }}</span>
+            </td>
+            <td>{{ data.evaluationDetails.serviceEvaluation.name }}</td>
+            <td>{{data.worker?data.worker.name:''}}</td>
+            <td>{{data.handleStatus.name}}</td>
+            <td>{{data.mediationUser?data.mediationUser.name:''}}</td>
+            <td>
+              <div class="coop">
+                <span *ngIf="coopBtns.look" (click)="detail(data.id)">查看</span>
+                <span *ngIf="coopBtns.mediate&&data.handleStatus.id==286" (click)="detail(data.id,true)">调解</span>
+                <span *ngIf="coopBtns.designate&&data.handleStatus.id==286"
+                  (click)="designate(data.id,data.hosId)">指派</span>
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </nz-table>
+      <div class="list-template__pagination">
+        <nz-pagination [(nzPageIndex)]="pageIndex" [(nzTotal)]="listLength" nzShowSizeChanger [(nzPageSize)]="pageSize"
+          (nzPageIndexChange)="getList()" (nzPageSizeChange)="getList()">
+        </nz-pagination>
+      </div>
+    </div>
+  </div>
+
+  <!-- 指派模态框 -->
+  <div class="save add display_flex align-items_center justify-content_flex-center" *ngIf="modal">
+    <div class="modalBody">
+      <div class="title">产品处理指派调解人员<i class="icon_transport transport-guanbi" (click)="hideModal()"></i>
+      </div>
+      <div class="content">
+        <form nz-form [formGroup]="validateForm" class="addForm" (ngSubmit)="submitForm()">
+          <nz-form-item>
+            <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="user">指派调解人员</nz-form-label>
+            <nz-form-control nzErrorTip="请选择指派调解人员!">
+              <nz-select [nzDropdownMatchSelectWidth]="false" type="user" nzShowSearch nzAllowClear
+                formControlName="user" nzPlaceHolder="请选择指派调解人员">
+                <ng-container *ngFor="let data of allDesUser">
+                  <nz-option *ngIf="!isLoading" [nzLabel]="data.name" [nzValue]="data.id"></nz-option>
+                </ng-container>
+                <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
+                  <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
+                </nz-option>
+              </nz-select>
+            </nz-form-control>
+          </nz-form-item>
+        </form>
+      </div>
+      <div class="display_flex justify-content_flex-center">
+        <button nzType="primary" nz-button (click)="submitForm()" [nzLoading]="btnLoading">确认</button>
+        <button class="btn cancel" nz-button nzType="default" (click)="hideModal()">取消</button>
+      </div>
+    </div>
+  </div>
+
+</div>
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo"></app-prompt-modal>
+
+<!-- 查看详情 -->
+<router-outlet (deactivate)="getList()"></router-outlet>

src/app/views/appraise-management/appraise-management.component.less

@@ -0,0 +1,128 @@
+@import "../../../../src/theme.less";
+.save {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 99;
+
+  .modalBody {
+    width: 350px;
+    background: #fff;
+    border-radius: 5px;
+    padding: 10px 20px;
+    color: #333;
+
+    .title {
+      width: 100%;
+      text-align: center;
+      font-size: 18px;
+      position: relative;
+
+      i {
+        position: absolute;
+        right: 0;
+        top: 0;
+        font-size: 20px;
+        color: #666;
+        cursor: pointer;
+        padding: 0 5px;
+      }
+    }
+
+    .content {
+      width: 100%;
+      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;
+        }
+      }
+    }
+
+    button {
+      margin-top: 10px;
+
+      &.btn {
+        margin-left: 8px;
+      }
+    }
+  }
+
+  // 新增
+  &.add {
+    .modalBody {
+      width: 480px;
+      height: auto;
+
+      .content {
+        width: 100%;
+        height: auto;
+        padding: 19px 14px 0 14px;
+        max-height: 500px;
+        overflow-y: auto;
+
+        .addForm {
+          .ant-form-item {
+            margin-bottom: 14px;
+
+            .ant-form-item-label {
+              line-height: 14px;
+              text-align: left;
+            }
+          }
+        }
+
+        .editForm {
+          .ant-form-item {
+            margin-bottom: 14px;
+
+            .ant-form-item-label {
+              line-height: 0;
+            }
+          }
+        }
+      }
+
+      button {
+        &:nth-child(1) {
+          margin-right: 20px;
+        }
+      }
+    }
+  }
+}

src/app/views/appraise-management/appraise-management.component.ts

@@ -0,0 +1,340 @@
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from "@angular/router"
+import { FormBuilder, Validators, FormGroup } from '@angular/forms';
+
+import { MainService } from "../../services/main.service";
+import { ToolService } from '../../services/tool.service';
+import { Subject } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
+
+@Component({
+  selector: 'app-appraise-management',
+  templateUrl: './appraise-management.component.html',
+  styleUrls: ['./appraise-management.component.less']
+})
+export class AppraiseManagementComponent implements OnInit {
+
+  constructor(private fb: FormBuilder, private route: ActivatedRoute, private router: Router, private mainService: MainService, private tool: ToolService) { }
+
+  menu: any = JSON.parse(localStorage.getItem('menu')) || [];//菜单
+  listOfData: any[] = [];//表格数据
+
+  modal: boolean = false;//新增/编辑模态框
+  validateForm: FormGroup;//新增/编辑表单
+  coopId: number;//表格中执行操作的id
+  department: any;//所属科室
+  mediUser: number;//调解人
+  taskType: number;//工单类型
+  allTaskType: any;//所有工单类型
+  allHospital: any;//所有院区
+  pageIndex: number = 1;//页码
+  listLength: number = 10;//总条数
+  pageSize: number = 10;//每页条数
+
+  promptContent: string;//操作提示框提示信息
+  ifSuccess: boolean;//操作成功/失败
+  promptInfo: string;//操作结果提示信息
+  promptModalShow: boolean;//操作提示框是否展示
+
+  btnLoading: boolean = false;//提交按钮loading状态
+  searchTimerSubject = new Subject();
+
+  ngOnInit() {
+    this.searchTimerSubject.pipe(debounceTime(500)).subscribe(v => {
+      let fun = v[0];
+      fun(v[1], v[2]);
+    })
+    this.initCoopBtns();
+    this.getAllHos()
+    this.getStatus()
+    this.initForm()
+  }
+
+  // 初始化增删改按钮
+  coopBtns: any = {
+    look: false,
+    mediate: false,//调解
+    designate: false,//指派
+  };
+
+  initCoopBtns() {
+    // 二级菜单
+    let secondMenus = []
+    this.menu.forEach(e => {
+      e.childrens.forEach(el => {
+        secondMenus.push(el)
+      });
+    });
+    console.log(secondMenus)
+    let link = this.route.parent.snapshot.routeConfig.path;
+    let btns = []
+    secondMenus.forEach(e => {
+      if (e.link == link) {
+        btns = e.childrens || [];
+      }
+    });
+    btns.forEach(e => {
+      switch (e.link) {
+        case 'look':
+          this.coopBtns.look = true;
+          break;
+        case 'mediate':
+          this.coopBtns.mediate = true;
+          break;
+        case 'designate':
+          this.coopBtns.designate = true;
+          break;
+      }
+    })
+    console.log(this.coopBtns);
+  }
+
+  // 获取院区
+  hospital: string;//选中院区
+  getAllHos() {
+    this.hospital = this.tool.getCurrentHospital().id + '';
+    this.changeHos();
+    this.getList();
+  }
+  // 修改院区获取对应科室
+  changeHos() {
+    this.taskType = null;
+    this.worker = null;
+    this.mediUser = null;
+    this.status = null;
+    this.getAllTaskType()
+    this.getAllWorker()
+    this.getAllMediUser()
+  }
+
+  // 获取支助人员
+  worker: number;//支助人员
+  allWorker: any = [];//所有支助人员
+  snum1 = 0;
+  getAllWorker(e?, those?) {
+    let that = those || this;
+    let postData = {
+      user: {
+        name: e || '',
+        hospital: { id: that.hospital },
+        usertype: { id: 106 }//支助人员
+      },
+      idx: 0,
+      sum: 20
+    }
+    that.snum1++;
+    that.mainService.getFetchDataList('data', 'user', postData).subscribe(data => {
+      that.allWorker = data.list;
+      that.snum1--;
+      if (that.snum1 === 0) {
+        that.isLoading = false;
+      }
+    })
+  }
+
+  // 指派人员
+  allDesUser: any = [];//所有支助人员
+  getAllDesUser(id) {
+    this.isLoading = true;
+    this.mainService.getHosUser('getUsersByPermission', id).subscribe(data => {
+      this.isLoading = false;
+      this.allDesUser = data.data || []
+    })
+  }
+
+  // 获取所有调解人
+  allMediUser: any = [];//所有调解人
+  snum2 = 0;
+  getAllMediUser(e?, those?) {
+    let that = those || this;
+    let postData = {
+      user: {
+        name: e || '',
+        hospital: { id: that.hospital },
+        usertype: { id: 107 }//服务台
+      },
+      idx: 0,
+      sum: 20
+    }
+    that.snum2++;
+    that.mainService.getFetchDataList('data', 'user', postData).subscribe(data => {
+      that.allMediUser = data.list;
+      that.snum2--;
+      if (that.snum2 === 0) {
+        that.isLoading = false;
+      }
+    })
+  }
+
+  // 用户输入搜索
+  changeUser(e) {
+    this.searchTimer(this.getAllWorker, e, this);
+  }
+
+  // 调解人搜索
+  changeMediUser(e) {
+    this.searchTimer(this.getAllMediUser, e, this);
+  }
+
+  // 边输入边搜索节流阀
+  isLoading: boolean = false;
+  searchTimer(fun, e, those) {
+    this.isLoading = true;
+    this.searchTimerSubject.next([fun, e, those]);
+  }
+
+  // 获取处理状态
+  status: number;//处理状态
+  handleStatus: any = [];//所有处理状态
+  getStatus() {
+    var that = this;
+    that.mainService.getDictionary('list', 'bad_evaluation_handle_status').subscribe(data => {
+      that.handleStatus = data
+    })
+  }
+
+  // 搜索
+  search() {
+    this.pageIndex = 1;
+    this.getList();
+  }
+  // 重置
+  reset() {
+    this.pageIndex = 1;
+    this.taskType = null;
+    this.worker = null;
+    this.mediUser = null;
+    this.status = null;
+    this.getList()
+
+  }
+  // 表格数据
+  loading1 = false;
+  getList() {
+    var that = this;
+    let data = {
+      idx: that.pageIndex - 1,
+      sum: that.pageSize,
+      badEvaluationHandle: {
+        taskType: that.taskType || '',
+        worker: { id: that.worker || '' },
+        handleStatus: { id: that.status || '' },
+        hosId: that.hospital,
+        mediationUser: { id: that.mediUser }
+      },
+    }
+    if (!data.badEvaluationHandle.taskType) {
+      delete data.badEvaluationHandle.taskType
+    }
+    if (!data.badEvaluationHandle.worker.id) {
+      delete data.badEvaluationHandle.worker
+    }
+    if (!data.badEvaluationHandle.handleStatus.id) {
+      delete data.badEvaluationHandle.handleStatus
+    }
+    if (!data.badEvaluationHandle.mediationUser.id) {
+      delete data.badEvaluationHandle.mediationUser
+    }
+    this.loading1 = true;
+    that.mainService.getFetchDataList('adviceCollection', 'badEvaluationHandle', data).subscribe(data => {
+      this.loading1 = false;
+      that.listOfData = data.list;
+      that.listLength = data.totalNum;
+    })
+
+  }
+
+
+  // 获取工单类型
+  getAllTaskType() {
+    let that = this;
+    let postData = {
+      taskType: {
+        hosId: { id: that.hospital },
+      },
+      idx: 0,
+      sum: 30
+    }
+    that.mainService.getFetchDataList('configuration', 'taskType', postData).subscribe(data => {
+      that.allTaskType = data.list;
+    })
+  }
+
+  // 初始化新增form表单
+  initForm() {
+    this.validateForm = this.fb.group({
+      user: [null, [Validators.required]],
+    });
+  }
+  submitForm() {
+    var that = this;
+    for (const i in that.validateForm.controls) {
+      that.validateForm.controls[i].markAsDirty();
+      that.validateForm.controls[i].updateValueAndValidity();
+    }
+    if (that.validateForm.invalid) return;
+    that.btnLoading = true;
+    let postData = {
+      badEvaluationHandle: {
+        id: that.coopId,
+        mediationUser: { id: that.validateForm.value.user },
+      }
+    }
+    that.mainService.postCustom('adviceCollection', 'updData/badEvaluationHandle', postData).subscribe(data => {
+      that.hideModal()
+      that.btnLoading = false;
+      if (data.status == 200) {
+        that.showPromptModal('指派', true, '');
+        that.initForm()
+        that.getList()
+      } else {
+        that.showPromptModal('指派', false, data.msg);
+      }
+    })
+  }
+
+  // 指派
+  designate(id, hosId) {
+    this.modal = true;
+    this.coopId = id;
+    this.getAllDesUser(hosId)
+  }
+  hideModal() {
+    this.modal = false;
+  }
+
+
+  // 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）
+  showPromptModal(con, success, promptInfo?) {
+    this.promptModalShow = false;
+    this.promptContent = con;
+    this.ifSuccess = success;
+    this.promptInfo = promptInfo;
+    setTimeout(() => {
+      this.promptModalShow = true;
+    }, 100);
+    this.getList();
+  }
+
+  // 查看
+  detail(id, tj?) {
+    if (tj) {
+      this.router.navigate(['/main/appraiseManagement/appraiseDetail/' + id], { fragment: 'tj' });
+    } else {
+      this.router.navigate(['/main/appraiseManagement/appraiseDetail/' + id]);
+    }
+  }
+
+  // 格式化时间戳
+  timestampToTime(timestamp) {
+    var date = new Date(timestamp);//时间戳为10位需*1000，时间戳为13位的话不需乘1000
+    let Y = date.getFullYear() + '-';
+    let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
+    let D = date.getDate() < 10 ? '0' + date.getDate() + ' ' : date.getDate() + ' ';
+    let h = date.getHours() < 10 ? '0' + date.getHours() + ':' : date.getHours() + ':';
+    let m = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes();
+    return Y + M + D + h + m;
+  }
+
+}
+

src/app/views/appraise-management/appraise-management.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { AppraiseManagementRoutingModule } from './appraise-management-routing.module';
+import { AppraiseManagementComponent } from './appraise-management.component';
+import { ShareModule } from 'src/app/share/share.module';
+
+
+@NgModule({
+  declarations: [
+    AppraiseManagementComponent,
+  ],
+  imports: [
+    CommonModule,
+    AppraiseManagementRoutingModule,
+    ShareModule
+  ]
+})
+export class AppraiseManagementModule { }