表单管理

src/app/views/form-management-detail/form-management-detail-routing.module.ts

@@ -0,0 +1,24 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { FormManagementDetailComponent } from './form-management-detail.component';
+import { AllocationWorkerComponent } from 'src/app/share/allocation-worker/allocation-worker.component';
+
+
+const routes: Routes = [
+  {
+    path: "",
+    component: FormManagementDetailComponent,
+    children: [
+      {
+        path: 'allotWorker/:id/:stateId/:flag/:hosId',
+        component: AllocationWorkerComponent
+      }
+    ]
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class FormManagementDetailRoutingModule { }

src/app/views/form-management-detail/form-management-detail.component.html

@@ -0,0 +1,29 @@
+<div class="detail">
+  <!-- 主体内容 -->
+  <div class="detail_content">
+    <div class="detail_item" *ngFor="let building of buildings">
+      <div class="detail_item_head">{{building.name}}</div>
+      <nz-list [nzDataSource]="building.departments" [nzRenderItem]="item" [nzGrid]="{ gutter: 16, xs: 24, sm: 12, md: 6, lg: 6, xl: 3 }">
+        <ng-template #item let-item>
+          <nz-list-item [nzContent]="nzContent">
+            <ng-template #nzContent>
+              <nz-card nzType="inner" [nzTitle]="item.name" [nzExtra]="extraTemplate">
+                <div *ngFor="let order of item.orders">{{order[11].slice(-4)}}-{{order[7]}} {{order[8]}}</div>
+                <ng-template #extraTemplate>
+                  <label nz-checkbox [(ngModel)]="item.checked" [nzDisabled]="!(item.orders[0][12] == 2 || (!item.orders[0][8] && item.orders[0][12] != 2))"></label>
+                </ng-template>
+              </nz-card>
+            </ng-template>
+          </nz-list-item>
+        </ng-template>
+      </nz-list>
+    </div>
+  </div>
+
+  <!-- 底部按钮 -->
+  <div class="foot_btns">
+    <button nz-button nzType="primary" (click)="batchDispatch()" class="mr8">批量派单</button>
+    <button nz-button (click)="toList()">返回列表</button>
+  </div>
+</div>
+<router-outlet (deactivate)="getList($event)"></router-outlet>

src/app/views/form-management-detail/form-management-detail.component.less

@@ -0,0 +1,43 @@
+:host{
+  ::ng-deep .ant-card-body{
+    padding: 8px !important;
+  }
+  ::ng-deep .ant-card-head-title{
+    padding: 8px 0 !important;
+  }
+  ::ng-deep .ant-card-head{
+    padding: 0 8px !important;
+    min-height: auto !important;
+  }
+  .detail{
+    padding: 8px;
+  }
+  // 主体内容
+  .detail_content{
+    height: calc(100vh - 154px);
+    overflow-y: auto;
+    overflow-x: hidden;
+    .detail_item{
+      border-bottom: 1px solid #ccc;
+      .detail_item_head{
+        height: 66px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        font-size: 30px;
+        font-weight: bold;
+      }
+    }
+  }
+
+  // 底部按钮
+  .foot_btns{
+    position: relative;
+    z-index: 9;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 66px;
+    box-shadow: 0 -1px 4px rgba(0, 21, 41, 0.08);
+  }
+}

src/app/views/form-management-detail/form-management-detail.component.ts

@@ -0,0 +1,100 @@
+import { Component, OnInit } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+import { MainService } from 'src/app/services/main.service';
+import { ToolService } from 'src/app/services/tool.service';
+import { NzMessageService } from 'ng-zorro-antd';
+
+@Component({
+  selector: 'app-form-management-detail',
+  templateUrl: './form-management-detail.component.html',
+  styleUrls: ['./form-management-detail.component.less']
+})
+export class FormManagementDetailComponent implements OnInit {
+
+  constructor(
+    private router: Router,
+    private mainService: MainService,
+    private route: ActivatedRoute,
+    private tool: ToolService,
+    private msg: NzMessageService,
+  ) { }
+
+  hosId; //院区
+  data = [];
+
+  ngOnInit() {
+    this.hosId = this.tool.getCurrentHospital().id;
+    this.getList();
+  }
+
+  // 返回列表
+  toList(){
+    this.router.navigateByUrl('/main/formManagement');
+  }
+
+  // 获取列表
+  buildings:any[] = [];
+  getList(){
+    let maskFlag = this.msg.loading("加载中", { nzDuration: 0 }).messageId;
+    this.mainService.listMsgByMain('reserveView', {
+      reserveFormId: +this.route.snapshot.paramMap.get('id')
+    }).subscribe((result: any) => {
+      this.msg.remove(maskFlag);
+      console.log(result);
+      const data = result.data || {};
+      console.log(data);
+      if(result.state == 200){
+        if(Object.keys(data).length > 0){
+          // 楼栋-楼层-科室-工单 转成前端可用的 楼栋-科室-工单
+          let buildings = Object.keys(data)
+          .map(v => ({
+            id: v,
+            name: Object.values(Object.values(data[v])[0])[0][0][3],
+            departments: (
+              Object.values(data[v]).map(vv => Object.keys(vv).map(vvv => ({id: vvv, name: vv[vvv][0][6], orders: vv[vvv]}))) as any
+            ).flat()
+          }));
+          console.log(buildings)
+          this.buildings = buildings;
+        }else{
+          this.buildings = [];
+        }
+      }else{
+        this.buildings = [];
+      }
+    })
+  }
+
+  // 批量分派
+  batchDispatch() {
+    console.log(this.buildings);
+    let arr = [];
+    this.buildings.forEach(v => {
+      v.departments.forEach(vv => {
+        if(vv.checked){
+          arr = arr.concat(vv.orders);
+        }
+      })
+    })
+    console.log(arr);
+    if(arr.length === 0){
+      this.msg.info('请勾选科室！');
+      return;
+    }
+    let ids_types = [];
+    let stateIds = [];
+    arr.forEach((item) => {
+      if (item[12] == 2) {
+        //普通派单
+        ids_types.push(`${item[9]}_assign`);
+      } else if (!item[8] && item[12] != 2) {
+        ids_types.push(`${item[9]}_reassign`);
+      }
+      stateIds.push(item[10]);
+    });
+    this.router.navigateByUrl(
+      `/main/formManagementDetail/${this.route.snapshot.paramMap.get('id')}/allotWorker/${ids_types.join("-")}/${stateIds.join("-")}/2/${this.hosId}`
+    );
+  }
+
+}

src/app/views/form-management-detail/form-management-detail.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { FormManagementDetailRoutingModule } from './form-management-detail-routing.module';
+import { FormManagementDetailComponent } from './form-management-detail.component';
+import { ShareModule } from 'src/app/share/share.module';
+
+
+@NgModule({
+  declarations: [FormManagementDetailComponent],
+  imports: [
+    CommonModule,
+    FormManagementDetailRoutingModule,
+    ShareModule,
+  ]
+})
+export class FormManagementDetailModule { }

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

@@ -4,7 +4,10 @@ import { FormManagementComponent } from './form-management.component';
 
 
 const routes: Routes = [
-  { path: '', component: FormManagementComponent }
+  {
+    path: '',
+    component: FormManagementComponent,
+  }
 ];
 
 @NgModule({

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

@@ -28,7 +28,7 @@
             <td>{{data.total}}</td>
             <td>
               <div class="coop">
-                <button nz-button nzType="link" (click)="supplementPrint(data)">查看视图</button>
+                <button nz-button nzType="link" (click)="lookView(data)">查看视图</button>
               </div>
             </td>
           </tr>

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

@@ -1,5 +1,5 @@
 import { Component, OnInit, ViewChild, ElementRef } from "@angular/core";
-import { ActivatedRoute } from "@angular/router";
+import { ActivatedRoute, Router } from "@angular/router";
 
 import { MainService } from "../../services/main.service";
 import { ToolService } from "../../services/tool.service";
@@ -16,6 +16,7 @@ export class FormManagementComponent implements OnInit {
     private route: ActivatedRoute,
     private tool: ToolService,
     private msg: NzMessageService,
+    private router: Router,
   ) {}
 
   userInfo: any = JSON.parse(localStorage.getItem("user")) || {}; //登录用户信息
@@ -150,6 +151,7 @@ export class FormManagementComponent implements OnInit {
       sum: this.pageSize,
       reserveForm: {
         hosId: this.hosId,
+        deleteFlag: 0,
       },
     };
     this.loading1 = true;
@@ -170,6 +172,7 @@ export class FormManagementComponent implements OnInit {
     let postData:any = {
       taskType: this.tasktypeId,
       hosId: this.hosId,
+      deleteFlag: 0,
     };
     this.isOkLoading = true;
     this.mainService
@@ -186,6 +189,13 @@ export class FormManagementComponent implements OnInit {
         }
       });
   }
+
+  // 查看视图
+  lookView(data){
+    this.router.navigateByUrl(
+      `/main/formManagementDetail/${data.id}`
+    );
+  }
 }
 
 

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

@@ -204,6 +204,14 @@ const routes: Routes = [
           ),
       },
       {
+        // 表单管理列表
+        path: "formManagementDetail/:id",
+        loadChildren: () =>
+          import("../form-management-detail/form-management-detail.module").then(
+            (m) => m.FormManagementDetailModule
+          ),
+      },
+      {
         // 统计分析-综合统计
         path: "compreStatistics",
         loadChildren: () =>