{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\page\\Login.vue?vue&type=style&index=0&id=6896dfe2&lang=scss&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\page\\Login.vue","mtime":1674961941265},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n/deep/ .el-form-item__label{\r\n  text-align: right;\r\n  font-size: 14px;\r\n  margin-left: 15px;\r\n  padding: 0;\r\n  &::before{\r\n    display: none;\r\n  }\r\n}\r\n/deep/ .el-input{\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 20px;\r\n  border: 1px solid rgb(231, 231, 231);\r\n  .el-input-group__prepend{\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n  .el-input__inner{\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n}\r\n.login-wrap {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    // background: url('../assets/img/bg.gif');\r\n    background: url('../assets/img/newlogin-bg.png');\r\n}\r\n.ms-login {\r\n    width: 24%;\r\n    height: 59%;\r\n    position: absolute;\r\n    left: 58.44%;\r\n    top: 23.2%;\r\n    .ms-title {\r\n        width: 100%;\r\n        height: 42px;\r\n        background: url('../assets/img/login_title.png') no-repeat;\r\n        background-size: 100% 100%;\r\n    }\r\n    .content {\r\n        margin-top: 33px;\r\n        width: 100%;\r\n        height: calc(100% - 75px);\r\n        border-radius: 20px;\r\n        background: #ffffff;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n        align-items: center;\r\n        .welcome{\r\n          margin-top: 28px;\r\n          font-size: 16px;\r\n          letter-spacing: 1px;\r\n          // color: black;\r\n        }\r\n        .ms-content{\r\n          width: 80%;\r\n          margin-top: 25px;\r\n        }\r\n        .login-btn{\r\n          width: 80%;\r\n          margin-top: 45px;\r\n          /deep/ .el-button {\r\n            width: 100%;\r\n            border-radius: 20px;\r\n            display: flex;\r\n            justify-content: center;\r\n            span{\r\n              letter-spacing: 15px;\r\n              margin-left: 15px;\r\n            }\r\n            \r\n          }\r\n          \r\n        }\r\n    }\r\n}\r\n",{"version":3,"sources":["Login.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EA;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;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;;AAEA;;AAEA;AACA;AACA","file":"Login.vue","sourceRoot":"src/page","sourcesContent":["<template>\r\n    <div class=\"login-wrap\">\r\n        <div class=\"ms-login\">\r\n            <div class=\"ms-title\"></div>\r\n            <div class=\"content\">\r\n                <div class=\"welcome\">欢迎登录</div>\r\n                <el-form :model=\"param\" :rules=\"rules\" ref=\"login\" label-width=\"100px\" label-position=\"top\" class=\"ms-content\">\r\n                    <el-form-item prop=\"username\" label=\"用户名\">\r\n                        <el-input v-model=\"param.username\" placeholder=\"输入您的账号\">\r\n                            <el-button slot=\"prepend\" icon=\"el-icon-user\"></el-button>\r\n                        </el-input>\r\n                    </el-form-item>\r\n                    <el-form-item prop=\"password\" label=\"密码\" style=\"margin-top: 15px\">\r\n                        <el-input type=\"password\" placeholder=\"请输入密码\" v-model=\"param.password\" @keyup.enter.native=\"submitForm()\">\r\n                            <el-button slot=\"prepend\" icon=\"el-icon-lock\"></el-button>\r\n                        </el-input>\r\n                    </el-form-item>\r\n                    <div class=\"unforget\" style=\"margin-left:15px\">\r\n                      <el-checkbox v-model=\"checked\">保存登录</el-checkbox>\r\n                    </div>\r\n                </el-form>\r\n                <div class=\"login-btn\">\r\n                        <el-button type=\"primary\" @click=\"submitForm()\">登录</el-button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { loginApi } from '@/api/login';\r\n\r\nexport default {\r\n    name: 'Login', // 登录页面\r\n    data() {\r\n        return {\r\n            param: {\r\n                username: 'admin',\r\n                password: '123456'\r\n            },\r\n            checked: false,\r\n            rules: {\r\n                username: [{ required: true, message: '账号不能为空', trigger: 'blur' }],\r\n                password: [{ required: true, message: '密码不能为空', trigger: 'blur' }]\r\n            }\r\n        };\r\n    },\r\n    created() {\r\n        this.getType();\r\n    },\r\n    methods: {\r\n        getType() {\r\n            let datas = {\r\n                telephone: '13088888888',\r\n                typeCode: 2\r\n            };\r\n            loginApi(datas).then((res) => {\r\n                console.log('c', res);\r\n            });\r\n        },\r\n        submitForm() {\r\n            this.$refs.login.validate((valid) => {\r\n                if (valid) {\r\n                    this.$message.success('登录成功');\r\n                    localStorage.setItem('ms_username', this.param.username);\r\n                    this.$router.push('/');\r\n                } else {\r\n                    this.$message.error('请输入账号和密码');\r\n                    console.log('error submit!!');\r\n                    return false;\r\n                }\r\n            });\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-form-item__label{\r\n  text-align: right;\r\n  font-size: 14px;\r\n  margin-left: 15px;\r\n  padding: 0;\r\n  &::before{\r\n    display: none;\r\n  }\r\n}\r\n/deep/ .el-input{\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 20px;\r\n  border: 1px solid rgb(231, 231, 231);\r\n  .el-input-group__prepend{\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n  .el-input__inner{\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n}\r\n.login-wrap {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    // background: url('../assets/img/bg.gif');\r\n    background: url('../assets/img/newlogin-bg.png');\r\n}\r\n.ms-login {\r\n    width: 24%;\r\n    height: 59%;\r\n    position: absolute;\r\n    left: 58.44%;\r\n    top: 23.2%;\r\n    .ms-title {\r\n        width: 100%;\r\n        height: 42px;\r\n        background: url('../assets/img/login_title.png') no-repeat;\r\n        background-size: 100% 100%;\r\n    }\r\n    .content {\r\n        margin-top: 33px;\r\n        width: 100%;\r\n        height: calc(100% - 75px);\r\n        border-radius: 20px;\r\n        background: #ffffff;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n        align-items: center;\r\n        .welcome{\r\n          margin-top: 28px;\r\n          font-size: 16px;\r\n          letter-spacing: 1px;\r\n          // color: black;\r\n        }\r\n        .ms-content{\r\n          width: 80%;\r\n          margin-top: 25px;\r\n        }\r\n        .login-btn{\r\n          width: 80%;\r\n          margin-top: 45px;\r\n          /deep/ .el-button {\r\n            width: 100%;\r\n            border-radius: 20px;\r\n            display: flex;\r\n            justify-content: center;\r\n            span{\r\n              letter-spacing: 15px;\r\n              margin-left: 15px;\r\n            }\r\n            \r\n          }\r\n          \r\n        }\r\n    }\r\n}\r\n</style>\r\n"]}]}