{"remainingRequest":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManagerSystem\\src\\WarehouseManagerVue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManagerSystem\\src\\WarehouseManagerVue\\src\\components\\Login.vue?vue&type=style&index=0&id=ef68022e&scoped=true&lang=css&","dependencies":[{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManagerSystem\\src\\WarehouseManagerVue\\src\\components\\Login.vue","mtime":1677999873767},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManagerSystem\\src\\WarehouseManagerVue\\node_modules\\css-loader\\dist\\cjs.js","mtime":1677927573745},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManagerSystem\\src\\WarehouseManagerVue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1677927577942},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManagerSystem\\src\\WarehouseManagerVue\\node_modules\\postcss-loader\\src\\index.js","mtime":1677927575422},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManagerSystem\\src\\WarehouseManagerVue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1677927572803},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManagerSystem\\src\\WarehouseManagerVue\\node_modules\\vue-loader\\lib\\index.js","mtime":1677927577316}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Cmh0bWwsIGJvZHkgewogICAgb3ZlcmZsb3cteDogaGlkZGVuOwp9Ci5sb2dpbkJvZHkgewogICAgcG9zaXRpb246IGFic29sdXRlOwogICAgd2lkdGg6IDEwMCU7CiAgICBoZWlnaHQ6IDEwMCU7CiAgICAvKiBiYWNrZ3JvdW5kLWNvbG9yOiAjQjNDMEQxOyAqLwogICAgYmFja2dyb3VuZDp1cmwoJy4uL2Fzc2V0cy9ob21lLmpwZycpOwogICAgYmFja2dyb3VuZC1zaXplOjEwMCUgMTAwJTsKfQoubG9naW5EaXYgewogICAgcG9zaXRpb246IGFic29sdXRlOwogICAgdG9wOiA1MCU7CiAgICBsZWZ0OiA1MCU7CiAgICBtYXJnaW4tdG9wOiAtMjAwcHg7CiAgICBtYXJnaW4tbGVmdDogLTI1MHB4OwogICAgd2lkdGg6IDQ1MHB4OwogICAgaGVpZ2h0OiAzMzBweDsKICAgIGJhY2tncm91bmQ6ICNmZmY7CiAgICBib3JkZXItcmFkaXVzOiA1JTsKCn0KLmxvZ2luLXRpdGxlIHsKICAgIG1hcmdpbjogMjBweCAwOwogICAgdGV4dC1hbGlnbjogY2VudGVyOwp9Ci5sb2dpbi1jb250ZW50IHsKICAgIHdpZHRoOiA0MDBweDsKICAgIGhlaWdodDogMjUwcHg7CiAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICB0b3A6IDI1cHg7CiAgICBsZWZ0OiAyNXB4Owp9Cg=="},{"version":3,"sources":["Login.vue"],"names":[],"mappings":";AAwHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Login.vue","sourceRoot":"src/components","sourcesContent":["<template>\r\n    <div class=\"loginBody\">\r\n        <div style=\"width:98%;text-align:center;color:white;padding: 100px 100px 0 0;font-size:22px;\">\r\n            <h1>欢迎访问仓库管理系统</h1>\r\n        </div>\r\n        \r\n        <div class=\"loginDiv\">\r\n            <div class=\"login-content\">\r\n                <h1 class=\"login-title\">用户登录</h1>\r\n                <el-form :model=\"loginForm\" label-width=\"100px\"\r\n                         :rules=\"rules\" ref=\"loginForm\">\r\n                    <el-form-item label=\"账号\" prop=\"no\">\r\n                        <el-input style=\"width: 200px\" type=\"text\" v-model=\"loginForm.no\"\r\n                                  autocomplete=\"off\" size=\"small\"></el-input>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"密码\" prop=\"password\">\r\n                        <el-input style=\"width: 200px\" type=\"password\" v-model=\"loginForm.password\"\r\n                                  show-password autocomplete=\"off\" size=\"small\" @keyup.enter.native=\"confirm\"></el-input>\r\n                    </el-form-item>\r\n                    <el-form-item>\r\n                        <el-button type=\"primary\" @click=\"confirm\" :disabled=\"confirm_disabled\">登 录</el-button>\r\n                    </el-form-item>\r\n                </el-form>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n\r\n<script>\r\n    export default {\r\n        name: \"Login\",\r\n        data(){\r\n            return{\r\n                confirm_disabled:false,  //防止多次提交\r\n                loginForm:{\r\n                    no:'',\r\n                    password:''\r\n                },\r\n                rules:{\r\n                    no: [\r\n                        { required: true, message: '请输入账号', trigger: 'blur' }\r\n                    ],\r\n                    password: [\r\n                        { required: true, message: '请输密码', trigger: 'blur' }\r\n                    ],\r\n                }\r\n            }\r\n        },\r\n        methods:{\r\n\r\n            confirm(){\r\n                this.confirm_disabled=true;\r\n                this.$refs.loginForm.validate((valid) => {\r\n                    if (valid) { //valid成功为true，失败为false\r\n                        //去后台验证用户名密码\r\n                        this.$axios.post(this.$httpUrl+'/user/login',this.loginForm).then(res=>res.data).then(res=>{\r\n                            console.log(res)\r\n                            if(res.code==200){\r\n                                //存储\r\n                                sessionStorage.setItem(\"CurUser\",JSON.stringify(res.data.user))\r\n\r\n                                console.log(res.data.menu)\r\n                                this.$store.commit(\"setMenu\",res.data.menu)\r\n                                //跳转到主页\r\n                                this.$router.replace('/Index');\r\n                            }else{\r\n                                this.confirm_disabled=false;\r\n                                alert('校验失败，用户名或密码错误！');\r\n                                return false;\r\n                            }\r\n                        });\r\n                    } else {\r\n                        this.confirm_disabled=false;\r\n                        console.log('校验失败');\r\n                        return false;\r\n                    }\r\n                });\r\n\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped>\r\n    html, body {\r\n        overflow-x: hidden;\r\n    }\r\n    .loginBody {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        /* background-color: #B3C0D1; */\r\n        background:url('../assets/home.jpg');\r\n        background-size:100% 100%;\r\n    }\r\n    .loginDiv {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        margin-top: -200px;\r\n        margin-left: -250px;\r\n        width: 450px;\r\n        height: 330px;\r\n        background: #fff;\r\n        border-radius: 5%;\r\n\r\n    }\r\n    .login-title {\r\n        margin: 20px 0;\r\n        text-align: center;\r\n    }\r\n    .login-content {\r\n        width: 400px;\r\n        height: 250px;\r\n        position: absolute;\r\n        top: 25px;\r\n        left: 25px;\r\n    }\r\n</style>"]}]}