'学生登录'

src/views/login-info/index.vue

@@ -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

@@ -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

@@ -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

@@ -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%;