You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
10 KiB
1 line
10 KiB
{"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>"]}]} |