1 |
- {"version":3,"sources":["webpack:///./src/assets/avatar.png","webpack:///./node_modules/core-js/modules/es6.function.name.js","webpack:///./src/views/personal-information.vue?f4bf","webpack:///./src/views/personal-information.vue?545f","webpack:///src/views/personal-information.vue","webpack:///./src/views/personal-information.vue?e1e4","webpack:///./src/views/personal-information.vue","webpack:///./src/assets/back-icon.png","webpack:///./src/assets/return.png"],"names":["module","exports","dP","f","FProto","Function","prototype","nameRE","NAME","configurable","get","this","match","e","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","on","$event","$router","back","_v","updateHeadimg","userInfo","headimg","staticStyle","update","model","value","callback","$$v","$set","expression","logout","staticRenderFns","components","data","isLogin","mounted","methods","name","params","then","localStorage","Toast","Dialog","title","message","component"],"mappings":"mGAAAA,EAAOC,QAAU,IAA0B,2B,uBCA3C,IAAIC,EAAK,EAAQ,QAAgBC,EAC7BC,EAASC,SAASC,UAClBC,EAAS,wBACTC,EAAO,OAGXA,KAAQJ,GAAU,EAAQ,SAAqBF,EAAGE,EAAQI,EAAM,CAC9DC,cAAc,EACdC,IAAK,WACH,IACE,OAAQ,GAAKC,MAAMC,MAAML,GAAQ,GACjC,MAAOM,GACP,MAAO,Q,oCCZb,W,2CCAA,IAAIC,EAAS,WAAa,IAAIC,EAAIJ,KAASK,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,aAAaC,MAAM,CAAC,IAAM,EAAQ,SAAyBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAIS,QAAQC,WAAWP,EAAG,IAAI,CAACE,YAAY,gBAAgB,CAACL,EAAIW,GAAG,YAAYR,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACF,EAAG,KAAK,CAACA,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACL,EAAIW,GAAG,QAAQR,EAAG,eAAe,CAACG,MAAM,CAAC,aAAaN,EAAIY,gBAAgB,CAACT,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAAEL,EAAW,QAAEG,EAAG,MAAM,CAACE,YAAY,SAASC,MAAM,CAAC,IAAMN,EAAIa,SAASC,SAAW,EAAQ,WAA2BX,EAAG,MAAM,CAACE,YAAY,SAASC,MAAM,CAAC,IAAM,EAAQ,WAA2BH,EAAG,MAAM,CAACE,YAAY,YAAYC,MAAM,CAAC,IAAM,EAAQ,gBAAmC,GAAGH,EAAG,KAAK,CAACA,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACL,EAAIW,GAAG,QAAQR,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAAEL,EAAW,QAAEG,EAAG,OAAO,CAACE,YAAY,OAAO,CAACF,EAAG,YAAY,CAACY,YAAY,CAAC,QAAU,KAAKT,MAAM,CAAC,cAAc,QAAQ,YAAc,UAAUC,GAAG,CAAC,KAAOP,EAAIgB,QAAQC,MAAM,CAACC,MAAOlB,EAAIa,SAAa,KAAEM,SAAS,SAAUC,GAAMpB,EAAIqB,KAAKrB,EAAIa,SAAU,OAAQO,IAAME,WAAW,oBAAoB,GAAGnB,EAAG,OAAO,CAACE,YAAY,OAAO,CAACL,EAAIW,GAAG,SAASR,EAAG,MAAM,CAACE,YAAY,YAAYC,MAAM,CAAC,IAAM,EAAQ,iBAAoCH,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,SAAS,CAACG,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAIuB,YAAY,CAACvB,EAAIW,GAAG,eAC58Ca,EAAkB,G,8sBC0CtB,OACAC,cACAC,KAFA,WAGA,OACAC,WACAd,cAGAe,QARA,WASA,IACA,gEACA,UACA,iCAEAC,SACAjB,cADA,YACA,oBACA,wDACA,UAAAE,gBAGAE,OANA,WAMA,uEACA,gCACAc,wBACAhB,+BACAiB,IACAC,MAAA,wBACA,iCACAC,6CACAC,sBAGAX,OAjBA,WAiBA,WACAY,gBACAC,WACAC,oBACAL,MAAA,WACAC,qBACA,0BChF8V,I,wBCQ1VK,EAAY,eACd,EACAvC,EACAyB,GACA,EACA,KACA,WACA,MAIa,aAAAc,E,mDCnBfrD,EAAOC,QAAU,0mB,mBCAjBD,EAAOC,QAAU","file":"js/chunk-67af3801.f897f04d.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/avatar.0166dac5.png\";","var dP = require('./_object-dp').f;\nvar FProto = Function.prototype;\nvar nameRE = /^\\s*function ([^ (]*)/;\nvar NAME = 'name';\n\n// 19.2.4.2 name\nNAME in FProto || require('./_descriptors') && dP(FProto, NAME, {\n configurable: true,\n get: function () {\n try {\n return ('' + this).match(nameRE)[1];\n } catch (e) {\n return '';\n }\n }\n});\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./personal-information.vue?vue&type=style&index=0&id=51861ba4&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrap\"},[_c('div',{staticClass:\"header\"},[_c('img',{staticClass:\"return-img\",attrs:{\"src\":require(\"../assets/return.png\")},on:{\"click\":function($event){return _vm.$router.back()}}}),_c('p',{staticClass:\"header-title\"},[_vm._v(\"个人信息\")])]),_c('ul',{staticClass:\"list\"},[_c('li',[_c('span',{staticClass:\"name\"},[_vm._v(\"头像\")]),_c('van-uploader',{attrs:{\"after-read\":_vm.updateHeadimg}},[_c('div',{staticClass:\"item-sidebar\"},[(_vm.isLogin)?_c('img',{staticClass:\"avatar\",attrs:{\"src\":_vm.userInfo.headimg || require('../assets/avatar.png')}}):_c('img',{staticClass:\"avatar\",attrs:{\"src\":require(\"../assets/avatar.png\")}}),_c('img',{staticClass:\"back-icon\",attrs:{\"src\":require(\"../assets/back-icon.png\")}})])])],1),_c('li',[_c('span',{staticClass:\"name\"},[_vm._v(\"昵称\")]),_c('div',{staticClass:\"item-sidebar\"},[(_vm.isLogin)?_c('span',{staticClass:\"msg\"},[_c('van-field',{staticStyle:{\"padding\":\"0\"},attrs:{\"input-align\":\"right\",\"placeholder\":\"请输入用户名\"},on:{\"blur\":_vm.update},model:{value:(_vm.userInfo.name),callback:function ($$v) {_vm.$set(_vm.userInfo, \"name\", $$v)},expression:\"userInfo.name\"}})],1):_c('span',{staticClass:\"msg\"},[_vm._v(\"未登录\")]),_c('img',{staticClass:\"back-icon\",attrs:{\"src\":require(\"../assets/back-icon.png\")}})])])]),_c('div',{staticClass:\"btn-box\"},[_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.logout()}}},[_vm._v(\"退出登录\")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- 个人信息 -->\r\n<template>\r\n\t<div class=\"wrap\">\r\n\r\n\t\t<div class=\"header\">\r\n\t\t\t<img src=\"../assets/return.png\" class=\"return-img\" @click=\"$router.back()\">\r\n\t\t\t<p class=\"header-title\">个人信息</p>\r\n\t\t</div>\r\n\r\n\t\t<ul class=\"list\">\r\n\t\t\t<li>\r\n\t\t\t\t<span class=\"name\">头像</span>\r\n <van-uploader :after-read=\"updateHeadimg\">\r\n <div class=\"item-sidebar\">\r\n <img :src=\"userInfo.headimg || require('../assets/avatar.png')\" class=\"avatar\" v-if=\"isLogin\">\r\n <img src=\"../assets/avatar.png\" class=\"avatar\" v-else>\r\n <img src=\"../assets/back-icon.png\" class=\"back-icon\">\r\n </div>\r\n </van-uploader>\r\n </li>\r\n\t\t\t<li>\r\n\t\t\t\t<span class=\"name\">昵称</span>\r\n\t\t\t\t<div class=\"item-sidebar\">\r\n <span class=\"msg\" v-if=\"isLogin\">\r\n <van-field input-align=\"right\" style=\"padding: 0\" v-model=\"userInfo.name\" @blur=\"update\" placeholder=\"请输入用户名\" />\r\n </span>\r\n <span class=\"msg\" v-else>未登录</span>\r\n\t\t\t\t\t<img src=\"../assets/back-icon.png\" class=\"back-icon\">\r\n\t\t\t\t</div>\r\n\t\t\t</li>\r\n\t\t</ul>\r\n\r\n\t\t<div class=\"btn-box\">\r\n\t\t\t<button type=\"button\" @click=\"logout()\">退出登录</button>\r\n\t\t</div>\r\n\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nimport {Dialog, Toast} from \"vant\";\r\nimport {uploadFile, UserCenterService} from \"@/common/service\";\r\n\r\n export default {\r\n\t\tcomponents: {},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n isLogin: false,\r\n userInfo: {},\r\n\t\t\t};\r\n\t\t},\r\n\t\tmounted() {\r\n try {\r\n this.userInfo = JSON.parse(localStorage.getItem('user_info') || '');\r\n } catch (e) {}\r\n this.isLogin = this.userInfo.id > 0;\r\n },\r\n\t\tmethods: {\r\n updateHeadimg({ file }) {\r\n return uploadFile(file).then(({ data }) => {\r\n this.update({ headimg: data });\r\n });\r\n },\r\n update(params = {}) {\r\n return UserCenterService.updateUserInfo({\r\n name: this.userInfo.name,\r\n headimg: this.userInfo.headimg,\r\n ...params,\r\n }).then(({ msg }) => {\r\n this.userInfo = {...this.userInfo, ...params};\r\n localStorage.setItem('user_info', this.userInfo);\r\n Toast(msg);\r\n });\r\n },\r\n logout() {\r\n Dialog.confirm({\r\n title: '标题',\r\n message: '确定退出登录?',\r\n }).then(() => {\r\n localStorage.clear();\r\n this.$router.push('/');\r\n })\r\n }\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style scoped>\r\n\t.wrap {\r\n\t\twidth: 100%;\r\n\t\tmin-height: 100vh;\r\n\t\tbackground-color: #F4F4F4;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tpadding: 54px 15px 0;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t/* 头部样式 */\r\n\t.header {\r\n\t\twidth: 100%;\r\n\t\theight: 44px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tposition: fixed;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tz-index: 999;\r\n\t}\r\n\r\n\t.return-img {\r\n\t\tposition: absolute;\r\n\t\tleft: 15px;\r\n\t\ttop: 50%;\r\n\t\ttransform: translate(0, -50%);\r\n\t\twidth: 20px;\r\n\t}\r\n\r\n\t.header-title {\r\n\t\tcolor: #333333;\r\n\t\tfont-size: 18px;\r\n\t\tfont-weight: 500;\r\n\t}\r\n\r\n\t.list {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tborder-radius: 10px;\r\n\t\tpadding: 16px 14px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.list>li {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t\tmargin-bottom: 16px;\r\n\t}\r\n\r\n\t.list>li:last-child {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t.name {\r\n\t\tcolor: #222222;\r\n\t\tfont-size: 14px;\r\n\t\tfont-weight: 500;\r\n\t}\r\n\r\n\t.item-sidebar {\r\n\t\tflex: 1;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: flex-end;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.avatar {\r\n\t\twidth: 32px;\r\n\t\theight: 32px;\r\n\t\tborder-radius: 50%;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.back-icon {\r\n\t\twidth: 4px;\r\n\t\tmargin-left: 6px;\r\n\t}\r\n\r\n\t.msg {\r\n\t\tflex: 1;\r\n\t\tcolor: #999999;\r\n\t\tfont-size: 13px;\r\n\t}\r\n\r\n\t.btn-box {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tpadding: 26px 0;\r\n\t}\r\n\r\n\t.btn-box>button {\r\n\t\twidth: 100%;\r\n\t\theight: 48px;\r\n\t\tline-height: 48px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tcolor: #2A63F3;\r\n\t\tfont-size: 18px;\r\n\t\tborder-radius: 10px;\r\n\t\tbackground-color: #FFFFFF;\r\n\t}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./personal-information.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./personal-information.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./personal-information.vue?vue&type=template&id=51861ba4&scoped=true&\"\nimport script from \"./personal-information.vue?vue&type=script&lang=js&\"\nexport * from \"./personal-information.vue?vue&type=script&lang=js&\"\nimport style0 from \"./personal-information.vue?vue&type=style&index=0&id=51861ba4&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"51861ba4\",\n null\n \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAYAAAC07qxWAAAAAXNSR0IArs4c6QAAAXZJREFUOE+F0jFIW0EcBvDvO0ihZPANLdJRwU2K0K0hHbSCmw4SdKog7+6KW7vYqR11MUuFd7ngooNrlwoiYiXFdrJ06KCbOHVyLTT3lwtJsH0v8caPHxz33Ufn3DnJ71priyGHzrkjADMkN7XW64NshCMkT0RkiuRbrfVWEWYMvfejItISkXGSK1rr3f9xB3bxWAihBeCxUmohTdPPd3EfxrDZbE622+1Tkg9CCLPW2rMe/gfGsNFoPAdwKCJ/RKRqrf0V8xyMYZZlc0qpTyLyG0DFGHNVCLt4meQegAsA1YEwYufcGoCPAFr3wfcAPgD4ORA6516T3BaR61KpVCmE3vvFEMI+gBsReRFfnoPe++kQQiz7r1LqZZqm33L1eO+fhRCOATwkOa+1PsgVnmXZBMn4hY9E5JW1NlbTP52rnXNPAHwFMAbgjTGmnhtFvV5PyuXyFxF5CmDDGPOucGa94QLYMcasDhvuD5KXSZIs1Wq19iB4C/JalBV1ALnuAAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAm5JREFUWEft2MnLTlEYAPDfZx4yK8WCWLBgwQIbSobIkMiwYiMbJX+JWLFRSmJBUoYyLCjDQoREQgghikQiQ4/OW8eXvPfe976fV31ne8+9z+8+59xzn3O6dHjr6nCfXmCrI9RTGeyH2XiEl2XQPQEci5MJ+AlLcKkost3AcTiH6RloN3Z0AnACzmNqhvmBFTj1r4ETE25KBvmObdhbFBf92jHEgYrMBbLRvmEL9pfBtQM4LeHGZ5Cv2ITDZXF1A2fgLOLDaLQv2IhjVXB1AmfhDMZkkM9YW+aD+NNL1DEH5+I0RmYBPmJ1WmKqJu/Xfa0C5+MEhmWKD2kpudiSLN3cCnARjmNIBnmHZbhaB66VDC7HEQzKIG/Tb+x6XbiqwDU4hAEZ5BUW43aduCrA9TiIqE4a7TliuO/VjSsLjA8hSqV8zj3BQjxsB64scDRiKPPs3UzZe9MJwDBEmbSz2/J0JyFLFaJFX6jKMrMdu7oh76ehflY0cNF+VYDx7K3Ygz5ZoCjnYz4+Lhq8SL+qwHj2ZuxD3yzQ04R8UCR4kT6tAOP5G3AA/bNgL9KcvFsE0KxPq8B4fhQFUesNzIK9Tgv3rWaAZtfrAEaM+P8exeAsYPz6luJaM8TfrtcFjBjxgUTxMDQL+D7hr1RF1gkMw7xUfg3PQFF+rcSFKsi6gWGYkwrYURkoNuwxV2NLUKq1AxiAmWkLEKcKjRZbgHUpw4WR7QIGIE4T4lSh+yZqAS4XFbYTGIY4VYg9cpwyNFrHHH00QJMTchLidGFVOkwqlMR2Z7CBGIHYJsTf5UYhWerUU8Aypt/69gIrp+5/GeKfiUBcKeCBb1YAAAAASUVORK5CYII=\""],"sourceRoot":""}
|