/* * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development"). * This devtool is neither made for production nor for readable output files. * It uses "eval()" calls to create a separate source file in the browser devtools. * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/) * or disable the default devtool with "devtool: false". * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/). */ (self["webpackChunkshiweisuzhou"] = self["webpackChunkshiweisuzhou"] || []).push([["src_views_User_UserInfo_vue"],{ /***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/User/UserInfo.vue?vue&type=script&lang=js": /*!***************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/User/UserInfo.vue?vue&type=script&lang=js ***! \***************************************************************************************************************************************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { "use strict"; eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"UserInfo\",\n data() {\n return {\n user: {\n avatar: \"\",\n nickname: \"\",\n id: \"\",\n gender: null,\n birthday: null\n }\n };\n },\n mounted() {\n this.getUserInfo();\n },\n methods: {\n getUserInfo() {\n // 获取用户信息\n this.post({}, \"/api/uservice/user/getMyInfo\").then(res => {\n this.user = res.data;\n });\n },\n handleAvatarChange(file) {\n // this.user.avatar = URL.createObjectURL(file.raw);\n\n this.util.imgToBase64(file.raw).then(base64 => {\n console.log(base64);\n this.post({\n img_base64: base64\n }, \"/api/pbservice/Other/base64Upload\").then(res => {\n this.user.avatar = res.data.url;\n });\n });\n },\n copyId() {\n const input = document.createElement(\"input\");\n input.value = this.user.id;\n document.body.appendChild(input);\n input.select();\n document.execCommand(\"copy\");\n document.body.removeChild(input);\n this.$message({\n message: \"用户ID已复制\",\n type: \"success\"\n });\n },\n saveUser() {\n this.$refs.userForm.validate(valid => {\n if (valid) {\n this.post({\n ...this.user\n }, \"/api/uservice/user/profile\").then(res => {\n if (res.code == 1) {\n this.$message({\n message: \"修改成功\",\n type: \"success\"\n });\n this.post({}, \"/api/uservice/user/getMyInfo\").then(res => {\n this.$store.dispatch(\"login\", {\n userInfo: res.data,\n token: res.data.token\n });\n });\n }\n });\n }\n });\n }\n }\n});\n\n//# sourceURL=webpack://shiweisuzhou/./src/views/User/UserInfo.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options\n}"); /***/ }), /***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/User/UserInfo.vue?vue&type=template&id=5e1c56b3&scoped=true": /*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/User/UserInfo.vue?vue&type=template&id=5e1c56b3&scoped=true ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { "use strict"; eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: function() { return /* binding */ render; },\n/* harmony export */ staticRenderFns: function() { return /* binding */ staticRenderFns; }\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"bg\"\n }, [_c(\"el-card\", {\n staticStyle: {\n width: \"100%\"\n }\n }, [_c(\"div\", {\n staticClass: \"clearfix\",\n attrs: {\n slot: \"header\"\n },\n slot: \"header\"\n }, [_c(\"span\", [_vm._v(\"个人信息\")])]), _c(\"div\", {\n staticStyle: {\n \"padding-right\": \"200px\"\n }\n }, [_c(\"el-form\", {\n ref: \"userForm\",\n attrs: {\n model: _vm.user,\n \"label-width\": \"100px\",\n size: \"small\"\n }\n }, [_c(\"el-form-item\", {\n attrs: {\n label: \"用户头像\"\n }\n }, [_c(\"el-upload\", {\n staticClass: \"avatar-uploader\",\n attrs: {\n action: \"#\",\n \"auto-upload\": false,\n \"on-change\": _vm.handleAvatarChange,\n \"show-file-list\": false\n }\n }, [_vm.user.avatar ? _c(\"div\", {\n staticStyle: {\n position: \"relative\"\n }\n }, [_c(\"img\", {\n staticClass: \"avatar\",\n attrs: {\n src: _vm.user.avatar\n }\n }), _c(\"div\", {\n staticClass: \"hover-tip\"\n }, [_vm._v(\"修改头像\")])]) : _c(\"i\", {\n staticClass: \"el-icon-plus avatar-uploader-icon\"\n })])], 1), _c(\"el-form-item\", {\n attrs: {\n label: \"昵称\",\n prop: \"nickname\",\n rules: [{\n required: true,\n message: \"请输入昵称\"\n }]\n }\n }, [_c(\"el-input\", {\n attrs: {\n placeholder: \"请输入昵称\"\n },\n model: {\n value: _vm.user.nickname,\n callback: function ($$v) {\n _vm.$set(_vm.user, \"nickname\", $$v);\n },\n expression: \"user.nickname\"\n }\n })], 1), _c(\"el-form-item\", {\n attrs: {\n label: \"用户ID\"\n }\n }, [_c(\"el-input\", {\n attrs: {\n disabled: \"\"\n },\n model: {\n value: _vm.user.user_id,\n callback: function ($$v) {\n _vm.$set(_vm.user, \"user_id\", $$v);\n },\n expression: \"user.user_id\"\n }\n }, [_c(\"template\", {\n slot: \"append\"\n }, [_c(\"el-button\", {\n on: {\n click: _vm.copyId\n }\n }, [_vm._v(\"复制\")])], 1)], 2)], 1), _c(\"el-form-item\", {\n attrs: {\n label: \"性别\"\n }\n }, [_c(\"el-radio-group\", {\n model: {\n value: _vm.user.gender,\n callback: function ($$v) {\n _vm.$set(_vm.user, \"gender\", $$v);\n },\n expression: \"user.gender\"\n }\n }, [_c(\"el-radio\", {\n attrs: {\n label: 1\n }\n }, [_vm._v(\"男性\")]), _c(\"el-radio\", {\n attrs: {\n label: 2\n }\n }, [_vm._v(\"女性\")]), _c(\"el-radio\", {\n attrs: {\n label: 0\n }\n }, [_vm._v(\"保密\")])], 1)], 1), _c(\"el-form-item\", {\n attrs: {\n label: \"生日\"\n }\n }, [_c(\"el-date-picker\", {\n staticStyle: {\n width: \"100%\"\n },\n attrs: {\n type: \"date\",\n placeholder: \"选择日期\",\n \"value-format\": \"yyyy-MM-dd\"\n },\n model: {\n value: _vm.user.birthday,\n callback: function ($$v) {\n _vm.$set(_vm.user, \"birthday\", $$v);\n },\n expression: \"user.birthday\"\n }\n })], 1), _c(\"el-form-item\", {\n staticClass: \"form-actions\"\n }, [_c(\"el-button\", {\n attrs: {\n type: \"primary\"\n },\n on: {\n click: _vm.saveUser\n }\n }, [_vm._v(\"保存\")])], 1)], 1)], 1)])], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://shiweisuzhou/./src/views/User/UserInfo.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B3%5D!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options\n}"); /***/ }), /***/ "./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/User/UserInfo.vue?vue&type=style&index=0&id=5e1c56b3&lang=scss&scoped=true": /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/User/UserInfo.vue?vue&type=style&index=0&id=5e1c56b3&lang=scss&scoped=true ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".avatar-uploader-icon[data-v-5e1c56b3] {\\n font-size: 28px;\\n color: #8c939d;\\n width: 100px;\\n height: 100px;\\n line-height: 100px;\\n text-align: center;\\n}\\n[data-v-5e1c56b3] .avatar-uploader .el-upload {\\n border: 1px dashed #d9d9d9;\\n border-radius: 6px;\\n cursor: pointer;\\n position: relative;\\n overflow: hidden;\\n}\\n.avatar[data-v-5e1c56b3] {\\n width: 100px;\\n height: 100px;\\n display: block;\\n}\\n.hover-tip[data-v-5e1c56b3] {\\n position: absolute;\\n bottom: 0;\\n left: 0;\\n right: 0;\\n width: 100%;\\n height: 20px;\\n text-align: center;\\n line-height: 20px;\\n font-size: 14px;\\n color: #fff;\\n background: rgba(0, 0, 0, 0.5);\\n}\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://shiweisuzhou/./src/views/User/UserInfo.vue?./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use%5B1%5D!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use%5B2%5D!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use%5B3%5D!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options\n}"); /***/ }), /***/ "./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/User/UserInfo.vue?vue&type=style&index=0&id=5e1c56b3&lang=scss&scoped=true": /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/User/UserInfo.vue?vue&type=style&index=0&id=5e1c56b3&lang=scss&scoped=true ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /***/ (function(module, __unused_webpack_exports, __webpack_require__) { eval("{// style-loader: Adds some css to the DOM by adding a