'学生登录'

src/api/user.js

@@ -2,7 +2,7 @@
  * @Author: AnthonyD
  * @Date:   2023-02-22 11:31:31
  * @Last Modified by:   AnthonyD
- * @Last Modified time: 2023-03-13 10:11:24
+ * @Last Modified time: 2023-03-17 18:38:05
  */
 import request from '@/utils/request'
 
@@ -24,9 +24,9 @@ export function login(data) {
 }
 
 //获取邮件
-export function getCode(data){
+export function getCode(data) {
   return request({
-    url: 'student/mail/code',
+    url: '/student/mail/code',
     method: 'post',
     data
   })
@@ -58,7 +58,7 @@ export function getResults(params) {
 }
 
 //开始考试详情
-export function getResultsData(id,params) {
+export function getResultsData(id, params) {
   return request({
     url: `/student/test_results/${id}`,
     method: 'get',
@@ -67,15 +67,16 @@ export function getResultsData(id,params) {
 }
 
 //学员拍照上传考试结果
-export function getPhotoResults(id) {
+export function getPhotoResults(id, data) {
   return request({
     url: `/student/test_results/imageUpload/${id}`,
     method: 'post',
+    data
   })
 }
 
 //提交答题结果
-export function uploadTestResults(id,data) {
+export function uploadTestResults(id, data) {
   return request({
     url: `/student/test_results/${id}`,
     method: 'put',
@@ -91,6 +92,35 @@ export function viewExamResults(id) {
   })
 }
 
+//注册
+export function userLogon(data) {
+  return request({
+    url: '/student/auth/sign_up',
+    method: 'post',
+    data
+  })
+}
+
+//账号密码登录
+export function accountLogin(data) {
+  return request({
+    url: '/student/auth/login',
+    method: 'post',
+    data
+  })
+}
+
+//获取省市信息
+export function getCityIntfo(data) {
+  return request({
+    url: '/api/treeprovince',
+    method: 'post',
+    data
+  })
+}
+
+
+
 export function logout() {
   return request({
     url: '/vue-element-admin/user/logout',

src/components/ViewHeader/index.vue

@@ -55,9 +55,5 @@ export default {
       height: 100%;
     }
   }
-
-  .btn {
-    // background-color: $defaultColor;
-  }
 }
 </style>

src/main.js

@@ -2,7 +2,7 @@
  * @Author: AnthonyD
  * @Date:   2023-02-22 11:31:31
  * @Last Modified by:   AnthonyD
- * @Last Modified time: 2023-03-07 16:07:17
+ * @Last Modified time: 2023-03-20 15:52:07
  */
 import Vue from 'vue'
 
@@ -28,9 +28,10 @@ import * as filters from './filters' // global filters
 
 
 //引入加密函数，并将其封装
-import {handleParams,Aesdecrypt} from '@/utils/cryptoJS';
+import { handleParams, Aesdecrypt, removeProperty } from '@/utils/cryptoJS';
 Vue.prototype.$handleParams = handleParams;//封装机密格式的参数
 Vue.prototype.$Aesdecrypt = Aesdecrypt;//封装机密格式的参数
+Vue.prototype.$removeProperty = removeProperty;//去除空值
 
 /**
  * If you don't want to use mock-server
@@ -45,6 +46,7 @@ if (process.env.NODE_ENV === 'production') {
   mockXHR()
 }
 
+
 Vue.use(Element, {
   size: Cookies.get('size') || 'medium', // set element-ui default size
   locale: enLang // 如果使用中文，无需设置，请删除

src/permission.js

@@ -2,7 +2,7 @@
  * @Author: AnthonyD
  * @Date:   2023-02-22 11:31:31
  * @Last Modified by:   AnthonyD
- * @Last Modified time: 2023-03-01 14:40:23
+ * @Last Modified time: 2023-03-17 16:45:37
  */
 import router from './router'
 import store from './store'
@@ -14,9 +14,9 @@ import getPageTitle from '@/utils/get-page-title'
 
 NProgress.configure({ showSpinner: false }) // NProgress Configuration
 
-const whiteList = ['/login', '/auth-redirect'] // no redirect whitelist
+const whiteList = ['/login', '/auth-redirect', '/login_info'] // no redirect whitelist
 
-router.beforeEach(async(to, from, next) => {
+router.beforeEach(async (to, from, next) => {
   // start progress bar
   NProgress.start()
 

src/router/index.js

@@ -2,7 +2,7 @@
  * @Author: AnthonyD
  * @Date:   2023-02-22 11:31:31
  * @Last Modified by:   AnthonyD
- * @Last Modified time: 2023-03-14 18:19:16
+ * @Last Modified time: 2023-03-17 16:45:18
  */
 import Vue from 'vue'
 import Router from 'vue-router'
@@ -61,6 +61,11 @@ export const constantRoutes = [
     component: () => import('@/views/login/index'),
     hidden: true
   },
+  {
+    path: '/login_info',
+    component: () => import('@/views/login-info/index.vue'),
+  },
+
   {
     path: '/auth-redirect',
     component: () => import('@/views/login/auth-redirect'),
@@ -77,6 +82,7 @@ export const constantRoutes = [
     hidden: true
   },
 
+
   // {
   //   path: '/documentation',
   //   component: Layout,
@@ -127,32 +133,33 @@ export const asyncRoutes = [
     path: '/',
     component: Layout,
     redirect: '/personal',
-    children:[
+    children: [
       {
-        path:'personal',
-        name:'personal',
+        path: 'personal',
+        name: 'personal',
         component: () => import('@/views/personal/index.vue'),
       },
       {
-        path:'affirm',
-        name:'affirm',
+        path: 'affirm',
+        name: 'affirm',
         component: () => import('@/views/affirm/index.vue'),
       },
       {
-        path:'test-result',
-        name:'test-result',
+        path: 'test-result',
+        name: 'test-result',
         component: () => import('@/views/test-result/index.vue'),
       },
       {
-        path:'upload-result',
-        name:'upload-result',
+        path: 'upload-result',
+        name: 'upload-result',
         component: () => import('@/views/upload-result/index.vue'),
       },
       {
-        path:'analysis',
-        name:'analysis',
+        path: 'analysis',
+        name: 'analysis',
         component: () => import('@/views/analysis/index.vue'),
       },
+
     ]
   },
 

src/store/modules/user.js

@@ -2,9 +2,9 @@
  * @Author: AnthonyD
  * @Date:   2023-02-22 11:31:31
  * @Last Modified by:   AnthonyD
- * @Last Modified time: 2023-03-07 15:00:39
+ * @Last Modified time: 2023-03-20 15:37:37
  */
-import { login, logout, getInfo } from '@/api/user'
+import { login, logout, getInfo, accountLogin } from '@/api/user'
 import { getToken, setToken, removeToken } from '@/utils/auth'
 import router, { resetRouter } from '@/router'
 
@@ -16,12 +16,12 @@ const state = {
   roles: [],
   hasUser: false,
   //创建一个对象
-  user:{},
+  user: {},
 }
 
 const mutations = {
   //存vuex里
-  SET_USER:(state,user)=>{
+  SET_USER: (state, user) => {
     state.user = user
   },
   SET_TOKEN: (state, token) => {
@@ -42,7 +42,7 @@ const mutations = {
 
   SET_HASUSER: (state, hasUser) => {
     state.hasUser = hasUser
-   },
+  },
 }
 
 const actions = {
@@ -66,6 +66,24 @@ const actions = {
     })
   },
 
+  // user login
+  AccountLogin({ commit }, userInfo) {
+    const { username, password } = userInfo
+    return new Promise((resolve, reject) => {
+      accountLogin(userInfo).then(response => {
+        // const { data } = response
+        //存储在vuex中
+        commit('SET_TOKEN', response.access_token)
+        //存储在Cookies中
+        setToken(response.access_token)
+        //返回继续执行then
+        resolve(response)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+
   // get user info
   getInfo({ commit, state }) {
     return new Promise((resolve, reject) => {

src/utils/validate.js

@@ -2,7 +2,7 @@
  * @Author: AnthonyD
  * @Date:   2023-02-22 11:31:31
  * @Last Modified by:   AnthonyD
- * @Last Modified time: 2023-03-14 11:12:01
+ * @Last Modified time: 2023-03-17 14:58:10
  */
 /**
  * Created by PanJiaChen on 16/11/18.
@@ -71,6 +71,7 @@ export function validEmail(email) {
   return reg.test(email)
 }
 
+
 /**
  * @param {string} str
  * @returns {Boolean}

src/views/login/components/account.vue

+<script>
+/**
+ * @Author: AnthonyD
+ * @Date:   2023-03-17 13:37:43
+ * @Last Modified by:   AnthonyD
+ * @Last Modified time: 2023-03-20 17:27:35
+ */
+</script><template>
+  <div>
+    <el-form
+      :model="loginForm"
+      :rules="loginRules"
+      ref="ruleForm"
+      class="demo-ruleForm"
+    >
+      <el-form-item prop="name">
+        <div>
+          <p style="font-weight: bold; line-height: 25px" class="pointer">
+            账号
+          </p>
+          <div>
+            <el-input
+              ref="account_input"
+              v-model="loginForm.name"
+              placeholder="手机号/邮箱/身份证号"
+              type="text"
+              tabindex="1"
+            >
+            </el-input>
+          </div>
+        </div>
+      </el-form-item>
+      <el-form-item prop="password">
+        <div>
+          <p style="font-weight: bold; line-height: 25px" class="pointer">
+            密码
+          </p>
+          <div>
+            <el-input
+              ref="password"
+              :key="passwordType"
+              :type="passwordType"
+              placeholder="输入密码"
+              v-model="loginForm.password"
+              name="password"
+              @keyup.native="checkCapslock"
+              @blur="capsTooltip = false"
+              @keyup.enter.native="handleLogin"
+              tabindex="2"
+            >
+            </el-input>
+          </div>
+        </div>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: '',
+
+  data() {
+    const validateAccount = (rule, value, callback) => {
+      if (!value || /[\u4E00-\u9FA5]/g.test(value) || '') {
+        console.log(value);
+        callback(new Error('请重新账号输入'));
+      } else {
+        callback();
+      }
+    };
+    const validatePassword = (rule, value, callback) => {
+      if (!value || !(value.length >= 8)) {
+        callback(new Error('密码错误，请重新输入'));
+      } else {
+        callback();
+      }
+    };
+    return {
+      loginForm: {
+        name: null,
+        password: null,
+      },
+      passwordType: 'password',
+      loginRules: {
+        name: [{ required: true, trigger: 'blur', validator: validateAccount }],
+        password: [
+          { required: true, trigger: 'blur', validator: validatePassword },
+        ],
+      },
+    };
+  },
+  mounted() {
+    // if (!this.loginForm.name) {
+    //   this.$refs.account_input.focus();
+    // } else if (!this.loginForm.password) {
+    //   this.$refs.password.focus();
+    // }
+  },
+  methods: {
+    checkCapslock(e) {
+      const { key } = e;
+      this.capsTooltip = key && key.length === 1 && key >= 'A' && key <= 'Z';
+    },
+    //
+    handleLogin() {
+      this.$emit('Login', null);
+    },
+  },
+};
+</script>
+
+<style lang="" scoped>
+</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-14 16:18:01
+ * @Last Modified time: 2023-03-17 11:25:26
  */
 </script>
 
@@ -111,6 +111,8 @@
                 <h3 class="photo_header_title">上传纸质考试照片</h3>
               </el-col>
               <el-col :span="12" style="text-align: right">
+                <!-- :on-success="handleAvatarSuccess" -->
+                <!-- :http-request="uploadSubmit" -->
                 <el-upload
                   name="image"
                   v-if="test_results && test_results.test_results_image"
@@ -118,6 +120,7 @@
                   :action="
                     IP + '/student/test_results/imageUpload/' + result_id
                   "
+                  :on-progress="uploadSubmit"
                   :on-success="handleAvatarSuccess"
                   :headers="headers"
                   :show-file-list="false"
@@ -138,7 +141,7 @@
                 </el-upload> -->
               </el-col>
             </el-row>
-            <div class="grid-content_upload">
+            <div class="grid-content_upload" v-loading="is_loading">
               <div class="upload_btn">
                 <div
                   class="img_box"
@@ -153,6 +156,7 @@
                   :action="
                     IP + '/student/test_results/imageUpload/' + result_id
                   "
+                  :on-progress="uploadSubmit"
                   :on-success="handleAvatarSuccess"
                   :headers="headers"
                   drag
@@ -198,6 +202,7 @@ export default {
       imgrul: null,
       test_card_info: {},
       is_force: false,
+      is_loading: false,
     };
   },
   created() {
@@ -293,8 +298,19 @@ export default {
     //   });
     // },
     handleAvatarSuccess(res, file) {
-      // this.imageUrl = URL.createObjectURL(file.raw);
-      this.getTestData();
+      if (res.code == 200 && res.message) {
+        this.is_loading = false;
+        this.test_results.test_results_image = res.status;
+        for (let i in this.test_result_sub_data) {
+          if (res.message[this.test_result_sub_data[i].id]) {
+            this.test_result_sub_data[i].value =
+              res.message[this.test_result_sub_data[i].id];
+          }
+        }
+      }
+    },
+    uploadSubmit(event, file, fileList) {
+      this.is_loading = true;
     },
   },
 };
@@ -397,18 +413,18 @@ export default {
 .grid-content_upload {
   text-align: center;
   background: #fafafa;
-  height: 648px;
+  height: 779px;
   border: 2px solid #dcdfe6;
   border-radius: 5px;
   position: relative;
   .img_box {
     width: 100%;
-    height: 640px;
+    // height: 100%;
     // position: absolute;
     text-align: center;
     img {
       width: 100%;
-      height: 100%;
+      height: 775px;
     }
   }
 }