manage/springboot/vue/node_modules/.cache/vue-loader/fce2888cdb5e865c3f0e82b53c05516f.json

{"remainingRequest":"C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\明允\\Desktop\\springboot\\vue\\src\\views\\front\\Person.vue?vue&type=style&index=0&id=85c3bc96&lang=css","dependencies":[{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\src\\views\\front\\Person.vue","mtime":1647754797921},{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\css-loader\\dist\\cjs.js","mtime":1713785857195},{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1713785859014},{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\postcss-loader\\src\\index.js","mtime":1713785857859},{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1713785856543},{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\vue-loader\\lib\\index.js","mtime":1713785858382}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQouYXZhdGFyLXVwbG9hZGVyIHsNCiAgdGV4dC1hbGlnbjogY2VudGVyOw0KICBwYWRkaW5nLWJvdHRvbTogMTBweDsNCn0NCi5hdmF0YXItdXBsb2FkZXIgLmVsLXVwbG9hZCB7DQogIGJvcmRlcjogMXB4IGRhc2hlZCAjZDlkOWQ5Ow0KICBib3JkZXItcmFkaXVzOiA2cHg7DQogIGN1cnNvcjogcG9pbnRlcjsNCiAgcG9zaXRpb246IHJlbGF0aXZlOw0KICBvdmVyZmxvdzogaGlkZGVuOw0KfQ0KLmF2YXRhci11cGxvYWRlciAuZWwtdXBsb2FkOmhvdmVyIHsNCiAgYm9yZGVyLWNvbG9yOiAjNDA5RUZGOw0KfQ0KLmF2YXRhci11cGxvYWRlci1pY29uIHsNCiAgZm9udC1zaXplOiAyOHB4Ow0KICBjb2xvcjogIzhjOTM5ZDsNCiAgd2lkdGg6IDEzOHB4Ow0KICBoZWlnaHQ6IDEzOHB4Ow0KICBsaW5lLWhlaWdodDogMTM4cHg7DQogIHRleHQtYWxpZ246IGNlbnRlcjsNCn0NCi5hdmF0YXIgew0KICB3aWR0aDogMTM4cHg7DQogIGhlaWdodDogMTM4cHg7DQogIGRpc3BsYXk6IGJsb2NrOw0KfQ0K"},{"version":3,"sources":["Person.vue"],"names":[],"mappings":";AAkFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Person.vue","sourceRoot":"src/views/front","sourcesContent":["<template>\r\n  <el-card style=\"width: 500px;\">\r\n    <el-form label-width=\"80px\" size=\"small\">\r\n      <el-upload\r\n          class=\"avatar-uploader\"\r\n          :action=\"'http://localhost:9090/file/upload'\"\r\n          :show-file-list=\"false\"\r\n          :on-success=\"handleAvatarSuccess\"\r\n      >\r\n        <img v-if=\"form.avatarUrl\" :src=\"form.avatarUrl\" class=\"avatar\">\r\n        <i v-else class=\"el-icon-plus avatar-uploader-icon\"></i>\r\n      </el-upload>\r\n\r\n      <el-form-item label=\"用户名\">\r\n        <el-input v-model=\"form.username\" disabled autocomplete=\"off\"></el-input>\r\n      </el-form-item>\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.email\" 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 type=\"textarea\" v-model=\"form.address\" autocomplete=\"off\"></el-input>\r\n      </el-form-item>\r\n      <el-form-item>\r\n        <el-button type=\"primary\" @click=\"save\">确 定</el-button>\r\n      </el-form-item>\r\n    </el-form>\r\n  </el-card>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n  name: \"Person\",\r\n  data() {\r\n    return {\r\n      form: {},\r\n      user: localStorage.getItem(\"user\") ? JSON.parse(localStorage.getItem(\"user\")) : {}\r\n    }\r\n  },\r\n  created() {\r\n    this.getUser().then(res => {\r\n      console.log(res)\r\n      this.form = res\r\n    })\r\n  },\r\n  methods: {\r\n    async getUser() {\r\n      return (await this.request.get(\"/user/username/\" + this.user.username)).data\r\n    },\r\n    save() {\r\n      this.request.post(\"/user\", this.form).then(res => {\r\n        if (res.code === '200') {\r\n          this.$message.success(\"保存成功\")\r\n\r\n          // 触发父级更新User的方法\r\n          this.$emit(\"refreshUser\")\r\n\r\n          // 更新浏览器存储的用户信息\r\n          this.getUser().then(res => {\r\n            res.token = JSON.parse(localStorage.getItem(\"user\")).token\r\n            localStorage.setItem(\"user\", JSON.stringify(res))\r\n          })\r\n\r\n        } else {\r\n          this.$message.error(\"保存失败\")\r\n        }\r\n      })\r\n    },\r\n    handleAvatarSuccess(res) {\r\n      this.form.avatarUrl = res\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.avatar-uploader {\r\n  text-align: center;\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>\r\n"]}]}