{"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&scoped=true&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\page\\Login.vue","mtime":1671074748351},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1655715156000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"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.login-wrap {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  background: url('../assets/img/newlogin-bg.jpg');\n}\n.ms-title {\n  width: 100%;\n  text-align: center;\n  font-size: 22px;\n  margin: 25px 0px 15px;\n}\n.ms-login {\n  position: relative;\n  width: 450px;\n  height: 335px;\n  max-width: 90%;\n  margin: 275px auto;\n  border-radius: 5px;\n  background: white;\n  overflow: hidden;\n}\n.ms-content {\n  padding: 30px 30px;\n}\n.login-btn {\n  margin-top: 10%;\n}\n.login-btn button {\n  width: 100%;\n  height: 36px;\n  text-align: center;\n  margin-bottom: 10px;\n}\n",{"version":3,"sources":["Login.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEA;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>\n  <div class=\"login-wrap\">\n    <div class=\"ms-login\">\n      <div class=\"ms-title\">欢迎登录</div>\n      <el-form :model=\"param\" :rules=\"rules\" ref=\"login\" label-width=\"0px\" class=\"ms-content\">\n        <el-form-item prop=\"username\">\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\" style=\"margin-top: 25px\">\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=\"login-btn\">\n          <el-button type=\"primary\" @click=\"submitForm()\">登录</el-button>\n          <span>注：账号密码随便填写（ admin 是管理员，其他为普通用户）</span>\n        </div>\n      </el-form>\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      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 scoped>\n.login-wrap {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  background: url('../assets/img/newlogin-bg.jpg');\n}\n.ms-title {\n  width: 100%;\n  text-align: center;\n  font-size: 22px;\n  margin: 25px 0px 15px;\n}\n.ms-login {\n  position: relative;\n  width: 450px;\n  height: 335px;\n  max-width: 90%;\n  margin: 275px auto;\n  border-radius: 5px;\n  background: white;\n  overflow: hidden;\n}\n.ms-content {\n  padding: 30px 30px;\n}\n.login-btn {\n  margin-top: 10%;\n}\n.login-btn button {\n  width: 100%;\n  height: 36px;\n  text-align: center;\n  margin-bottom: 10px;\n}\n</style>\n"]}]}