{"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=251d5298&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/views/profile/childComps/Message.vue","mtime":1617891259903},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLmZvcm0gewogIHdpZHRoOiAxMDAlOwogIGRpc3BsYXk6IGZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwp9CgoudXBkYXRhZm9ybSB7CiAgd2lkdGg6IDc1JTsKICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7Cn0KLnVwZGF0YWJ0biB7CiAgd2lkdGg6IDIwJTsKICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgbWFyZ2luLXJpZ2h0OiAwcHg7Cn0KCi5uYXYtYmFyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjUzYjU3OwogIGNvbG9yOiAjZmZmOwogIGhlaWdodDogNDRweDsKfQoKLmJhY2sgewogIG1hcmdpbi10b3A6IDVweDsKfQoKLmNvbnRlbnQgewogIG1hcmdpbi10b3A6IDI1cHg7CiAgd2lkdGg6IDEwMCU7CiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsKfQoKLmJ0biB7CiAgYmFja2dyb3VuZC1jb2xvcjogI2Y1M2I1NzsKICBib3JkZXI6IDFweCBzb2xpZCAjZjUzYjU3Owp9Cg=="},{"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;;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\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: \"长度在 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      nameForm: {\n        sign: \"\",\n      },\n      nameFormRules: {\n        //验证名称是否合法\n        name: [\n          { required: true, message: \"请输入名称\", trigger: \"blur\" },\n          { min: 4, max: 6, message: \"长度在4到6个名称\", 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: #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"]}]}