From d0d37d9e894fa810eb9932076fdf8bc55d495ce8 Mon Sep 17 00:00:00 2001
From: Romesum <zhiyuewu@foxmail.com>
Date: Fri, 1 May 2020 23:41:35 +0800
Subject: [PATCH] =?UTF-8?q?[fix][V]=EF=BC=9A=E5=AE=8C=E5=96=84=E7=99=BB?=
 =?UTF-8?q?=E9=99=86=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 element-vue/src/components/login.vue | 158 ++++++++++++---------------
 1 file changed, 67 insertions(+), 91 deletions(-)

diff --git a/element-vue/src/components/login.vue b/element-vue/src/components/login.vue
index 53e55bb..83eaaf4 100644
--- a/element-vue/src/components/login.vue
+++ b/element-vue/src/components/login.vue
@@ -1,34 +1,36 @@
 <template>
-    <div id="demo1" >
-        <div id="login"  >
-        <el-card  class="card" style="background-color: lavender;">
-            <div slot="header" class="clearfix">
-                <h2 >登录</h2>
-            </div>
-            <el-form ref="ruleForm" :rules="rules" :model="ruleForm" label-position="left" label-width="70px" >
-                <el-form-item label="身份：" align="left" prop="identity" style="width: 100%">
-                    <el-select v-model="ruleForm.identity" placeholder="请选择您的身份" style="width:100% ">
-                        <el-option
-                                v-for="item in character"
-                                :key="item.value"
-                                :label="item.label"
-                                :value="item.value">
-                        </el-option>
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="账号：" required prop="account">
-                    <el-input type="text" v-model="ruleForm.account" placeholder="请输入您的账号" prefix-icon="el-icon-user-solid" class="required"></el-input>
-                </el-form-item>
-               <el-form-item label="密码："  required prop="psw">
-                   <el-input type="password" v-model="ruleForm.psw" placeholder="请输入您的密码" prefix-icon="el-icon-s-goods"></el-input>
-               </el-form-item>
-                <el-link class="phoneMessage link">手机短信登陆</el-link>
-                <el-link class="forgetPsw link" @click="dialogVisible = true">忘记密码</el-link>
-                <el-divider></el-divider>
-            </el-form>
-            <el-button type="primary" @click="submitForm('ruleForm')" style="width: 100%">登录</el-button>
+    <div id="demo1">
+        <div id="login">
+            <el-card class="card" style="background-color: lavender;">
+                <div slot="header" class="clearfix">
+                    <h2>登录</h2>
+                </div>
+                <el-form ref="ruleForm" :rules="rules" :model="ruleForm" label-position="left" label-width="70px">
+                    <el-form-item label="身份：" align="left" prop="identity" style="width: 100%">
+                        <el-select v-model="ruleForm.identity" placeholder="请选择您的身份" style="width:100% ">
+                            <el-option
+                                    v-for="item in character"
+                                    :key="item.value"
+                                    :label="item.label"
+                                    :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="账号：" required prop="account">
+                        <el-input type="text" v-model="ruleForm.account" placeholder="请输入您的账号"
+                                  prefix-icon="el-icon-user-solid" class="required"></el-input>
+                    </el-form-item>
+                    <el-form-item label="密码：" required prop="psw">
+                        <el-input type="password" v-model="ruleForm.psw" placeholder="请输入您的密码"
+                                  prefix-icon="el-icon-s-goods"></el-input>
+                    </el-form-item>
+                    <el-link class="phoneMessage link">手机短信登陆</el-link>
+                    <el-link class="forgetPsw link" @click="dialogVisible = true">忘记密码</el-link>
+                    <el-divider></el-divider>
+                </el-form>
+                <el-button type="primary" @click="submitForm('ruleForm')" style="width: 100%">登录</el-button>
 
-        </el-card>
+            </el-card>
         </div>
 
         <div id="forgetPsw">
@@ -38,7 +40,7 @@
                     width="30%">
                 <span>请联系超级管理员重置密码</span>
                 <span slot="footer" class="dialog-footer">
-    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+                <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
                 </span>
             </el-dialog>
         </div>
@@ -50,112 +52,86 @@
 
     export default {
         name: "login",
-        data(){
-            return{
+        data() {
+            return {
                 ruleForm: {
-                            identity:'',
-                            account:'',
-                            psw:'',
-                    },
-                character:[{
-                    label:'超级管理员',
-                    value:'supAdmister'
+                    identity: '',
+                    account: '',
+                    psw: '',
                 },
+                character: [{
+                        label: '超级管理员',
+                        value: '3'
+                    },
                     {
-                        label:'管理员',
-                        value:'admister'
+                        label: '管理员',
+                        value: '2'
                     },
                     {
-                        label:'老师',
-                        value:'teacher'
+                        label: '老师',
+                        value: '1'
                     }
-
                 ],
                 rules: {
                     account: [{
                         required: true, message: '请输入您的账号', trigger: 'blur'
                     }],
-                    psw:[
+                    psw: [
                         {
-                            required:true,message:'请输入您的密码',trigger: 'blur'
+                            required: true, message: '请输入您的密码', trigger: 'blur'
                         }
                     ],
                     identity: [{
-                        required:true,message:'请选择您的身份',trigger: 'change'
+                        required: true, message: '请选择您的身份', trigger: 'change'
                     }]
                 },
-                dialogVisible:false
+                dialogVisible: false
             }
         },
-        mounted() {
-            console.log('This is login')
-        },
         methods: {
-            aaa:function(){
-                console.log('aaaa')
-            },
-            submitForm:function(formName) {
-                this.$refs[formName].validate((valid) => {
+            submitForm (formName) {
+                this.$refs[formName].validate(async (valid) => {
                     if (valid) {
-                        console.log(this.ruleForm.identity)
-                        console.log(this.ruleForm.account)
-                        console.log(this.ruleForm.psw)
-                        get('login',{
-                            identity: this.ruleForm.identity,
-                            account: this.ruleForm.account,
-                            psw: this.ruleForm.psw
-                        })
-                        post('login',{
-                            identity: this.ruleForm.identity,
-                            account: this.ruleForm.account,
-                            psw: this.ruleForm.psw
+                        await post('lb/user/login', {
+                            auth: this.ruleForm.identity,
+                            username: this.ruleForm.account,
+                            password: this.ruleForm.psw
                         })
-                        // axios.post('/login', {
-                        //     identity: this.identity,
-                        //     account: this.account,
-                        //     psw: this.psw
-                        // })
-                        //     .then(function (response) {  //取出服务器响应回来的数据
-                        //         console.log(response);
-                        //         this.$router.push('/')
-                        //     })
-                    } else {
+                        // 跳转页面
+
+                   } else {
                         console.log('error submit!!');
                         return false;
                     }
                 });
             },
-        },
-        async mounted() {
-            const data = await post('weapp/login',{
-                code:"123456"
-            })
-            console.log(data)
         }
-
     }
 </script>
 
 <style scoped>
-    #demo1{
-          background-color: aquamarine;
+    #demo1 {
+        background-color: aquamarine;
     }
-    #login{
+
+    #login {
         width: 400px;
         /*z-index:2*/
     }
-    .card{
+
+    .card {
         position: absolute;
         top: 25%;
         right: 10%;
         width: 30%;
     }
 
-    .forgetPsw{
+    .forgetPsw {
         position: relative;
         left: 28%;
     }
-    .phoneMessage{
+
+    .phoneMessage {
         position: relative;
         left: 25%;
     }