{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\page\\Login.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\page\\Login.vue","mtime":1679391247069},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.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//\nimport { loginApi } from '@/api/login';\nexport default {\n  name: 'Login',\n  // 登录页面\n  data: function data() {\n    return {\n      param: {\n        username: '',\n        password: ''\n      },\n      checked: false,\n      rules: {\n        username: [{\n          required: true,\n          message: '账号不能为空',\n          trigger: 'blur'\n        }],\n        password: [{\n          required: true,\n          message: '密码不能为空',\n          trigger: 'blur'\n        }]\n      }\n    };\n  },\n  created: function created() {},\n  methods: {\n    getType: function getType() {\n      var datas = {\n        account: this.param.username,\n        passsword: this.param.password\n      };\n      loginApi(datas).then(function (res) {\n        console.log('c', res);\n      });\n    },\n    submitForm: function submitForm() {\n      var _this = this;\n\n      this.$refs.login.validate(function (valid) {\n        if (valid) {\n          loginApi({\n            Account: _this.param.username,\n            Password: _this.param.password\n          }).then(function (res) {\n            console.log('cxx', res);\n\n            if (res.data.code == 200) {\n              _this.$message.success('登录成功');\n\n              localStorage.setItem('ms_username', _this.param.username);\n              localStorage.setItem('userId', res.data.data.userId); //  console.log(localStorage.getItem('userId'));\n\n              _this.$router.push('/');\n            } else {\n              _this.$message({\n                message: res.data.msg,\n                type: 'warning'\n              });\n            }\n          });\n        } else {\n          _this.$message.error('请输入账号和密码');\n\n          console.log('error submit!!');\n          return false;\n        }\n      });\n    }\n  }\n};",{"version":3,"sources":["Login.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,SAAA,QAAA,QAAA,aAAA;AAEA,eAAA;AACA,EAAA,IAAA,EAAA,OADA;AACA;AACA,EAAA,IAFA,kBAEA;AACA,WAAA;AACA,MAAA,KAAA,EAAA;AACA,QAAA,QAAA,EAAA,EADA;AAEA,QAAA,QAAA,EAAA;AAFA,OADA;AAKA,MAAA,OAAA,EAAA,KALA;AAMA,MAAA,KAAA,EAAA;AACA,QAAA,QAAA,EAAA,CAAA;AAAA,UAAA,QAAA,EAAA,IAAA;AAAA,UAAA,OAAA,EAAA,QAAA;AAAA,UAAA,OAAA,EAAA;AAAA,SAAA,CADA;AAEA,QAAA,QAAA,EAAA,CAAA;AAAA,UAAA,QAAA,EAAA,IAAA;AAAA,UAAA,OAAA,EAAA,QAAA;AAAA,UAAA,OAAA,EAAA;AAAA,SAAA;AAFA;AANA,KAAA;AAWA,GAdA;AAeA,EAAA,OAfA,qBAeA,CAEA,CAjBA;AAkBA,EAAA,OAAA,EAAA;AACA,IAAA,OADA,qBACA;AACA,UAAA,KAAA,GAAA;AACA,QAAA,OAAA,EAAA,KAAA,KAAA,CAAA,QADA;AAEA,QAAA,SAAA,EAAA,KAAA,KAAA,CAAA;AAFA,OAAA;AAIA,MAAA,QAAA,CAAA,KAAA,CAAA,CAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,QAAA,OAAA,CAAA,GAAA,CAAA,GAAA,EAAA,GAAA;AACA,OAFA;AAGA,KATA;AAUA,IAAA,UAVA,wBAUA;AAAA;;AAEA,WAAA,KAAA,CAAA,KAAA,CAAA,QAAA,CAAA,UAAA,KAAA,EAAA;AACA,YAAA,KAAA,EAAA;AACA,UAAA,QAAA,CAAA;AACA,YAAA,OAAA,EAAA,KAAA,CAAA,KAAA,CAAA,QADA;AAEA,YAAA,QAAA,EAAA,KAAA,CAAA,KAAA,CAAA;AAFA,WAAA,CAAA,CAGA,IAHA,CAGA,UAAA,GAAA,EAAA;AACA,YAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,GAAA;;AACA,gBAAA,GAAA,CAAA,IAAA,CAAA,IAAA,IAAA,GAAA,EAAA;AACA,cAAA,KAAA,CAAA,QAAA,CAAA,OAAA,CAAA,MAAA;;AACA,cAAA,YAAA,CAAA,OAAA,CAAA,aAAA,EAAA,KAAA,CAAA,KAAA,CAAA,QAAA;AAEA,cAAA,YAAA,CAAA,OAAA,CAAA,QAAA,EAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,MAAA,EAJA,CAKA;;AACA,cAAA,KAAA,CAAA,OAAA,CAAA,IAAA,CAAA,GAAA;AACA,aAPA,MAOA;AACA,cAAA,KAAA,CAAA,QAAA,CAAA;AACA,gBAAA,OAAA,EAAA,GAAA,CAAA,IAAA,CAAA,GADA;AAEA,gBAAA,IAAA,EAAA;AAFA,eAAA;AAIA;AACA,WAlBA;AAmBA,SApBA,MAoBA;AACA,UAAA,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA,UAAA;;AACA,UAAA,OAAA,CAAA,GAAA,CAAA,gBAAA;AACA,iBAAA,KAAA;AACA;AACA,OA1BA;AA2BA;AAvCA;AAlBA,CAAA","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: '',\n                password: ''\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        \n    },\n    methods: {\n        getType() {\n            let datas = {\n                account:this.param.username,\n                passsword:this.param.password,\n            };\n            loginApi(datas).then(res => {\n                console.log('c', res);\n            });\n        },\n        submitForm() {\n           \n            this.$refs.login.validate(valid => {\n                if (valid) {\n                 loginApi({\n                Account:this.param.username,\n                Password:this.param.password,\n            }).then(res => {\n                    console.log('cxx', res);\n                    if(res.data.code==200){\n                        this.$message.success('登录成功');\n                        localStorage.setItem('ms_username', this.param.username);\n                       \n                         localStorage.setItem('userId', res.data.data.userId);\n                        //  console.log(localStorage.getItem('userId'));\n                        this.$router.push('/');\n                    }else{\n                       this.$message({\n                        message: res.data.msg,\n                        type: 'warning'\n                        }); \n                    }\n                });\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</style>\n"],"sourceRoot":"src/page"}]}