1 line
7.7 KiB
JSON
1 line
7.7 KiB
JSON
{"remainingRequest":"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":1672206979774},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1672206975777},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1672206975618},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1672206975777},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1672206979279}],"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\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",{"version":3,"sources":["Login.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA;;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","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"]}]} |