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: 2020-12-14 16:44:42
 */
import { Component, OnInit, ViewChild, Inject } 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';

const ELEMENT_DATA = [
  {name: "富华酒店", organization: '浦东支队', startTime: "2020-09-19 10:00", overTime: '2020-09-19 12:00',testState:'未开考'},
  {name: "富华酒店", organization: '黄埔支队', startTime: "2020-09-19 10:00", overTime: '2020-09-19 12:00',testState:'未开考'},
  {name: "雁山园", organization: '徐汇支队', startTime: "2020-09-19 10:00", overTime: '2020-09-19 12:00',testState:'开考中'},
  {name: "富华酒店", organization: '普陀支队', startTime: "2020-09-19 10:00", overTime: '2020-09-19 12:00',testState:'开考中'},
  {name: "立新加油站", organization: '浦东支队', startTime: "2020-09-19 10:00", overTime: '2020-09-19 12:00',testState:'开考中'},
  {name: "富华酒店", organization: '宝山支队', startTime: "2020-07-19 10:00", overTime: '2020-07-19 12:00',testState:'已结束'},
  {name: "裕达国际酒店", organization: '浦东支队', startTime: "2020-08-19 10:00", overTime: '2020-08-19 12:00',testState:'已结束'},
  {name: "锦德大酒店", organization: '长宁支队', startTime: "2019-09-19 10:00", overTime: '2019-09-19 12:00',testState:'已结束'},
];

@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) { }
  //displayedColumns: string[] = ['name', 'organization', 'startTime', 'overTime', 'testState', 'operation'];
  dataSource = ELEMENT_DATA;

  ngOnInit(): void {
    //this.getAlltabledate()
  }

  displayedColumns: string[] = ['name','startTime','endTime', 'examzhong','scc'];
  tabledataSource:any
  accound
  //分页
  @ViewChild(MatPaginator, {static: true}) 
  pageEvent: PageEvent;
  paginator: MatPaginator;
  length:any; //共多少条数据
  pageSize:any; //每页条数
  pageSizeOptions: number[] = [10] //设置每页条数
  PageNumber:any //第几页
  //分页事件
  chagePage(e){
    this.PageNumber = e.pageIndex+1
    //this.getAllKeyUnit();
  }
  //获取表格信息
  getAlltabledate(){
    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)=>{
      console.log(data)
      
    })
    //console.log(this.tabledataSource)
  }

  //查询按钮
  findClick(){
    const config = new MatSnackBarConfig();
    config.verticalPosition = 'top';
    config.duration = 3000
    if(this.accound==undefined){
      this.snackBar.open('请输入消防救援队名称','确定',config);
    }
    console.log(this.accound)
  }
  //重置按钮
  Reset(){
    this.accound=undefined
  }
  //新增考题跳转
  newExamination(){
    this.router.navigate(['/home/examiner-new-one'])
  }

}