Jelajahi Sumber

fix: 禁止用户名输入中文,增加用户信息中展示的数据

weijin 4 tahun lalu
induk
melakukan
e9f3c031e5

+ 2 - 2
assets/css/login.scss

@@ -12,11 +12,11 @@
 }
 
 .login-card{
-  width: 30%;
+  width: 35%;
   float: right;
   top: 100px;
   position: relative;
-  right: 20%;
+  right: 15%;
   margin-bottom: 100px;
   z-index: 2;
 

+ 2 - 2
assets/css/person.scss

@@ -33,7 +33,7 @@
 
   &__info{
     width: 400px;
-    padding: 30px;
+    padding: 20px 30px;
     font-size: 18px;
 
     &-item{
@@ -63,7 +63,7 @@
       }
 
       &__value{
-        margin: 20px 0 30px 0;
+        margin: 15px 0 20px 0;
       }
 
     }

+ 1 - 4
components/Navi.vue

@@ -30,7 +30,7 @@
             </div>
             <el-menu
               class="el-menu-vertical-demo drop-list">
-              <el-menu-item index="2" v-if="isTeacher">
+              <el-menu-item index="2" v-if="isTeacher" disabled>
                 教师界面
               </el-menu-item>
               <el-menu-item index="3" @click="logout">
@@ -82,17 +82,14 @@ export default {
           {
             target: '#v-step-2',
             content: '这里是开发平台',
-            
           },
           {
             target: '#v-step-3',
             content: '这里是个人中心,里面会有你的基本信息、学习数据等',
-            
           },
           {
             target: '#v-step-4',
             content: '这里是通关模式,你可以获取题库的推荐,进行每日一题的训练',
-            
           }
         ]
     }

+ 6 - 6
pages/person/identification.vue

@@ -110,24 +110,24 @@ export default {
       teacher: {
         realName: '',
         organization: '',
-        jobNumber: '',
+        jobNumber: ''
       },
       staff: {
         realName: '',
         organization: '',
-        jobNumber: '',
+        jobNumber: ''
       },
       hr: {
         realName: '',
         organization: '',
-        jobNumber: '',
+        jobNumber: ''
       },
       pageLoading: true,
       loading: false
     }
   },
   mounted () {
-    this.$api.$get('/teacher/getInfo', {
+    this.$api.$get('/super/getInfo', {
       realName: this.realName,
       jobNumber: this.jobNumber,
       organization: this.organization
@@ -211,7 +211,7 @@ export default {
         this.loading = false
         return
       }
-      this.$api.$post('/teacher/apply', {
+      this.$api.$post('/super/apply', {
         realName: realName,
         jobNumber: jobNumber,
         organization: organization,
@@ -285,7 +285,7 @@ export default {
         this.loading = false
         return
       }
-      this.$api.$post('/teacher/reapply', {
+      this.$api.$post('/super/reapply', {
         realName: realName,
         jobNumber: jobNumber,
         organization: organization,

+ 20 - 0
pages/person/info.vue

@@ -22,6 +22,14 @@
           </span>
         </el-dialog>
       </div>
+
+      <div class="main-card__info-item">
+        <div class="main-card__info-item__head">
+          <p class="main-card__info-item__name">用户名</p>
+        </div>
+        <div class="main-card__info-item__value">{{username}}</div>
+      </div>
+
       <div class="main-card__info-item">
         <div class="main-card__info-item__head">
           <p class="main-card__info-item__name">邮箱</p>
@@ -40,6 +48,14 @@
           </span>
         </el-dialog>
       </div>
+
+      <div class="main-card__info-item">
+        <div class="main-card__info-item__head">
+          <p class="main-card__info-item__name">手机号</p>
+        </div>
+        <div class="main-card__info-item__value">{{phone}}</div>
+      </div>
+
       <div class="main-card__info-item">
         <div class="main-card__info-item__head">
           <p class="main-card__info-item__name">个性签名</p>
@@ -69,7 +85,9 @@ export default {
   data () {
     return {
       name: '',
+      username: '',
       email: '',
+      phone: '',
       signature: '',
       newName: '',
       newEmail: '',
@@ -91,7 +109,9 @@ export default {
         if (res.code === 0) {
           const data = res.data
           this.name = data.name
+          this.username = data.username
           this.email = data.email
+          this.phone = data.phone
           this.signature = data.signature
         } else {
           this.$message({

+ 7 - 2
pages/register.vue

@@ -3,8 +3,8 @@
     <el-card class="login-card">
       <h2 class="login-card__title login-card__item">注 册</h2>
       <el-input ref="name" v-model="name" placeholder="请输入昵称, 长度为1-20个字符" maxlength="20" class="login-card__item"  autofocus></el-input>
-      <el-input ref="username" v-model="username" placeholder="请输入用户名,这是你个唯一标识,只允许英文数字字符,长度为1-20" maxlength="20" class="login-card__item"></el-input>
-      <el-input ref="password" v-model="password" type="password" placeholder="请输入密码, 长度为8-30个字符,只能包括数字与字母" minlength="8" maxlength="30" class="login-card__item"></el-input>
+      <el-input ref="username" v-model="username" placeholder="请输入用户名, 只允许英文数字字符, 长度为1-20个字符" maxlength="20" class="login-card__item"></el-input>
+      <el-input ref="password" v-model="password" type="password" placeholder="请输入密码, 只允许英文和数字, 长度为8-30个字符" minlength="8" maxlength="30" class="login-card__item"></el-input>
       <el-input ref="passwordConfirm" v-model="passwordConfirm" type="password" placeholder="请再次输入密码" minlength="8" maxlength="30" class="login-card__item"></el-input>
       <el-input ref="email" v-model="email" placeholder="请输入邮箱" maxlength="320" class="login-card__item" autofocus></el-input>
       <el-input ref="phone" v-model="phone"  oninput="value=value.replace(/[^\d]/g,'')" placeholder="请输入手机号" minlength='11' maxlength='11' class="login-card__item"></el-input>
@@ -38,6 +38,11 @@ export default {
       email: ''
     }
   },
+  watch: {
+    username: function () {
+      this.username = this.username.replace(/[\u4E00-\u9FA5]/ig, '')
+    }
+  },
   methods: {
     sendMessage () {
       if (this.phone.length < 11) {