{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/bigbar-start/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/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/bigbar-start/src/views/profile/childComps/Message.vue","mtime":1617423970376},{"path":"/Users/linhuakun/Downloads/coderlhk/bigbar-start/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/bigbar-start/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/bigbar-start/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/bigbar-start/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/bigbar-start/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5mb3JtIHsKICB3aWR0aDogMTAwJTsKICBkaXNwbGF5OiBmbGV4OwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKfQoKLnVwZGF0YWZvcm0gewogIHdpZHRoOiA3NSU7CiAgZGlzcGxheTogaW5saW5lLWJsb2NrOwp9Ci51cGRhdGFidG4gewogIHdpZHRoOiAyMCU7CiAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogIG1hcmdpbi1yaWdodDogMHB4Owp9CgoubmF2LWJhciB7CiAgYmFja2dyb3VuZC1jb2xvcjogI2Y1M2I1NzsKICBjb2xvcjogI2ZmZjsKICBoZWlnaHQ6IDQ0cHg7Cn0KCi5iYWNrIHsKICBtYXJnaW4tdG9wOiA1cHg7Cn0KCi5jb250ZW50IHsKICBtYXJnaW4tdG9wOiAyNXB4OwogIHdpZHRoOiAxMDAlOwogIGJhY2tncm91bmQtY29sb3I6ICNmZmY7Cn0KCi5idG4gewogIGJhY2tncm91bmQtY29sb3I6ICNmNTNiNTc7CiAgYm9yZGVyOiAxcHggc29saWQgI2Y1M2I1NzsKfQo="},{"version":3,"sources":["Message.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkIA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;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/common/back.svg\" alt=\"\" />\n      </div>\n      <div slot=\"center\">个人信息</div>\n    </NavBar>\n    <!-- 密码修改区域 -->\n    <div class=\"content\">\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\n\n\n\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: \"长度在 5 到 10 个字符\", trigger: \"blur\" }\n        ],\n      },\n      signForm: {\n        sign: \"\",\n      },\n      signFormRules: {\n        //验证标签是否合法\n        sign: [\n          { required: true, message: \"请输入个性签名\", trigger: \"blur\" },\n          { min: 0, max: 20, message: \"长度在20个字符以内\", 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          // 重制输入框\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          // 重制输入框\n          this.$refs.signFormRef.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: #f53b57;\n  color: #fff;\n  height: 44px;\n}\n\n.back {\n  margin-top: 5px;\n}\n\n.content {\n  margin-top: 25px;\n  width: 100%;\n  background-color: #fff;\n}\n\n.btn {\n  background-color: #f53b57;\n  border: 1px solid #f53b57;\n}\n</style>\n"]}]}