From 80328940b44978a2daa1cd305e068f5728b6445c Mon Sep 17 00:00:00 2001 From: chenjingyu Date: Thu, 24 Dec 2020 10:49:15 +0800 Subject: [PATCH] =?UTF-8?q?[=E6=96=B0=E5=A2=9E]=E8=80=83=E7=94=9F=E8=80=83?= =?UTF-8?q?=E8=AF=95=E8=AE=B0=E5=BD=95=E9=A1=B5=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../examiner-index.component.ts | 3 +- .../student-exam-record.component.html | 39 +++++++++- .../student-exam-record.component.scss | 35 +++++++++ .../student-exam-record.component.ts | 57 +++++++++++++- .../student-index/student-index.component.ts | 74 +++++++++++++++++-- 5 files changed, 196 insertions(+), 12 deletions(-) diff --git a/src/app/examiner/examiner-index/examiner-index.component.ts b/src/app/examiner/examiner-index/examiner-index.component.ts index ab104e8..fd99880 100644 --- a/src/app/examiner/examiner-index/examiner-index.component.ts +++ b/src/app/examiner/examiner-index/examiner-index.component.ts @@ -4,7 +4,7 @@ * @Author: sueRimn * @Date: 2020-12-11 09:06:03 * @LastEditors: sueRimn - * @LastEditTime: 2020-12-21 14:25:29 + * @LastEditTime: 2020-12-23 09:45:28 */ import { Component, OnInit, ViewChild, Inject,Input } from '@angular/core'; import {HttpClient} from '@angular/common/http' @@ -220,6 +220,7 @@ export class ExaminerIndexComponent implements OnInit { this.jsId='' this.js='' this.jscheck='' + this.getAlltabledate() } //删除一套考题 deleteExam(examid){ diff --git a/src/app/student/student-exam-record/student-exam-record.component.html b/src/app/student/student-exam-record/student-exam-record.component.html index 00e0b82..6acbdcd 100644 --- a/src/app/student/student-exam-record/student-exam-record.component.html +++ b/src/app/student/student-exam-record/student-exam-record.component.html @@ -1 +1,38 @@ -

student-exam-record works!

