fix: 登陆 回车

src/views/login/index.vue

@@ -1,8 +1,8 @@
 <!--
  * @Author: WangQiBiao
  * @Date: 2019-10-08 15:33:28
- * @LastEditors: WangJiaCheng
- * @LastEditTime: 2021-05-31 10:02:47
+ * @LastEditors: wjc
+ * @LastEditTime: 2025-11-26 09:24:04
  * @Description: 登录
  -->
 <template>
@@ -10,69 +10,81 @@
     <el-form class="login-form" :model="formRule" :rules="rules" ref="formRule">
       <h1 class="login-form-label">绘管家落地数据大屏</h1>
       <el-form-item prop="user" class="input-item">
-        <el-input v-model="formRule.user" placeholder="请输入用户名"></el-input>
+        <el-input
+          v-model="formRule.user"
+          placeholder="请输入用户名"
+          @keyup.enter.native="onSubmit"
+        ></el-input>
       </el-form-item>
       <el-form-item prop="pwd" class="input-item">
-        <el-input v-model="formRule.pwd" show-password placeholder="请输入登录密码"></el-input>
+        <el-input
+          v-model="formRule.pwd"
+          show-password
+          placeholder="请输入登录密码"
+          @keyup.enter.native="onSubmit"
+        ></el-input>
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" v-loading="isLoading" style="width: 100%; " @click="onSubmit" class="login-btn">登录</el-button>
+        <el-button
+          type="primary"
+          v-loading="isLoading"
+          style="width: 100%"
+          @click="onSubmit"
+          class="login-btn"
+          >登录</el-button
+        >
       </el-form-item>
     </el-form>
   </div>
 </template>
 <script>
-export default {
-  data () {
-    return {
-      formRule: {
-        user: '',
-        pwd: ''
-      },
-      rules: {
-        user: [
-          { required: true, message: '请输入账号' }
-        ],
-        pwd: [
-          { required: true, message: '请输入密码' }
-        ]
-      },
-      whiteUser: ['wisdomcity', 'wisdomcity2019'], // 白名单账号
-      isLoading: false
-    }
-  },
-  methods: {
-    onSubmit () {
-      this.$refs['formRule'].validate((valid) => {
-        if (valid) {
-          this.isLoading = true
-          if (this.whiteUser.includes(this.formRule.user)) {
-            localStorage.setItem('token', 'fdsfas41234123fdsf4132423vsvd134')
-            setTimeout(() => {
+  export default {
+    data() {
+      return {
+        formRule: {
+          user: "",
+          pwd: "",
+        },
+        rules: {
+          user: [{ required: true, message: "请输入账号" }],
+          pwd: [{ required: true, message: "请输入密码" }],
+        },
+        whiteUser: ["wisdomcity", "wisdomcity2019"], // 白名单账号
+        isLoading: false,
+      }
+    },
+    methods: {
+      onSubmit() {
+        this.$refs["formRule"].validate((valid) => {
+          if (valid) {
+            this.isLoading = true
+            if (this.whiteUser.includes(this.formRule.user)) {
+              localStorage.setItem("token", "fdsfas41234123fdsf4132423vsvd134")
+              setTimeout(() => {
+                this.isLoading = false
+                let isDemo = localStorage.getItem("demo")
+                if (isDemo === "true") {
+                  this.$router.push({ path: "/index?demo=true" })
+                } else {
+                  this.$router.push({ path: "/index" })
+                }
+              }, 1)
+            } else {
               this.isLoading = false
-              let isDemo = localStorage.getItem('demo')
-              if (isDemo === 'true') {
-                this.$router.push({ path: '/index?demo=true' })
-              } else {
-                this.$router.push({ path: '/index' })
-              }
-            }, 1)
+              this.$message({
+                message: `您输入的账号或者密码有误，请重新输入正确的账号和密码！`,
+                type: "warning",
+              })
+            }
           } else {
-            this.isLoading = false
-            this.$message({
-              message: `您输入的账号或者密码有误，请重新输入正确的账号和密码！`,
-              type: 'warning'
-            })
+            return false
           }
-        } else {
-          return false
-        }
-      })
-    }
+        })
+      },
+    },
   }
-}
 </script>
 
 <style lang="scss" scoped>
-@import "./index.scss";
+  @import "./index.scss";
 </style>