From 724162ecde6b1169c04ca8916799ec75f847db94 Mon Sep 17 00:00:00 2001 From: SHAOJIAHAO <55341701@qq.com> Date: Thu, 10 Dec 2020 14:18:18 +0800 Subject: [PATCH] =?UTF-8?q?[=E6=96=B0=E5=A2=9E]=E5=88=9B=E5=BB=BA=E8=80=83?= =?UTF-8?q?=E8=AF=95=E5=88=86=E6=95=B0=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/app-routing.module.ts | 2 + src/app/app.module.ts | 7 +- .../create-test-score.component.html | 77 +++++++++++ .../create-test-score.component.scss | 125 ++++++++++++++++++ .../create-test-score.component.spec.ts | 25 ++++ .../create-test-score.component.ts | 18 +++ src/app/examiner/examiner.module.ts | 7 +- src/app/navigation/navigation.module.ts | 4 +- src/styles.scss | 7 + 9 files changed, 265 insertions(+), 7 deletions(-) create mode 100644 src/app/examiner/create-test-score/create-test-score.component.html create mode 100644 src/app/examiner/create-test-score/create-test-score.component.scss create mode 100644 src/app/examiner/create-test-score/create-test-score.component.spec.ts create mode 100644 src/app/examiner/create-test-score/create-test-score.component.ts diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index 77a4a29..d149e86 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -7,6 +7,7 @@ import { LockscreenComponent } from './pages/lockscreen/lockscreen.component'; //路由守卫 import {AuthGuard} from './auth.guard' +import { CreateTestScoreComponent } from './examiner/create-test-score/create-test-score.component'; @@ -22,6 +23,7 @@ const routes: Routes = [ }, { path:'adminLogin', component:LoginComponent}, //管理员登录路由 { path:'login', component:LockscreenComponent}, //教员学员登录路由 + { path:'examiner/create-test-score', component:CreateTestScoreComponent}, //创建试卷具体分数页面 ]; diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 67dc450..c998e2e 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -8,7 +8,6 @@ import { MatCheckboxModule } from '@angular/material/checkbox'; import { MatIconModule } from '@angular/material/icon'; import { MatSidenavModule } from '@angular/material/sidenav'; import { NavigationModule } from './navigation/navigation.module'; -import { TabbarComponent } from './tabbar/tabbar.component'; import { PagesModule } from './pages/pages.module'; import { FormsModule } from '@angular/forms'; import { UiModule } from './ui/ui.module'; @@ -20,6 +19,7 @@ import { IsLoginService } from './is-login.service'; import { ComponentServiceService } from './component-service.service'; import { registerLocaleData } from '@angular/common'; import zh from '@angular/common/locales/zh'; +import { ExaminerModule } from './examiner/examiner.module'; registerLocaleData(zh); @NgModule({ declarations: [ @@ -32,11 +32,12 @@ registerLocaleData(zh); MatButtonModule, MatCheckboxModule, MatSidenavModule, - NavigationModule, + // NavigationModule, MatIconModule, PagesModule, FormsModule, - HttpClientModule + HttpClientModule, + ExaminerModule ], providers: [httpInterceptorProviders, CacheTokenService,TreeService,ComponentServiceService], bootstrap: [AppComponent] diff --git a/src/app/examiner/create-test-score/create-test-score.component.html b/src/app/examiner/create-test-score/create-test-score.component.html new file mode 100644 index 0000000..cc5c643 --- /dev/null +++ b/src/app/examiner/create-test-score/create-test-score.component.html @@ -0,0 +1,77 @@ +
+
+ +
+
+
+
+
+
+ 单位列表 +
+
+ 总分: 120 +
+
+
+ + + + + + + + + + + + + +
单位名称总分
富力华大酒店80
富力华大酒店80
+
+
+
+
+
+ 基本信息 +
+
+ 作战部署 +
+
+
+
+
+ +

宇宙无敌酒店

