{"version":3,"sources":["webpack:///./src/views/My/Member/Index.vue","webpack:///./src/views/My/Member/Index.vue?bdcf","webpack:///./src/views/My/Member/Index.vue?35c7"],"names":["class","_createElementVNode","style","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","$data","username","_hoisted_6","_hoisted_7","$setup","integral","_ctx","_hoisted_9","waitintegral","_hoisted_10","_hoisted_11","abalance","_hoisted_13","wbalance","_hoisted_14","locale","Frontnameen","Frontname","_createVNode","_component_q_list","separator","_Fragment","item","index","_createBlock","_component_q_item","clickable","key","to","url","_component_q_item_section","name","side","_component_q_icon","size","_hoisted_15","_component_router_view","data","info","navarr","this","$t","watch","path","getVipInfo","methods","res","memberInit","store","commit","mounted","setup","formatIntegral","__exports__","render","QList","QItem","QItemSection","QIcon","Ripple"],"mappings":"8PACOA,MAAM,e,GAEJA,MAAM,c,GACJA,MAAM,Q,GACJA,MAAM,W,GACJA,MAAM,c,GACNA,MAAM,Y,GACHA,MAAM,Q,QACZC,gCAA0B,QAApBD,MAAM,OAAM,KAAC,I,GACbA,MAAM,Q,GAETA,MAAM,WAAWE,MAAA,gC,GACdF,MAAM,Q,QACZC,gCAA0B,QAApBD,MAAM,OAAM,KAAC,I,GACbA,MAAM,Q,GAETA,MAAM,c,GAgBZA,MAAM,a,uUAhCbG,gCAmCM,MAnCNC,EAmCM,CAjCJH,gCA6BM,MA7BNI,EA6BM,CA5BJJ,gCAmBM,MAnBNK,EAmBM,CAlBJL,gCAiBM,MAjBNM,EAiBM,CAhBJN,gCAAiD,MAAjDO,EAAiD,6BAAtBC,OAAKC,UAAQ,GACxCT,gCAIM,MAJNU,EAIM,CAHJV,gCAA6D,OAA7DW,EAA6D,6BAAvCC,iBAAeJ,OAAKK,WAAQ,gCAAW,IAAM,6BAAGC,KAAG,eAAgB,IACzF,KACAd,gCAAiE,OAAjEe,EAAiE,6BAA3CH,iBAAeJ,OAAKQ,eAAY,gCAAW,IAAM,6BAAGF,KAAG,uBAAD,KAE9Ed,gCAIM,MAJNiB,EAIM,CAHJjB,gCAA+C,OAA/CkB,EAA+C,6BAAxBV,OAAKW,UAAQ,gCAAW,IAAM,6BAAGL,KAAG,iBAAkB,IAC7E,KACAd,gCAA+C,OAA/CoB,EAA+C,6BAAxBZ,OAAKa,UAAQ,gCAAW,IAAM,6BAAGP,KAAG,iBAAD,KAE5Dd,gCAIM,MAJNsB,EAIM,6BAFc,MAAhBR,QAAMS,OAAiBf,OAAKgB,YAAchB,OAAKiB,WAC/C,IAAM,6BAAGX,KAAG,aAAD,OAInBY,yBAOSC,GAPDC,UAAA,IAAS,C,6BACY,IAA+B,6BAA1D1B,gCAKS2B,2CAL0CrB,SAAM,CAAtBsB,EAAMC,I,sDAAzCC,yBAKSC,GALDC,UAAA,GAAoDC,IAAKJ,EAAQK,GAAIN,EAAKO,K,8BAChF,IAAgD,CAAhDX,yBAAgDY,Q,6BAAhC,IAAe,2DAAZR,EAAKS,MAAI,K,WAC5Bb,yBAEiBY,GAFDE,KAAA,IAAI,C,6BAClB,IAAoD,CAApDd,yBAAoDe,GAA5CF,KAAK,yBAAyBG,KAAK,W,mDAKnD1C,gCAEM,MAFN2C,EAEM,CADJjB,yBAA2BkB,O,wCAUlB,GACbC,OACE,MAAO,CACLC,KAAM,GACNC,OAAQ,CACN,CAAER,KAAMS,KAAKC,GAAG,iBAAkBZ,IAAK,cACvC,CAAEE,KAAMS,KAAKC,GAAG,kBAAmBZ,IAAK,eACxC,CAAEE,KAAMS,KAAKC,GAAG,kBAAmBZ,IAAK,aACxC,CAAEE,KAAMS,KAAKC,GAAG,sBAAuBZ,IAAK,gBAC5C,CAAEE,KAAMS,KAAKC,GAAG,iBAAkBZ,IAAK,OAI7Ca,MAAO,CACL,OAASd,GACS,gBAAZA,EAAGe,MAAsC,eAAZf,EAAGe,MAClCH,KAAKI,eAIXC,QAAS,CACP,mBACE,MAAMC,QAAYC,iBAClBP,KAAKF,KAAOQ,EACZE,OAAMC,OAAO,gBAAiBH,KAGlCI,UACEV,KAAKI,cAEPO,QACE,MAAO,CACLC,yB,kHCrEN,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,eAMf,IAAS,EAAQ,aAAc,CAACC,QAAA,KAAMC,QAAA,KAAMC,eAAA,KAAaC,QAAA,OAAQ,IAAS,EAAQ,aAAc,CAACC,SAAA,Q,kCCfjG","file":"vueDist/js/chunk-061029d4.d90af337.js","sourcesContent":["<template>\r\n  <div class=\"pucontainer\">\r\n    <!-- 会员中心 -->\r\n    <div class=\"member_nav\">\r\n      <div class=\"base\">\r\n        <div class=\"b_right\">\r\n          <div class=\"brand blod\">{{ info.username }}</div>\r\n          <div class=\"integral\">\r\n            <span class=\"blod\">{{ formatIntegral(info.integral) }}</span>&nbsp;{{ $t(\"vip.points\") }}\r\n            <span class=\"bor\">|</span>\r\n            <span class=\"soon\">{{ formatIntegral(info.waitintegral) }}</span>&nbsp;{{ $t(\"vip.waiting_points\") }}\r\n          </div>\r\n          <div class=\"integral\" style=\"text-transform: uppercase;\">\r\n            <span class=\"blod\">{{ (info.abalance) }}</span>&nbsp;{{ $t(\"vip.abalance\") }}\r\n            <span class=\"bor\">|</span>\r\n            <span class=\"soon\">{{ (info.wbalance) }}</span>&nbsp;{{ $t(\"vip.wbalance\") }}\r\n          </div>\r\n          <div class=\"label blod\">\r\n            {{\r\n              $i18n.locale == \"en\" ? info.Frontnameen : info.Frontname\r\n            }}&nbsp;{{ $t(\"vip.rank\") }}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <q-list separator>\r\n        <q-item clickable v-ripple v-for=\"(item, index) in navarr\" :key=\"index\" :to=\"item.url\">\r\n          <q-item-section>{{ item.name }}</q-item-section>\r\n          <q-item-section side>\r\n            <q-icon name=\"iconfont icon-jiantou1\" size=\"14px\" />\r\n          </q-item-section>\r\n        </q-item>\r\n      </q-list>\r\n    </div>\r\n    <div class=\"membercon\">\r\n      <router-view></router-view>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { memberInit } from '@/api/my'\r\nimport { formatIntegral } from '@/utils/filterData.js'\r\nimport store from '@/store'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      info: '',\r\n      navarr: [\r\n        { name: this.$t('vip.my_points'), url: '/my/points' },\r\n        { name: this.$t('vip.my_balance'), url: '/my/balance' },\r\n        { name: this.$t('vip.my_rewards'), url: '/my/prize' },\r\n        { name: this.$t('vip.points_changes'), url: '/my/exchange' },\r\n        { name: this.$t('vip.questions'), url: '' }\r\n      ]\r\n    }\r\n  },\r\n  watch: {\r\n    '$route'(to) {\r\n      if (to.path === '/my/balance' || to.path === '/my/points') {\r\n        this.getVipInfo()\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    async getVipInfo() {\r\n      const res = await memberInit()\r\n      this.info = res\r\n      store.commit('setMemberInfo', res)\r\n    }\r\n  },\r\n  mounted() {\r\n    this.getVipInfo()\r\n  },\r\n  setup() {\r\n    return {\r\n      formatIntegral\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.q-item {\r\n  padding: 8px 5px;\r\n}\r\n\r\n.pucontainer {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 1500px;\r\n  margin: 0 auto;\r\n  margin-top: 40px;\r\n  display: flex;\r\n\r\n  .membercon {\r\n    width: 60%;\r\n    margin: 0 auto;\r\n    margin-bottom: 160px;\r\n  }\r\n}\r\n\r\n.member_nav {\r\n  width: 18%;\r\n  position: absolute;\r\n  padding-left: 5px;\r\n\r\n  .base {\r\n    margin-bottom: 10px;\r\n\r\n    .b_right {\r\n      padding-left: 5px;\r\n\r\n      .integral {\r\n        .bor {\r\n          display: inline-block;\r\n          margin: 0 5px;\r\n          margin-top: -1px;\r\n        }\r\n      }\r\n\r\n      .label {\r\n        text-transform: uppercase;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import { render } from \"./Index.vue?vue&type=template&id=4f77bd8d&scoped=true\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\n\nimport \"./Index.vue?vue&type=style&index=0&id=4f77bd8d&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/laiwendong/Documents/电商/code/annilux-pc/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-4f77bd8d\"]])\n\nexport default __exports__\nimport QList from 'quasar/src/components/item/QList.js';\nimport QItem from 'quasar/src/components/item/QItem.js';\nimport QItemSection from 'quasar/src/components/item/QItemSection.js';\nimport QIcon from 'quasar/src/components/icon/QIcon.js';import Ripple from 'quasar/src/directives/Ripple.js';\nimport qInstall from \"../../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QList,QItem,QItemSection,QIcon});qInstall(script, 'directives', {Ripple});\n","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-v16/dist/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/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./Index.vue?vue&type=style&index=0&id=4f77bd8d&lang=scss&scoped=true\""],"sourceRoot":""}