Skip to content

W
wisdom-ces
Commit b05c9754 authored by wangqinghua's avatar wangqinghua
Browse files
Options

试卷批阅

parent a7b79ea5
Hide whitespace changes
Inline Side-by-side
Showing with 338 additions and 15 deletions
src/app/app.component.ts
View file @ b05c9754
......@@ -72,7 +72,6 @@ export class MyApp {
.subscribe((res: Response) => {
let data = res.json();
if (data["code"] == '200') {
//将当前登录用户存进缓存，便于后期逻辑操作
this.storage.set('user', data.data);
this.user.userid = data.data.id;
this.storage.set('userLoginInfo', this.user);
......
src/index.html
View file @ b05c9754
......@@ -3,13 +3,13 @@
<head>
<meta charset="UTF-8">
<title>智慧组工</title>
<title>智汇组工</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<!-- <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> -->
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<script src="http://webapi.amap.com/maps?v=1.3&key=4ad6cba9ebd3b7b002919cf6ef8d2fd1"></script>
<!--<script src="http://webapi.amap.com/maps?v=1.3&key=4ad6cba9ebd3b7b002919cf6ef8d2fd1"></script>-->
<link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico">
<link rel="stylesheet" href="assets/swiper/swiper-4.1.6.min.css">
<link rel="manifest" href="manifest.json">
......
src/pages/home/learn-manage/learn-detail/learn-detail.html
View file @ b05c9754
......@@ -16,7 +16,7 @@
<p>测试完成情况</p>
<p><span class="fontSize-2">3/</span>33</p>
</div>
<div class="flex-1">
<div class="flex-1" (click)="gotoRead()">
<p>待批阅数量</p>
<p><span class="fontSize-2">1/</span>33</p>
</div>
......
src/pages/home/learn-manage/learn-detail/learn-detail.ts
View file @ b05c9754
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import {Component} from '@angular/core';
import {IonicPage, NavController, NavParams} from 'ionic-angular';
import {ReadLearnPage} from "../read-learn/read-learn";
@IonicPage()
@Component({
selector: 'page-learn-detail',
templateUrl: 'learn-detail.html',
selector: 'page-learn-detail',
templateUrl: 'learn-detail.html',
})
export class LearnDetailPage {
constructor(public navCtrl: NavController, public navParams: NavParams) {
}
constructor(public navCtrl: NavController, public navParams: NavParams) {
}
ionViewDidLoad() {
console.log('ionViewDidLoad LearnDetailPage');
}
ionViewDidLoad() {
console.log('ionViewDidLoad LearnDetailPage');
}
//批阅试卷
gotoRead() {
this.navCtrl.push('ReadLearnPage')
}
}
src/pages/home/learn-manage/read-learn/read-learn.html 0 → 100644
View file @ b05c9754
<ion-header>
<ion-navbar>
<ion-title>学习测试</ion-title>
</ion-navbar>
</ion-header>
<ion-content>
<div class="main-container">
<ion-slides>
<ion-slide *ngFor="let item of list;">
<div class="learn-item">
<div class="item-container">
<ng-container *ngFor="let test of item.test;let i = index;">
<div class="test">
<div class="item-title">
<p>Q{{i +1}}(问答){{test.title}}</p>
</div>
<div class="item-content">
<div class="padding-0-30">
<div class="content-textarea">
{{test.content}}
</div>
</div>
</div>
<div class="test-judge flex">
<div class="flex-1"></div>
<div class="flex-1"></div>
<div class="flex-1 text-center" (click)="select(test,true)">
<span [ngClass]="{'check': test.checked == true }" class="right">正确</span>
</div>
<div class="flex-1 text-center" (click)="select(test,false)">
<span [ngClass]="{'check': test.checked == false }" class="error">错误</span>
</div>
</div>
</div>
</ng-container>
</div>
</div>
</ion-slide>
</ion-slides>
</div>
<div class="footer-subject">
<div (click)="prev()" class="prev">上一题</div>
<div class="index">1 / 10</div>
<div (click)="next()" class="next">下一题</div>
</div>
<div class="footer-submit">
<div class="submit" (click)="submit()">
<span>保存</span>
</div>
</div>
</ion-content>
\ No newline at end of file
src/pages/home/learn-manage/read-learn/read-learn.module.ts 0 → 100644
View file @ b05c9754
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { ReadLearnPage } from './read-learn';
@NgModule({
declarations: [
ReadLearnPage,
],
imports: [
IonicPageModule.forChild(ReadLearnPage),
],
})
export class ReadLearnPageModule {}
src/pages/home/learn-manage/read-learn/read-learn.scss 0 → 100644
View file @ b05c9754
page-read-learn {
.main-container{
height: calc(100% - 8rem);
background-image: url(../../../../assets/imgs/learn/learning_background.png);
background-repeat: no-repeat;
background-color: #e6e8ed;
padding: 1.5rem;
}
.swiper-slide,.slide-zoom{
text-align: left;
}
.swiper-slide{
justify-content: normal;
align-items: normal;
}
.learn-item{
height: 100%;
}
.learn-title{
background-color: rgba(18, 28, 52, 0.34);
font-size: 1.8rem;
color: #ffffff;
text-align: center;
padding: 1rem;
border-top-left-radius: .8rem;
border-top-right-radius: .8rem;
}
.item-container{
background-color: #fff;
height: 100%;
border-radius: .8rem;
overflow: auto;
}
.test + .test{
border-top: 1px solid #eee;
margin: .8rem 0;
}
.right,.error{
color: #a6b8d9;
position: relative;
}
.right::before{
content: '\2714';
position: absolute;
left: -20px;
top: 0px;
color: #a6b8d9;
}
.check.right,
.check.right::before{
color: #4bb825;
}
.error::before{
content: '\2716';
position: absolute;
left: -20px;
top: 0px;
color: #a6b8d9;
}
.check.error,
.check.error::before{
color: #f95f5f;
}
.item-title{
padding: 1rem;
font-size: 1.5rem;
}
.item-content{
padding: 1rem;
font-size: 1.6rem;
div{
p{
margin-bottom: .8rem;
margin-left: .8rem;
}
}
}
.footer-subject {
padding: 0 1rem;
position: absolute;
left: 0;
bottom: 3rem;
height: 5rem;
width: 100%;
background-color: #e6e8ed;
display: flex;
div {
line-height: 5rem;
}
.prev {
flex: 3;
}
.next {
flex: 3;
text-align: right;
}
.index {
flex: 1;
text-align: center;
}
}
.footer-submit {
position: absolute;
left: 0;
bottom: 0;
height: 3rem;
width: 100%;
border-top: .1rem solid #34b4fc;
display: flex;
div {
line-height: 3rem;
}
.time {
text-align: center;
flex: 4;
}
.submit {
background-color: #34b4fc;
color: #ffffff;
text-align: center;
flex: 1;
}
}
.item-ios p {
margin: 15px 0;
white-space: normal;
}
.input-radio {
border: 1px solid #ddd;
display: inline-block;
border-radius: 50%;
width: 1.5rem;
height: 1.5rem;
margin-right: 8px;
vertical-align: sub;
position: absolute;
top: 1px;
left: -30px;
}
label {
position: relative;
input {
display: none;
}
}
input:checked + .input-radio::after {
content: '';
position: absolute;
width: 1rem;
top: 2px;
height: 1rem;
border-radius: 50%;
background-color: #14608e;
left: 2px;
}
.input-check {
border: 1px solid #ddd;
display: inline-block;
width: 1.5rem;
height: 1.5rem;
margin-right: 8px;
vertical-align: text-top;
border-radius: 2px;
position: absolute;
top: 1px;
left: -30px;
}
input:checked + .input-check::after {
content: '\2713';
position: absolute;
width: 10px;
top: -4px;
left: 0px;
height: 10px;
font-size: 2rem;
font-weight: bold;
color: #14608e;
}
.content-textarea {
}
}
src/pages/home/learn-manage/read-learn/read-learn.ts 0 → 100644
View file @ b05c9754
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
@IonicPage()
@Component({
selector: 'page-read-learn',
templateUrl: 'read-learn.html',
})
export class ReadLearnPage {
list = [
{name:'杨阳洋1', test:[
{title:"看云识天气的解释1",content:"蚂蚁上树蚂蚁上树蚂蚁上树" },
{title:"看云识天气的解释2",content:"蚂蚁上树蚂蚁上树蚂蚁上树" },
{title:"看云识天气的解释3",content:"蚂蚁上树蚂蚁上树蚂蚁上树" },
{title:"看云识天气的解释4",content:"蚂蚁上树蚂蚁上树蚂蚁上树" },
{title:"看云识天气的解释5",content:"蚂蚁上树蚂蚁上树蚂蚁上树" },
{title:"看云识天气的解释5",content:"蚂蚁上树蚂蚁上树蚂蚁上树" },
{title:"看云识天气的解释5",content:"蚂蚁上树蚂蚁上树蚂蚁上树" },
{title:"看云识天气的解释5",content:"蚂蚁上树蚂蚁上树蚂蚁上树" },
{title:"看云识天气的解释5",content:"蚂蚁上树蚂蚁上树蚂蚁上树" },
{title:"看云识天气的解释5",content:"蚂蚁上树蚂蚁上树蚂蚁上树" },
]},
{name:'杨阳洋1', test:[
{title:"看云识天气的解释1",content:"蚂蚁上树蚂蚁上树蚂蚁上树" },
{title:"看云识天气的解释2",content:"蚂蚁上树蚂蚁上树蚂蚁上树" },
{title:"看云识天气的解释3",content:"蚂蚁上树蚂蚁上树蚂蚁上树" },
{title:"看云识天气的解释4",content:"蚂蚁上树蚂蚁上树蚂蚁上树" },
{title:"看云识天气的解释5",content:"蚂蚁上树蚂蚁上树蚂蚁上树" },
]},
{name:'杨阳洋1', test:[
{title:"看云识天气的解释1",content:"蚂蚁上树蚂蚁上树蚂蚁上树" },
{title:"看云识天气的解释2",content:"蚂蚁上树蚂蚁上树蚂蚁上树" },
{title:"看云识天气的解释3",content:"蚂蚁上树蚂蚁上树蚂蚁上树" },
{title:"看云识天气的解释4",content:"蚂蚁上树蚂蚁上树蚂蚁上树" },
{title:"看云识天气的解释5",content:"蚂蚁上树蚂蚁上树蚂蚁上树" },
]},
]
constructor(public navCtrl: NavController, public navParams: NavParams) {
}
ionViewDidLoad() {
console.log('ionViewDidLoad ReadLearnPage');
}
//
select(test,boolean){
test.checked = boolean;
console.log(this.list)
}
}
src/pages/tabs/home/home.html
View file @ b05c9754
......@@ -53,7 +53,7 @@
<label class="label2-2 more2-2">学习测试</label>
</div>
<div class="card" (click)="goTo('LearnManagePage')">
<img src="./assets/imgs/home/icon-xxcs.png" alt="">
<img src="./assets/imgs/home/icon-ccgl.png" alt="">
<label class="label2-2 more2-2">测试管理</label>
</div>
<div class="card" (click)="goTo('MoreAppPage')">
......
src/theme/icon.scss
View file @ b05c9754
......@@ -84,4 +84,14 @@
padding: #{$i}px #{$j}px ;
}
}
}
//flex布局
.flex{
display: flex;
}
@for $j from 1 to 25{
.flex-#{$j}{
flex: #{$j};
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment