zy-pc/src/app/components/order-scope/order-scope.component.ts

import { Component, OnInit, Output, Input } from '@angular/core';
import { EventEmitter } from '@angular/core';
import { MainService } from 'src/app/services/main.service';
import { ToolService } from 'src/app/services/tool.service';

@Component({
  selector: 'app-order-scope',
  templateUrl: './order-scope.component.html',
  styleUrls: ['./order-scope.component.less']
})
export class OrderScopeComponent implements OnInit {
  @Input() hsmsData:any = {
    checkedHos: undefined,
    scopeGroups: [],
    orderScopeRadio: undefined,
  }
  @Input() itsmData:any = {
    checkedHos: undefined,
    scopeGroups: [],
    orderScopeRadio: undefined,
  }
  @Output() confirmModal = new EventEmitter();
  @Output() cancelModal = new EventEmitter();
  constructor(
    private mainService: MainService,
    private tool: ToolService,
  ) { }

  user = JSON.parse(localStorage.getItem("user")); //用户信息
  checkedHos;//转运-院区
  orderScopeRadio:any = '0';//转运-工单范围

  itsmCheckedHos:any[] = [];//运维-院区
  itsmCheckedGroup:any[] = [];//运维-分组
  itsmOrderScopeRadio = '0';//运维-工单范围
  isAllItsmGroupChecked:boolean = false;//运维-是否全选分组

  ngOnInit() {
    this.initHsms();
    this.initItsm();
  }

  initHsms(){
    this.checkedHos = this.hsmsData.checkedHos;
    this.orderScopeRadio = this.hsmsData.orderScopeRadio;
    this.initOrderScope();
    this.getOrderScope();
  }

  initItsm(){
    this.itsmOrderScopeRadio = this.itsmData.orderScopeRadio;
    this.itsmGetOrderScope();
  }

    // 工单范选项卡
    activeScopeTabValue = 1;
    scopeTabs:any[] = [
      { name: '运维', value: 1 },
      { name: '配送', value: 2 },
    ];

    // =============================工单范围-运维start========================================
    // 工单范围数据
    itsmGetOrderScope() {
      // 权限内的院区和组
      let hosList = this.user.infoPermission.hospitals || [];
      let groups = this.user.infoPermission.groups || [];

      // 选中的院区和组
      let itsmCheckedHos = this.itsmData.checkedHos || [];
      let itsmCheckedGroup = this.itsmData.scopeGroups || [];

      let hosIds = itsmCheckedHos.map(v => v.id);
      let groupIds = itsmCheckedGroup.map(v => v.id);

      this.itsmCheckedHos = hosList.map(v => ({ label: v.hosName, value: v.id, checked: hosIds.includes(v.id) }));
      this.itsmCheckedGroup = groups.filter(v => hosIds.includes(v.hospital.id)).map(v => ({ label: v.hospital.hosName + '-' + v.groupName, value: v.id, checked: groupIds.includes(v.id) }));
      this.isAllItsmGroupChecked = this.itsmCheckedGroup.length ? this.itsmCheckedGroup.every(v => v.checked) : false;
    }

    // 全选、全不选分组
    updateAllItsmGroupChecked(){
      this.isAllItsmGroupChecked = !this.isAllItsmGroupChecked;
      let flag = this.itsmCheckedGroup.length ? this.itsmCheckedGroup.every(v => v.checked) : false;
      this.itsmCheckedGroup.forEach(v => v.checked = !flag);
    }
    // 选择分组
    changeItsmGroup(e){
      this.isAllItsmGroupChecked = this.itsmCheckedGroup.length ? this.itsmCheckedGroup.every(v => v.checked) : false;
    }
    // 选择院区
    changeItsmHospital(hospitalList){
      // 权限内的院区和组
      let groups = this.user.infoPermission.groups || [];

      // 选中的院区和组
      let itsmCheckedHos = this.itsmCheckedHos || [];
      let itsmCheckedGroup = this.itsmCheckedGroup || [];

      let hosIds = itsmCheckedHos.filter(v => v.checked).map(v => v.value);
      let groupIds = itsmCheckedGroup.filter(v => v.checked).map(v => v.value);

      this.itsmCheckedGroup = groups.filter(v => hosIds.includes(v.hospital.id)).map(v => ({ label: v.hospital.hosName + '-' + v.groupName, value: v.id, checked: groupIds.includes(v.id) }));
      this.isAllItsmGroupChecked = this.itsmCheckedGroup.length ? this.itsmCheckedGroup.every(v => v.checked) : false;
    }
    // =============================工单范围-运维end========================================

