{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\page\\Login.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\page\\Login.vue","mtime":1671176686665},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"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//\nimport { loginApi } from '@/api/login';\nexport default {\n  name: 'Login',\n  // 登录页面\n  data: function data() {\n    return {\n      param: {\n        username: 'admin',\n        password: '123456'\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    this.getType();\n  },\n  methods: {\n    getType: function getType() {\n      var datas = {\n        telephone: '13088888888',\n        typeCode: 2\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          _this.$message.success('登录成功');\n\n          localStorage.setItem('ms_username', _this.param.username);\n\n          _this.$router.push('/');\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,OADA;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;AACA,SAAA,OAAA;AACA,GAjBA;AAkBA,EAAA,OAAA,EAAA;AACA,IAAA,OADA,qBACA;AACA,UAAA,KAAA,GAAA;AACA,QAAA,SAAA,EAAA,aADA;AAEA,QAAA,QAAA,EAAA;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;;AACA,WAAA,KAAA,CAAA,KAAA,CAAA,QAAA,CAAA,UAAA,KAAA,EAAA;AACA,YAAA,KAAA,EAAA;AACA,UAAA,KAAA,CAAA,QAAA,CAAA,OAAA,CAAA,MAAA;;AACA,UAAA,YAAA,CAAA,OAAA,CAAA,aAAA,EAAA,KAAA,CAAA,KAAA,CAAA,QAAA;;AACA,UAAA,KAAA,CAAA,OAAA,CAAA,IAAA,CAAA,GAAA;AACA,SAJA,MAIA;AACA,UAAA,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA,UAAA;;AACA,UAAA,OAAA,CAAA,GAAA,CAAA,gBAAA;AACA,iBAAA,KAAA;AACA;AACA,OAVA;AAWA;AAtBA;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: '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"],"sourceRoot":"src/page"}]}