{"version":3,"sources":["webpack:///./src/pages/user/profile.vue","webpack:///src/pages/user/profile.vue","webpack:///./src/pages/user/profile.vue?5a9b","webpack:///./src/pages/user/profile.vue?62c7","webpack:///./src/pages/user/profile.vue?3ab5","webpack:///./src/components/side.vue?7ed2","webpack:///./src/components/side.vue","webpack:///src/components/side.vue","webpack:///./src/components/side.vue?e303","webpack:///./src/components/side.vue?e61a"],"names":["render","_vm","this","_c","_self","staticClass","attrs","path","_v","_m","_s","userInfo","username","model","value","nickname","callback","$$v","$set","expression","birthday","email","on","$event","submitUser","staticRenderFns","name","components","Side","mounted","getUserInfo","created","document","title","methods","uid","$cookie","get","axios","then","res","data","console","log","put","gender","radio","_Message","success","component","class","$route"],"mappings":"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","file":"js/chunk-dc0474c2.22107361.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"user-profile\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"crumb\"},[_c('el-breadcrumb',{attrs:{\"separator-class\":\"el-icon-arrow-right\"}},[_c('el-breadcrumb-item',{attrs:{\"to\":{ path: '/' }}},[_vm._v(\"首页\")]),_c('el-breadcrumb-item',[_vm._v(\"账户设置\")])],1)],1),_c('div',{staticClass:\"user-profile-body\"},[_c('Side'),_c('div',{staticClass:\"user-profile-content\"},[_c('div',{staticClass:\"wrap\"},[_vm._m(0),_c('div',{staticClass:\"line\"}),_c('div',{staticClass:\"base\"},[_vm._v(\"基本信息\")]),_c('div',{staticClass:\"profile-body\"},[_c('div',{staticClass:\"wrap-body\"},[_c('div',{staticClass:\"profile-username\"},[_vm._v(\" 账号：\"+_vm._s(_vm.userInfo.username)+\" \")]),_c('div',{staticClass:\"profile-nickname\"},[_vm._v(\" 昵称： \"),_c('el-input',{attrs:{\"type\":\"text\",\"placeholder\":\"请输入昵称\"},model:{value:(_vm.userInfo.nickname),callback:function ($$v) {_vm.$set(_vm.userInfo, \"nickname\", $$v)},expression:\"userInfo.nickname\"}})],1),_c('div',{staticClass:\"profile-birthday\"},[_vm._v(\" 生日： \"),_c('el-date-picker',{attrs:{\"type\":\"date\",\"placeholder\":\"选择日期\",\"value-format\":\"yyyy-MM-dd\"},model:{value:(_vm.userInfo.birthday),callback:function ($$v) {_vm.$set(_vm.userInfo, \"birthday\", $$v)},expression:\"userInfo.birthday\"}})],1),_c('div',{staticClass:\"profile-nickname\"},[_vm._v(\" 邮箱： \"),_c('el-input',{attrs:{\"placeholder\":\"请输入邮箱\",\"type\":\"email\"},model:{value:(_vm.userInfo.email),callback:function ($$v) {_vm.$set(_vm.userInfo, \"email\", $$v)},expression:\"userInfo.email\"}})],1)]),_c('div',{staticClass:\"wrap-button\"},[_c('el-button',{attrs:{\"plain\":\"\"},on:{\"click\":function($event){return _vm.submitUser()}}},[_vm._v(\"提交\")])],1)])])])],1)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"profile-title\"},[_c('h1',[_vm._v(\"个人信息\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"user-profile\">\n\n    <div class=\"container\">\n      <div class=\"crumb\">\n        <el-breadcrumb separator-class=\"el-icon-arrow-right\">\n          <el-breadcrumb-item :to=\"{ path: '/' }\">首页</el-breadcrumb-item>\n          <el-breadcrumb-item>账户设置</el-breadcrumb-item>\n        </el-breadcrumb>\n      </div>\n      <div class=\"user-profile-body\">\n        <Side></Side>\n        <div class=\"user-profile-content\">\n          <div class=\"wrap\">\n            <div class=\"profile-title\">\n              <h1>个人信息</h1>\n            </div>\n            <div class=\"line\"></div>\n            <div class=\"base\">基本信息</div>\n\n            <div class=\"profile-body\">\n              <div class=\"wrap-body\">\n                <div class=\"profile-username\">\n                  账号：{{ userInfo.username }}\n                </div>\n\n                <div class=\"profile-nickname\">\n                  昵称：\n                  <el-input v-model=\"userInfo.nickname\" type=\"text\" placeholder=\"请输入昵称\"></el-input>\n                </div>\n                <div class=\"profile-birthday\">\n                  生日：\n                  <el-date-picker\n                      v-model=\"userInfo.birthday\"\n                      type=\"date\"\n                      placeholder=\"选择日期\"\n                      value-format=\"yyyy-MM-dd\">\n                  </el-date-picker>\n                </div>\n\n                <div class=\"profile-nickname\">\n                  邮箱：\n                  <el-input v-model=\"userInfo.email\" placeholder=\"请输入邮箱\" type=\"email\"></el-input>\n                </div>\n                <!--                <div class=\"profile-sex\">-->\n                <!--                  <div>性别：</div>-->\n                <!--                  <el-radio-group v-model=\"radio\">-->\n                <!--                    <el-radio :label=\"1\">男</el-radio>-->\n                <!--                    <el-radio :label=\"2\">女</el-radio>-->\n                <!--                    <el-radio :label=\"3\">保密</el-radio>-->\n                <!--                  </el-radio-group>-->\n                <!--                </div>-->\n\n              </div>\n              <div class=\"wrap-button\">\n                <el-button plain @click=\"submitUser()\">提交</el-button>\n\n              </div>\n            </div>\n            <!--            <div class=\"line\"></div>-->\n            <!--            <div class=\"base\">账号绑定</div>-->\n            <!--            <div class=\"account\">-->\n            <!--              <div class=\"list\">-->\n            <!--                <div class=\"wrap\">-->\n            <!--                  <div class=\"l1\"><img src=\"~@/static/imgs/wx.png\" alt=\"微信登录\"></div>-->\n            <!--                  <div class=\"l2\">微信</div>-->\n            <!--                </div>-->\n            <!--                <div class=\"right\">-->\n            <!--                  <div class=\"r1\" v-if=\"true\">立即绑定</div>-->\n            <!--                  <div class=\"r2\" v-else>解绑账号</div>-->\n            <!--                </div>-->\n            <!--              </div>-->\n            <!--              &lt;!&ndash;              <div class=\"list\">&ndash;&gt;-->\n            <!--              &lt;!&ndash;                <div class=\"wrap\">&ndash;&gt;-->\n            <!--              &lt;!&ndash;                  <div class=\"l1\"><img src=\"~@/static/imgs/wb.png\" alt=\"微博登录\"></div>&ndash;&gt;-->\n            <!--              &lt;!&ndash;                  <div class=\"l2\">微博</div>&ndash;&gt;-->\n            <!--              &lt;!&ndash;                </div>&ndash;&gt;-->\n            <!--              &lt;!&ndash;                <div class=\"right\">&ndash;&gt;-->\n            <!--              &lt;!&ndash;                  <div class=\"r1\" v-if=\"true\">立即绑定</div>&ndash;&gt;-->\n            <!--              &lt;!&ndash;                  <div class=\"r2\" v-else>解绑账号</div>&ndash;&gt;-->\n            <!--              &lt;!&ndash;                </div>&ndash;&gt;-->\n            <!--              &lt;!&ndash;              </div>&ndash;&gt;-->\n            <!--              <div class=\"list\">-->\n            <!--                <div class=\"wrap\">-->\n            <!--                  <div class=\"l1\"><img src=\"~@/static/imgs/alipay.png\" alt=\"支付宝登录\"></div>-->\n            <!--                  <div class=\"l2\">支付宝</div>-->\n            <!--                </div>-->\n            <!--                <div class=\"right\">-->\n            <!--                  <div class=\"r1\" v-if=\"false\">立即绑定</div>-->\n            <!--                  <div class=\"r2\" v-else>解绑账号</div>-->\n            <!--                </div>-->\n            <!--              </div>-->\n            <!--            </div>-->\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Side from \"../../components/side\";\nimport {Message} from \"element-ui\";\n\nexport default {\n  name: \"profile\",\n  components: {\n    Side\n  },\n  mounted() {\n    this.getUserInfo();\n  },\n  created() {\n    document.title = '账户设置 - JapanHui';\n  },\n  methods: {\n    getUserInfo() {\n      let uid = this.$cookie.get('uid');\n      this.axios.get(`/users/${uid}/`).then((res) => {\n        this.userInfo = res.data;\n        // this.radio = this.userInfo.gender;\n        // console.log(this.radio)\n      })\n    },\n    submitUser() {\n      console.log(this.userInfo);\n      let uid = this.$cookie.get('uid');\n      // 在这里进行一下校验\n      this.axios.put(`/users/${uid}/`, {\n        nickname: this.userInfo.nickname || 'JapanHui新用户',\n        birthday: this.userInfo.birthday,\n        gender: this.radio,\n        email: this.userInfo.email\n      }).then(() => {\n        Message.success('修改成功')\n        this.getUserInfo();\n      })\n    }\n  },\n  data() {\n    return {\n      radio: 2,\n      userInfo: {\n        gender: 1,\n        birthday: '',\n        nickname: 'JapanHui新用户',\n        email: ''\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.user-profile {\n  background-color: #F5F5F5;\n\n  .crumb {\n    padding: 10px 0;\n    display: flex;\n    align-items: center;\n    height: 30px;\n  }\n\n  .container {\n    width: 1200px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: column;\n\n    .user-profile-body {\n      display: flex;\n      justify-content: space-between;\n\n      .user-profile-content {\n        margin-bottom: 40px;\n        background-color: #FFFFFF;\n        width: 950px;\n\n        .wrap {\n          margin-top: 20px;\n          margin-left: 25px;\n\n          .line {\n            margin-bottom: 20px;\n            border-bottom: 2px solid #F8F8F8;\n          }\n\n          .base {\n            font-size: 1.5rem;\n            color: #333333;\n            margin-bottom: 20px;\n          }\n\n          .profile-title {\n            h1 {\n              margin: 0;\n              font-size: 30px;\n              font-weight: 400;\n              line-height: 68px;\n              color: #757575;\n            }\n          }\n\n          .profile-body {\n\n            .wrap-body {\n              color: #757575;\n              font-size: 16px;\n\n              .profile-sex {\n                display: flex;\n                margin-left: 5px;\n                justify-content: flex-start;\n                align-items: center;\n                margin-bottom: 25px;\n              }\n\n              div {\n                margin-bottom: 15px;\n              }\n\n              .el-input {\n\n                width: 200px;\n\n                input {\n                  height: 40px;\n                }\n              }\n            }\n\n            .wrap-button {\n              margin-bottom: 25px;\n              margin-left: 50px;\n\n              .el-button {\n                width: 100px;\n              }\n            }\n          }\n\n          .account {\n            margin-bottom: 30px;\n\n            .list {\n              display: flex;\n              justify-content: space-between;\n              align-items: center;\n\n              .wrap {\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n\n                .l1 {\n                  margin-right: 10px;\n                  width: 50px;\n                  height: 50px;\n                  font-size: 16px;\n                  color: #333333;\n\n                  img {\n                    width: 100%;\n                    height: 100%;\n                  }\n                }\n              }\n\n              .right {\n                margin-right: 30px;\n\n                .r1, .r2 {\n                  width: 80px;\n                  height: 30px;\n                  line-height: 30px;\n                  background-color: #ff6600;\n                  color: #FFFFFF;\n                  text-align: center;\n                }\n\n                .r2 {\n                  background-color: #999999;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./profile.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./profile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./profile.vue?vue&type=template&id=632f3b59&\"\nimport script from \"./profile.vue?vue&type=script&lang=js&\"\nexport * from \"./profile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./profile.vue?vue&type=style&index=0&id=632f3b59&prod&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./profile.vue?vue&type=style&index=0&id=632f3b59&prod&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./side.vue?vue&type=style&index=0&id=1c752cf5&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"user-side\"},[_c('div',{staticClass:\"user-container\"},[_c('div',{staticClass:\"order-center\"},[_c('h3',[_vm._v(\"订单中心\")]),_c('ul',[_c('li',{class:{'active': _vm.$route.path === '/orderList'}},[_c('router-link',{attrs:{\"to\":\"/orderList\"}},[_vm._v(\"我的订单\")])],1),_c('li',{class:{'active': _vm.$route.path === '/service'}},[_c('router-link',{attrs:{\"to\":\"/service\"}},[_vm._v(\"售后列表\")])],1)])]),_c('div',{staticClass:\"user-center\"},[_c('h3',[_vm._v(\"用户中心\")]),_c('ul',[_c('li',{class:{'active': _vm.$route.path === '/collect'}},[_c('router-link',{attrs:{\"to\":\"/collect\"}},[_vm._v(\"我的搜藏\")])],1),_c('li',{class:{'active': _vm.$route.path === '/history'}},[_c('router-link',{attrs:{\"to\":\"/history\"}},[_vm._v(\"我的浏览\")])],1)])]),_c('div',{staticClass:\"account-center\"},[_c('h3',[_vm._v(\"账户中心\")]),_c('ul',[_c('li',{class:{'active': _vm.$route.path === '/profile'}},[_c('router-link',{attrs:{\"to\":\"/profile\"}},[_vm._v(\"账户设置\")])],1),_c('li',{class:{'active': _vm.$route.path === '/message'}},[_c('router-link',{attrs:{\"to\":\"/message\"}},[_vm._v(\"消息中心\")])],1)])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"user-side\">\n    <div class=\"user-container\">\n      <div class=\"order-center\">\n        <h3>订单中心</h3>\n        <ul>\n          <li :class=\"{'active': $route.path === '/orderList'}\"><router-link to=\"/orderList\">我的订单</router-link></li>\n          <li :class=\"{'active': $route.path === '/service'}\"><router-link to=\"/service\">售后列表</router-link></li>\n          <!--          <li :class=\"{'active': $route.path === '/rate'}\"><router-link to=\"/rate\">评价管理</a></li>-->\n        </ul>\n      </div>\n      <div class=\"user-center\">\n        <h3>用户中心</h3>\n        <ul>\n          <!--                <li :class=\"{'active': $route.path === '/sign'}\"><router-link to=\"/sign\">签到记录</a></li>-->\n          <li :class=\"{'active': $route.path === '/collect'}\"><router-link to=\"/collect\">我的搜藏</router-link></li>\n          <li :class=\"{'active': $route.path === '/history'}\"><router-link to=\"/history\">我的浏览</router-link></li>\n        </ul>\n      </div>\n      <div class=\"account-center\">\n        <h3>账户中心</h3>\n        <ul>\n          <li :class=\"{'active': $route.path === '/profile'}\"><router-link to=\"/profile\">账户设置</router-link></li>\n          <li :class=\"{'active': $route.path === '/message'}\"><router-link to=\"/message\">消息中心</router-link></li>\n        </ul>\n      </div>\n\n\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"Side\",\n  mounted() {\n  },\n  data() {\n    return {}\n  },\n  methods: {}\n}\n</script>\n\n<style lang=\"scss\">\n.user-side {\n  margin-bottom: 40px;\n\n  .highlight {\n    color: #ff6600;\n  }\n\n  .user-container {\n\n    background-color: #FFFFFF;\n    width: 240px;\n    height: 520px;\n\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    .order-center, .user-center, .service-center, .account-center {\n      margin-left: 50px;\n\n\n      h3 {\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 52px;\n        color: #333;\n        margin: 0;\n        padding: 0\n      }\n\n      ul {\n        .active {\n          a {\n            color: #ff6600;\n          }\n        }\n\n        li {\n          padding: 6px 0;\n\n          a {\n            color: #757575;\n\n          }\n        }\n      }\n\n    }\n  }\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./side.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./side.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./side.vue?vue&type=template&id=1c752cf5&\"\nimport script from \"./side.vue?vue&type=script&lang=js&\"\nexport * from \"./side.vue?vue&type=script&lang=js&\"\nimport style0 from \"./side.vue?vue&type=style&index=0&id=1c752cf5&prod&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}