    // =============================工单范围-配送start========================================

    // 工单范围数据
    hosList = []; //院区
    taskTypes = []; //当前权限下所有工单类型
    userGroups = []; //当前权限下所有人员分组
    hosTaskTypes = {}; //当前权限下所有院区对应的任务类型
    hosGroups = {}; //当前权限下所有院区对应的人员分组
    getOrderScope() {
      this.hosList = this.user.infoPermission.hospitals;
      this.taskTypes = this.user.infoPermission.taskTypes;
      this.userGroups = this.user.infoPermission.groups;
      this.hosList.forEach((e) => {
        let arrT = [],
          arrG = [];
        this.taskTypes.forEach((el) => {
          if (el.hosId.id == e.id) {
            arrT.push(el);
            this.hosTaskTypes["hos" + e.id] = arrT;
          }
        });

        this.userGroups.forEach((ele) => {
          if (ele.hospital.id == e.id) {
            arrG.push(ele);
            this.hosGroups["hos" + e.id] = arrG;
          }
        });
      });
      console.log(this.hosTaskTypes, this.hosGroups);

      // 工单范围全选按钮是否选中
      this.allTypeChecked = false;
      if (this.user.user.scope && this.user.user.scope.typeIds) {
        if (
          this.user.user.scope.typeIds.length ==
          this.hosTaskTypes["hos" + this.checkedHos].length
        ) {
          this.allTypeChecked = true;
        }
      }
      this.allGroupChecked = false;
      if (this.user.user.scope && this.user.user.scope.groupIds) {
        if (
          this.user.user.scope.groupIds.length ==
          this.hosGroups["hos" + this.checkedHos].length
        ) {
          this.allGroupChecked = true;
        }
      }
    }

    // 工单类型全选
    allTypeChecked: boolean = false; //工单类型全选框
    updateAllTypeChecked() {
      let arr = [];
      this.hosTaskTypes["hos" + this.checkedHos].forEach((e) => {
        arr.push(e.id);
      });
      this.changeTaskTypes(this.allTypeChecked ? arr : []);
      let obj = {};
      arr.forEach((e) => {
        obj[e] = this.allTypeChecked;
      });
      this.initTypes = obj;
    }

    // 工单类型
    checkedTypes = []; //已选中taskTypes的ID数组
    changeType: boolean = false; //是否改变工单类型
    hosTypesChecked = {}; //当前权限下所有院区下选中的工单类型
    changeTaskTypes(val) {
      this.checkedTypes = val;
      this.changeType = true;
      this.hosTypesChecked["hos" + this.checkedHos] = val;
      console.log(this.hosTypesChecked);
      if (val.length == this.hosTaskTypes["hos" + this.checkedHos].length) {
        this.allTypeChecked = true;
      } else {
        this.allTypeChecked = false;
      }
    }

    // 人员分组全选
    allGroupChecked: boolean = false; //工单类型全选框
    updateAllGroupChecked() {
      let arr = [];
      this.hosGroups["hos" + this.checkedHos].forEach((e) => {
        arr.push(e.id);
      });
      this.changeGroups(this.allGroupChecked ? arr : []);
      let obj = {};
      arr.forEach((e) => {
        obj[e] = this.allGroupChecked;
      });
      this.initGroups = obj;
    }
    // 人员分组
    checkedGroups = [];
    changeGroup: boolean = false; //是否改变分组
    hosGroupsChecked = {}; //当前权限下所有院区下选中的人员分组
    changeGroups(val) {
      this.checkedGroups = val;
      this.changeGroup = true;
      this.hosGroupsChecked["hos" + this.checkedHos] = val;
      console.log(this.hosGroupsChecked);
      if (val.length == this.hosGroups["hos" + this.checkedHos].length) {
        this.allGroupChecked = true;
      } else {
        this.allGroupChecked = false;
      }
    }

