{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/profile/childComps/Message.vue?vue&type=style&index=0&id=1bb6adc0&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/profile/childComps/Message.vue","mtime":1616247618853},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLm5hdi1iYXJ7CiAgYmFja2dyb3VuZC1jb2xvcjojZjUzYjU3OwogIGNvbG9yOiAjZmZmOwogIGhlaWdodDogNDRweDsKfQouYmFja3sKICAgIG1hcmdpbi10b3A6IDVweDsKfQoKLmNvbnRlbnR7CiAgICBtYXJnaW4tdG9wOiA0MHB4OwogICAgaGVpZ2h0OiA0MHB4OwogICAgd2lkdGg6IDEwMCU7CiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOwp9CgouYnRuewogICAgZmxvYXQ6IHJpZ2h0OwogICAgbWFyZ2luLXJpZ2h0OiAzMHB4OwogICAgYmFja2dyb3VuZC1jb2xvcjogI2Y1M2I1NzsKICAgIGJvcmRlcjogMXB4IHNvbGlkICNmNTNiNTc7CiAgICAKfQo="},{"version":3,"sources":["Message.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA","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    <div class=\"content\">\n                <el-form\n          ref=\"profileFormRef\"\n          label-width=\"0px\"\n          :model=\"profileForm\"\n          :rules=\"profileForm\"\n        >\n          <el-form-item prop=\"password\">\n            <el-input\n              placeholder=\"输入新的密码\"\n              v-model=\"profileForm.password\"\n              prefix-icon=\"el-icon-user-solid\"\n            ></el-input>\n          </el-form-item>\n          <el-form-item prop=\"sign\">\n            <el-input\n              placeholder=\"输入新的个性签名\"\n              v-model=\"profileForm.sign\"\n              prefix-icon=\"el-icon-s-goods\"\n            ></el-input>\n          </el-form-item>\n          <el-form-item >\n            <el-row>\n              <el-button  class=\"btn\" @click=\"updata\" type=\"primary\" >修改</el-button>\n            </el-row>\n             <!-- <el-button type=\"info\" @click=\"infoRegister\">注册</el-button> -->\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           profileForm: {\n            password: \"\",\n            sign:\"\"\n          },\n        profileFormRules: {\n        //验证密码是否合法\n        password: [\n          { required: true, message: \"请输入密码\", trigger: \"blur\" },\n          { min: 5, max: 10, message: \"长度在 5 到 10 个字符\", trigger: \"blur\" },\n        ],\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    },\n    methods:{\n        backClick(){\n            this.$router.push('/profile')\n        },\n        updata() {\n         this.$refs.profileFormRef.validate(async valid => {\n        if (!valid) return;\n        try{\n        await this.$http.post('/users/updata/profile',this.profileForm);\n        this.$message.success('修改成功')\n        this.$refs.profileFormRef.resetFields()\n        }catch(err){\n          return this.$message.error('修改失败')\n        }\n      });\n    },\n    }\n}\n</script>\n\n<style scoped>\n.nav-bar{\n  background-color:#f53b57;\n  color: #fff;\n  height: 44px;\n}\n.back{\n    margin-top: 5px;\n}\n\n.content{\n    margin-top: 40px;\n    height: 40px;\n    width: 100%;\n    background-color: #fff;\n}\n\n.btn{\n    float: right;\n    margin-right: 30px;\n    background-color: #f53b57;\n    border: 1px solid #f53b57;\n    \n}\n</style>"]}]}