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