1 |
- {"version":3,"sources":["webpack:///./src/views/set-up.vue?8a34","webpack:///./src/components/my-sidebar.vue?0f0e","webpack:///./src/components/my-sidebar.vue","webpack:///src/components/my-sidebar.vue","webpack:///./src/components/my-sidebar.vue?c392","webpack:///./src/components/my-sidebar.vue?2be0","webpack:///./src/views/set-up.vue","webpack:///src/views/set-up.vue","webpack:///./src/views/set-up.vue?899d","webpack:///./src/views/set-up.vue?19ef","webpack:///./src/assets/back-icon.png","webpack:///./src/assets/avatar-2.png"],"names":["render","_vm","this","_c","_self","staticClass","_l","list","item","index","directives","name","rawName","value","hide","expression","key","class","active","$route","path","on","$event","$router","push","_v","_s","title","staticRenderFns","data","loginStatus","mounted","methods","component","attrs","require","tabType","staticStyle","editUserParams","headimg","BASE_URL","uploadImage","model","nickname","callback","$$v","$set","editUserParamsValidatorNullResult","length","submitEditUser","_e","_m","editPswParams","mobile","new_password","code","countDown","sendSms","validatorNullResult","submitEditPsw","back","components","MySidebar","AddressList","AddressSave","validatorNullList","validatorErrorList","editUserParamsValidatorNullList","watch","deep","handler","obj","getUserInfo","MemberService","localStorage","Message","e","uploadFile","LoginService","getCode","countDownFn","setTimeout","fn","module","exports"],"mappings":"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","file":"js/chunk-382df70c.7dfe865a.js","sourcesContent":["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!./set-up.vue?vue&type=style&index=0&id=af0a03a2&prod&scoped=true&lang=css&\"","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!./my-sidebar.vue?vue&type=style&index=0&id=22ec3a85&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('ul',{staticClass:\"leftsidebar\"},_vm._l((_vm.list),function(item,index){return _c('li',{directives:[{name:\"show\",rawName:\"v-show\",value:(!item.hide),expression:\"!item.hide\"}],key:index,class:{active: _vm.$route.path === item.path},on:{\"click\":function($event){return _vm.$router.push(item.path)}}},[_vm._v(\"\\n \"+_vm._s(item.title)+\"\\n \")])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <ul class=\"leftsidebar\">\r\n <li\r\n v-for=\"(item, index) in list\"\r\n :key=\"index\"\r\n :class=\"{active: $route.path === item.path}\"\r\n @click=\"$router.push(item.path)\"\r\n v-show=\"!item.hide\"\r\n >\r\n {{ item.title }}\r\n </li>\r\n </ul>\r\n</template>\r\n\r\n<script>\r\n\r\n\timport {getLoginStatus} from \"@/common/request\";\r\n\r\n export default {\r\n\t\tname: 'my-sidebar',\r\n\t\tdata() {\r\n const loginStatus = getLoginStatus();\r\n const list = [{\r\n title: '个人信息',\r\n path: '/my'\r\n }, {\r\n title: '我的权益',\r\n path: '/my-rights',\r\n hide: !(loginStatus.isLogin && loginStatus.userInfo.member_type === 2)\r\n }, {\r\n title: '会员等级',\r\n path: '/membership-level'\r\n }, {\r\n title: '购物车',\r\n path: '/shopping-cart'\r\n }, {\r\n title: '我的订单',\r\n path: '/my-order'\r\n }, {\r\n title: '账户余额',\r\n path: '/account-balance'\r\n }, {\r\n title: '供应商入驻',\r\n path: '/supplier-settlement'\r\n }, {\r\n title: '客服',\r\n path: '/customer-service'\r\n }, {\r\n title: '使用帮助',\r\n path: '/my-use-help'\r\n }, {\r\n title: '设置',\r\n path: '/set-up'\r\n }];\r\n\t\t\treturn {\r\n list,\r\n loginStatus,\r\n\t\t };\r\n\t\t},\r\n\t\tmounted() {\r\n\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t},\r\n\t}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n.leftsidebar {\r\n width: 100px;\r\n display: flex;\r\n flex-direction: column;\r\n margin-right: 10px;\r\n padding: 20px 0 14px;\r\n border-radius: 8px;\r\n background-color: #FFFFFF;\r\n}\r\n\r\n.leftsidebar>li {\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n color: #666666;\r\n font-size: 14px;\r\n font-weight: bold;\r\n position: relative;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.leftsidebar>li:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.leftsidebar>li.active {\r\n color: #333333;\r\n}\r\n\r\n.leftsidebar>li.active::after {\r\n content: \"\";\r\n background: linear-gradient(180deg, #FF870E, #FF4F06);\r\n width: 3px;\r\n height: 20px;\r\n position: absolute;\r\n left: 0;\r\n top: 50%;\r\n transform: translate(0, -50%);\r\n}\r\n\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!./my-sidebar.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!./my-sidebar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./my-sidebar.vue?vue&type=template&id=22ec3a85&scoped=true&\"\nimport script from \"./my-sidebar.vue?vue&type=script&lang=js&\"\nexport * from \"./my-sidebar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./my-sidebar.vue?vue&type=style&index=0&id=22ec3a85&prod&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 \"22ec3a85\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"wrap\"},[_c('div',{staticClass:\"middle-container\"},[_c('div',{staticClass:\"main-title-wrap\"},[_c('span',{staticClass:\"home-page\",on:{\"click\":function($event){return _vm.$router.push('/')}}},[_vm._v(\"首页\")]),_c('img',{staticClass:\"main-back-icon\",attrs:{\"src\":require(\"../assets/back-icon.png\")}}),_c('span',{staticClass:\"current-page\"},[_vm._v(\"设置\")])]),_c('div',{staticClass:\"main-wrap\"},[_c('my-sidebar'),_c('div',{staticClass:\"rightsidebar\"},[_c('ul',{staticClass:\"tab-list\"},[_c('li',{class:{active: _vm.tabType === 0},on:{\"click\":function($event){_vm.tabType = 0}}},[_vm._v(\"用户信息\")]),_c('li',{class:{active: _vm.tabType === 1},on:{\"click\":function($event){_vm.tabType = 1}}},[_vm._v(\"收货地址\")]),_c('li',{class:{active: _vm.tabType === 2},on:{\"click\":function($event){_vm.tabType = 2}}},[_vm._v(\"更改密码\")])]),(_vm.tabType === 0)?_c('div',{staticClass:\"information-main-wrapper\"},[_c('div',{staticClass:\"form-row2\"},[_c('span',{staticClass:\"form-label\"},[_vm._v(\"头像\")]),_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"flex-end\"}},[(_vm.editUserParams.headimg)?_c('img',{staticClass:\"avatar\",attrs:{\"src\":_vm.BASE_URL + _vm.editUserParams.headimg}}):_c('img',{staticClass:\"avatar\",attrs:{\"src\":require(\"../assets/avatar-2.png\")}}),_c('button',{staticClass:\"upload-btn\",attrs:{\"type\":\"button\"}},[_vm._v(\"\\n 上传头像\\n \"),_c('input',{attrs:{\"type\":\"file\"},on:{\"change\":function($event){return _vm.uploadImage($event, 'headimg')}}})])])]),_c('div',{staticClass:\"form-row2\"},[_c('span',{staticClass:\"form-label\"},[_vm._v(\"用户名\")]),_c('div',{staticClass:\"form-input-box2\"},[_c('el-input',{attrs:{\"placeholder\":\"输入昵称\"},model:{value:(_vm.editUserParams.nickname),callback:function ($$v) {_vm.$set(_vm.editUserParams, \"nickname\", $$v)},expression:\"editUserParams.nickname\"}})],1)]),_c('div',{staticClass:\"btn-box-information\"},[(_vm.editUserParamsValidatorNullResult.length === 0)?_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.submitEditUser()}}},[_vm._v(\"保存\")]):_c('button',{staticClass:\"button-disabled-gray\",attrs:{\"type\":\"button\"}},[_vm._v(\"保存\")])])]):_vm._e(),(_vm.tabType === 1)?_c('div',{staticClass:\"address-main-wrapper\"},[_c('div',{staticClass:\"address-wrap\"},[_vm._m(0),_c('address-list')],1),_c('div',{staticClass:\"add-wrap\"},[_c('p',{staticClass:\"add-label\"},[_vm._v(\"新增地址\")]),_c('address-save')],1)]):_vm._e(),(_vm.tabType === 2)?_c('div',{staticClass:\"password-main-wrapper\"},[_c('p',{staticClass:\"password-label\"},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t更改密码\\n\\t\\t\\t\\t\\t\\t\")]),_c('div',{staticClass:\"password-form\"},[_c('div',{staticClass:\"form-row\"},[_c('span',{staticClass:\"form-label\"},[_vm._v(\"手机号\")]),_c('div',{staticClass:\"form-input-box\"},[_c('el-input',{attrs:{\"placeholder\":\"请输入手机号\"},model:{value:(_vm.editPswParams.mobile),callback:function ($$v) {_vm.$set(_vm.editPswParams, \"mobile\", $$v)},expression:\"editPswParams.mobile\"}})],1)]),_c('div',{staticClass:\"form-row\"},[_c('span',{staticClass:\"form-label\"},[_vm._v(\"新密码\")]),_c('div',{staticClass:\"form-input-box\"},[_c('el-input',{attrs:{\"type\":\"password\",\"placeholder\":\"请输入新密码\"},model:{value:(_vm.editPswParams.new_password),callback:function ($$v) {_vm.$set(_vm.editPswParams, \"new_password\", $$v)},expression:\"editPswParams.new_password\"}})],1)]),_c('div',{staticClass:\"form-row\"},[_c('span',{staticClass:\"form-label\"},[_vm._v(\"验证码\")]),_c('div',{staticClass:\"form-input-box\"},[_c('el-input',{attrs:{\"placeholder\":\"请输入验证码\"},model:{value:(_vm.editPswParams.code),callback:function ($$v) {_vm.$set(_vm.editPswParams, \"code\", $$v)},expression:\"editPswParams.code\"}})],1),(_vm.countDown > 0)?_c('button',{staticClass:\"get-code\",attrs:{\"type\":\"button\"}},[_vm._v(_vm._s(_vm.countDown)+\"秒后重发\")]):_c('button',{staticClass:\"get-code\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.sendSms()}}},[_vm._v(\"发送验证码\")])]),_c('div',{staticClass:\"btn-box-password\"},[(_vm.validatorNullResult.length === 0)?_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.submitEditPsw()}}},[_vm._v(\"更换绑定\")]):_c('button',{staticClass:\"button-disabled-gray\",attrs:{\"type\":\"button\"}},[_vm._v(\"更换绑定\")]),_c('button',{staticClass:\"border-btn\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.$router.back()}}},[_vm._v(\"取消\")])])])]):_vm._e()])],1)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"address-top-between\"},[_c('div',{staticClass:\"address-top-left\"},[_c('span',{staticClass:\"address-top-label\"},[_vm._v(\"收货地址\")])])])\n}]\n\nexport { render, staticRenderFns }","<!-- 设置 -->\r\n<template>\r\n\t<div class=\"wrap\">\r\n\r\n\t\t<div class=\"middle-container\">\r\n\r\n\t\t\t<div class=\"main-title-wrap\">\r\n <span class=\"home-page\" @click=\"$router.push('/')\">首页</span>\r\n\t\t\t\t<img src=\"../assets/back-icon.png\" class=\"main-back-icon\">\r\n\t\t\t\t<span class=\"current-page\">设置</span>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div class=\"main-wrap\">\r\n\t\t\t\t<my-sidebar></my-sidebar>\r\n\r\n\t\t\t\t<div class=\"rightsidebar\">\r\n\t\t\t\t\t<ul class=\"tab-list\">\r\n\t\t\t\t\t\t<li :class=\"{active: tabType === 0}\" @click=\"tabType = 0\">用户信息</li>\r\n\t\t\t\t\t\t<li :class=\"{active: tabType === 1}\" @click=\"tabType = 1\">收货地址</li>\r\n\t\t\t\t\t\t<li :class=\"{active: tabType === 2}\" @click=\"tabType = 2\">更改密码</li>\r\n\t\t\t\t\t</ul>\r\n\r\n\t\t\t\t\t<!-- 用户信息 -->\r\n\t\t\t\t\t<div class=\"information-main-wrapper\" v-if=\"tabType === 0\">\r\n\t\t\t\t\t\t<div class=\"form-row2\">\r\n\t\t\t\t\t\t\t<span class=\"form-label\">头像</span>\r\n\t\t\t\t\t\t\t<div style=\"display: flex; align-items: flex-end;\">\r\n <img v-if=\"editUserParams.headimg\" :src=\"BASE_URL + editUserParams.headimg\" class=\"avatar\">\r\n <img v-else src=\"../assets/avatar-2.png\" class=\"avatar\">\r\n\t\t\t\t\t\t\t\t<button type=\"button\" class=\"upload-btn\">\r\n 上传头像\r\n <input type=\"file\" @change=\"uploadImage($event, 'headimg')\" />\r\n </button>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"form-row2\">\r\n\t\t\t\t\t\t\t<span class=\"form-label\">用户名</span>\r\n\t\t\t\t\t\t\t<div class=\"form-input-box2\">\r\n\t\t\t\t\t\t\t\t<el-input v-model=\"editUserParams.nickname\" placeholder=\"输入昵称\"></el-input>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"btn-box-information\">\r\n <button type=\"button\" v-if=\"editUserParamsValidatorNullResult.length === 0\" @click=\"submitEditUser()\">保存</button>\r\n <button type=\"button\" v-else class=\"button-disabled-gray\">保存</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<!-- 收货地址 -->\r\n\t\t\t\t\t<div class=\"address-main-wrapper\" v-if=\"tabType === 1\">\r\n\t\t\t\t\t\t<div class=\"address-wrap\">\r\n\t\t\t\t\t\t\t<div class=\"address-top-between\">\r\n\t\t\t\t\t\t\t\t<div class=\"address-top-left\">\r\n\t\t\t\t\t\t\t\t\t<span class=\"address-top-label\">收货地址</span>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<address-list></address-list>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"add-wrap\">\r\n\t\t\t\t\t\t\t<p class=\"add-label\">新增地址</p>\r\n <address-save></address-save>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\r\n\r\n\t\t\t\t\t<!-- 更换密码 -->\r\n\t\t\t\t\t<div class=\"password-main-wrapper\" v-if=\"tabType === 2\">\r\n\t\t\t\t\t\t<p class=\"password-label\">\r\n\t\t\t\t\t\t\t更改密码\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t<div class=\"password-form\">\r\n\t\t\t\t\t\t\t<div class=\"form-row\">\r\n\t\t\t\t\t\t\t\t<span class=\"form-label\">手机号</span>\r\n\t\t\t\t\t\t\t\t<div class=\"form-input-box\">\r\n\t\t\t\t\t\t\t\t\t<el-input v-model=\"editPswParams.mobile\" placeholder=\"请输入手机号\"></el-input>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"form-row\">\r\n\t\t\t\t\t\t\t\t<span class=\"form-label\">新密码</span>\r\n\t\t\t\t\t\t\t\t<div class=\"form-input-box\">\r\n\t\t\t\t\t\t\t\t\t<el-input type=\"password\" v-model=\"editPswParams.new_password\" placeholder=\"请输入新密码\">\r\n\t\t\t\t\t\t\t\t\t</el-input>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"form-row\">\r\n\t\t\t\t\t\t\t\t<span class=\"form-label\">验证码</span>\r\n\t\t\t\t\t\t\t\t<div class=\"form-input-box\">\r\n\t\t\t\t\t\t\t\t\t<el-input v-model=\"editPswParams.code\" placeholder=\"请输入验证码\"></el-input>\r\n\t\t\t\t\t\t\t\t</div>\r\n <button type=\"button\" class=\"get-code\" v-if=\"countDown > 0\">{{ countDown }}秒后重发</button>\r\n <button type=\"button\" class=\"get-code\" v-else @click=\"sendSms()\">发送验证码</button>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"btn-box-password\">\r\n\t\t\t\t\t\t\t\t<button type=\"button\" v-if=\"validatorNullResult.length === 0\" @click=\"submitEditPsw()\">更换绑定</button>\r\n <button type=\"button\" v-else class=\"button-disabled-gray\">更换绑定</button>\r\n\t\t\t\t\t\t\t\t<button type=\"button\" class=\"border-btn\" @click=\"$router.back()\">取消</button>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t</div>\r\n\r\n\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport AddressSave from \"@/components/address-save\";\r\n import {validatorFun} from \"@/common/util\";\r\n import {Message} from \"element-ui\";\r\n import {LoginService, MemberService, uploadFile} from \"@/common/service\";\r\n import {BASE_URL} from \"@/common/config\";\r\n import AddressList from \"@/components/address-list\";\r\n import MySidebar from \"@/components/my-sidebar\";\r\n\r\n\r\n export default {\r\n components: {MySidebar, AddressList, AddressSave},\r\n data() {\r\n const editPswParams = {\r\n mobile: '', // 手机号\r\n code: '', // 验证码\r\n new_password: '', // 密码\r\n };\r\n const validatorNullList = [\r\n ['mobile', ['notNull', '请输入手机号']],\r\n ['code', ['notNull', '请输入验证码']],\r\n ['new_password', ['notNull', '请输入新密码']],\r\n ];\r\n const validatorErrorList = [\r\n ['mobile', ['isMobile', '请输入正确手机号']],\r\n ['new_password', ['checkPassLevel', '密码需6~12位']],\r\n ];\r\n const validatorNullResult = validatorFun(editPswParams, validatorNullList);\r\n\r\n const editUserParams = {\r\n headimg: '', // 头像\r\n nickname: '', // 昵称\r\n };\r\n const editUserParamsValidatorNullList = [\r\n ['headimg', ['notNull', '请上传头像']],\r\n ['nickname', ['notNull', '请输入昵称']],\r\n ];\r\n const editUserParamsValidatorNullResult = validatorFun(editUserParams, editUserParamsValidatorNullList);\r\n\r\n return {\r\n BASE_URL,\r\n // 修改密码\r\n editPswParams,\r\n validatorNullList,\r\n validatorErrorList,\r\n validatorNullResult,\r\n // 编辑头像\r\n editUserParams,\r\n editUserParamsValidatorNullList,\r\n editUserParamsValidatorNullResult,\r\n // 0 用户信息 1 收货地址 2 更改密码\r\n tabType: 0,\r\n\r\n countDown: 0,\r\n\t\t\t};\r\n\t\t},\r\n watch: {\r\n editPswParams: {\r\n deep: true,\r\n handler (obj) {\r\n this.validatorNullResult = validatorFun(obj, this.validatorNullList);\r\n },\r\n },\r\n editUserParams: {\r\n deep: true,\r\n handler (obj) {\r\n this.editUserParamsValidatorNullResult = validatorFun(obj, this.editUserParamsValidatorNullList);\r\n },\r\n }\r\n },\r\n\t\tmounted() {\r\n const option = this.$route.query;\r\n this.tabType = parseInt(option.tabType || 0);\r\n\r\n const userInfoStr = localStorage.getItem('user_info' );\r\n if (!!userInfoStr) {\r\n try {\r\n this.editUserParams = {\r\n headimg: this.userInfo.headimg,\r\n nickname: this.userInfo.nickname,\r\n };\r\n this.editUserParamsValidatorNullResult = validatorFun(this.editUserParams, this.editUserParamsValidatorNullList);\r\n } catch (e) {}\r\n }\r\n },\r\n\t\tmethods: {\r\n getUserInfo() {\r\n MemberService.info().then(({data}) => {\r\n localStorage.setItem('user_info', JSON.stringify(this.info));\r\n });\r\n },\r\n submitEditUser() {\r\n const editUserParams = this.editUserParams;\r\n MemberService.modifynickname(editUserParams).then(() => {\r\n Message.success('保存成功');\r\n this.getUserInfo();\r\n });\r\n },\r\n uploadImage(e, key) {\r\n const file = e.target.files[0];\r\n if (!!file) {\r\n uploadFile(file).then(({data}) => {\r\n this.editUserParams[key] = data.pic_path;\r\n });\r\n }\r\n },\r\n submitEditPsw() {\r\n const editPswParams = this.editPswParams;\r\n const errorList = validatorFun(editPswParams, this.validatorErrorList);\r\n if (errorList.length > 0) {\r\n return Message.warning(errorList[0].errMsg);\r\n }\r\n LoginService.editpassword(editPswParams).then(() => {\r\n Message.success('修改成功');\r\n this.$router.push('/login');\r\n });\r\n },\r\n getCode() {\r\n const editPswParams = this.editPswParams;\r\n const errorList = validatorFun(editPswParams, [['code', ['notNull', '请输入验证码']]]);\r\n if (errorList.length > 0) {\r\n return Message.warning(errorList[0].errMsg);\r\n }\r\n },\r\n\r\n\r\n // 发送验证码\r\n sendSms() {\r\n const params = this.editPswParams;\r\n const errList = validatorFun(params, [\r\n ['mobile', ['notNull', '请输入手机号']],\r\n ]);\r\n if (errList.length > 0) {\r\n return Message.warning(errList[0].errMsg);\r\n }\r\n LoginService.mobileCode({mobile: params.mobile}).then(({ message }) => {\r\n this.countDownFn();\r\n Message(message);\r\n });\r\n },\r\n countDownFn() {\r\n let num = 60;\r\n const fn = () => {\r\n if (num === 0) return;\r\n this.countDown = --num;\r\n setTimeout(() => fn(), 1000);\r\n };\r\n fn();\r\n },\r\n },\r\n\t};\r\n</script>\r\n\r\n<style scoped>\r\n\t.wrap {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.middle-container {\r\n\t\twidth: 100%;\r\n\t\tmin-height: calc(100vh - 314px);\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.middle-container {\r\n\t\twidth: 1200px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.main-title-wrap {\r\n\t\twidth: 100%;\r\n\t\theight: 40px;\r\n\t\tline-height: 40px;\r\n\t\tpadding: 0 20px;\r\n\t\tbox-sizing: border-box;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tborder-radius: 8px;\r\n\t\tmargin: 14px 0 9px;\r\n\t}\r\n\r\n\t.home-page {\r\n\t\tfont-size: 16px;\r\n\t\tfont-weight: bold;\r\n\t\tcolor: #333333;\r\n\t}\r\n\r\n\t.main-back-icon {\r\n\t\twidth: 10px;\r\n\t\tmargin: 0 13px;\r\n\t}\r\n\r\n\t.current-page {\r\n\t\tfont-size: 16px;\r\n\t\tfont-weight: bold;\r\n\t\tcolor: #333333;\r\n\t}\r\n\r\n\t.main-wrap {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\t\tmargin-bottom: 20px;\r\n\t}\r\n\r\n\t.leftsidebar {\r\n\t\twidth: 100px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tmargin-right: 10px;\r\n\t\tpadding: 20px 0 14px;\r\n\t\tborder-radius: 8px;\r\n\t\tbackground-color: #FFFFFF;\r\n\t}\r\n\r\n\t.leftsidebar>li {\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\tcolor: #666666;\r\n\t\tfont-size: 14px;\r\n\t\tfont-weight: bold;\r\n\t\tposition: relative;\r\n\t\tmargin-bottom: 12px;\r\n\t}\r\n\r\n\t.leftsidebar>li:last-child {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t.leftsidebar>li.active {\r\n\t\tcolor: #333333;\r\n\t}\r\n\r\n\t.leftsidebar>li.active::after {\r\n\t\tcontent: \"\";\r\n\t\tbackground: linear-gradient(180deg, #FF870E, #FF4F06);\r\n\t\twidth: 3px;\r\n\t\theight: 20px;\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\ttop: 50%;\r\n\t\ttransform: translate(0, -50%);\r\n\t}\r\n\r\n\t.rightsidebar {\r\n\t\twidth: calc(100% - 110px);\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.address-main-wrapper {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.address-wrap {\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: 4px;\r\n\t\tmargin-bottom: 10px;\r\n\t}\r\n\r\n\t.address-top-between {\r\n\t\twidth: 100%;\r\n\t\theight: 67px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t\tmargin-bottom: 7px;\r\n\t\tpadding: 0 20px 0 30px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.address-top-left {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.address-top-label {\r\n\t\tcolor: #333333;\r\n\t\tfont-size: 18px;\r\n\t\tfont-weight: bold;\r\n\t}\r\n\r\n\t.tab-list {\r\n\t\twidth: 100%;\r\n\t\theight: 38px;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tborder-radius: 8px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmargin-bottom: 8px;\r\n\t}\r\n\r\n\t.tab-list>li {\r\n\t\tmin-width: 105px;\r\n\t\theight: 38px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tpadding: 0 5px;\r\n\t\tbox-sizing: border-box;\r\n\t\tcolor: #333333;\r\n\t\tfont-size: 14px;\r\n\t\tfont-weight: bold;\r\n\t}\r\n\r\n\t.tab-list>li.active {\r\n\t\tcolor: #FFFFFF;\r\n\t\tbackground: linear-gradient(180deg, #FF870E, #FF4F06);\r\n\t\tborder-radius: 8px;\r\n\t}\r\n\r\n\t.add-wrap {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tpadding: 20px 30px;\r\n\t\tbox-sizing: border-box;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tborder-radius: 8px;\r\n\t}\r\n\r\n\t.add-label {\r\n\t\twidth: 100%;\r\n\t\tcolor: #333333;\r\n\t\tfont-size: 18px;\r\n\t\tfont-weight: bold;\r\n\t\tmargin-bottom: 24px;\r\n\t}\r\n\r\n\r\n\t.form-row {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: flex-start;\r\n\t\talign-items: center;\r\n\t\tmargin-bottom: 17px;\r\n\t}\r\n\r\n\t.form-row2 {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: flex-start;\r\n\t\talign-items: center;\r\n\t\tmargin-bottom: 34px;\r\n\t}\r\n\r\n\t.form-label {\r\n\t\twidth: 71px;\r\n\t\tfont-weight: bold;\r\n\t\tfont-size: 16px;\r\n\t\tcolor: #333333;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: flex-start;\r\n\t\talign-items: center;\r\n\t\tpadding-right: 5px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.form-input-box {\r\n\t\twidth: 131px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.form-input-box2 {\r\n\t\twidth: 187px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t>>>.el-input__inner {\r\n\t\tborder-radius: 8px !important;\r\n\t\tborder: 1px solid #666666 !important;\r\n\t\tcolor: #606266 !important;\r\n\t\theight: 30px !important;\r\n\t\tline-height: 30px !important;\r\n\t}\r\n\r\n\t>>>.el-input__inner::placeholder {\r\n\t\tcolor: #999999 !important;\r\n\t}\r\n\r\n\t>>>.el-input__icon {\r\n\t\tline-height: 30px !important;\r\n\t}\r\n\r\n\t>>>.el-select .el-input .el-select__caret {\r\n\t\tcolor: #666666 !important;\r\n\t}\r\n\r\n\t>>>.el-textarea__inner {\r\n\t\tcolor: #606266;\r\n\t\tborder-radius: 8px !important;\r\n\t\tborder: 1px solid #666666 !important;\r\n\t\tcolor: #606266 !important;\r\n\t\tpadding: 7px 13px !important;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t>>>.el-textarea__inner::placeholder {\r\n\t\tcolor: #999999 !important;\r\n\t}\r\n\r\n\t.password-main-wrapper {\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\tpadding: 17px 25px;\r\n\t\tbox-sizing: border-box;\r\n\t\tborder-radius: 8px;\r\n\t}\r\n\r\n\t.get-code {\r\n\t\twidth: 112px;\r\n\t\theight: 30px;\r\n\t\tline-height: 30px;\r\n\t\tborder-radius: 8px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tfont-size: 16px;\r\n\t\tcolor: #FFFFFF;\r\n\t\tmargin-left: 19px;\r\n\t\tbackground-color: #FF6619;\r\n\t}\r\n\r\n\t.btn-box-password {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: flex-start;\r\n\t\talign-items: center;\r\n\t\tpadding: 13px 0 16px 71px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.btn-box-password>button {\r\n\t\twidth: fit-content;\r\n\t\theight: 36px;\r\n\t\tline-height: 36px;\r\n\t\tbackground-color: #FF6619;\r\n\t\tborder-radius: 8px;\r\n\t\tcolor: #FFFFFF;\r\n\t\tfont-size: 16px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tmargin-right: 60px;\r\n\t\tbox-sizing: border-box;\r\n\t\tpadding: 0 17px;\r\n\t}\r\n\r\n\t.btn-box-password>button:last-child {\r\n\t\tmargin-right: 0;\r\n\t}\r\n\r\n\t.btn-box-password>button.border-btn {\r\n\t\tborder: 1px solid #666666;\r\n\t\tcolor: #666666;\r\n\t\tbackground-color: #FFFFFF;\r\n\t}\r\n\r\n\t.password-form {\r\n\t\twidth: 100%;\r\n\t\tpadding: 0 56px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.password-label {\r\n\t\twidth: 100%;\r\n\t\tcolor: #333333;\r\n\t\tfont-size: 18px;\r\n\t\tfont-weight: bold;\r\n\t\tmargin-bottom: 30px;\r\n\t}\r\n\r\n\t.information-main-wrapper {\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: 8px;\r\n\t\tpadding: 54px 76px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.avatar {\r\n\t\twidth: 81px;\r\n\t\theight: 81px;\r\n\t\tborder-radius: 50%;\r\n\t\tmargin-right: 27px;\r\n\t}\r\n\r\n\t.upload-btn {\r\n\t\twidth: 75px;\r\n\t\theight: 24px;\r\n\t\tline-height: 24px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tcolor: #FFFFFF;\r\n\t\tfont-size: 14px;\r\n\t\tborder-radius: 4px;\r\n\t\tbackground-color: #FF6619;\r\n position: relative;\r\n\t}\r\n .upload-btn input[type=\"file\"] {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 0;\r\n }\r\n\t\r\n\t\r\n\t.btn-box-information {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmargin-top: 250px;\r\n\t}\r\n\t\r\n\t.btn-box-information>button {\r\n\t\twidth: 112px;\r\n\t\theight: 33px;\r\n\t\tline-height: 33px;\r\n\t\tbackground-color: #FF6619;\r\n\t\tborder-radius: 4px;\r\n\t\tcolor: #FFFFFF;\r\n\t\tfont-size: 16px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tmargin-right: 14px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\t\r\n\t.btn-box-information>button:last-child {\r\n\t\tmargin-right: 0;\r\n\t}\r\n\t\r\n\t.btn-box-information>button.border-btn {\r\n\t\tborder: 1px solid #666666;\r\n\t\tcolor: #666666;\r\n\t\tbackground-color: #EEEEEE;\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!./set-up.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!./set-up.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./set-up.vue?vue&type=template&id=af0a03a2&scoped=true&\"\nimport script from \"./set-up.vue?vue&type=script&lang=js&\"\nexport * from \"./set-up.vue?vue&type=script&lang=js&\"\nimport style0 from \"./set-up.vue?vue&type=style&index=0&id=af0a03a2&prod&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 \"af0a03a2\",\n null\n \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAAXNSR0IArs4c6QAAAu5JREFUSEullk1oE0EUx99kYQvSKKQVVBBqa3vwUA87223xq71ZU0Rsox7Uo1VPIggehDQXD6VXvdSiIHqJWAuNHxEkiDQknTmIiBelflzEiIiiHra7f5myKek0aTbtO86+/2/evnnvzTDOeT+ASSLaRESXpJRp2oAxzvlnADsDBhhj14QQ19fLZJZlLRBRWyWAMXYbwKiU0m0UrCI8AuAhETVp4hfRaHQ4l8v9bATKlLNlWfsZY48AtGjid4ZhxIvFovqLULYEVNbX17fbdd0MgC5N+Y2IjkopC2GIy8AAGnNddxrAQS2n/4jorBDiQT3oCqByTiQS5sLCwhSA05pYVcBVIcT4WtBVwLIz53wMQLKKeDIajV7M5XKL1cA1gcqZc34GwC0iMrUUPDcMY6RQKPzSoWsClbNt24dUWQGIadC3pmnG5+bmPq1Yr5dk9b2np6fL87zHRNShQb8ahjFUKBRkeb1uhGVHy7Jag1rdp0F/RyKRA8Vi8bVaDw1UzoODg02lUukOgFMaNCeEGGgYqAQAmG3bEwAuV0BhmmZrPp//0VCEZUAymYzMzs5+IaIdFdBuKeWbdQEty9pORO+DGbrENE2zZV0R9vb2trmumyWizoroPkopdzWcQ8dxuhcXF58SkYpw2SKRyJX5+fmJhoCqwH3fnyGiLdoJv4zH4wOpVMoPDbRt+7jv+/erDGE10oaklN9DFzbnfBTATSKKaF01S0QnpZR/Q7ce5zwJYKxKe062t7dfSKfTnv6tatmoOstkMjcAnF8lYGxMCJGqNQNWAYP2ugdgWEu+imZUCDFVC7bqUBzH2ex53gyAfk2k8nRCSplZC7YCaNv2Nt/3VY3t1UQlxtiQEKJYD7YMdByn0/O8ZwCWqr3CPpimeTifz6s2C2UsGJ6viGirljMRTGR1jYY29XJIAxjRYE9isVgim83+CU0KHNXbZpqIjpWF6l3T3Nx8rtatVm8DBexgjN0FsIcxNr6Rl5fa7D/CPDAwNR5fWQAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"img/avatar-2.09e01533.png\";"],"sourceRoot":""}
|