1 line
6.0 KiB
JSON
1 line
6.0 KiB
JSON
{"ast":null,"code":"import \"core-js/modules/es.json.stringify.js\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n name: \"Person\",\n data: function data() {\n return {\n form: {},\n baseApi: this.$store.state.baseApi,\n user: localStorage.getItem(\"user\") ? JSON.parse(localStorage.getItem(\"user\")) : {}\n };\n },\n methods: {\n //图片上传成功钩子\n handleAvatarSuccess: function handleAvatarSuccess(res) {\n this.imageUrl = res.data;\n this.form.avatarUrl = this.imageUrl;\n },\n //提交事件\n save: function save() {\n var _this = this;\n\n //把表格传给后台，保存到数据库\n this.request.post(\"/user\", this.form).then(function (res) {\n if (res.code === '200') {\n _this.$message.success(\"保存成功\"); //把表格的数据更新到user中\n\n\n for (var key in _this.form) {\n _this.user[key] = _this.form[key];\n } //更新localstorage的user\n\n\n localStorage.setItem('user', JSON.stringify(_this.user));\n\n _this.$emit(\"refresh\");\n\n _this.$router.go(0);\n } else {\n _this.$message.error(res.msg);\n }\n });\n }\n },\n created: function created() {\n var _this2 = this;\n\n this.request.get(\"/userinfo/\" + this.user.username).then(function (res) {\n if (res.code === '200') {\n _this2.form = res.data;\n } else {\n alert(res.msg);\n }\n }); // this.form = this.user;\n },\n computed: {\n token: function token() {\n return {\n token: this.user.token\n };\n }\n }\n};","map":{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA;AACAA,gBADA;AAEAC,MAFA,kBAEA;AACA;AACAC,cADA;AAEAC,wCAFA;AAGAC;AAHA;AAMA,GATA;AAUAC;AACA;AACAC,uBAFA,+BAEAC,GAFA,EAEA;AACA;AACA;AACA,KALA;AAMA;AACAC,QAPA,kBAOA;AAAA;;AACA;AACA;AACA;AACA,yCADA,CAEA;;;AACA;AACA;AACA,WALA,CAMA;;;AACAC;;AACA;;AACA;AACA,SAVA,MAUA;AACA;AACA;AACA,OAdA;AAeA;AAxBA,GAVA;AAoCAC,SApCA,qBAoCA;AAAA;;AACA;AACA;AACA;AACA,OAFA,MAEA;AACAC;AACA;AACA,KANA,EADA,CAQA;AACA,GA7CA;AA8CAC;AACAC,SADA,mBACA;AACA;AAAAA;AAAA;AACA;AAHA;AA9CA","names":["name","data","form","baseApi","user","methods","handleAvatarSuccess","res","save","localStorage","created","alert","computed","token"],"sourceRoot":"src/views","sources":["Person.vue"],"sourcesContent":["<template>\r\n <el-card class=\"card\">\r\n <div style=\"text-align: center;margin-bottom: 30px\"><b >修改个人信息</b></div>\r\n\r\n <el-form label-width=\"60px\">\r\n <el-form-item label=\"头像\">\r\n <el-upload\r\n class=\"avatar-uploader\"\r\n :action=\"baseApi + '/avatar'\"\r\n :headers=\"token\"\r\n :show-file-list=\"false\"\r\n :on-success=\"handleAvatarSuccess\"\r\n >\r\n <img v-if=\"form.avatarUrl\" :src=\"baseApi + form.avatarUrl\" class=\"avatar\">\r\n <i v-else class=\"el-icon-plus avatar-uploader-icon\"></i>\r\n </el-upload>\r\n </el-form-item>\r\n\r\n <el-form-item label=\"昵称\">\r\n <el-input v-model=\"form.nickname\" autocomplete=\"off\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"电话\">\r\n <el-input v-model=\"form.phone\" autocomplete=\"off\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"邮箱\">\r\n <el-input v-model=\"form.email\" autocomplete=\"off\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"地址\">\r\n <el-input v-model=\"form.address\" autocomplete=\"off\"></el-input>\r\n </el-form-item>\r\n <el-button type=\"primary\" style=\"margin-left: 190px;margin-top: 20px\" @click=\"save\">确 定</el-button>\r\n </el-form>\r\n </el-card>\r\n\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: \"Person\",\r\n data(){\r\n return{\r\n form: {},\r\n baseApi: this.$store.state.baseApi,\r\n user: localStorage.getItem(\"user\") ? JSON.parse(localStorage.getItem(\"user\")) : {},\r\n\r\n }\r\n },\r\n methods:{\r\n //图片上传成功钩子\r\n handleAvatarSuccess(res) {\r\n this.imageUrl = res.data;\r\n this.form.avatarUrl = this.imageUrl;\r\n },\r\n //提交事件\r\n save(){\r\n //把表格传给后台，保存到数据库\r\n this.request.post(\"/user\",this.form).then(res=>{\r\n if(res.code==='200'){\r\n this.$message.success(\"保存成功\");\r\n //把表格的数据更新到user中\r\n for (let key in this.form){\r\n this.user[key] = this.form[key];\r\n }\r\n //更新localstorage的user\r\n localStorage.setItem('user',JSON.stringify(this.user));\r\n this.$emit(\"refresh\")\r\n this.$router.go(0);\r\n }else{\r\n this.$message.error(res.msg)\r\n }\r\n })\r\n },\r\n },\r\n created() {\r\n this.request.get(\"/userinfo/\"+this.user.username).then(res=>{\r\n if(res.code==='200'){\r\n this.form = res.data;\r\n }else{\r\n alert(res.msg)\r\n }\r\n })\r\n // this.form = this.user;\r\n },\r\n computed:{\r\n token() {\r\n return{ token: this.user.token}\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.card{\r\n width: 500px;\r\n margin: 80px auto;\r\n padding: 30px;\r\n}\r\n.avatar-uploader {\r\n padding-bottom: 10px;\r\n}\r\n.avatar-uploader .el-upload {\r\n border: 1px dashed #d9d9d9;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.avatar-uploader .el-upload:hover {\r\n border-color: #409EFF;\r\n}\r\n.avatar-uploader-icon {\r\n font-size: 28px;\r\n color: #8c939d;\r\n width: 138px;\r\n height: 138px;\r\n line-height: 138px;\r\n text-align: center;\r\n}\r\n.avatar {\r\n width: 138px;\r\n height: 138px;\r\n display: block;\r\n}\r\n</style>"]},"metadata":{},"sourceType":"module"} |