You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
8.2 KiB
1 line
8.2 KiB
{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/views/profile/childComps/Message.vue?vue&type=style&index=0&id=1bb6adc0&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/views/profile/childComps/Message.vue","mtime":1618201919333},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLmZvcm0gewogIHdpZHRoOiAxMDAlOwogIGRpc3BsYXk6IGZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwp9CgoudXBkYXRhZm9ybSB7CiAgd2lkdGg6IDc1JTsKICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7Cn0KLnVwZGF0YWJ0biB7CiAgd2lkdGg6IDIwJTsKICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgbWFyZ2luLXJpZ2h0OiAwcHg7Cn0KCi5uYXYtYmFyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZGYzODMyOwogIGNvbG9yOiAjZmZmOwogIGhlaWdodDogNDRweDsKfQoKLmJhY2sgewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKICB3aWR0aDogMzBweDsKICBoZWlnaHQ6IDMwcHg7CiAgbGVmdDoxMHB4OwogIHRvcDogNTAlOwogIHRyYW5zZm9ybTogdHJhbnNsYXRlKDAsIC01MCUpOwp9CgouY29udGVudCB7CiAgbWFyZ2luLXRvcDogMjVweDsKICB3aWR0aDogMTAwJTsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOwp9Cgo="},{"version":3,"sources":["Message.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoLA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"Message.vue","sourceRoot":"src/views/profile/childComps","sourcesContent":["<template>\n <div class=\"Message\">\n <NavBar class=\"nav-bar\">\n <div slot=\"left\" class=\"back\" @click=\"backClick\">\n <img src=\"@/assets/img/home/back.svg\" alt=\"\" />\n </div>\n <div slot=\"center\">个人信息</div>\n </NavBar>\n\n\n <div class=\"content\">\n\n <!-- 名称修改区域 -->\n <el-form\n class=\"form\"\n ref=\"nameFormRef\"\n label-width=\"0px\"\n :model=\"nameForm\"\n :rules=\"nameFormRules\"\n >\n <el-form-item prop=\"name\" class=\"updataform\">\n <el-input\n placeholder=\"输入新的名称\"\n v-model=\"nameForm.name\"\n prefix-icon=\"el-icon-user-solid\"\n ></el-input>\n </el-form-item>\n <el-form-item class=\"updatabtn\">\n <el-row>\n <el-button class=\"btn\" @click=\"updataname\" type=\"primary\"\n >修改</el-button\n >\n </el-row>\n </el-form-item>\n </el-form>\n\n <!-- 密码修改区域 -->\n <el-form\n class=\"form\"\n ref=\"passwordFormRef\"\n label-width=\"0px\"\n :model=\"passwordForm\"\n :rules=\"passwordFormRules\"\n >\n <el-form-item prop=\"password\" class=\"updataform\">\n <el-input\n placeholder=\"输入新的密码\"\n v-model=\"passwordForm.password\"\n prefix-icon=\"el-icon-user-solid\"\n ></el-input>\n </el-form-item>\n <el-form-item class=\"updatabtn\">\n <el-row>\n <el-button class=\"btn\" @click=\"updatapassword\" type=\"primary\"\n >修改</el-button\n >\n </el-row>\n </el-form-item>\n </el-form>\n\n <el-form\n class=\"form\"\n ref=\"signFormRef\"\n label-width=\"0px\"\n :model=\"signForm\"\n :rules=\"signFormRules\"\n >\n <el-form-item prop=\"sign\" class=\"updataform\">\n <el-input\n placeholder=\"输入你的个性签名\"\n v-model=\"signForm.sign\"\n prefix-icon=\"el-icon-user-solid\"\n ></el-input>\n </el-form-item>\n <el-form-item class=\"updatabtn\">\n <el-row>\n <el-button class=\"btn\" @click=\"updatasign\" type=\"primary\"\n >修改</el-button\n >\n </el-row>\n </el-form-item>\n </el-form>\n </div>\n </div>\n</template>\n\n<script>\nimport NavBar from \"@/components/common/navbar/NavBar\";\nexport default {\n name: \"Message\",\n components: {\n NavBar\n },\n data() {\n return {\n passwordForm: {\n password: \"\",\n },\n passwordFormRules: {\n //验证密码是否合法\n password: [\n { required: true, message: \"请输入密码\", trigger: \"blur\" },\n { min: 5, max: 10, message: \"长度在 6 到 16 个字符\", trigger: \"blur\" }\n ],\n },\n signForm: {\n sign: \"\",\n },\n signFormRules: {\n //验证标签是否合法\n sign: [\n { required: true, message: \"请输入个性签名\", trigger: \"blur\" },\n { min: 0, max: 15, message: \"长度在15个字符以内\", trigger: \"blur\" }\n ]\n },\n nameForm: {\n sign: \"\",\n },\n nameFormRules: {\n //验证名称是否合法\n name: [\n { required: true, message: \"请输入名称\", trigger: \"blur\" },\n { min: 2, max: 10, message: \"长度在2到10个名称\", trigger: \"blur\" }\n ]\n },\n };\n },\n created() {},\n methods: {\n backClick() {\n this.$router.push(\"/profile\");\n },\n updatapassword() {\n this.$refs.passwordFormRef.validate(async valid => {\n if (!valid) return;\n try {\n await this.$http.post(\"/users/updata/password\", this.passwordForm);\n this.$message.success(\"修改成功\");\n this.$bus.$emit('isrefreshinfo')\n // 重制输入框\n this.$refs.passwordFormRef.resetFields();\n } catch (err) {\n return this.$message.error(\"修改失败\");\n }\n });\n },\n updatasign() {\n this.$refs.signFormRef.validate(async valid => {\n if (!valid) return;\n try {\n await this.$http.post(\"/users/updata/sign\", this.signForm);\n this.$message.success(\"修改成功\");\n this.$bus.$emit('isrefreshinfo')\n // 重制输入框\n this.$refs.signFormRef.resetFields();\n } catch (err) {\n return this.$message.error(\"修改失败\");\n }\n });\n },\n updataname(){\n this.$refs.nameFormRef.validate(async valid => {\n if (!valid) return;\n try {\n await this.$http.post(\"/users/updata/name\", this.nameForm);\n this.$message.success(\"修改成功\");\n window.localStorage.setItem(\"name\",this.nameForm.name);\n this.$bus.$emit('isrefreshinfo')\n // 重制输入框\n this.$refs.nameFormRef.resetFields();\n } catch (err) {\n return this.$message.error(\"修改失败\");\n }\n });\n }\n }\n};\n</script>\n\n<style scoped>\n.form {\n width: 100%;\n display: flex;\n justify-content: space-between;\n}\n\n.updataform {\n width: 75%;\n display: inline-block;\n}\n.updatabtn {\n width: 20%;\n display: inline-block;\n margin-right: 0px;\n}\n\n.nav-bar {\n background-color: #df3832;\n color: #fff;\n height: 44px;\n}\n\n.back {\n position: relative;\n width: 30px;\n height: 30px;\n left:10px;\n top: 50%;\n transform: translate(0, -50%);\n}\n\n.content {\n margin-top: 25px;\n width: 100%;\n background-color: #fff;\n}\n\n</style>\n"]}]} |