1

src/views/login.vue

@@ -16,7 +16,8 @@
       </el-form-item>
       <el-checkbox class="rememberMe" v-model="rememberMe">记住我</el-checkbox>
       <el-form-item>
-        <el-button type="primary" @click="handleConfirmEvent" style="width: 100%"><i class="el-icon-upload"></i> 登 录
+        <el-button type="primary" @click="handleConfirmEvent" style="width: 100%">
+          <i class="el-icon-upload"></i> 登 录
         </el-button>
       </el-form-item>
       <div class="navigate">
@@ -28,50 +29,49 @@
 
 <script>
 export default {
-  name: 'login',
+  name: "login",
   data() {
     return {
       addAndEditFormData: {
-        account: '',
-        password: '',
-        verification: ''
+        account: "",
+        password: "",
+        verification: ""
       },
       rememberMe: true,
-      imgSrc: '/getVerify?temp=' + new Date(),
-      message: '',
+      imgSrc: "/getVerify?temp=" + new Date(),
+      message: "",
       addAndEditRules: {
         account: {
-          required: true, message: '账号不能为空', trigger: 'blur'
+          required: true, message: "账号不能为空", trigger: "blur"
         },
         password: {
-          required: true, message: '密码不能为空', trigger: 'blur'
+          required: true, message: "密码不能为空", trigger: "blur"
         },
         verification: {
-          required: true, message: '验证码不能为空', trigger: 'blur'
-        },
-      },
-
-    }
+          required: true, message: "验证码不能为空", trigger: "blur"
+        }
+      }
+    };
   },
   created() {
   },
   methods: {
     getVerification() {
-      this.imgSrc = '/getVerify?temp=' + +new Date();
+      this.imgSrc = "/getVerify?temp=" + +new Date();
     },
     handleConfirmEvent() {
-      this.$refs.loginFrom.validate((valid) => {
+      this.$refs.loginFrom.validate(valid => {
         if (valid) {
           let params = {
-            "account": this.addAndEditFormData.account,
-            "password": this.addAndEditFormData.password,
-            "verification": this.addAndEditFormData.verification
+            account: this.addAndEditFormData.account,
+            password: this.addAndEditFormData.password,
+            verification: this.addAndEditFormData.verification
           };
-          this.api.postApi('/login', params).then(e => {
+          this.api.postApi("/login", params).then(e => {
             if (e.data.code === 200) {
-              localStorage.setItem('Authorization', e.data.data.authorization);
+              localStorage.setItem("Authorization", e.data.data.authorization);
               this.$router.push({
-                path: '/manager',
+                path: "/manager",
                 query: {
                   username: e.name,
                   account: e.account
@@ -81,17 +81,18 @@ export default {
           });
         }
       });
-    },
+    }
   }
-}
+};
 </script>
 
 <style scoped>
-.login{
+.login {
   /*background-color: #edf0ff; !* 登录页面背景 *!*/
   background-color: #ccecff; /* 登录页面背景 */
   height: 100%;
 }
+
 .form {
   border-radius: 15px;
   background-clip: padding-box;
@@ -99,10 +100,10 @@ export default {
   position: absolute;
   left: 50%;
   top: 50%;
-  transform: translate(-50%,-50%);
+  transform: translate(-50%, -50%);
   padding: 15px 25px;
   /*background: #e7efee;  !* 框背景颜色 *!*/
-  background: #f6f6f6;  /* 框背景颜色 */
+  background: #f6f6f6; /* 框背景颜色 */
   /*border: #ba0716;*/
   box-shadow: 0 0 25px #3c4242;
 }
@@ -119,7 +120,7 @@ export default {
 .loginTitle {
   margin: 0 auto 15px auto;
   text-align: center;
-  color: #3c8dbc
+  color: #3c8dbc;
 }
 
 .rememberMe {
@@ -130,7 +131,7 @@ export default {
 
 .navigate {
   text-align: right;
-  color: #8B8989;
+  color: #8b8989;
   font-size: small;
   margin-top: -10px;
 }

src/views/register/register.vue

 <template>
   <div id="register">
-    <el-form ref="registerForm" :model="addAndEditFormData" :rules="addAndEditRules" class="registerForm">
+    <el-form
+      ref="registerForm"
+      :model="addAndEditFormData"
+      :rules="addAndEditRules"
+      class="registerForm"
+    >
       <h3 class="registerTitle">注册页面</h3>
       <el-form-item prop="account" label="账 号：">
-        <el-input v-model="addAndEditFormData.account" placeholder="请输入账号" style="width: 80%"></el-input>
+        <el-input
+          v-model="addAndEditFormData.account"
+          placeholder="请输入账号"
+          style="width: 80%"
+        ></el-input>
       </el-form-item>
       <el-form-item prop="password" label="密 码：">
-        <el-input v-model="addAndEditFormData.password" placeholder="请输入密码" show-password style="width: 80%"></el-input>
+        <el-input
+          v-model="addAndEditFormData.password"
+          placeholder="请输入密码"
+          show-password
+          style="width: 80%"
+        ></el-input>
       </el-form-item>
       <el-form-item prop="confirmPassword" label="确认密码:">
-        <el-input v-model="addAndEditFormData.confirmPassword" placeholder="请输入密码" show-password
-                  style="width:76%"></el-input>
+        <el-input
+          v-model="addAndEditFormData.confirmPassword"
+          placeholder="请输入密码"
+          show-password
+          style="width:76%"
+        ></el-input>
       </el-form-item>
       <el-form-item prop="name" label="用户名：">
-        <el-input v-model="addAndEditFormData.name" placeholder="请输入用户名" style="width:76%"></el-input>
+        <el-input
+          v-model="addAndEditFormData.name"
+          placeholder="请输入用户名"
+          style="width:76%"
+        ></el-input>
       </el-form-item>
       <el-form-item prop="phone" label="电话：">
-        <el-input v-model="addAndEditFormData.phone" placeholder="请输入电话" style="width:76%"></el-input>
+        <el-input
+          v-model="addAndEditFormData.phone"
+          placeholder="请输入电话"
+          style="width:76%"
+        ></el-input>
       </el-form-item>
       <el-form-item prop="classId" label="班级：">
-        <el-select placeholder="请选择班级" v-model="addAndEditFormData.classId" filterable size="small"
-                   style="width: 250px" clearable>
-          <el-option v-for="item in classNames" :key="item.id" :label="item.name" :value="item.id"/>
+        <el-select
+          placeholder="请选择班级"
+          v-model="addAndEditFormData.classId"
+          filterable
+          size="small"
+          style="width: 250px"
+          clearable
+        >
+          <el-option
+            v-for="item in classNames"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          />
         </el-select>
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" @click="handleConfirmEvent" style="width: 100%"><i class="el-icon-upload"></i>注 册
+        <el-button
+          type="primary"
+          @click="handleConfirmEvent"
+          style="width: 100%"
+          ><i class="el-icon-upload"></i>注 册
         </el-button>
       </el-form-item>
       <div class="navigate">
-        <span>已有账号？  <router-link to="/">去登陆</router-link></span>
+        <span>已有账号？ <router-link to="/">去登陆</router-link></span>
       </div>
     </el-form>
   </div>
@@ -37,71 +78,81 @@
 
 <script>
 export default {
-  name: 'register',
+  name: "register",
   data() {
     let validateConfirmPassword = (rule, value, callback) => {
-      if (value === '') {
+      if (value === "") {
         callback(new Error("请输入确认密码"));
       } else if (value !== this.addAndEditFormData.password) {
         callback(new Error("两次密码输入不一致"));
       } else {
         callback();
       }
-    }
+    };
     return {
       classNames: [], // 班级数据
       addAndEditFormData: {
-        name: '',
-        phone: '',
-        account: '',
-        password: '',
-        classId: '',
-        confirmPassword: '', // 确认密码
+        name: "",
+        phone: "",
+        account: "",
+        password: "",
+        classId: "",
+        confirmPassword: "" // 确认密码
       },
-      message: '',
+      message: "",
       addAndEditRules: {
         account: {
-          required: true, message: '账号不能为空', trigger: 'blur'
+          required: true,
+          message: "账号不能为空",
+          trigger: "blur"
         },
         password: {
-          required: true, message: '密码不能为空', trigger: 'blur'
+          required: true,
+          message: "密码不能为空",
+          trigger: "blur"
         },
         name: {
-          required: true, message: '用户名不能为空', trigger: 'blur'
+          required: true,
+          message: "用户名不能为空",
+          trigger: "blur"
         },
         confirmPassword: {
-          required: true, validator: validateConfirmPassword, trigger: 'blur'
+          required: true,
+          validator: validateConfirmPassword,
+          trigger: "blur"
         },
         phone: {
-          required: true, message: '电话不能为空', trigger: 'blur'
+          required: true,
+          message: "电话不能为空",
+          trigger: "blur"
         }
       },
       // 样式数据
-      formLabelWidth: '120px',
-    }
+      formLabelWidth: "120px"
+    };
   },
   created() {
-    this.classNames.push({
+    /*this.classNames.push({
       id: 1, name: "人间盛世颜一班"
     })
     this.classNames.push({
       id: 2, name: "人间盛世颜二班"
-    })
+    })*/
   },
   methods: {
     handleConfirmEvent() {
-      this.$refs.registerForm.validate((valid) => {
+      this.$refs.registerForm.validate(valid => {
         if (valid) {
-          this.api.postApi('/register', this.addAndEditFormData).then(e => {
+          this.api.postApi("/register", this.addAndEditFormData).then(e => {
             if (e.data.code === 200) {
               this.$router.push("/");
             }
           });
         }
       });
-    },
+    }
   }
-}
+};
 </script>
 
 <style scoped>
@@ -112,7 +163,7 @@ export default {
   position: absolute;
   left: 50%;
   top: 50%;
-  transform: translate(-50%,-50%);
+  transform: translate(-50%, -50%);
   padding: 15px 25px;
   background: #a9b3a9;
   border: #133cce;
@@ -122,6 +173,6 @@ export default {
 .registerTitle {
   margin: 0 auto 15px auto;
   text-align: center;
-  color: #3c8dbc
+  color: #3c8dbc;
 }
 </style>

src/views/system/stuClass/index.vue

+<template>
+
+</template>
+
+<script>
+  export default {
+    name: "index",
+    data() {
+      return {}
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>