{"version":3,"sources":["webpack:///./src/views/PersonalCenter/index.vue?e23d","webpack:///src/views/PersonalCenter/index.vue","webpack:///./src/views/PersonalCenter/index.vue?24bd","webpack:///./src/views/PersonalCenter/index.vue","webpack:///./src/views/PersonalCenter/index.vue?3bd3"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_l","item","index","key","class","activeLi","id","on","$event","handleNavClick","_s","lable","staticRenderFns","name","components","filters","userType","orderType","data","activeName","goodsData","userData","orderList","navData","created","watchRouter","getUserInfo","getUserOrderList","methods","v","$router","push","path","routerUrl","jumpLogistics","paymentFun","jumpOrderDetail","handleClick","type","pageIndex","pageSize","params","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,aAAaA,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,eAAe,CAACA,EAAG,WAAW,CAACE,YAAY,YAAYC,MAAM,CAAC,MAAQ,UAAU,CAACH,EAAG,KAAK,CAACJ,EAAIQ,GAAG,UAAUJ,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,KAAKJ,EAAIS,GAAIT,EAAW,SAAE,SAASU,EAAKC,GAAO,OAAOP,EAAG,KAAK,CAACQ,IAAID,EAAME,MAAM,CAAC,YAAcb,EAAIc,UAAYJ,EAAKK,IAAKC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOjB,EAAIkB,eAAeR,MAAS,CAACV,EAAIQ,GAAGR,EAAImB,GAAGT,EAAKU,aAAY,OAAOhB,EAAG,UAAU,CAACA,EAAG,gBAAgB,IAAI,IAAI,IAAI,IACplBiB,EAAkB,G,wBC2BtB,GACEC,KAAM,iBACNC,WAAY,CACV,YAAa,EAAjB,MAEEC,QAAF,CACIC,SADJ,SACA,GACM,OAAN,KACe,MACf,KACe,MACf,KACe,MACf,KACe,MACf,KACe,WADf,GAIIC,UAdJ,SAcA,GACM,OAAN,MACe,MACf,MACe,SACf,MACe,MACf,MACe,MACf,MACe,MACf,MACe,MACf,MACe,WADf,IAKEC,KArCF,WAsCI,MAAJ,CACMb,SAAU,EACVc,WAAY,IACZC,UAAW,GACXC,SAAU,GACVC,UAAW,GACXC,QAAS,CACf,CACQ,GAAR,EACQ,MAAR,OACQ,UAAR,SACA,CACQ,GAAR,EACQ,MAAR,MACQ,UAAR,6BAKEC,QAzDF,WA0DIhC,KAAKiC,cACLjC,KAAKkC,cACLlC,KAAKmC,oBAEPC,QAAF,CACInB,eADJ,SACA,GACMjB,KAAKa,SAAWwB,EAAEvB,GAClBd,KAAKsC,QAAQC,KAAK,CAChBC,KAAMH,EAAEI,aAIZR,YARJ,WASM,OAAN,kBACQ,IAAK,QACHjC,KAAKa,SAAW,EAChB,MACF,IAAK,yBACHb,KAAKa,SAAW,EAChB,MACF,IAAK,qBACHb,KAAKa,SAAW,EAChB,MACF,IAAK,mBACHb,KAAKa,SAAW,EAChB,QAGN6B,cAxBJ,SAwBA,GACM1C,KAAKsC,QAAQC,KAAK,CAAxB,8DAEII,WA3BJ,SA2BA,GACM3C,KAAKsC,QAAQC,KAAK,CAAxB,4DAEIK,gBA9BJ,SA8BA,GACM5C,KAAKsC,QAAQC,KAAK,CAAxB,gEAEIL,YAjCJ,WAiCA,WACM,OAAN,OAAM,GAAN,kBACA,eACU,EAAV,6BAEU,EAAV,+BAIIW,YA1CJ,WA2CM7C,KAAKmC,oBAEPA,iBA7CJ,WA6CA,WACA,GACQW,KAAM9C,KAAK2B,WACXoB,UAAW,EACXC,SAAU,IAElB,6BACeC,EAAOH,KAEhB,OAAN,OAAM,CAAN,qBACA,eACU,EAAV,mCAEU,EAAV,iCCpJ8V,I,wBCQ1VI,EAAY,eACd,EACApD,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAA8B,E,kECnBf","file":"js/chunk-1f3ebecf.df0c445d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"personal\"},[_c('ax-header'),_c('div',{staticClass:\"content-box\"},[_c('el-container',[_c('el-aside',{staticClass:\"aside-box\",attrs:{\"width\":\"200px\"}},[_c('h4',[_vm._v(\"个人中心\")]),_c('div',{staticClass:\"nav-box\"},[_c('ul',_vm._l((_vm.navData),function(item,index){return _c('li',{key:index,class:{'li-active' : _vm.activeLi == item.id },on:{\"click\":function($event){return _vm.handleNavClick(item)}}},[_vm._v(_vm._s(item.lable))])}),0)])]),_c('el-main',[_c('router-view')],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"personal\">\r\n    <ax-header></ax-header>\r\n    <div class=\"content-box\">\r\n      <el-container>\r\n        <el-aside class=\"aside-box\" width=\"200px\">\r\n          <h4>个人中心</h4>\r\n          <div class=\"nav-box\">\r\n            <ul>\r\n              <li v-for=\"(item, index) in navData\" :key=\"index\"\r\n              :class=\"{'li-active' : activeLi == item.id }\"\r\n              @click=\"handleNavClick(item)\">{{item.lable}}</li>\r\n            </ul>\r\n          </div>\r\n        </el-aside>\r\n        <el-main>\r\n          <router-view></router-view>\r\n        </el-main>\r\n      </el-container>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport axheader from '../../components/AXheader.vue'\r\nimport {\r\n  userInfo,\r\n  UserOrderList\r\n} from '../../api/api'\r\nexport default {\r\n  name: 'personalCenter',\r\n  components: {\r\n    'ax-header': axheader\r\n  },\r\n  filters:{\r\n    userType(val){\r\n      if(val == 0){\r\n        return '经销商'\r\n      } else if(val == 1){\r\n        return '服务商'\r\n      } else if(val == 2){\r\n        return '合伙人'\r\n      } else if(val == 3){\r\n        return '工程师'\r\n      } else if(val == 4){\r\n        return '导购员'\r\n      }\r\n    },\r\n    orderType(val){\r\n      if(val == 10){\r\n        return '待付款'\r\n      } else if(val == 20){\r\n        return '商品正在出库'\r\n      } else if(val == 30){\r\n        return '已发货'\r\n      } else if(val == 40){\r\n        return '已收货'\r\n      } else if(val == 50){\r\n        return '已完成'\r\n      } else if(val == 60){\r\n        return '已取消'\r\n      } else if(val == 70){\r\n        return '已关闭'\r\n      }\r\n    }\r\n  },\r\n  data(){\r\n    return{\r\n      activeLi: 1,\r\n      activeName: '1',\r\n      goodsData: [],\r\n      userData: {},\r\n      orderList: [],\r\n      navData: [\r\n        {\r\n          id: 1,\r\n          lable: '我的订单',\r\n          routerUrl: '/user'\r\n        },{\r\n          id: 2,\r\n          lable: '退换货',\r\n          routerUrl: '/user/returnOrExchange'\r\n        },\r\n      ]\r\n    }\r\n  },\r\n  created(){\r\n    this.watchRouter()\r\n    this.getUserInfo()\r\n    this.getUserOrderList()\r\n  },\r\n  methods:{\r\n    handleNavClick(v){\r\n      this.activeLi = v.id\r\n      this.$router.push({\r\n        path: v.routerUrl,\r\n\r\n      })\r\n    },\r\n    watchRouter(){\r\n      switch(this.$route.path){\r\n        case '/user': \r\n          this.activeLi = 1;\r\n          break;\r\n        case '/user/returnOrExchange':\r\n          this.activeLi = 2;\r\n          break;\r\n        case '/home/refrigerator':\r\n          this.activeLi = 3;\r\n          break;\r\n        case '/home/television':\r\n          this.activeLi = 4;\r\n          break;\r\n      }\r\n    },\r\n    jumpLogistics(val){\r\n      this.$router.push({path: '/personalCenter/logistics', query: {orderNo: val.OrderNo}})\r\n    },\r\n    paymentFun(val){\r\n      this.$router.push({path: '/payment', query: {orderNo: val.OrderNo, money: val.Amount}})\r\n    },\r\n    jumpOrderDetail(val){\r\n      this.$router.push({path: '/personalCenter/orderDetail', query: {orderNo: val.OrderNo}})\r\n    },\r\n    getUserInfo(){\r\n      userInfo().then(res => {\r\n        if(res.data.success){\r\n          this.userData = res.data.response || {}\r\n        } else{\r\n          this.$message.error(res.data.msg)\r\n        }\r\n      })\r\n    },\r\n    handleClick(){\r\n      this.getUserOrderList()\r\n    },\r\n    getUserOrderList(){\r\n      let params = {\r\n        type: this.activeName,\r\n        pageIndex: 1,\r\n        pageSize: 10\r\n      }\r\n      if(this.activeName == '1'){\r\n        delete params.type\r\n      }\r\n      UserOrderList(params).then(res =>{\r\n        if(res.data.success){\r\n          this.orderList = res.data.response.data || []\r\n        } else{\r\n          this.$message.error(res.data.msg)\r\n        }\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.personal{\r\n  // width: 1200px;\r\n  // margin: 0 auto;\r\n  overflow: hidden;\r\n}\r\n.content-box{\r\n  width: 1200px;\r\n  margin: 0 auto;\r\n  padding-bottom: 40px;\r\n  .aside-box{\r\n    background: #fff;\r\n    margin-right: 20px;\r\n    text-align: left;\r\n    padding: 20px 0;\r\n    h4{\r\n      font-size: 20px;\r\n      font-weight: bold;\r\n      color: #333333;\r\n      margin-bottom: 20px;\r\n      padding: 0 0 20px 20px;\r\n      border-bottom: 1px solid #f4f4f4;\r\n    }\r\n    .nav-box{\r\n      font-size: 16px;\r\n      color: #666666;\r\n      line-height: 16px;\r\n      padding: 0 0 10px 20px;\r\n      li{\r\n        margin: 15px 0;\r\n        cursor: pointer;\r\n        padding-left: 10px;\r\n      }\r\n      .li-active{\r\n        border-left: 3px solid #f40000;\r\n        padding-left: 7px;\r\n        color: #f40000;\r\n        font-weight: bold;\r\n      }\r\n    }\r\n  }\r\n  .main-top{\r\n    display: flex;\r\n    height: 204px;\r\n    margin-bottom: 20px;\r\n    .portrait-box{\r\n      width: 204px;\r\n      background: linear-gradient(90deg, #F73446 0%, #FB6035 100%);\r\n      border-radius: 10px 0px 0px 10px;\r\n      text-align: center;\r\n      padding: 24px 0;\r\n      .portrait{\r\n        width: 80px;\r\n        height: 80px;\r\n        display: inline-block;\r\n        border-radius: 40px;\r\n        background: #fff;\r\n        overflow: hidden;\r\n        img{\r\n          width: 100%;\r\n          height: 100%;\r\n          border-radius: 40px;\r\n        }\r\n      }\r\n      .user-name{\r\n        font-size: 18px;\r\n        line-height: 28px;\r\n        color: #fff;\r\n        margin: 10px 0;\r\n      }\r\n      .user-info{\r\n        color: #fff;\r\n        font-size: 14px;\r\n        span{\r\n          padding: 3px 5px;\r\n          border-radius: 12px;\r\n          border: 1px solid #ffffff;\r\n        }\r\n      }\r\n    }\r\n    .wallet-box{\r\n      flex: 1;\r\n      width: 736px;\r\n      background: #fff;\r\n      border-radius: 0 10px 10px 0;\r\n      text-align: left;\r\n      .wallet{\r\n        padding-left: 16px;\r\n        border-bottom: 1px solid #f4f4f4;\r\n        height: 50px;\r\n        line-height: 50px;\r\n        font-size: 16px;\r\n        color: #333;\r\n      }\r\n      .money-box{\r\n        // padding-left: 16px;\r\n        display: flex;\r\n        justify-content: space-around;\r\n        align-items: center;\r\n        height: 153px;\r\n        span{\r\n          display: block;\r\n        }\r\n        .txt-bold{\r\n          font-size: 24px;\r\n          color: #474245;\r\n        }\r\n        .txt999{\r\n          color: #999;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .main-nav{\r\n    background: #fff;\r\n    border-radius: 10px;\r\n    padding: 20px 0;\r\n    .table-box{\r\n      padding: 0 20px ;\r\n      .tab-header{\r\n        background: #f3f3f3;\r\n        height: 40px;\r\n        line-height: 40px;\r\n        margin-bottom: 20px;\r\n        >span{\r\n          display: inline-block;\r\n        }\r\n      }\r\n      .tab1{\r\n        width: 380px;\r\n        text-align: left;\r\n        padding-left: 20px;\r\n      }\r\n      .tab2{\r\n        width: 100px;\r\n      }\r\n      .tab5{\r\n        width: 200px;\r\n      }\r\n      .goods-list{\r\n        .goods-box{\r\n          border: 1px solid #f3f3f3;\r\n          margin-bottom: 20px;\r\n          .lable{\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            height: 40px;\r\n            background: #f9f9f9;\r\n            color: #f40000;\r\n            line-height: 40px;\r\n            font-size: 12px;\r\n            font-weight: bold;\r\n            text-align: left;\r\n            padding: 0 20px;\r\n            margin-bottom: 20px;\r\n            .rigth-txt{\r\n              cursor: pointer;\r\n              color: #999999;\r\n              font-weight: 500;\r\n            }\r\n            .rigth-txt:hover{\r\n              color: #f40000;\r\n            }\r\n          }\r\n        }\r\n        .goods-item{\r\n          display: flex;\r\n          padding-bottom: 20px;\r\n          padding-left: 20px;\r\n          >span{\r\n            display: inline-block;\r\n          }\r\n          .btn{\r\n            display: block;\r\n            width: 80px;\r\n            margin: 0 auto;\r\n            padding: 3px 5px;\r\n            color: #999;\r\n            cursor: pointer;\r\n          }\r\n          .btn-border{\r\n            border: 1px solid #f40000;\r\n            background: #f40000;\r\n            color: #fff;\r\n            margin-bottom: 10px;\r\n          }\r\n          .goods{\r\n            display: flex;\r\n            justify-content: flex-start;\r\n            align-items: flex-start;\r\n            width: 380px;\r\n            height: 80px;\r\n            .img{\r\n              width: 80px;\r\n              height: 80px;\r\n            }\r\n            .txt-box{\r\n              width: 300px;\r\n              height: 80px;\r\n              padding-left: 10px;\r\n              position: relative;\r\n              text-align: left;\r\n              .txt{\r\n                text-align: left;\r\n                display: inline-block;\r\n                color: #333333;\r\n              }\r\n              .buy-num{\r\n                position: absolute;\r\n                bottom: 0;\r\n                left: 10px;\r\n                font-size: 12px;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  \r\n}\r\n.tabs-box /deep/ .el-tabs__nav-scroll {\r\n  padding: 0 20px;\r\n}\r\n.tabs-box /deep/ .el-tabs__item{\r\n  font-size: 20px;\r\n  font-weight: bold;\r\n}\r\n.tabs-box /deep/ .el-tabs__item:hover{\r\n  color: #303133;\r\n}\r\n.tabs-box /deep/ .el-tabs__active-bar{\r\n  background-color: #f40000;\r\n}\r\n.tabs-box /deep/ .is-active{\r\n  color: #f40000;\r\n}\r\n.tabs-box /deep/ .el-submenu /deep/ .el-submenu__title{\r\n  height: 40px;\r\n  line-height: 40px;\r\n}\r\n</style>","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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=43fdcca8&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=43fdcca8&lang=scss&scoped=true&\"\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  \"43fdcca8\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=43fdcca8&lang=scss&scoped=true&\""],"sourceRoot":""}