{"remainingRequest":"D:\\YuanZhuoLogistics\\WarehouseManagerVue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\YuanZhuoLogistics\\WarehouseManagerVue\\src\\components\\Login.vue?vue&type=style&index=0&id=ef68022e&lang=css&","dependencies":[{"path":"D:\\YuanZhuoLogistics\\WarehouseManagerVue\\src\\components\\Login.vue","mtime":1730216736316},{"path":"D:\\YuanZhuoLogistics\\WarehouseManagerVue\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\YuanZhuoLogistics\\WarehouseManagerVue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1655715156000},{"path":"D:\\YuanZhuoLogistics\\WarehouseManagerVue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\YuanZhuoLogistics\\WarehouseManagerVue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\YuanZhuoLogistics\\WarehouseManagerVue\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CiAgICBodG1sLCBib2R5IHsKICAgICAgICBvdmVyZmxvdy14OiBoaWRkZW47CiAgICB9CgogICAgLmxvZ2luQm9keSB7CiAgICAgICAgcG9zaXRpb246IGFic29sdXRlOwogICAgICAgIHdpZHRoOiAxMDAlOwogICAgICAgIGhlaWdodDogMTAwJTsKICAgICAgICBiYWNrZ3JvdW5kOnVybCgnLi4vYXNzZXRzL2hvbWUuanBnJyk7CiAgICAgICAgYmFja2dyb3VuZC1zaXplOjEwMCUgMTAwJTsKICAgICAgICBvdmVyZmxvdy14OiBoaWRkZW47CiAgICB9CiAgICAubG9naW5EaXYgewogICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgICAgICB0b3A6IDUwJTsgLyog6LCD5pW06L+Z5Liq5YC85p2l5pS55Y+Y5L2N572uICovCiAgICAgICAgbGVmdDogNTAlOwogICAgICAgIG1hcmdpbi10b3A6IC0yMDBweDsgLyog6L+Z5Liq5YC85Y+v6IO96ZyA6KaB6LCD5pW0ICovCiAgICAgICAgbWFyZ2luLWxlZnQ6IC0yNTBweDsKICAgICAgICB3aWR0aDogNDUwcHg7CiAgICAgICAgaGVpZ2h0OiAzMzBweDsKICAgICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsgLyog6K6+572u6IOM5pmv5Li66YCP5piOICovCiAgICAgICAgYm9yZGVyLXJhZGl1czogNSU7CiAgICAgICAgZGlzcGxheTogZmxleDsKICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgICB9CiAgICAubG9naW4tdGl0bGUgewogICAgICAgIG1hcmdpbjogMTBweCAwOyAvKiDosIPmlbTov5nkuKrlgLzmnaXmlLnlj5jmoIfpopjkuYvpl7TnmoTot53nprsgKi8KICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CgkJY29sb3I6ICNmZmZmZmY7CiAgICB9CiAgICAubG9naW4tY29udGVudCB7CiAgICAgICAgd2lkdGg6IDQwMHB4OwogICAgICAgIGhlaWdodDogMjUwcHg7CiAgICAgICAgcG9zaXRpb246IGFic29sdXRlOwogICAgICAgIHRvcDogMjVweDsgLyog6LCD5pW06L+Z5Liq5YC85p2l5pS55Y+Y6KGo5Y2V55qE5L2N572uICovCiAgICAgICAgbGVmdDogMjVweDsKICAgICAgICBkaXNwbGF5OiBmbGV4OwogICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsgLyog5L2/5YaF5a655bGF5LitICovCiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7IC8qIOS9v+WGheWuueWxheS4rSAqLwogICAgfQoJLmVsLWZvcm0taXRlbV9fbGFiZWwgewoJICBjb2xvcjogI2ZmZmZmZjsgLyog6K6+572u6KGo5Y2V5qCH562+5paH5a2X6aKc6Imy5Li655m96ImyICovCgkgIGZvbnQtc2l6ZTogMThweDsKCX0KCS5lbC1idXR0b24gewoJICAgICAgICBmb250LXNpemU6IDE1cHg7IC8qIOiwg+aVtOWtl+S9k+Wkp+WwjyAqLwoJICAgIH0K"},{"version":3,"sources":["Login.vue"],"names":[],"mappings":";AA+KA;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;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>\n    <div class=\"loginBody\">\n        <div style=\"width:98%;text-align:center;color:white;padding: 100px 100px 0 0;font-size:22px;\">\n            <h1>欢迎访问圆桌物流系统</h1>\n        </div>\n        \n        <div class=\"loginDiv\">\n            <div class=\"login-content\">\n                <h1 class=\"login-title\">{{ isLogin ? '' : '' }}</h1>\r\n\t\t\t\t<h2 class=\"login-title\">{{ isLogin ? '' : '' }}</h2>\n                <el-form :model=\"form\" label-width=\"100px\"\n                         :rules=\"rules\" ref=\"form\">\n                    <el-form-item label=\"用户名\" prop=\"no\">\n                        <el-input style=\"width: 200px\" type=\"text\" v-model=\"form.no\" \n                                  autocomplete=\"off\" size=\"small\"></el-input>\n                    </el-form-item>\n                    <el-form-item label=\"密码\" prop=\"password\" v-if=\"isLogin\">\n                        <el-input style=\"width: 200px\" type=\"password\" v-model=\"form.password\"\n                                  show-password autocomplete=\"off\" size=\"small\" @keyup.enter.native=\"submit\"></el-input>\n                    </el-form-item>\n                    <el-form-item label=\"密码\" prop=\"password\" v-if=\"!isLogin\">\n                        <el-input style=\"width: 200px\" type=\"password\" v-model=\"form.password\"\n                                  autocomplete=\"off\" size=\"small\"></el-input>\n                    </el-form-item>\n                    <el-form-item label=\"确认密码\" prop=\"confirmPassword\" v-if=\"!isLogin\">\n                        <el-input style=\"width: 200px\" type=\"password\" v-model=\"form.confirmPassword\"\n                                  autocomplete=\"off\" size=\"small\"></el-input>\n                    </el-form-item>\n                    <el-form-item>\r\n                        <el-button type=\"primary\" @click=\"toggleForm\" :disabled=\"submit_disabled\">{{ isLogin ? '注册' : '返回登录' }}</el-button>\r\n                        <el-button type=\"primary\" @click=\"submit\" :disabled=\"submit_disabled\">{{ isLogin ? '登 录' : '注 册' }}</el-button>\r\n                    </el-form-item>\n                </el-form>\n            </div>\n        </div>\n    </div>\n</template>\r\n<script>\nexport default {\n    name: \"Login\",\n    data(){\n        return{\n            isLogin: true,  // true for login, false for register\n            submit_disabled: false,  //防止多次提交\n            form: {\n                no: '',\n                password: '',\n                confirmPassword: ''  // for registration\n            },\n            rules: {\n                no: [\n                    { required: true, message: '请输入账号', trigger: 'blur' }\n                ],\n                password: [\n                    { required: true, message: '请输入密码', trigger: 'blur' },\n                    { min: 3, max: 15, message: '密码长度在 3 到 15 个字符', trigger: 'blur' }\n                ],\n                confirmPassword: [\n                    { required: true, message: '请再次输入密码', trigger: 'blur' },\n                    { validator: (rule, value, callback) => {\n                        if (value !== this.form.password) {\n                            callback(new Error('两次输入密码不一致'));\n                        } else {\n                            callback();\n                        }\n                    }, trigger: 'blur' }\n                ]\n            }\n        }\n    },\n    methods:{\n        toggleForm() {\n            this.isLogin = !this.isLogin;\n            this.form = { no: '', password: '', confirmPassword: '' };  // reset form\n            this.$refs.form.resetFields();\n        },\n        submit() {\n            this.submit_disabled = true;\n            this.$refs.form.validate((valid) => {\n                if (valid) {\n                    if (this.isLogin) {\n                        this.login();\n                    } else {\n                        this.register();\n                    }\n                } else {\n                    this.submit_disabled = false;\n                    console.log('校验失败');\n                    return false;\n                }\n            });\n        },\n        login() {\n            this.$axios.post(this.$httpUrl+'/user/login', this.form).then(res => res.data).then(res => {\n                console.log(res);\n                if (res.code == 200) {\n                    sessionStorage.setItem(\"CurUser\", JSON.stringify(res.data.user));\n                    this.$store.commit(\"setMenu\", res.data.menu);\n                    this.$router.replace('/Index');\n                } else {\n                    this.submit_disabled = false;\n                    alert('校验失败，用户名或密码错误！');\n                    return false;\n                }\n            });\n        },\n        register() {\n            this.$axios.post(this.$httpUrl+'/user/register', this.form).then(res => res.data).then(res => {\n                console.log(res);\n                if (res.code == 200) {\n                    alert('注册成功！');\n                    this.$refs.form.resetFields();\n                    this.isLogin = true; \n                } else {\n                    this.submit_disabled = false;\n                    alert('注册失败，请重试！');\n                    return false;\n                }\n            });\n        }\n    }\n}\n</script>\r\n<style>\n    html, body {\n        overflow-x: hidden;\n    }\n\n    .loginBody {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        background:url('../assets/home.jpg');\n        background-size:100% 100%;\n        overflow-x: hidden;\n    }\n    .loginDiv {\n        position: absolute;\n        top: 50%; /* 调整这个值来改变位置 */\n        left: 50%;\n        margin-top: -200px; /* 这个值可能需要调整 */\n        margin-left: -250px;\n        width: 450px;\n        height: 330px;\n        background: transparent; /* 设置背景为透明 */\n        border-radius: 5%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n    }\n    .login-title {\n        margin: 10px 0; /* 调整这个值来改变标题之间的距离 */\n        text-align: center;\r\n\t\tcolor: #ffffff;\n    }\n    .login-content {\n        width: 400px;\n        height: 250px;\n        position: absolute;\n        top: 25px; /* 调整这个值来改变表单的位置 */\n        left: 25px;\n        display: flex;\n        flex-direction: column;\n        align-items: center; /* 使内容居中 */\n        justify-content: center; /* 使内容居中 */\n    }\r\n\t.el-form-item__label {\r\n\t  color: #ffffff; /* 设置表单标签文字颜色为白色 */\r\n\t  font-size: 18px;\r\n\t}\r\n\t.el-button {\r\n\t        font-size: 15px; /* 调整字体大小 */\r\n\t    }\n</style>"]}]}