zy-pc/src/app/components/configurationCenter/configuration-inspect/configuration-inspect-inspects/configuration-inspect-inspects.component.ts

import { Component, OnInit, Input } from "@angular/core";
import { Subject } from 'rxjs';
import { debounceTime } from 'rxjs/operators';
import { Validators, FormGroup, FormBuilder } from '@angular/forms';
import { ToolService } from 'src/app/services/tool.service';
import { NzMessageService } from 'ng-zorro-antd';
import { MainService } from 'src/app/services/main.service';

@Component({
  selector: "app-configuration-inspect-inspects",
  templateUrl: "./configuration-inspect-inspects.component.html",
  styleUrls: ["./configuration-inspect-inspects.component.less"],
})
export class ConfigurationInspectInspectsComponent implements OnInit {
  constructor(
    private mainService: MainService,
    private fb: FormBuilder,
    private tool: ToolService,
    private message: NzMessageService,
  ) {}

  coopData: any = {}; //当前操作列
  hosId: any = this.tool.getCurrentHospital().id;

  searchTimerSubject = new Subject();

  ngOnInit() {
    this.searchTimerSubject.pipe(debounceTime(500)).subscribe((v) => {
      let fun = v[0];
      fun.call(this, v[1]);
    });
    setTimeout(() => {
      this.tableWechatHeight = document.querySelector('#wechatTable').clientHeight - document.querySelector('#wechatTable .list-template__top').clientHeight - 8 - document.querySelector('#wechatTable .thead').clientHeight;
    }, 0)
    this.getTypes();
    this.getList();
  }

  // 新增弹框
  modelName = ""; //模态框名称
  modalWechat: boolean = false; //新增/编辑模态框
  add: boolean; //true:新增；false:编辑
  addWechatModal() {
    this.modelName = "新增";
    this.add = true; //新增
    this.modalWechat = true;
    this.initWechatForm();
  }
  //关闭新增/编辑弹框
  hideWechatModal() {
    this.modalWechat = false;
  }

  // 编辑
  editWechat(data) {
    console.log(data);
    this.modelName = "编辑";
    this.add = false;
    this.modalWechat = true;
    this.initWechatForm();
    this.coopData = data;
    this.validateForm.controls.orders.setValue(data.orders);
    this.validateForm.controls.name.setValue(data.name);
    this.validateForm.controls.extra6.setValue(data.extra6);
    this.validateForm.controls.extra4.setValue(data.extra4DTO ? data.extra4DTO.id : null);
    this.validateForm.controls.extra5.setValue(data.extra5DTO ? data.extra5DTO.id : null);
    this.validateForm.controls.extra7.setValue(data.deptList ? data.deptList.map(v => v.id) : []);

    data.extra4DTO && (this.deptList = [data.extra4DTO]);
    data.deptList && (this.deptsList = data.deptList);
  }

  // 新增/编辑表单提交
  btnLoading: boolean = false; //提交按钮loading状态
  submitWechatForm(): void {
    for (const i in this.validateForm.controls) {
      this.validateForm.controls[i].markAsDirty();
      this.validateForm.controls[i].updateValueAndValidity();
    }
    if (this.validateForm.invalid) {
      return;
    }
    console.log(this.validateForm.value);
    this.btnLoading = true;
    let postData:any = {};

    let arr = this.dataList.filter(
      (item) => item.name == this.validateForm.value.name && item.id != this.coopData.id
    );

    //有重复名称
    if (arr.length > 0) {
      this.btnLoading = false;
      this.showPromptModal(
        this.add ? "新增" : "编辑",
        false,
        `存在重复的检查项目名称【${this.validateForm.value.name}】请修改后再保存！`
      );
      return;
    }

    if (this.add) {
      //增加
      let n = 0;
      if (this.dataList.length > 0) {
        let sortArr = this.dataList.map((item) => Number(item.value));
        n = Math.max.apply(null, sortArr);
      } else {
        n = 0;
      }
      postData = {
        // dictionary: {
          key: "inspect_check_type",
          value: n + 1,
          desc: "检查项目",
          orders: this.validateForm.value.orders,
          name: this.validateForm.value.name,
          extra6: this.validateForm.value.extra6,
          extra4: this.validateForm.value.extra4,
          extra5: this.validateForm.value.extra5,
          extra7: this.validateForm.value.extra7.toString(),
          extra8: '1',
        // }
      };
    } else {
      //编辑
      postData = {
        // dictionary: {
          ...this.coopData,
          ...{
            orders: this.validateForm.value.orders,
            name: this.validateForm.value.name,
            extra6: this.validateForm.value.extra6,
            extra4: this.validateForm.value.extra4,
            extra5: this.validateForm.value.extra5,
            extra7: this.validateForm.value.extra7.toString(),
          }
        // }
      };
    }
    this.mainService
      .simplePost("addData", "dictionary", postData)
      .subscribe((result) => {
        this.btnLoading = false;
        this.hideWechatModal();
        let msg = "";
        if (this.add) {
          msg = "新增";
        } else {
          msg = "修改";
        }
        if (result.status == 200) {
          this.showPromptModal(msg, true, '');
        } else {
          this.showPromptModal(msg, false, result.msg);
        }
      });
  }

