From 02c5351c65c7dac231d477e771d9e4afacfeed33 Mon Sep 17 00:00:00 2001
From: ddmt <ddmt@ddmt.top>
Date: Sun, 7 Apr 2024 18:33:17 +0800
Subject: [PATCH] =?UTF-8?q?2024=E5=B9=B44=E6=9C=887=E6=97=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main.js         |  4 +++-
 src/views/login.vue | 31 +++++++++++++++++++++++--------
 2 files changed, 26 insertions(+), 9 deletions(-)

diff --git a/src/main.js b/src/main.js
index d72f80f..0e68131 100644
--- a/src/main.js
+++ b/src/main.js
@@ -19,9 +19,11 @@ import {
   MenuItem,
   Breadcrumb,
   BreadcrumbItem,
-  Avatar
+  Avatar,
+  Message
 } from 'element-ui'
 
+Vue.use(Message)
 Vue.use(Avatar)
 Vue.use(Button)
 Vue.use(Form)
diff --git a/src/views/login.vue b/src/views/login.vue
index 63d86b6..d98f622 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -2,7 +2,7 @@
   <div class="loginbody">
     <div class="logindata">
       <div class="logintext">
-        <h2>Welcome</h2>
+        <h2>{{ create ? '注册' : '登陆' }}</h2>
       </div>
       <div class="formdata">
         <el-form ref="form" :model="form" :rules="rules">
@@ -21,37 +21,46 @@
               show-password
             ></el-input>
           </el-form-item>
+          <el-form-item prop="repassword" v-if="create">
+            <el-input
+              v-model="form.repassword"
+              clearable
+              placeholder="请重复密码"
+              show-password
+            ></el-input>
+          </el-form-item>
         </el-form>
       </div>
       <div class="tool">
         <div>
-          <el-checkbox v-model="checked" @change="remenber"
+          <el-checkbox v-model="checked" @change="remenber" v-if="!create"
             >记住密码</el-checkbox
           >
         </div>
         <div>
-          <span class="shou" @click="forgetpas">忘记密码？</span>
+          <span class="shou" @click="forgetpas" v-if="!create">忘记密码？</span>
         </div>
       </div>
       <div class="butt">
         <el-button type="primary" @click.native.prevent="login"
-          >登录</el-button
+          >{{ create ? '注册' : '登陆' }}</el-button
         >
-        <el-button class="shou" @click="register">注册</el-button>
+        <el-button class="shou" @click="register">{{ create ? '返回' : '注册' }}</el-button>
       </div>
     </div>
   </div>
 </template>
 
 <script>
-
 export default {
   name: 'loGin',
   data () {
     return {
+      create: false,
       form: {
         password: '',
-        username: ''
+        username: '',
+        repassword: ''
       },
       checked: false,
       rules: {
@@ -62,6 +71,10 @@ export default {
         password: [
           { required: true, message: '请输入密码', trigger: 'blur' },
           { max: 10, message: '不能大于10个字符', trigger: 'blur' }
+        ],
+        repassword: [
+          { required: true, message: '请输入密码', trigger: 'blur' },
+          { max: 10, message: '不能大于10个字符', trigger: 'blur' }
         ]
       }
     }
@@ -92,7 +105,9 @@ export default {
       alert('请联系管理员')
     },
     register () {
-      alert('请联系管理员')
+      this.create = !this.create
+      this.$refs.form.clearValidate('username')
+      this.$refs.form.clearValidate('password')
     }
   }
 }