+ +
+
+ + + + + + + + + + + + + + + + + + + + +
试卷名称参加人考核队站考试时间考试成绩操作
{{item.name}}张三广西总队{{item.serverTime|date:'yyyy-MM-dd HH:mm'}}90分查看
+ + +
+
diff --git a/src/app/student/student-exam-record/student-exam-record.component.scss b/src/app/student/student-exam-record/student-exam-record.component.scss index e69de29..311f7b3 100644 --- a/src/app/student/student-exam-record/student-exam-record.component.scss +++ b/src/app/student/student-exam-record/student-exam-record.component.scss @@ -0,0 +1,35 @@ +.content { + width: 100%; + height: 100%; + overflow: hidden; + background: #F2F5F6; + overflow-y: auto; + } + .centertable{ + width: 95%; + margin-right: 40px; + margin-left: 40px; + margin-top: 40px; + background-color: #FFFFFF; + table{ + width: 100%; + td,th{ + height: 48px; + font-size: 16px; + } + td{ + border-bottom: 1px solid #F2F5F6; + text-align: center; + } + thead{ + background-color:#F5FDFE; + width: 100%; + } + .green{ + color: #07CDCF; + } + .red{ + color: #FF8678; + } + } + } \ No newline at end of file diff --git a/src/app/student/student-exam-record/student-exam-record.component.ts b/src/app/student/student-exam-record/student-exam-record.component.ts index 223b0d7..ffe8ed3 100644 --- a/src/app/student/student-exam-record/student-exam-record.component.ts +++ b/src/app/student/student-exam-record/student-exam-record.component.ts @@ -1,4 +1,23 @@ -import { Component, OnInit } from '@angular/core'; +/* + * @Descripttion: + * @version: + * @Author: sueRimn + * @Date: 2020-12-20 16:26:44 + * @LastEditors: sueRimn + * @LastEditTime: 2020-12-23 10:33:24 + */ +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-student-exam-record', @@ -7,9 +26,43 @@ import { Component, OnInit } from '@angular/core'; }) export class StudentExamRecordComponent implements OnInit { - constructor() { } + constructor(private router: Router,private activatedRoute: ActivatedRoute,public http: HttpClient,public dialog: MatDialog,public snackBar: MatSnackBar,private tree: TreeService) { } ngOnInit(): void { + this.getAlltabledate() + } + + //分页 + @ViewChild(MatPaginator, {static: true}) + pageEvent: PageEvent; + paginator: MatPaginator; + length:any; //共多少条数据 + pageSize:any; //每页条数 + pageSizeOptions: number[] = [10] //设置每页条数 + PageNumber:any //第几页 + startTime:[] + endTime:[] + tabledataSource//表格数据 + + //分页事件 + chagePage(e){ + this.PageNumber = e.pageIndex+1 + this.getAlltabledate() + } + + //获取表格信息 + getAlltabledate(){ + let paramsdata:any = { + PageNumber: this.PageNumber || '1', + PageSize: this.pageSizeOptions[0], + Sort: null, + SortType: null + } + this.http.get("/api/Examinations",{params:paramsdata}).subscribe((data:any)=>{ + this.tabledataSource=data.items + this.length=data.totalCount + console.log(this.tabledataSource) + }) } } diff --git a/src/app/student/student-index/student-index.component.ts b/src/app/student/student-index/student-index.component.ts index 18b1f79..f3275e4 100644 --- a/src/app/student/student-index/student-index.component.ts +++ b/src/app/student/student-index/student-index.component.ts @@ -4,7 +4,7 @@ * @Author: sueRimn * @Date: 2020-12-20 15:01:30 * @LastEditors: sueRimn - * @LastEditTime: 2020-12-22 10:08:19 + * @LastEditTime: 2020-12-24 10:44:15 */ import { Component, OnInit, ViewChild, Inject,Input } from '@angular/core'; import {HttpClient} from '@angular/common/http' @@ -30,12 +30,18 @@ export class StudentIndexComponent implements OnInit { ngOnInit(): void { this.getAlltabledate() - setInterval(()=>this.getAlltabledate(),60000) - //this.idtime=setInterval(()=>this.jishi("","2020-12-22 11:03"),1000) - //console.log(this.idtime) + this.tableInterval=setInterval(()=>this.getAlltabledate(),60000) + //this.gettime("2020-12-22T18:40:00+08:00","2020-12-22T18:39:00+08:00") + //this.idtime=setInterval(()=>this.newjsq(),1000) + //this.newjsq() + } + ngOnDestroy (){ + clearInterval(this.idtime) + clearInterval(this.tableInterval) } idtime + tableInterval //分页 @ViewChild(MatPaginator, {static: true}) @@ -68,15 +74,18 @@ export class StudentIndexComponent implements OnInit { this.http.get("/api/Papers",{params:paramsdata}).subscribe((data:any)=>{ this.tabledataSource=data.items this.length=data.totalCount - console.log(this.tabledataSource) + //console.log(this.tabledataSource) }) } //计时器 jishi(startTime,endTime){ - startTime=new Date - var nowtime = new Date(startTime), //获取当前时间 + //startTime=new Date + var nowtime = new Date(startTime), //获取开始时间 endtime = new Date(endTime); //定义结束时间 - var lefttime = endtime.getTime() - nowtime.getTime(), //距离结束时间的毫秒数 + var jieshu=nowtime.getTime() + setInterval(()=>{jieshu--}) + //console.log(endtime.getSeconds()-1) + var lefttime = jieshu - nowtime.getTime(), //距离结束时间的毫秒数 leftd = Math.floor(lefttime/(1000*60*60*24)), //计算天数 lefth = Math.floor(lefttime/(1000*60*60)), //计算小时数 leftm = Math.floor(lefttime/(1000*60)%60), //计算分钟数 @@ -90,4 +99,53 @@ export class StudentIndexComponent implements OnInit { console.log(this.timecha) } + + + timerID; + //time_end=new Date("2020-12-22T18:40:00+08:00").getTime();//结束的时间 + time_end + //time_now_server=new Date("2020-12-22T18:30:00+08:00").getTime();//开始的时间 + time_now_server + time_now_client=new Date().getTime(); + //time_server_client=this.time_now_server-this.time_now_client; + time_server_client + str_time="" + + gettime(endtime,stearttime){ + this.time_end=new Date(endtime).getTime() + this.time_now_server=new Date(stearttime).getTime() + this.time_server_client=this.time_now_server-this.time_now_client + this.idtime=setInterval(()=>this.newtimer(),1000) + } + //新计时器 + newtimer(){ + var time_distance; + var int_day,int_hour,int_minute,int_second; + var time_now=new Date().getTime(); + time_now=time_now+this.time_server_client; + time_distance=this.time_end-time_now; + if(time_distance>0){ + int_day=Math.floor(time_distance/86400000) + time_distance-=int_day*86400000; + int_hour=Math.floor(time_distance/3600000) + time_distance-=int_hour*3600000; + int_minute=Math.floor(time_distance/60000) + time_distance-=int_minute*60000; + int_second=Math.floor(time_distance/1000) + if(int_hour<10) + int_hour="0"+int_hour; + if(int_minute<10) + int_minute="0"+int_minute; + if(int_second<10) + int_second="0"+int_second; + this.str_time=int_hour+":"+int_minute+":"+int_second; + if(this.str_time=="00:00:00") + {this.str_time="已结束"} + //console.log(this.str_time) + }else{ + //timer=timer; + clearTimeout(this.timerID) + } + } + }