  // 初始化新增form表单
  validateForm: FormGroup; //新增/编辑表单
  initWechatForm() {
    this.validateForm = this.fb.group({
      orders: [null, [Validators.required]],
      name: [null, [Validators.required]],
      extra6: [null, [Validators.required]],
      extra4: [null, [Validators.required]],
      extra5: [null, [Validators.required]],
      extra7: [[]],
    });
  }

  // 重置
  queryData: any = {}
  reset(){
    this.queryData = {};
    this.getList();
  }

  // 获取列表
  loading1:boolean = false;
  dataList: any[] = []; //表格数据
  tableWechatHeight:number = 0;
  getList() {
    let data = {
      idx: 0,
      sum: 9999,
      dictionary: {
        key: "inspect_check_type",
        name: this.queryData.name || undefined,
        extra4: this.queryData.extra4 || undefined,
        extra5: this.queryData.extra5 || undefined,
        extra8: this.queryData.extra8 || undefined,
      },
    };
    this.loading1 = true;
    this.mainService
      .getFetchDataList("simple/data", "dictionary", data)
      .subscribe((data) => {
        this.loading1 = false;
        if (data.status == 200) {
          this.dataList = data.list || [];
        }else{
          this.message.error(data.msg || "请求数据失败");
        }
      });
  }

  // 防抖
  isLoading = false;
  isSelecting:boolean = false; // 是否在选中状态
  searchTimer(fun, e) {
    if (this.isSelecting) {
      this.isSelecting = false; // 重置标志
      return; // 跳过处理
    }
    this.isLoading = true;
    this.searchTimerSubject.next([fun, e]);
  }

  // 设置标志
  setIsSelecting(flag){
    this.isSelecting = flag; // 设置标志
  }

  openChangeDept(flag){
    flag && this.setIsSelecting(false);
    flag && this.getDeptList();
  }

  // 科室搜索
  changeDeptInp(e) {
    this.searchTimer(this.getDeptList, e);
  }

  // 获取默认检查科室
  deptList: any = [];
  getDeptList(e = undefined) {
    let postData = {
      idx: 0,
      sum: 20,
      department: {
        searchType: 1,// 简单查询
        cascadeHosId: this.hosId,
        dept: e,
      }
    };
    this.isLoading = true;
    this.mainService
      .getFetchDataList("simple/data", "department", postData)
      .subscribe((data) => {
        this.isLoading = false;
        this.deptList = data.list || [];
      });
  }

  openChangeDepts(flag){
    flag && this.setIsSelecting(false);
    flag && this.getDeptsList();
  }

  // 科室搜索
  changeDeptsInp(e) {
    this.searchTimer(this.getDeptsList, e);
  }

  // 获取检查科室
  deptsList: any = [];
  getDeptsList(e = undefined) {
    let postData = {
      idx: 0,
      sum: 20,
      department: {
        searchType: 1,// 简单查询
        cascadeHosId: this.hosId,
        dept: e,
      }
    };
    this.isLoading = true;
    this.mainService
      .getFetchDataList("simple/data", "department", postData)
      .subscribe((data) => {
        this.isLoading = false;
        this.deptsList = data.list || [];
      });
  }

  // 获取检查类型
  typeList: any = [];
  getTypes() {
    this.mainService.getDictionary('list', 'inspect_check_item').subscribe((data) => {
      this.isLoading = false;
      this.typeList = data || [];
    });
  }

  delModal: boolean = false; //删除模态框
  tipsMsg1: string; //提示框信息
  tipsMsg2: string; //操作后信息
  confirmDelType: string; //确认的类型（启用/停用，删除）
  showDelModal(
    data,
    tipsMsg1: string,
    tipsMsg2: string,
    type: string,
  ) {
    this.confirmDelType = type;
    this.delModal = true;
    this.coopData = data;
    this.tipsMsg1 = tipsMsg1;
    this.tipsMsg2 = tipsMsg2;
  }
  // 隐藏删除框
  hideDelModal() {
    this.delModal = false;
  }
  // 确认删除
  confirmDel() {
    this.btnLoading = true;
    if (this.confirmDelType === "del") {
      //删除
      this.mainService
        .simplePost("rmvData", "dictionary", [this.coopData.id])
        .subscribe((data) => {
          this.btnLoading = false;
          this.delModal = false;
          if (data.status == 200) {
            this.showPromptModal(this.tipsMsg2, true, "");
          } else {
            this.showPromptModal(this.tipsMsg2, false, data.msg);
          }
        });
    }
  }

  // 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）
  promptContent: string; //操作提示框提示信息
  ifSuccess: boolean; //操作成功/失败
  promptInfo: string; //操作结果提示信息
  promptModalShow: boolean; //操作提示框是否展示
  showPromptModal(con, success, promptInfo?) {
    this.promptModalShow = false;
    this.promptContent = con;
    this.ifSuccess = success;
    this.promptInfo = promptInfo;
    setTimeout(() => {
      this.promptModalShow = true;
    }, 100);
    this.getList();
  }
}