examSystem-Anxin/src/app/examiner/examiner-index/examiner-index.component.ts

/*
 * @Descripttion: 
 * @version: 
 * @Author: sueRimn
 * @Date: 2020-12-11 09:06:03
 * @LastEditors: sueRimn
 * @LastEditTime: 2021-02-24 15:37:32
 */
import { Component, OnInit, ViewChild, Inject,Input  } from '@angular/core';
import {HttpClient} from '@angular/common/http'
import { MatDialogRef, MatDialog, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { MatPaginator } from '@angular/material/paginator';
import { MatTableDataSource } from '@angular/material/table';
import { PageEvent } from '@angular/material/paginator';
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';
import {FormControl} from '@angular/forms';
import { Router,ActivatedRoute } from '@angular/router';
import { MatTreeFlatDataSource, MatTreeFlattener } from '@angular/material/tree';
import { FlatTreeControl } from '@angular/cdk/tree';
import { TreeService } from '../../http-interceptors/tree.service'


@Component({
  selector: 'app-examiner-index',
  templateUrl: './examiner-index.component.html',
  styleUrls: ['./examiner-index.component.scss']
})
export class ExaminerIndexComponent implements OnInit {

  constructor(private router: Router,private activatedRoute: ActivatedRoute,public http: HttpClient,public dialog: MatDialog,public snackBar: MatSnackBar,private tree: TreeService) { }
  //displayedColumns: string[] = ['name', 'organization', 'startTime', 'overTime', 'testState', 'operation'];

  ngOnInit(): void {
    this.getunitdata();
    this.getOrganizations();
    this.getUnittype();
    this.getAlltabledate();
    this.getProfiles()
  }
  //获取登录账号的个人资料
  Profiles:any 
  getProfiles(){
    this.http.get('/api/ExamAccounts/Profiles').subscribe((data:any) => {
      console.log(data)
      this.Profiles = data
      sessionStorage.setItem('creatorData',JSON.stringify(data))
    })
  }
  displayedColumns: string[] = ['name','startTime','endTime', 'examzhong','scc'];
  tabledataSource:any
  accound
  helpName//消防救援对名称
  optionId
  @ViewChild('son') son;
  //分页
  @ViewChild(MatPaginator, {static: true}) 
  pageEvent: PageEvent;
  paginator: MatPaginator;
  length:any; //共多少条数据
  pageSize:any; //每页条数
  pageSizeOptions: number[] = [10] //设置每页条数
  PageNumber:any //第几页
  startTime:[]
  endTime:[]
  allorganizations:any
  allunittype:any //获取所有的单位类型
  jscheck:any //辖区中队包含下级
  private _transformer = (node, level: number) => {   //初始化tree
    return {
      expandable: !!node.children && node.children.length > 0,
      name: node.name,
      level: level,
      id: node.id,
      parentId: node.parentId,
      children: node.children
    };
  }
  treeControl = new FlatTreeControl<any>(node => node.level, node => node.expandable);
  treeFlattener = new MatTreeFlattener(this._transformer, node => node.level, node => node.expandable, node => node.children);
  dataSource = new MatTreeFlatDataSource(this.treeControl, this.treeFlattener);
  hasChild = (_: number, node: any) => node.expandable;

    //得到当前单位信息
    getunitdata(){
      this.http.get("/api/ExamAccounts/Profiles").subscribe(
        (data:any)=>{
        this.organizationName = data.organizationName
        }
      )
    }
    organizationName:any //当前单位组织机构名称
    treedata:any //组织机构树型数据
    newArr:any = []
    newallorganizations:any //用于存储在原始数据基础上的每个机构增加children字段
    newallorganizations2:any
    //得到当前单位所在组织机构的tree型数据
    getpresentOrganization(){
      this.newallorganizations = this.allorganizations
      this.newallorganizations.forEach(item => {
        item.children = []
        this.newallorganizations.forEach(element => {
          if(element.parentId == item.id){
            item.children.push(element)
          }
        });
      });
      this.http.get("/api/ExamAccounts/Profiles").subscribe(
        (data:any)=>{
          this.organizationName = data.organizationName
          if(this.organizationName){
            this.newallorganizations.forEach(item => {
              if(item.name == this.organizationName){
                this.dataSource.data = [item]
                this.newallorganizations2 = [item]
              }
            });
          }else{
            this.newallorganizations2 = this.treedata
            this.dataSource.data = this.treedata
          }
        }
      )
      
    }


    //编辑试卷
    editPaper(item){
      console.log(item)
      if(item.status == 2){
        const config = new MatSnackBarConfig();
        config.verticalPosition = 'top';
        config.duration = 3000
        this.snackBar.open('考试结束，不能编辑','确定',config);
      }else if(item.status == 1){
        const config = new MatSnackBarConfig();
        config.verticalPosition = 'top';
        config.duration = 3000
        this.snackBar.open('开考中，不能编辑','确定',config);
      }
      else{
        const dialogRef = this.dialog.open(editorsDia, {
          width: '650px',
          data: item
        });
        /* sessionStorage.setItem("paperId",item.id)
        this.router.navigateByUrl("/examiner/create-test-score?pattern=edit") */
      }
    }
    lookPaper(item){
      sessionStorage.setItem("paperId",item.id)
      this.router.navigateByUrl("/examiner/create-test-score?pattern=look")
    }
    //获得所有组织机构
    getOrganizations(){
      this.http.get('/api/Organizations').subscribe(
        (data:any)=>{
          this.allorganizations = data
          this.treedata = this.tree.toTree(data);
          this.getpresentOrganization();
        }
      )
    }
  
    //获得所有单位类型
    getUnittype(){
      this.http.get('/api/BuildingTypes/Simple').subscribe(
        data=>{
          this.allunittype = data
        }
      )
    }

    //获得查询支队信息
    help(){
      let paramsdata:any = {
        PageNumber: this.PageNumber || '1',
        PageSize:  this.pageSizeOptions[0],
        Sort: null,
        SortType: null,
      }
      //console.log(paramsdata)
      this.http.get("/api/Papers",{params:paramsdata}).subscribe((data:any)=>{
        this.tabledataSource=data
        console.log(this.tabledataSource)
      })
    }
    //分页事件
    chagePage(e){
      this.PageNumber = e.pageIndex+1
      this.getAlltabledate()
    }
  //获取表格信息
  getAlltabledate(){
    let paramsdata:any = {
      PageNumber: this.PageNumber || '1',
      PageSize:  this.pageSizeOptions[0],
      OrganizationId: this.jsId || '',
      HasChildren:this.jscheck || '',
      Sort: null,
      SortType: null,
    }
    this.http.get("/api/Papers",{params:paramsdata}).subscribe((data:any)=>{
      this.tabledataSource=data.items
      this.length=data.totalCount
      //console.log(this.tabledataSource)
    })
  }
  //获取消防救援对信息
  getHelp(){
    let paramsdata:any={
      Name:'',
      IdentityCard:'',
      Phone:'',
      RealName:'',
      OrganizationId:'',
      PageNumber:'',
      PageSize:'',
      Sort:'',
      RoleType:'1',
      SortType:''
    }
    this.http.get("/api/ExamUsers",{params:paramsdata}).subscribe((data:any)=>{
      this.helpName=data.items
    })
  }

  //获取optionid
  getoption(){
    var selectIndex =document.getElementById("cars");
    //console.log(selectIndex)
    //var activeName_value =document.getElementById("usertype").options[selectIndex].id;
  }
  //查询按钮
  findClick(){
    const config = new MatSnackBarConfig();
    config.verticalPosition = 'top';
    config.duration = 3000
    let paramsdata:any = {
      PageNumber: this.PageNumber || '1',
      PageSize:  this.pageSizeOptions[0],
      OrganizationId: this.jsId || '',
      HasChildren:this.jscheck || '',
      Sort: null,
      SortType: null,
    }
    if(this.jsId==undefined){
      this.snackBar.open('请输入消防救援队名称','确定',config);
    }
    else{
      this.http.get(`/api/Papers`,{params:paramsdata}).subscribe((data:any)=>{
        console.log(data)
      })
    }
    //console.log(this.accound)
    console.log(this.jscheck,this.jsId)
    this.PageNumber = 1
    this.pageEvent.pageIndex = 0
    this.getAlltabledate()
  }
  //重置按钮
  Reset(){
    //this.accound=undefined
    this.jsId=''
    this.js=''
    this.jscheck=''
    this.getAlltabledate()
  }
  //删除一套考题
  deleteExam(examid){
    let isTrue = confirm('您确定要删除吗')
    if(isTrue){
      const config = new MatSnackBarConfig();
      config.verticalPosition = 'top';
      config.duration = 3000
      this.http.delete(`/api/Papers/${examid}`).subscribe((data:any)=>{
      this.snackBar.open('删除试卷成功','确定',config);
      this.getAlltabledate()
    })
    }
    
    
  }
  //新增考题跳转
  newExamination(){
    //this.router.navigate(['/home/createexam-index/examiner-new-one'])
    const dialogRef = this.dialog.open(FinishDia, {
      width: '650px',
      //data: paperDataInfo
    });
  }
  //辖区中队div是否显示
  isorganizationbox:boolean = false
  js:any //辖区中队输入框
  jsId:any //辖区中队选择的id
  stopclose(e){
    e.stopPropagation();
  }
  //点击辖区中队树，将选择的辖区中队添加到变量
  add(node) {
    this.isorganizationbox = false
    this.js = node.name
    this.jsId = node.id
  }
  //关闭辖区中队隐藏框
  closeorganizationbox() {
    this.isorganizationbox = false
  }
  //打开辖区中队隐藏框
  openorganizationbox() {
    this.isorganizationbox = true
    
  }
  
  //关闭出现的组织机构div
  closediv(){
    this.isorganizationbox = false
  }

}

//创建试题弹窗
@Component({
  selector: 'finish-dialog',
  templateUrl: 'finishDia.html',
  styleUrls: ['finishDia.scss']
})
export class FinishDia{

  constructor(private router:Router,private http: HttpClient,public dialog: MatDialog,public snackBar: MatSnackBar,public dialogRef: MatDialogRef<FinishDia>,@Inject(MAT_DIALOG_DATA) public data: any) {}
  ngOnInit(): void {
    this.getProfiles()
  }
  //获取登录账号的个人资料
  Profiles:any 
  getProfiles(){
    this.http.get('/api/ExamAccounts/Profiles').subscribe((data:any) => {
      console.log(data)
      this.Profiles = data
      sessionStorage.setItem('creatorData',JSON.stringify(data))
    })
  }


  startTime:string//考试开始时间
  endTime:string//考试结束时间
  examName:string//考试名称
  indexid:string//创建考试的id
  tabledate
  
  //弹窗确定点击事件
  onNoClick(): void {
    const config = new MatSnackBarConfig();
    config.verticalPosition = 'top';
    config.duration = 3000
    if(this.startTime!=undefined&&this.endTime!=undefined&&this.examName!=undefined){
      if(this.startTime>this.endTime){
        this.snackBar.open('开始时间不能大于结束时间','确定',config);
      }
      else{
        //截取字符串，得到日期部分"2009-12-02",用split把字符串分隔成数组
        var begin1=this.startTime.substr(0,10).split("-");
        var end1=this.endTime.substr(0,10).split("-");
        //将拆分的数组重新组合，并实例成化新的日期对象
        var date1=new Date(begin1[1] + - + begin1[2] + - + begin1[0]);
        var date2=new Date(end1[1] + - + end1[2] + - + end1[0]);
        //得到两个日期之间的差值m，以分钟为单位
        var m=Number(Math.abs(Number(date2)-Number(date1))/1000/60);
        //小时数和分钟数相加得到总的分钟数
        var min1=parseInt(this.startTime.substr(11,2))*60+parseInt(this.startTime.substr(14,2));
        var min2=parseInt(this.endTime.substr(11,2))*60+parseInt(this.endTime.substr(14,2));
        //两个分钟数相减得到时间部分的差值，以分钟为单位
        var n=min2-min1;
        //将日期和时间两个部分计算出来的差值相加，即得到两个时间相减后的分钟数
        var minutes=m+n;
        let params = {
          id: null,
          title: this.examName,
          duration: minutes,
          modifiedTime: new Date(),
          deleted: false,
          startTime: this.startTime,
          endTime: this.endTime,
          organizationId: this.Profiles.organizationId,
          creatorId: this.Profiles.id,
          paperDataInfo: null
        }
        
        this.http.post('/api/Papers',params).subscribe(data => {
          this.snackBar.open('创建成功','确定',config);
          this.dialogRef.close();
          //sessionStorage.removeItem("checkedWork")
          this.tabledate=data
          console.log(this.tabledate)
          sessionStorage.setItem("paperId",this.tabledate.id)
          this.router.navigate(['/home/createexam-index/examiner-new-one']) //跳转试卷列表页面
        },err => {
          this.snackBar.open(err,'确定',config);
        })
      }
    }
    else{
      if(this.startTime==undefined)
      this.snackBar.open('请输入开始时间','确定',config);
      else if(this.endTime==undefined)
      this.snackBar.open('请输入结束时间','确定',config);
      else if(this.examName==undefined)
      this.snackBar.open('请输入试卷名称','确定',config);
    }
    
  }

  
  close(){
    this.dialogRef.close();
  }
}

//编辑试题弹窗
@Component({
  selector: 'finish-dialog',
  templateUrl: 'editors.html',
  styleUrls: ['finishDia.scss']
})
export class editorsDia{
  constructor(private router:Router,private http: HttpClient,public dialog: MatDialog,public snackBar: MatSnackBar,public dialogRef: MatDialogRef<editorsDia>,@Inject(MAT_DIALOG_DATA) public datas: any) {}
  ngOnInit(): void {
    /* this.startTime=this.datas.startTime
    this.endTime=this.datas.endTime */
    this.startTime=this.datas.startTime.split("+")[0]
    this.endTime=this.datas.endTime.split("+")[0]
    this.examName=this.datas.title
    console.log(this.datas)
  }
  //获取登录账号的个人资料
  Profiles:any 
  getProfiles(){
    this.http.get('/api/ExamAccounts/Profiles').subscribe((data:any) => {
      console.log(data)
      this.Profiles = data
      sessionStorage.setItem('creatorData',JSON.stringify(data))
    })
  }


  startTime:string//考试开始时间
  endTime:string//考试结束时间
  examName:string//考试名称
  indexid:string//创建考试的id
  tabledate
  
  //弹窗确定点击事件
  onNoClick(): void {
    //console.log( this.startTime,this.endTime)
    if(this.startTime>this.endTime){
      const config = new MatSnackBarConfig();
      config.verticalPosition = 'top';
      config.duration = 3000
      this.snackBar.open('开始时间不能早于结束时间','确定',config);
    }else{
      let body = {  
        id:this.datas.id,
        startTime:this.startTime,
        endTime:this.endTime,
        title:this.examName
      }
      let params = {
        id: null,
        title: this.examName,
        duration: this.datas.duration,
        modifiedTime: new Date(),
        deleted: false,
        startTime: this.startTime,
        endTime: this.endTime,
        organizationId: this.datas.organizationId,
        creatorId: this.datas.creatorId,
        paperDataInfo: null
      }
      this.http.put(`/api/Papers/${this.datas.id}`,body).subscribe(data => {
        const config = new MatSnackBarConfig();
        config.verticalPosition = 'top';
        config.duration = 3000
        this.snackBar.open('修改名称时间成功','确定',config);
        setTimeout(() => {
          this.http.get(`/api/Papers/${this.datas.id}`).subscribe((data:any) => {
            if (data.paperDataInfo == null || data.paperDataInfo.length == 0) {
              this.http.delete(`/api/Papers/${this.datas.id}`).subscribe((data:any) => {
              })
              this.http.post('/api/Papers',params).subscribe(data => {
                //sessionStorage.removeItem("checkedWork")
                sessionStorage.setItem("paperId",this.datas.id)
                this.router.navigate(['/home/createexam-index/examiner-new-one']) //跳转试卷列表页面
              },err => {
                this.snackBar.open(err,'确定',config);
              })
            }else{
              sessionStorage.setItem("paperId",this.datas.id)
              this.router.navigateByUrl("/examiner/create-test-score?pattern=edit")
            }
          })
         
          this.dialogRef.close();
        }, 1000);
      })
    }
    
    
  }

  
  close(){
    this.dialogRef.close();
  }
}