{"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"}