整改上周的

proxy.conf.json

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

src/app/views/data-dictionary/data-dictionary.component.html

@@ -1,23 +1,24 @@
 <div class="groupManagement">
   <div class="groupInfo">
     <div class="title">数据字典</div>
-    <div class="groups" [ngStyle]="{display:!dictionaryLoading?'block':'none'}">
+    <div class="groups">
       <overlay-scrollbars #osComponentRef1 [ngStyle]="{ height:'100%' }">
         <div [ngClass]="{'item':true,'checked':data.id == checkedDictionary.id}" *ngFor="let data of dictionaryList"
           (click)="checkDictionary(data)" [title]="data.dictionaryName">{{data.dictionaryName}}</div>
       </overlay-scrollbars>
     </div>
-    <div class="groups" *ngIf="dictionaryLoading">
-      <div class="loadingFull display_flex justify-content_flex-center align-items_center">
-        <div class="loadingFullInner">
-          <img src="../../../assets/images/loading.gif" alt="">
-          <div>加载中...</div>
-        </div>
-      </div>
-    </div>
   </div>
   <div class="userInfo">
-    <div class="top display_flex justify-content_flex-end align-items_center">
+    <div class="top display_flex justify-content_space-between align-items_center">
+      <div class="searchItem">
+        <span class="label">父级被服分类</span>：
+        <nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" [nzShowSearch]="false" nzAllowClear
+          nzPlaceHolder="请选择父级被服分类" [(ngModel)]="searchDto.parent" (ngModelChange)="getAll()">
+          <ng-container *ngFor="let data of parentList">
+            <nz-option [nzLabel]="data.name" [nzValue]="data.id"></nz-option>
+          </ng-container>
+        </nz-select>
+      </div>
       <div class="display_flex align-items_center">
         <span>已选择 {{selectedDictionary.length}} 个</span>
         <button class="btn default" *ngIf="coopBtns.add&&dictionaryList.length" nzType="primary" nz-button
@@ -34,10 +35,11 @@
             <th nzWidth="5%" nzShowCheckbox [(nzChecked)]="isAllDisplayDataChecked"
               (nzCheckedChange)="checkAll($event)"></th>
             <th nzWidth="15%">名称</th>
+            <th nzWidth="15%">父级被服分类</th>
             <th nzWidth="10%">值</th>
             <th nzWidth="10%">排序号</th>
             <th nzWidth="10%">单价</th>
-            <th nzWidth="30%">附加说明</th>
+            <th nzWidth="15%">附加说明</th>
             <th nzWidth="20%">操作</th>
           </tr>
         </thead>
@@ -46,6 +48,7 @@
             <td nzShowCheckbox [(nzDisabled)]="!coopBtns.edit" [(nzChecked)]="mapOfCheckedId[data.id]"
               (nzCheckedChange)="refreshStatus()"></td>
             <td>{{ data.name }}</td>
+            <td>{{ data.parentName }}</td>
             <td>{{ data.value }}</td>
             <td>{{ data.orders }}</td>
             <td>{{ data.extra3 }}</td>
@@ -78,6 +81,15 @@
             </nz-form-control>
           </nz-form-item>
           <nz-form-item>
+            <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="parent">父级被服分类</nz-form-label>
+            <nz-form-control nzErrorTip="请选择父级被服分类!">
+              <nz-select formControlName="parent" nzPlaceHolder="请选择父级被服分类">
+                <nz-option *ngFor="let option of parentList" [nzLabel]="option.name" nzValue="{{option.id}}">
+                </nz-option>
+              </nz-select>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
             <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="name">名称</nz-form-label>
             <nz-form-control nzErrorTip="请输入名称!">
               <nz-input-group>

src/app/views/data-dictionary/data-dictionary.component.less

@@ -12,6 +12,23 @@
   min-height: 532px;
   overflow: hidden;
 
