From a095c709f005015f3705ab4a4f350c758b3942c6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=A9=AC=E4=BA=91=E6=B5=B7=20mayunhai=20=28=29?=
 <mayunhai@tuniu.com>
Date: Thu, 4 Apr 2019 17:29:30 +0800
Subject: [PATCH] =?UTF-8?q?=E7=99=BB=E5=BD=95=E9=A1=B5=E9=9D=A2=E8=BE=93?=
 =?UTF-8?q?=E5=85=A5=E5=AF=86=E7=A0=81=E6=97=B6=20=20=E7=9B=91=E5=90=AC?=
 =?UTF-8?q?=E5=A4=A7=E5=86=99=E6=98=AF=E5=90=A6=E8=A2=AB=E9=94=81=E5=AE=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/login/index.vue | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 979cfcb4..c251f291 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -35,6 +35,7 @@
           :placeholder="$t('login.password')"
           name="password"
           auto-complete="on"
+          @keyup.native="checkCapslock"
           @keyup.enter.native="handleLogin"
         />
         <span class="show-pwd" @click="showPwd">
@@ -76,6 +77,7 @@
 
 <script>
 import { validUsername } from '@/utils/validate'
+import { debounce } from '@/utils'
 import LangSelect from '@/components/LangSelect'
 import SocialSign from './socialSignin'
 
@@ -134,6 +136,24 @@ export default {
     // window.removeEventListener('storage', this.afterQRScan)
   },
   methods: {
+    capslockNotify: debounce(function() {
+      this.$notify({
+        title: '提示',
+        message: '大写锁定已打开',
+        duration: 4500,
+        showClose: false,
+        type: 'warning'
+      })
+    }, 4500, true),
+    checkCapslock({ shiftKey, key } = {}) {
+      if (((key >= 'a' && key <= 'z') || (key >= 'A' && key <= 'Z')) && key.length === 1) {
+        if (shiftKey && (key >= 'a' && key <= 'z') || !shiftKey && (key >= 'A' && key <= 'Z')) {
+          this.capslockNotify()
+        } else {
+          this.$notify.closeAll()
+        }
+      }
+    },
     showPwd() {
       if (this.passwordType === 'password') {
         this.passwordType = ''