Skip to content

Q
qualityTesting_studentHome
提交 0e759e50 authored 作者: Yroc's avatar Yroc
浏览文件
操作

'学生登录'

上级 72d747e5
显示空白字符变更
内嵌 并排
正在显示 包含 92 行增加 和 104 行删除
src/views/login-info/index.vue
浏览文件 @ 0e759e50
......@@ -3,7 +3,7 @@
* @Author: AnthonyD
* @Date: 2023-03-17 16:17:00
* @Last Modified by: AnthonyD
* @Last Modified time: 2023-03-20 16:06:16
* @Last Modified time: 2023-03-21 10:50:46
*/
</script><template>
<div class="login-container">
......@@ -14,6 +14,10 @@
<div class="from_container">
<img src="/image/Group.png" class="login_image" />
<div class="login-form">
<div class="return_box">
<i class="el-icon-d-arrow-left"></i>
<a @click="goLogon">返回登录</a>
</div>
<div>
<h3 class="title">国家烟草识别培训系统账号注册</h3>
</div>
......@@ -281,6 +285,9 @@ export default {
this.data_list = removeNodeInTree(res) || [];
});
},
goLogon() {
this.$router.push('/login');
},
},
};
</script>
......@@ -334,9 +341,20 @@ $light_gray: #eee;
position: absolute;
right: 20px;
top: 18px;
.return_box {
font-size: 15px;
float: left;
position: absolute;
top: 20px;
left: 15px;
color: #0e8a6d;
}
}
}
.return_box:hover {
border-bottom: 1px solid #0e8a6d;
}
.title {
font-size: 26px;
color: #303133;
......
src/views/login/index.vue
浏览文件 @ 0e759e50
......@@ -3,14 +3,16 @@
* @Author: AnthonyD
* @Date: 2023-02-22 11:31:31
* @Last Modified by: AnthonyD
* @Last Modified time: 2023-03-21 09:25:08
* @Last Modified time: 2023-03-21 11:48:25
*/
</script>
<template>
<!-- 灰色背景 -->
<div class="login-container">
<div class="logo_box"></div>
<img
src="/image/logo.svg"
class="logo_box"
style="width: 173px; height: 53px; margin-bottom: 50px"
/>
<!-- 绿色背景 -->
......@@ -487,17 +489,6 @@ $light_gray: #eee;
opacity: 0.7;
}
// .send_message {
// width: 100%;
// float: right;
// padding: 9.5px;
// background-color: #e6a23c;
// border: none;
// border-radius: 4px;
// cursor: pointer;
// color: #fff;
// }
.login_image {
width: 600px;
height: 580px;
......@@ -508,4 +499,33 @@ $light_gray: #eee;
.pointer {
margin-top: 0px;
}
// 移动端样式
@media screen and (max-width: 600px) {
.login-container {
background-color: #fff;
position: relative;
.logo_box {
display: none;
}
.from_container {
background-color: #038d6e;
width: 100%;
height: 550px;
position: absolute;
top: 18%;
left: 0%;
.login_image {
display: none;
}
.login-form {
width: 100%;
height: 430px;
position: absolute;
top: 11%;
right: 0%;
}
}
}
}
</style>
src/views/personal/index.vue
浏览文件 @ 0e759e50
......@@ -3,13 +3,14 @@
* @Author: AnthonyD
* @Date: 2023-02-23 15:52:52
* @Last Modified by: AnthonyD
* @Last Modified time: 2023-03-14 16:32:38
* @Last Modified time: 2023-03-21 11:43:10
*/
</script><template>
<div class="person_container">
<el-row>
<!-- 个人信息 -->
<el-col :span="6">
<el-card class="box-card">
<el-card class="box-card left_card">
<div class="person_data">
<div class="person_picture">
<img v-if="imageUrl" :src="imageUrl" class="avatar" />
......@@ -47,25 +48,13 @@
</div>
</el-card>
</el-col>
<!-- 考试卡片 -->
<el-col :span="18" class="right_box">
<el-card class="box-card">
<div slot="header" class="clearfix">
<div class="node_box_top">
<h2>待考试列表</h2>
</div>
<!-- <el-timeline :reverse="reverse">
<el-timeline-item
v-for="(item, index) in test_results"
:key="index"
v-show="
(item.examination_questions.status == 3 &&
item.status == 1) ||
(item.examination_questions.status == 2 && item.status == 1)
"
>
<test-view :test_node="item"></test-view>
</el-timeline-item>
</el-timeline> -->
<div v-if="test_results.length > 0">
<div
class="node_box_top"
......@@ -82,44 +71,6 @@
</div>
<img v-else src="/image/empty.png" alt="" />
</div>
<!-- <div slot="header" class="clearfix">
<h2>待考试列表</h2>
<div
v-for="(item, index) in test_results"
:key="index"
:v-if="
(item.examination_questions.status == 3 && item.status == 1) ||
(item.examination_questions.status == 2 && item.status == 1)
"
>
<p class="value_box" style="margin-bottom: 5px">
{{ item.examination_questions.begin_date }}
</p>
<div class="Wait_test">
<div class="tab_box">
<div>
<h3 style="margin-top: 0px">
{{ item.examination_questions_title }}
</h3>
<div>
<span style="font-size"
>开考时间:{{ item.created_at }}</span
>
</div>
</div>
<div>
<el-button
@click.native="start"
type="primary"
style="float: right; margin: 10px"
@click="nextStep()"
>开始考试
</el-button>
</div>
</div>
</div>
</div>
</div> -->
<div class="node_box_top">
<h2>已考完场次</h2>
</div>
......@@ -204,41 +155,7 @@
</div>
</el-timeline-item>
</el-timeline>
<img v-else src="/image/empty.png" alt="" />
<!-- <div
v-for="(item, index) in test_results"
:key="index"
v-show="
(item.examination_questions.status == 3 && item.status == 2) ||
(item.examination_questions.status == 5 && item.status == 3) ||
(item.examination_questions.status == 4 && item.status == 3)
"
class="text item">
<div slot="header" class="clearfix">
<p class="value_box" style="margin-bottom: 5px">
{{ item.examination_questions.created_at }}
</p>
<div class="Wait_test">
<div class="tab_box">
<div>
<h3 style="margin-top: 0px">
{{ item.examination_questions_title }}
</h3>
<span
>开考时间:{{
item.examination_questions.begin_date
}}</span
>
</div>
<div>
<el-button type="warning" class="finish_btn"
>查看
</el-button>
</div>
</div>
</div>
</div>
</div> -->
<img v-else src="/image/empty.png" class="none_img" />
</el-card>
</el-col>
</el-row>
......@@ -257,7 +174,6 @@ export default {
upload_url: `${process.env.VUE_APP_BASE_API}`,
user_info: {},
test_results: [],
// info_test: { id: 123456789, name: 'index' },
reverse: true,
};
......@@ -476,4 +392,17 @@ export default {
justify-content: space-between;
align-content: center;
}
// 移动端样式
@media screen and (max-width: 390px) {
.left_card {
display: none;
}
.person_container {
width: 100%;
.box-card {
width: 100%;
}
}
}
</style>
src/views/upload-result/index.vue
浏览文件 @ 0e759e50
......@@ -3,7 +3,7 @@
* @Author: AnthonyD
* @Date: 2023-03-01 16:25:21
* @Last Modified by: AnthonyD
* @Last Modified time: 2023-03-21 09:57:21
* @Last Modified time: 2023-03-21 12:23:35
*/
</script>
......@@ -115,6 +115,7 @@
<!-- :http-request="uploadSubmit" -->
<el-upload
name="image"
:accept="'image/*'"
v-if="test_results && test_results.test_results_image"
style="display: inline-block; margin-right: 15px"
:action="
......@@ -141,7 +142,10 @@
</el-upload> -->
</el-col>
</el-row>
<div class="grid-content_upload" v-loading="is_loading">
<div class="grid-content_upload">
<div class="loading_box" v-if="is_loading">
<i class="el-icon-loading"></i>
</div>
<div class="upload_btn">
<div
class="img_box"
......@@ -160,6 +164,7 @@
:on-success="handleAvatarSuccess"
:headers="headers"
drag
:accept="'image/*'"
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">
......@@ -423,6 +428,22 @@ export default {
border: 2px solid #dcdfe6;
border-radius: 5px;
position: relative;
.loading_box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
z-index: 10;
display: grid;
i {
// width: 50px;
align-self: center;
justify-self: center;
color: #fff;
}
}
.img_box {
width: 100%;
// height: 100%;
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论