| 1 |
- {"remainingRequest":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/src/views/login/forget.vue?vue&type=style&index=0&id=50c526ed&scoped=true&lang=css&","dependencies":[{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/src/views/login/forget.vue","mtime":1616484200000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKDQoubG9naW4td3JhcHBlciB7DQogIHBhZGRpbmc6IDUwcHggMjBweDsNCiAgcG9zaXRpb246IHJlbGF0aXZlOw0KICBib3gtc2l6aW5nOiBib3JkZXItYm94Ow0KICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoIn5AL2Fzc2V0cy9iZy1sb2dpbi5wbmciKTsNCiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDsNCiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjsNCiAgbWluLWhlaWdodDogMTAwdmg7DQp9DQoNCi5sb2dpbi13cmFwcGVyOmJlZm9yZSB7DQogIGNvbnRlbnQ6ICIiOw0KICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIC4yKTsNCiAgcG9zaXRpb246IGFic29sdXRlOw0KICB0b3A6IDA7DQogIGxlZnQ6IDA7DQogIHJpZ2h0OiAwOw0KICBib3R0b206IDA7DQp9DQoNCi5sb2dpbi1mb3JtIHsNCiAgbWFyZ2luOiAwIGF1dG87DQogIHdpZHRoOiAzNjBweDsNCiAgbWF4LXdpZHRoOiAxMDAlOw0KICBwYWRkaW5nOiAyNXB4IDMwcHg7DQogIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgYm94LXNoYWRvdzogMCAzcHggNnB4IHJnYmEoMCwgMCwgMCwgMC4xNSk7DQogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7DQogIGJvcmRlci1yYWRpdXM6IDRweDsNCiAgei1pbmRleDogMjsNCn0NCg0KLmxvZ2luLWZvcm0gaDQgew0KICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogIG1hcmdpbjogMCAwIDI1cHggMDsNCn0NCg0KLmxvZ2luLWZvcm0gPiAuZWwtZm9ybS1pdGVtIHsNCiAgbWFyZ2luLWJvdHRvbTogMjVweDsNCn0NCg0KLmxvZ2luLWlucHV0LWdyb3VwIHsNCiAgZGlzcGxheTogZmxleDsNCiAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCn0NCg0KLmxvZ2luLWlucHV0LWdyb3VwID4+PiAuZWwtaW5wdXQgew0KICBmbGV4OiAxOw0KfQ0KDQoubG9naW4tY2FwdGNoYSB7DQogIGhlaWdodDogMzhweDsNCiAgd2lkdGg6IDEwMnB4Ow0KICBtYXJnaW4tbGVmdDogMTBweDsNCiAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICBib3JkZXI6IDFweCBzb2xpZCAjRENERkU2Ow0KICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogIGN1cnNvcjogcG9pbnRlcjsNCn0NCg0KLmxvZ2luLWNhcHRjaGE6aG92ZXIgew0KICBvcGFjaXR5OiAuNzU7DQp9DQoNCi5sb2dpbi1idG4gew0KICBkaXNwbGF5OiBibG9jazsNCiAgd2lkdGg6IDEwMCU7DQp9DQoNCi5sb2dpbi1vYXV0aC1pY29uIHsNCiAgY29sb3I6ICNGRkY7DQogIHBhZGRpbmc6IDVweDsNCiAgbWFyZ2luOiAwIDEwcHg7DQogIGZvbnQtc2l6ZTogMjBweDsNCiAgYm9yZGVyLXJhZGl1czogNTAlOw0KICBjdXJzb3I6IHBvaW50ZXI7DQp9DQoNCi5sb2dpbi1jb3B5cmlnaHQgew0KICBjb2xvcjogI2VlZTsNCiAgcGFkZGluZy10b3A6IDIwcHg7DQogIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgcG9zaXRpb246IHJlbGF0aXZlOw0KICB6LWluZGV4OiAxOw0KfQ0KDQpAbWVkaWEgc2NyZWVuIGFuZCAobWluLWhlaWdodDogNTUwcHgpIHsNCiAgLmxvZ2luLWZvcm0gew0KICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICB0b3A6IDUwJTsNCiAgICBsZWZ0OiA1MCU7DQogICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpOw0KICAgIG1hcmdpbi10b3A6IC0yNTBweDsNCiAgfQ0KDQogIC5sb2dpbi1jb3B5cmlnaHQgew0KICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICBib3R0b206IDIwcHg7DQogICAgcmlnaHQ6IDA7DQogICAgbGVmdDogMDsNCiAgfQ0KfQ0K"},{"version":3,"sources":["forget.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"forget.vue","sourceRoot":"src/views/login","sourcesContent":["<template>\r\n <div class=\"login-wrapper\">\r\n <el-form ref=\"regForm\" :model=\"form\" :rules=\"rules\" class=\"login-form ele-bg-white\" size=\"large\"\r\n @keyup.enter.native=\"doSubmit\">\r\n <h4>忘记密码</h4>\r\n <el-form-item prop=\"phone\">\r\n <el-input placeholder=\"请输入绑定手机号\" v-model=\"form.phone\" prefix-icon=\"el-icon-mobile-phone\" clearable/>\r\n </el-form-item>\r\n <el-form-item prop=\"password\">\r\n <el-input placeholder=\"请输入新的登录密码\" v-model=\"form.password\" prefix-icon=\"el-icon-lock\" show-password/>\r\n </el-form-item>\r\n <el-form-item prop=\"password2\">\r\n <el-input placeholder=\"请再次输入登录密码\" v-model=\"form.password2\" prefix-icon=\"el-icon-key\" show-password/>\r\n </el-form-item>\r\n <el-form-item prop=\"code\">\r\n <div class=\"login-input-group\">\r\n <el-input placeholder=\"请输入验证码\" v-model=\"form.code\" prefix-icon=\"el-icon-_vercode\"/>\r\n <div @click=\"showImgCodeCheck\" class=\"login-captcha\">发送验证码</div>\r\n </div>\r\n </el-form-item>\r\n <div class=\"el-form-item\">\r\n <el-link @click=\"$router.push('/login')\" type=\"primary\" class=\"ele-pull-right\" :underline=\"false\">返回登录</el-link>\r\n </div>\r\n <div class=\"el-form-item\">\r\n <el-button @click=\"doSubmit\" :loading=\"loading\" type=\"primary\" class=\"login-btn\" size=\"large\">修改密码</el-button>\r\n </div>\r\n </el-form>\r\n <div class=\"login-copyright\">copyright © 2017~2021 rxthink.cn all rights reserved.</div>\r\n <!-- 图形验证码弹窗 -->\r\n <el-dialog title=\"发送验证码\" :visible.sync=\"showImgCode\" width=\"320px\">\r\n <div class=\"login-input-group\" style=\"margin-bottom: 15px;\">\r\n <el-input placeholder=\"输入图形验证码\" v-model=\"imgCode\" size=\"large\" @keyup.enter.native=\"sendCode\"/>\r\n <img :src=\"captcha\" @click=\"changeImgCode\" class=\"login-captcha\" alt=\"\"/>\r\n </div>\r\n <el-button @click=\"sendCode\" :loading=\"codeLoading\" type=\"primary\" class=\"login-btn\" size=\"large\">立即发送</el-button>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: \"Forget\",\r\n data() {\r\n let password2Validator = (rule, value, callback) => {\r\n if (!value) return callback(new Error('请再次输入登录密码'));\r\n if (value !== this.form.password) return callback(new Error('两次密码输入不一致'));\r\n callback();\r\n };\r\n return {\r\n loading: false, // 保存按钮loading\r\n form: {phone: '1234567890', password: '', password2: '', code: ''}, // 表单数据\r\n rules: { // 表单验证规则\r\n phone: [\r\n {required: true, message: '请输入绑定手机号', trigger: 'blur'}\r\n ],\r\n password: [\r\n {required: true, message: '请输入新的登录密码', trigger: 'blur'}\r\n ],\r\n password2: [\r\n {validator: password2Validator, trigger: 'blur'}\r\n ],\r\n code: [\r\n {required: true, message: '请输入验证码', trigger: 'blur'}\r\n ]\r\n },\r\n v: new Date().getTime(),\r\n showImgCode: false, // 是否显示图形验证码弹窗\r\n imgCode: '', // 图形验证码\r\n codeLoading: false // 发送验证码按钮loading\r\n }\r\n },\r\n computed: {\r\n /* 图形验证码地址 */\r\n captcha() {\r\n return 'http://shiro.easyweb.vip/assets/captcha?v=' + this.v\r\n }\r\n },\r\n methods: {\r\n /* 提交 */\r\n doSubmit() {\r\n this.$refs['regForm'].validate((valid) => {\r\n if (!valid) return false;\r\n this.loading = true;\r\n setTimeout(() => {\r\n this.$message({type: 'success', message: '密码修改成功'});\r\n this.$router.push('/login');\r\n }, 1000);\r\n });\r\n },\r\n /* 更换图形验证码 */\r\n changeImgCode() {\r\n this.v = new Date().getTime();\r\n },\r\n /* 显示发送短信验证码弹窗 */\r\n showImgCodeCheck() {\r\n if (!this.form.phone) return this.$message.error('请输入手机号码');\r\n this.imgCode = '';\r\n this.changeImgCode();\r\n this.showImgCode = true;\r\n },\r\n /* 发送短信验证码 */\r\n sendCode() {\r\n if (!this.imgCode) return this.$message.error('请输入图形验证码');\r\n this.codeLoading = true;\r\n setTimeout(() => {\r\n this.$message({type: 'success', message: '短信验证码发送成功, 请注意查收!'});\r\n this.showImgCode = false;\r\n this.codeLoading = false;\r\n }, 1000);\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.login-wrapper {\r\n padding: 50px 20px;\r\n position: relative;\r\n box-sizing: border-box;\r\n background-image: url(\"~@/assets/bg-login.png\");\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n min-height: 100vh;\r\n}\r\n\r\n.login-wrapper:before {\r\n content: \"\";\r\n background-color: rgba(0, 0, 0, .2);\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n}\r\n\r\n.login-form {\r\n margin: 0 auto;\r\n width: 360px;\r\n max-width: 100%;\r\n padding: 25px 30px;\r\n position: relative;\r\n box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);\r\n box-sizing: border-box;\r\n border-radius: 4px;\r\n z-index: 2;\r\n}\r\n\r\n.login-form h4 {\r\n text-align: center;\r\n margin: 0 0 25px 0;\r\n}\r\n\r\n.login-form > .el-form-item {\r\n margin-bottom: 25px;\r\n}\r\n\r\n.login-input-group {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.login-input-group >>> .el-input {\r\n flex: 1;\r\n}\r\n\r\n.login-captcha {\r\n height: 38px;\r\n width: 102px;\r\n margin-left: 10px;\r\n border-radius: 4px;\r\n border: 1px solid #DCDFE6;\r\n text-align: center;\r\n cursor: pointer;\r\n}\r\n\r\n.login-captcha:hover {\r\n opacity: .75;\r\n}\r\n\r\n.login-btn {\r\n display: block;\r\n width: 100%;\r\n}\r\n\r\n.login-oauth-icon {\r\n color: #FFF;\r\n padding: 5px;\r\n margin: 0 10px;\r\n font-size: 20px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n}\r\n\r\n.login-copyright {\r\n color: #eee;\r\n padding-top: 20px;\r\n text-align: center;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n@media screen and (min-height: 550px) {\r\n .login-form {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n margin-top: -250px;\r\n }\r\n\r\n .login-copyright {\r\n position: absolute;\r\n bottom: 20px;\r\n right: 0;\r\n left: 0;\r\n }\r\n}\r\n</style>"]}]}
|