+  .searchItem {
+    .label {
+      margin-left: 16px;
+      color: #333;
+      display: inline-block;
+      width: 100px;
+      text-align-last: justify;
+      text-align: justify;
+      &.label--big {
+        width: 100px;
+      }
+    }
+    .formItem {
+      width: 135px;
+    }
+  }
+
   .groupInfo {
     float: left;
     width: 24%;

src/app/views/data-dictionary/data-dictionary.component.ts

@@ -18,6 +18,7 @@ export class DataDictionaryComponent implements OnInit {
   mapOfCheckedId: { [key: string]: boolean } = {};
   checkedDictionary: any = {}; //选中
   dictionaryList: Array<any> = []; //数据字典信息
+  parentList: Array<any> = []; //父级数据字典信息
   hosId: any; //当前选择的院区id
   promptContent: string; //操作提示框提示信息
   ifSuccess: boolean; //操作成功/失败
@@ -53,6 +54,7 @@ export class DataDictionaryComponent implements OnInit {
     this.coopBtns = this.tool.initCoopBtns(this.route);
     this.hosId = this.tool.getCurrentHospital().id;
     this.getDictionaryList();
+    this.getParentList();
     this.tableHeight = document.body.clientHeight - 312;
   }
 
@@ -76,19 +78,47 @@ export class DataDictionaryComponent implements OnInit {
     }
   }
 
+  searchDto:any = {
+    parent: null,
+  }
+
+  // 获取父级分类
+  getParentList() {
+    let postData = {
+      idx: 0,
+      sum: 9999,
+      dictionaryTree: {
+        hosId: this.hosId,
+        level: 1,
+        key: 'clothes_type_parent',
+        deleted: 0,
+      },
+    };
+    this.mainService
+      .getFetchDataList("simple/data", "dictionaryTree", postData)
+      .subscribe((result) => {
+        if(result.status == 200){
+          this.parentList = result.list || [];
+        }
+      });
+  }
+
   // 获取选中数据字典列表
   getAll() {
-    // 初始化的时候搜索一次，然后前端过滤
     this.dictionaryLoading = true;
     let postData = {
       idx: 0,
       sum: 9999,
-      dictionary: {
+      dictionaryTree: {
+        hosId: this.hosId,
+        level: 2,
+        parent: this.searchDto.parent || undefined,
         key: this.checkedDictionary.key,
+        deleted: 0,
       },
     };
     this.mainService
-      .getFetchDataList("simple/data", "dictionary", postData)
+      .getFetchDataList("simple/data", "dictionaryTree", postData)
       .subscribe((result) => {
         this.dictionaryLoading = false;
         if (result.status == 200) {
@@ -137,6 +167,7 @@ export class DataDictionaryComponent implements OnInit {
       this.initForm();
       this.dataEdit = data;
       this.validateForm.controls.key.setValue(data.key);
+      this.validateForm.controls.parent.setValue(data.parent);
       this.validateForm.controls.name.setValue(data.name);
       this.validateForm.controls.value.setValue(data.value);
       this.validateForm.controls.orders.setValue(data.orders);
@@ -157,6 +188,7 @@ export class DataDictionaryComponent implements OnInit {
   initForm() {
     this.validateForm = this.fb.group({
       key: [this.checkedDictionary.key, [Validators.required]],
+      parent: [null, [Validators.required]],
       name: [null, [Validators.required]],
       value: [null, [Validators.required]],
       orders: [0, [Validators.required]],
@@ -177,22 +209,28 @@ export class DataDictionaryComponent implements OnInit {
 
     if (this.add) {
       postData = {
+        hosId: this.hosId,
         key: this.validateForm.value.key,
+        parent: this.validateForm.value.parent,
         name: this.validateForm.value.name,
         value: this.validateForm.value.value,
         orders: this.validateForm.value.orders,
         extra3: this.validateForm.value.extra3,
         desc: this.validateForm.value.desc,
+        level: 2,
       };
     } else {
       postData = {
+        hosId: this.hosId,
         key: this.validateForm.value.key,
+        parent: this.validateForm.value.parent,
         name: this.validateForm.value.name,
         value: this.validateForm.value.value,
         orders: this.validateForm.value.orders,
         extra3: this.validateForm.value.extra3,
         desc: this.validateForm.value.desc,
         id: this.dataEdit.id,
+        level: 2,
       };
     }
     this.addHandler(postData);
@@ -201,7 +239,7 @@ export class DataDictionaryComponent implements OnInit {
   //新增/编辑
   addHandler(postData) {
     this.mainService
-      .simplePost("addData", "dictionary", postData)
+      .simplePost("addData", "dictionaryTree", postData)
       .subscribe((result) => {
         this.hideModal();
         this.btnLoading = false;
@@ -240,7 +278,7 @@ export class DataDictionaryComponent implements OnInit {
     this.btnLoading = true;
     let selectedDictionary = this.selectedDictionary.map((item) => item.id);
     let postData = this.isDelSingle ? [this.dataEdit.id] : selectedDictionary;
-    this.mainService.simplePost("rmvData", "dictionary", postData).subscribe((result) => {
+    this.mainService.simplePost("rmvData", "dictionaryTree", postData).subscribe((result) => {
       this.hideDelDictionaryModal();
       this.btnLoading = false;
       if (result.status == 200) {

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

@@ -338,6 +338,11 @@ const routes: Routes = [
         path: "buildingFloor",
         loadChildren: () => import("../building-floor/building-floor.module").then((m) => m.BuildingFloorModule),
       },
+      // 被服科室绑定
+      {
+        path: "quiltDepartmentBind",
+        loadChildren: () => import("../quilt-department-bind/quilt-department-bind.module").then((m) => m.QuiltDepartmentBindModule),
+      },
       // 检查自动建单
       {
         path: "inspectAuto",

src/app/views/quilt-department-bind/quilt-department-bind-routing.module.ts

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

src/app/views/quilt-department-bind/quilt-department-bind.component.html

@@ -0,0 +1,100 @@
+<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>
+      <div nz-col nzLg="6" class="list-template__btns">
+        <button nz-button *ngIf="coopBtns.add" class="btn default" (click)="addModal()">新增</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="30%">科室</th>
+            <th nzWidth="30%">被服种类</th>
+            <th nzWidth="25%">操作</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of listOfData;let index = index">
+            <td>{{index+(pageIndex-1) * pageSize + 1}}</td>
+            <td>{{data.typeName || ''}}</td>
+            <td>{{data.deptNames || ''}}</td>
+            <td>{{data.clothesTypeNames || ''}}</td>
+            <td>
+              <div class="coop">
+                <span *ngIf="coopBtns.del&&!data.status" (click)="showDelModal(data,'您确认要删除吗？','删除','del')">删除</span>
+                <span *ngIf="coopBtns.edit" (click)="edit(data)">编辑</span>
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </nz-table>
+      <div class="list-template__pagination">
+        <nz-pagination [(nzPageIndex)]="pageIndex" [(nzTotal)]="listLength" [(nzPageSize)]="pageSize"
+          (nzPageIndexChange)="getList(0)" (nzPageSizeChange)="getList(0)">
+        </nz-pagination>
+      </div>
+    </div>
+  </div>
+
+  <!-- 新增/编辑/复制模态框 -->
+  <div class="save display_flex justify-content_flex-center align-items_center add" *ngIf="modal">
+    <div class="modalBody">
+      <div class="title">{{modelName}}<i class="icon_transport transport-guanbi" (click)="hideAddModal()"></i></div>
+      <div class="content">
+        <form nz-form [formGroup]="validateForm" class="addForm">
+          <nz-form-item>
+            <nz-form-label [nzSpan]="24" nzRequired nzFor="typeName">分类名称</nz-form-label>
+            <nz-form-control nzErrorTip="请输入分类名称!">
+              <nz-input-group>
+                <input nz-input formControlName="typeName" placeholder="请输入分类名称" />
+              </nz-input-group>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label [nzSpan]="24" nzRequired nzFor="deptIds">科室</nz-form-label>
+            <nz-form-control nzErrorTip="请选择科室!">
+              <nz-select class="formItem" (nzOnSearch)="changeInp($event, 'deptIds')" [nzDropdownMatchSelectWidth]="false" nzServerSearch nzShowSearch nzPlaceHolder="请选择科室" formControlName="deptIds" (nzOpenChange)="getDeptList($event)" nzMode="multiple">
+                <ng-container *ngFor="let option of deptList">
+                  <nz-option *ngIf="!isLoading" [nzLabel]="option.dept" [nzValue]="option.id"></nz-option>
+                </ng-container>
+                <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
+                  <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
+                </nz-option>
+              </nz-select>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label [nzSpan]="24" nzRequired nzFor="clothesTypeIds">被服种类</nz-form-label>
+            <nz-form-control nzErrorTip="请选择被服种类!">
+              <nz-select class="formItem" (nzOnSearch)="changeInp($event, 'clothesTypeIds')" [nzDropdownMatchSelectWidth]="false" nzServerSearch nzShowSearch nzPlaceHolder="请选择被服种类" formControlName="clothesTypeIds" (nzOpenChange)="getClothesTypeIdsList($event)" nzMode="multiple">
+                <ng-container *ngFor="let option of clothesTypeIdsList">
+                  <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>
+            </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)="hideAddModal()">取消</button>
+      </div>
+    </div>
+  </div>
+  <!-- 删除模态框 -->
+  <app-dialog-delete [delModal]="delModal" (hideDelModalEvent)="hideDelModal()" [btnLoading]="btnLoading"
+    (confirmDelEvent)="confirmDel()" [content]="tipsMsg1"></app-dialog-delete>
+</div>
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo">
+</app-prompt-modal>
+

src/app/views/quilt-department-bind/quilt-department-bind.component.less

@@ -0,0 +1,167 @@
+@import "../../../../src/theme.less";
+
+:host {
+  ::ng-deep .ant-calendar-picker {
+    width: 100% !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;
+    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;
+      background: #f9fafb;
+      border: 1px solid #e5e9ed;
+      border-radius: 5px;
+      overflow: hidden;
+      margin-top: 12px;
+      padding: 16px 0;
+
+      & > 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;
+        }
+      }
+      .workAssignmentTips {
+        font-size: 12px;
+      }
+    }
+
+    button {
+      margin-top: 10px;
+
+      &.btn {
+        margin-left: 8px;
+      }
+    }
+  }
+
+  // 新增
+  &.add {
+    .modalBody {
+      width: 480px;
+      height: auto;
+
+      .content {
+        width: 100%;
+        height: auto;
+        padding: 16px;
+        max-height: 497px;
+        overflow-y: auto;
+
+        .addForm {
+          .workAssignmentDescribe {
+            margin-top: 8px;
+          }
+          .ant-form-item {
+            margin-bottom: 0;
+
+            .ant-form-item-label {
+              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;
+            }
+          }
+        }
+      }
+    }
+  }
+}

src/app/views/quilt-department-bind/quilt-department-bind.component.ts

@@ -0,0 +1,307 @@
+import { Component, OnInit } from "@angular/core";
+import { ActivatedRoute } from "@angular/router";
+import { FormBuilder, Validators, FormGroup } from "@angular/forms";
+
+import { ToolService } from "../../services/tool.service";
+import { QuiltDepartmentBindService } from './quilt-department-bind.service';
+import { Subject } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
+import { NzMessageService } from 'ng-zorro-antd/message';
+@Component({
+  selector: "app-quilt-department-bind",
+  templateUrl: "./quilt-department-bind.component.html",
+  styleUrls: ["./quilt-department-bind.component.less"],
+})
+export class QuiltDepartmentBindComponent implements OnInit {
+  constructor(
+    private fb: FormBuilder,
+    private quiltDepartmentBindService: QuiltDepartmentBindService,
+    private route: ActivatedRoute,
+    private tool: ToolService,
+    private message: NzMessageService,
+  ) {}
+
+  userInfo: any = JSON.parse(localStorage.getItem("user")) || {}; //登录用户信息
+  listOfData: any[] = []; //表格数据
+  pageIndex: number = 1; //表格当前页码
+  pageSize: number = 10; //表格每页展示条数
+  listLength: number = 10; //表格总数据量
+  tableHeight: number; //表格动态高
+  modal: boolean = false; //新增/编辑模态框
+  add: boolean; //true:新增；false:编辑
+  validateForm: FormGroup; //新增/编辑表单
+  coopId: any; //当前操作列
+  currentHospital; //当前院区
+
+  btnLoading: boolean = false; //提交按钮loading状态
+
+  promptContent: string; //操作提示框提示信息
+  ifSuccess: boolean; //操作成功/失败
+  promptInfo: string; //操作结果提示信息
+  promptModalShow: boolean; //操作提示框是否展示
+  modelName = ""; //模态框名称
+
+  changeInpSubject = new Subject(); //防抖
+
+  ngOnInit() {
+    //防抖
+    this.changeInpSubject.pipe(debounceTime(500)).subscribe((v) => {
+      if(v[1] === 'clothesTypeIds'){
+        this.getClothesTypeIdsList(true, v[0]);
+      }else if(v[1] === 'deptIds'){
+        this.getDeptList(true, v[0]);
+      }
+    });
+    this.currentHospital = this.tool.getCurrentHospital();
+    this.coopBtns = this.tool.initCoopBtns(this.route);
+    this.initForm();
+    this.getList(1);
+  }
+
+  // 初始化增删改按钮
+  coopBtns: any = {};
+
+  // 表格数据
+  loading1 = false;
+  getList(type) {
+    if (type == 1) {
+      this.pageIndex = 1;
+    }
+    let data = {
+      idx: this.pageIndex - 1,
+      sum: this.pageSize,
+      clothesDept: {
+        hosId: this.currentHospital.id,
+      },
+    };
+    this.loading1 = true;
+    this.quiltDepartmentBindService
+      .getFetchDataList(data)
+      .subscribe((data) => {
+        this.loading1 = false;
+        if (data.status == 200) {
+          data.list.forEach(v => {
+            v.deptIds = v.depts.map(v => v.id);
+            v.deptNames = v.depts.map(v => v.dept).toString();
+            v.clothesTypeIds = v.clothesTypes.map(v => v.id);
+            v.clothesTypeNames = v.clothesTypes.map(v => v.name).toString();
+          });
+          this.listOfData = data.list;
+          this.listLength = data.totalNum;
+        }
+      });
+  }
+
+  //打开查询被服种类下拉框
+  isLoading:boolean = false;
+  clothesTypeIdsList:any[] = [];
+  getClothesTypeIdsList(flag, keyWord = '') {
+    if (flag) {
+      let postData = {
+        idx: 0,
+        sum: 9999,
+        dictionaryTree: {
+          hosId: this.currentHospital.id,
+          level: 2,
+          key: 'clothes_type',
+          deleted: 0,
+        },
+      };
+      this.isLoading = true;
+      this.quiltDepartmentBindService
+      .getClothesTypes(postData)
+      .subscribe((data) => {
+        this.isLoading = false;
+        if (data.status == 200) {
+          this.clothesTypeIdsList = data.list;
+        }
+      });
+    }
+  }
+
+  //打开查询科室下拉框
+  deptList:any[] = [];
+  getDeptList(flag, keyWord = '') {
+    if (flag) {
+      let postData = {
+        idx: 0,
+        sum: 9999,
+        department: {
+          searchType: 1,// 简单查询
+          dept: keyWord,
+          cascadeHosId: this.currentHospital.id,
+        }
+      };
+      this.isLoading = true;
+      this.quiltDepartmentBindService
+      .getDepts(postData)
+      .subscribe((data) => {
+        this.isLoading = false;
+        if (data.status == 200) {
+          this.deptList = data.list;
+        }
+      });
+    }
+  }
+
+  //搜索
+  changeInp(e, type) {
+    this.isLoading = true;
+    this.changeInpSubject.next([e, type]);
+  }
+
+  // 新增弹框
+  addModal() {
+    this.modelName = "新增";
+    this.add = true; //新增
+    this.modal = true;
+    this.initForm();
+  }
+  //关闭新增/编辑弹框
+  hideAddModal() {
+    this.modal = false;
+    this.initForm();
+  }
+
+  // 初始化新增form表单
+  initForm() {
+    this.validateForm = this.fb.group({
+      typeName: ['', [Validators.required]],
+      clothesTypeIds: [[], [Validators.required]],
+      deptIds: [[], [Validators.required]],
+    });
+  }
+
+  // 新增/编辑表单提交
+  submitForm(): void {
+    for (const i in this.validateForm.controls) {
+      this.validateForm.controls[i].markAsDirty();
+      this.validateForm.controls[i].updateValueAndValidity();
+    }
+    if (this.validateForm.invalid) {
+      return;
+    }
+    if((/^\s+/.test(this.validateForm.value.typeName) || /\s+$/.test(this.validateForm.value.typeName)) && !this.validateForm.value.typeName.trim()){
+      this.message.info('请设置业务名称！');
+      return;
+    }
+
+    this.btnLoading = true;
+    let data = {};
+
+    if (this.add) {
+      //增加
+      data = {
+        typeName: this.validateForm.value.typeName.trim(),
+        clothesTypeIds: this.validateForm.value.clothesTypeIds.toString(),
+        deptIds: this.validateForm.value.deptIds.toString(),
+        hosId: this.currentHospital.id,
+      };
+    } else {
+      //编辑
+      data = {
+        ...this.coopId,
+        typeName: this.validateForm.value.typeName.trim(),
+        clothesTypeIds: this.validateForm.value.clothesTypeIds.toString(),
+        deptIds: this.validateForm.value.deptIds.toString(),
+        hosId: this.currentHospital.id,
+      };
+    }
+    this.quiltDepartmentBindService
+      .simplePost("addData", "clothesDept", data)
+      .subscribe((result) => {
+        this.btnLoading = false;
+        this.hideAddModal();
+        this.initForm();
+        if (result.status == 200) {
+          if (this.add) {
+            this.showPromptModal("新增", true, "");
+            this.listLength++;
+          }else{
+            this.showPromptModal("编辑", true, "");
+          }
+        } else {
+          this.showPromptModal(this.add ? '新增' : '修改', false, result.msg);
+        }
+      });
+  }
+
+  // 编辑
+  edit(data) {
+    console.log(data);
+    this.modelName = "编辑";
+    this.add = false;
+    this.modal = true;
+    this.coopId = data;
+
+    this.deptList = data.depts ? data.depts : [];
+    this.clothesTypeIdsList = data.clothesTypes ? data.clothesTypes : [];
+    this.validateForm.controls.typeName.setValue(data.typeName);
+    this.validateForm.controls.clothesTypeIds.setValue(data.clothesTypeIds);
+    this.validateForm.controls.deptIds.setValue(data.deptIds);
+  }
+
+  // 展示信息提示框（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(0);
+  }
+
+  delModal: boolean = false; //删除模态框
+  tipsMsg1: string; //提示框信息
+  tipsMsg2: string; //操作后信息
+  confirmDelType: string; //确认的类型（启用/停用，删除）
+  showDelModal(
+    data,
+    tipsMsg1: string,
+    tipsMsg2: string,
+    type: string,
+  ) {
+    this.confirmDelType = type;
+    this.delModal = true;
+    this.coopId = data;
+    this.tipsMsg1 = tipsMsg1;
+    this.tipsMsg2 = tipsMsg2;
+  }
+  // 隐藏删除框
+  hideDelModal() {
+    this.delModal = false;
+  }
+  // 确认删除
+  confirmDel() {
+    this.btnLoading = true;
+    if (this.confirmDelType === "del") {
+      //删除
+      this.quiltDepartmentBindService
+        .simplePost("rmvData", "clothesDept", [this.coopId.id])
+        .subscribe((data) => {
+          this.btnLoading = false;
+          this.delModal = false;
+          if (data.status == 200) {
+            if (
+              this.listOfData.length == 1 &&
+              this.pageIndex == Math.ceil(this.listLength / this.pageSize)
+            ) {
+              this.listLength--;
+              if (this.listLength === 0) {
+                this.pageIndex = 1;
+              } else {
+                this.pageIndex = Math.ceil(this.listLength / this.pageSize);
+              }
+            }
+            this.showPromptModal(this.tipsMsg2, true, "");
+          } else {
+            this.showPromptModal(this.tipsMsg2, false, data.msg);
+          }
+        });
+    }
+  }
+}
+
+

src/app/views/quilt-department-bind/quilt-department-bind.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { QuiltDepartmentBindRoutingModule } from './quilt-department-bind-routing.module';
+import { ShareModule } from 'src/app/share/share.module';
+import { QuiltDepartmentBindComponent } from './quilt-department-bind.component';
+
+
+@NgModule({
+  declarations: [
+    QuiltDepartmentBindComponent,
+  ],
+  imports: [
+    CommonModule,
+    QuiltDepartmentBindRoutingModule,
+    ShareModule,
+  ]
+})
+export class QuiltDepartmentBindModule { }

src/app/views/quilt-department-bind/quilt-department-bind.service.ts

@@ -0,0 +1,65 @@
+import { Injectable } from '@angular/core';
+import { MainService } from 'src/app/services/main.service';
+import { map } from 'rxjs/operators';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class QuiltDepartmentBindService {
+
+  constructor(
+    private mainService: MainService,
+  ) { }
+
+  // simple增删改
+  simplePost(type, model, postData) {
+    return this.mainService.simplePost(type, model, postData);
+  }
+
+  // 获取被服种类列表
+  getClothesTypes(postData) {
+    return this.mainService.getFetchDataList("simple/data", "dictionaryTree", postData).pipe(map((v:any) => {
+      if(Array.isArray(v.list)){
+        v.list = v.list.map(vv => ({id: vv.id, name: vv.name}));
+      }else{
+        v.list = [];
+      }
+      return v;
+    }));
+  }
+
+  // 获取科室列表
+  getDepts(postData) {
+    return this.mainService.getFetchDataList("simple/data", "department", postData).pipe(map((v:any) => {
+      if(Array.isArray(v.list)){
+        v.list = v.list.map(vv => ({id: vv.id, dept: vv.dept}));
+      }else{
+        v.list = [];
+      }
+      return v;
+    }));
+  }
+
+  // 查询
+  getFetchDataList(postData) {
+    return this.mainService.getFetchDataList("simple/data", "clothesDept", postData).pipe(map((v:any) => {
+      if(Array.isArray(v.list)){
+        v.list = v.list.map(vv => ({
+          ...vv,
+          buildingListNames: vv.buildingList ? vv.buildingList.map(v => v.buildingName).toString() : '',
+          deptListNames: vv.deptList ? vv.deptList.map(v => v.dept).toString() : '',
+        }));
+      }else{
+        v.list = [];
+      }
+      return v;
+    }));;
+  }
+
+  // 字典
+  getDictionary(type) {
+    return this.mainService.getDictionary("list", type);
+  }
+}
+
+