+ + + + + 基本信息30分 + + + +
+ xxxxx +
+ + +
+
+
+ 作战部署 +
+
+
+
+
+
+ 上一步 +
+
+ 完成 +
+
+
+
diff --git a/src/app/examiner/create-test-score/create-test-score.component.scss b/src/app/examiner/create-test-score/create-test-score.component.scss new file mode 100644 index 0000000..bf8e027 --- /dev/null +++ b/src/app/examiner/create-test-score/create-test-score.component.scss @@ -0,0 +1,125 @@ +table,table tr th, table tr td { border-bottom: 1px solid #EEF1F5; } +table { text-align: center; border-collapse: collapse; padding:2px;} +*{ + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + scrollbar-width: none; /* Firefox */ +} +::-webkit-scrollbar { + display: none; /* Chrome Safari */ +} + +.box{ + width: 100%; + height: 100%; + background: #F2F5F6; + display: flex; + flex-direction: column; + box-sizing: border-box; + .contant{ + flex: 1; + display: flex; + flex-direction: column; + .colorspan{ + color: #07CDCF; + } + .main{ + flex: 1; + display: flex; + div{ + box-sizing: border-box; + background-color: #fff; + border-radius: 13px; + } + .leftDiv{ + width: 18%; + margin: 20px; + margin-bottom: 0; + padding: 18px; + .title{ + display: flex; + justify-content: space-between; + font-size: 16px; + } + .unitList{ + margin-top: 12px; + table{ + width: 100%; + font-size: 15px; + tr{ + height: 35px; + td:nth-child(1){ + width: 60%; + } + } + tr:nth-child(1){ + background: #F5FDFE; + } + } + } + } + .rightDiv{ + margin: 20px; + margin-left: 0; + flex: 1; + margin-bottom: 0; + display: flex; + flex-direction: column; + .tabsbox{ + height: 46px; + border-radius: 0; + background: #F2F5F6; + div{ + float: left; + height: 46px; + line-height: 46px; + width: 100px; + text-align: center; + color: #1E2323; + border-radius: 0; + border-top: 2px solid #fff; + cursor: pointer; + } + // div:nth-child(1){ + // border-radius:13px 0 0 0 ; + // } + //选中选项卡 + .selectedTab{ + color: #07CDCF; + border-top: 2px solid #07CDCF; + } + } + .maincontantbox{ + flex: 1; + overflow-y: auto; + padding: 18px; + } + } + } + .btnbox{ + width: 100%; + height: 70px; + display: flex; + justify-content: center; + align-items: center; + .btn{ + width: 100px; + height: 33px; + background: #01CFD5; + opacity: 1; + border-radius: 8px; + color: #FFFFFF; + text-align: center; + line-height: 33px; + font-size: 16px; + font-family: Source Han Sans CN; + margin: 0 15px; + cursor: pointer; + } + } + } +} \ No newline at end of file diff --git a/src/app/examiner/create-test-score/create-test-score.component.spec.ts b/src/app/examiner/create-test-score/create-test-score.component.spec.ts new file mode 100644 index 0000000..c88ba6b --- /dev/null +++ b/src/app/examiner/create-test-score/create-test-score.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { CreateTestScoreComponent } from './create-test-score.component'; + +describe('CreateTestScoreComponent', () => { + let component: CreateTestScoreComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ CreateTestScoreComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(CreateTestScoreComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/examiner/create-test-score/create-test-score.component.ts b/src/app/examiner/create-test-score/create-test-score.component.ts new file mode 100644 index 0000000..848c829 --- /dev/null +++ b/src/app/examiner/create-test-score/create-test-score.component.ts @@ -0,0 +1,18 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-create-test-score', + templateUrl: './create-test-score.component.html', + styleUrls: ['./create-test-score.component.scss'] +}) +export class CreateTestScoreComponent implements OnInit { + + constructor() { } + selectedTab:number = 1 //选中的选项卡 + selectTab(index){ + this.selectedTab = index + } + ngOnInit(): void { + } + +} diff --git a/src/app/examiner/examiner.module.ts b/src/app/examiner/examiner.module.ts index ee2f7dc..830b575 100644 --- a/src/app/examiner/examiner.module.ts +++ b/src/app/examiner/examiner.module.ts @@ -47,9 +47,11 @@ import { ReactiveFormsModule, FormsModule } from '@angular/forms'; import { MatFormFieldModule } from '@angular/material/form-field'; import { MatPaginatorIntl } from '@angular/material/paginator'; import { myPaginator } from '../ui/my-paginator'; +import { CreateTestScoreComponent } from './create-test-score/create-test-score.component'; +import { NavigationModule } from '../navigation/navigation.module'; @NgModule({ - declarations: [], + declarations: [CreateTestScoreComponent], imports: [ CommonModule, examinerRoutingModule, @@ -96,7 +98,8 @@ import { myPaginator } from '../ui/my-paginator'; PortalModule, ScrollingModule, ReactiveFormsModule, - FormsModule + FormsModule, + NavigationModule ], providers: [ { provide: MatPaginatorIntl, useValue: myPaginator() } ] }) diff --git a/src/app/navigation/navigation.module.ts b/src/app/navigation/navigation.module.ts index b887108..a127fcb 100644 --- a/src/app/navigation/navigation.module.ts +++ b/src/app/navigation/navigation.module.ts @@ -65,7 +65,6 @@ import {MatTreeModule} from '@angular/material/tree'; MatIconModule, FormsModule, UiModule, - A11yModule, CdkStepperModule, CdkTableModule, @@ -110,7 +109,8 @@ import {MatTreeModule} from '@angular/material/tree'; ScrollingModule ], exports: [ - NavigationComponent + NavigationComponent, + TabbarComponent ] }) export class NavigationModule { } diff --git a/src/styles.scss b/src/styles.scss index ab2c0a7..7ae1033 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -86,4 +86,11 @@ table td.mat-footer-cell:last-of-type{ .mat-drawer-container{ background-color: none; +} + +//可展开面板按钮颜色 +#createtestscore{ + .mat-expansion-indicator::after { + color: #333333; + } } \ No newline at end of file