工单日志等待接口

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

@@ -158,6 +158,11 @@ const routes: Routes = [
         path: "formManagementDetail/:id/:taskType",
         loadChildren: () => import("../form-management-detail/form-management-detail.module").then((m) => m.FormManagementDetailModule),
       },
+      // 工单日志列表
+      {
+        path: "workOrderLog",
+        loadChildren: () => import("../work-order-log/work-order-log.module").then((m) => m.WorkOrderLogModule),
+      },
       // 统计分析-综合统计
       {
         path: "compreStatistics",

src/app/views/work-order-log/work-order-log-routing.module.ts

@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { WorkOrderLogComponent } from './work-order-log.component';
+
+
+const routes: Routes = [{
+  path: '',
+  component: WorkOrderLogComponent,
+}];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class WorkOrderLogRoutingModule { }

src/app/views/work-order-log/work-order-log.component.html

@@ -0,0 +1,54 @@
+<div class="list-template">
+  <div class="list-template__content">
+    <div class="list-template__top" nz-row>
+      <div nz-col nzXl='6' class="list-template__searchBox">
+      </div>
+      <div nz-col nzXl='18' class="list-template__btns">
+        <button nz-button class="btn default" (click)='search()'>搜索</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="10%">工单号</th>
+            <th nzWidth="10%">申请科室</th>
+            <th nzWidth="10%">操作类型</th>
+            <th nzWidth="10%">操作人</th>
+            <th nzWidth="10%">交接人</th>
+            <th nzWidth="10%">操作时间</th>
+            <th nzWidth="20%">备注</th>
+            <th nzWidth="10%">图片</th>
+            <th nzWidth="10%">操作</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of listOfData;let index=index;">
+            <td>{{ data.title }}</td>
+            <td>{{ data.taskNames }}</td>
+            <td>{{ data.deptNames }}</td>
+            <td>{{ data.type?.name }}</td>
+            <td>{{ data.type?.name }}</td>
+            <td>{{ data.type?.name }}</td>
+            <td>{{ data.type?.name }}</td>
+            <td>{{ data.type?.name }}</td>
+            <td>
+              <div class="coop">
+                <span (click)="del(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>
+
+<!-- 遮罩 -->
+<app-mask *ngIf="maskFlag"></app-mask>

src/app/views/work-order-log/work-order-log.component.less

@@ -0,0 +1,126 @@
+@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: 8px;
+
+            .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/work-order-log/work-order-log.component.ts

@@ -0,0 +1,67 @@
+import { Component, OnInit, ViewChild } from "@angular/core";
+import { ActivatedRoute } from "@angular/router";
+
+import { OverlayScrollbarsComponent } from "overlayscrollbars-ngx";
+import { ToolService } from "../../services/tool.service";
+import { WorkOrderLogService } from './work-order-log.service';
+
+@Component({
+  selector: "app-work-order-log",
+  templateUrl: "./work-order-log.component.html",
+  styleUrls: ["./work-order-log.component.less"],
+})
+export class WorkOrderLogComponent implements OnInit {
+  @ViewChild("osComponentRef1", {
+    read: OverlayScrollbarsComponent,
+    static: false,
+  })
+  osComponentRef1: OverlayScrollbarsComponent;
+  constructor(
+    private route: ActivatedRoute,
+    private tool: ToolService,
+    private workOrderLogService: WorkOrderLogService,
+  ) {}
+
+  listOfData: any[] = []; //表格数据
+
+  hosId: any; //院区（搜索）
+  pageIndex: number = 1; //页码
+  listLength: number = 10; //总条数
+  pageSize: number = 10; //每页条数
+
+  // 初始化增删改按钮
+  coopBtns: any = {};
+
+  ngOnInit() {
+    this.coopBtns = this.tool.initCoopBtns(this.route);
+    this.hosId = this.tool.getCurrentHospital().id;
+    this.getList(true);
+  }
+
+  // 搜索
+  search() {
+    this.getList(true);
+  }
+  // 表格数据
+  loading1 = false;
+  getList(isResetPageIndex = false) {
+    isResetPageIndex && (this.pageIndex = 1);
+    let data = {
+      pageIndex: this.pageIndex,
+      pageSize: this.pageSize,
+      hosId: this.hosId,
+    };
+    this.loading1 = true;
+    this.workOrderLogService
+      .query(data)
+      .subscribe((result) => {
+        this.loading1 = false;
+        result.list = result.list || [];
+        result.list.forEach(v => {
+          // todo
+        })
+        this.listOfData = result.list;
+        this.listLength = result.totalNum;
+      });
+  }
+}

src/app/views/work-order-log/work-order-log.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { WorkOrderLogRoutingModule } from './work-order-log-routing.module';
+import { ShareModule } from 'src/app/share/share.module';
+import { WorkOrderLogComponent } from './work-order-log.component';
+
+
+@NgModule({
+  declarations: [
+    WorkOrderLogComponent,
+  ],
+  imports: [
+    CommonModule,
+    WorkOrderLogRoutingModule,
+    ShareModule,
+  ]
+})
+export class WorkOrderLogModule { }

src/app/views/work-order-log/work-order-log.service.ts

@@ -0,0 +1,47 @@
+import { Injectable } from '@angular/core';
+import { MainService } from 'src/app/services/main.service';
+import { map } from 'rxjs/operators';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class WorkOrderLogService {
+  constructor(
+    private mainService: MainService,
+  ) { }
+
+  // 列表-查
+  query({pageIndex, pageSize, hosId}) {
+    let data = {
+      idx: pageIndex - 1,
+      sum: pageSize,
+      record: {
+        hosId,
+      },
+    };
+    return this.mainService.getFetchDataList("simple/data", "record", data);
+  }
+
+  // 查询科室
+  // queryDept({hosId, keywords}){
+  //   let postData = {
+  //     department: {
+  //       simpleQuery: true,
+  //       hospital: {id: hosId},
+  //       dept: keywords,
+  //     },
+  //     idx: 0,
+  //     sum: 9999,
+  //   };
+  //   return this.mainService.getFetchDataList("data", "department", postData).pipe(map((v:any) => {
+  //     if(Array.isArray(v.list)){
+  //       v.list = v.list.map(vv => ({id: vv.id, name: vv.dept}));
+  //     }else{
+  //       v.list = [];
+  //     }
+  //     return v;
+  //   }));
+  // }
+}
+
+