    // 工单范围院区切换
    getTypeAndGroup() {
      this.allTypeChecked = false;
      this.allGroupChecked = false;
      for (let k1 in this.initTypes) {
        this.initTypes[k1] = false;
      }
      for (let k1 in this.initGroups) {
        this.initGroups[k1] = false;
      }
      this.orderScopeRadio = "0";
    }

    // 保存工单范围设置
    saveLoading: boolean = false; //保存按钮loading状态
    saveOrderScope() {
      this.saveLoading = true;
      let types = [];
      if (!this.changeType) {
        // 没有改变当前工单类型设置，取初始化设置，
        for (var i in this.initTypes) {
          if (this.initTypes[i]) {
            types.push(Number(i));
          }
        }
      } else {
        let arr = this.hosTypesChecked["hos" + this.checkedHos] || [];
        arr.forEach(function (val) {
          types.push(Number(val));
        });
      }

      let groups = [];
      if (!this.changeGroup) {
        // 没有改变当前分组设置，取初始化设置，
        for (var k in this.initGroups) {
          if (this.initGroups[k]) {
            groups.push(Number(k));
          }
        }
      } else {
        let arr = this.hosGroupsChecked["hos" + this.checkedHos] || [];
        arr.forEach(function (val) {
          groups.push(Number(val));
        });
      }
      types = [...new Set(types)];
      groups = [...new Set(groups)];

      let groupsId = [];
      groups.forEach((e) => {
        groupsId.push({ id: e });
      });
      let typesId = [];
      types.forEach((e) => {
        typesId.push({ id: e });
      });

      let postData = {
        workerOrderScope: {
          hospitalId: { id: this.checkedHos - 0 },
          typeIds: typesId,
          groupIds: groupsId,
          range: this.orderScopeRadio - 0,
          userId: this.user.user.id,
        },
      };
      if (this.user.user.scope && this.user.user.scope.id) {
        postData.workerOrderScope["id"] = this.user.user.scope.id;
      }
      console.log(postData);
      return;
      this.mainService
        .coopTypeConfig("addData", "workerOrderScope", postData)
        .subscribe((data) => {
          this.saveLoading = false;
          this.confirmModal.emit(data);
        });
    }

    // 关闭弹窗
    cancelInit() {
      this.cancelModal.emit();
    }

    // 工单范围设置回显
    initTypes = {}; //工单类型
    initGroups = {}; //人员分组
    initOrderScope() {
      if (!this.user || !this.user.user || !this.user.user.scope) return;
      let scopeInfo = this.user.user.scope;
      if (!this.taskTypes.length) {
        this.initTypes = {};
      } else {
        this.taskTypes.forEach((val, idx) => {
          this.initTypes[val.id] = false;
        });
      }
      if (!scopeInfo.typeIds) {
        this.initTypes = {};
        this.allTypeChecked = false;
      } else {
        scopeInfo.typeIds.forEach((val, idx) => {
          this.initTypes[val.id] = true;
        });
      }

      console.log(this.initTypes);

      if (!this.userGroups || !this.userGroups.length) {
        this.initGroups = {};
      } else {
        this.userGroups.forEach((val, idx) => {
          this.initGroups[val.id] = false;
        });
      }
      if (!scopeInfo.groupIds || !scopeInfo.groupIds.length) {
        this.initGroups = {};
      } else {
        scopeInfo.groupIds.forEach((val, idx) => {
          this.initGroups[val.id] = true;
        });
      }
      console.log(this.initGroups);
      console.log(this.initTypes);
    }
    // =============================工单范围-配送end========================================
}