{"remainingRequest":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\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\\WarehouseManager\\src\\WarehouseManagerVue\\src\\components\\Login.vue","mtime":1713435226763},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\node_modules\\css-loader\\dist\\cjs.js","mtime":1713435216634},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1713435227553},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\node_modules\\postcss-loader\\src\\index.js","mtime":1713435221759},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1713435214031},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\node_modules\\vue-loader\\lib\\index.js","mtime":1713435227548}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQpodG1sLA0KYm9keSB7DQogICAgb3ZlcmZsb3cteDogaGlkZGVuOw0KfQ0KDQoubG9naW5Cb2R5IHsNCiAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgd2lkdGg6IDEwMCU7DQogICAgaGVpZ2h0OiAxMDAlOw0KICAgIC8qIGJhY2tncm91bmQtY29sb3I6ICNCM0MwRDE7ICovDQogICAgYmFja2dyb3VuZDogdXJsKCIuLi9hc3NldHMvaG9tZS5qcGciKTsNCiAgICBiYWNrZ3JvdW5kLXNpemU6IDEwMCUgMTAwJTsNCg0KICAgIG92ZXJmbG93LXg6IGhpZGRlbjsNCn0NCi5sb2dpbkRpdiB7DQogICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgIHRvcDogNTAlOw0KICAgIGxlZnQ6IDUwJTsNCiAgICBtYXJnaW4tdG9wOiAtMjAwcHg7DQogICAgbWFyZ2luLWxlZnQ6IC0yNTBweDsNCiAgICB3aWR0aDogNDUwcHg7DQogICAgaGVpZ2h0OiAzMzBweDsNCiAgICBiYWNrZ3JvdW5kOiAjZmZmOw0KICAgIGJvcmRlci1yYWRpdXM6IDUlOw0KICAgIG9wYWNpdHk6IDAuOTsNCn0NCi5sb2dpbi10aXRsZSB7DQogICAgbWFyZ2luOiAyMHB4IDA7DQogICAgdGV4dC1hbGlnbjogY2VudGVyOw0KfQ0KLmxvZ2luLWNvbnRlbnQgew0KICAgIHdpZHRoOiA0MDBweDsNCiAgICBoZWlnaHQ6IDI1MHB4Ow0KICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICB0b3A6IDI1cHg7DQogICAgbGVmdDogMjVweDsNCn0NCg=="},{"version":3,"sources":["Login.vue"],"names":[],"mappings":";AAsJA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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\r\n            style=\"\r\n                width: 98%;\r\n                text-align: center;\r\n                color: white;\r\n                padding: 8vh 100px 0 0;\r\n                -webkit-text-stroke: 1px black;\r\n                font-size: 3vh;\r\n            \"\r\n        >\r\n            <h1>欢迎访问仓库管理系统</h1>\r\n        </div>\r\n\r\n        <div class=\"loginDiv\">\r\n            <div class=\"login-content\">\r\n                <el-row>\r\n                    <el-col style=\"text-align: center; padding: 25px 0 25px 0\">\r\n                        <i\r\n                            class=\"iconfont icon-r-building\"\r\n                            style=\"font-size: 36px\"\r\n                        ></i>\r\n                        <b style=\"font-size: 36px\"> 仓库管理系统</b>\r\n                    </el-col>\r\n                </el-row>\r\n                <el-form\r\n                    :model=\"loginForm\"\r\n                    label-width=\"100px\"\r\n                    :rules=\"rules\"\r\n                    ref=\"loginForm\"\r\n                >\r\n                    <el-form-item label=\"账号\" prop=\"no\">\r\n                        <el-input\r\n                            style=\"width: 200px\"\r\n                            type=\"text\"\r\n                            v-model=\"loginForm.no\"\r\n                            autocomplete=\"off\"\r\n                            \r\n                        ></el-input>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"密码\" prop=\"password\">\r\n                        <el-input\r\n                            style=\"width: 200px\"\r\n                            type=\"password\"\r\n                            v-model=\"loginForm.password\"\r\n                            show-password\r\n                            autocomplete=\"off\"\r\n                            \r\n                            @keyup.enter.native=\"confirm\"\r\n                        ></el-input>\r\n                    </el-form-item>\r\n                    <el-form-item style=\"padding-left: 45px\">\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"confirm\"\r\n                            :disabled=\"confirm_disabled\"\r\n                            style=\"font-size: 22px\"\r\n                        >\r\n                            登 录</el-button\r\n                        >\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\nexport 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        confirm() {\r\n            this.confirm_disabled = true;\r\n            this.$refs.loginForm.validate((valid) => {\r\n                if (valid) {\r\n                    //valid成功为true，失败为false\r\n                    //去后台验证用户名密码\r\n                    this.$axios\r\n                        .post(this.$httpUrl + \"/user/login\", this.loginForm)\r\n                        .then((res) => res.data)\r\n                        .then((res) => {\r\n                            if (res.code == 200) {\r\n                                //存储\r\n                                sessionStorage.setItem(\r\n                                    \"CurUser\",\r\n                                    JSON.stringify(res.data.user)\r\n                                );\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                        .catch((e) => {\r\n                            this.confirm_disabled = false;\r\n                            console.log(e);\r\n                            if (\r\n                                e.response == undefined ||\r\n                                e.response.data == undefined\r\n                            ) {\r\n                                this.$message({\r\n                                    showClose: true,\r\n                                    message: e,\r\n                                    type: \"error\",\r\n                                    duration: 5000,\r\n                                });\r\n                            } else {\r\n                                this.$message({\r\n                                    showClose: true,\r\n                                    message: e.response.data,\r\n                                    type: \"error\",\r\n                                    duration: 5000,\r\n                                });\r\n                            }\r\n                        });\r\n                } else {\r\n                    this.confirm_disabled = false;\r\n                    return false;\r\n                }\r\n            });\r\n        },\r\n    },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\nhtml,\r\nbody {\r\n    overflow-x: hidden;\r\n}\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    overflow-x: hidden;\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    opacity: 0.9;\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>"]}]}