| 1 |
- {"version":3,"sources":["webpack:///./src/assets/avatar.png","webpack:///./src/views/member.vue?93e0","webpack:///./src/views/member.vue?a3cc","webpack:///src/views/member.vue","webpack:///./src/views/member.vue?d15a","webpack:///./src/views/member.vue","webpack:///./src/assets/circle-active.png","webpack:///./src/assets/type-2.png","webpack:///./src/assets/return.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","$event","$router","back","userLevel","level_id","_v","userInfo","headimg","_s","name","end_date","_l","item","index","item2","index2","key","class","active","levelSelected","levelKey","parseFloat","price","time","_m","createOrder","staticRenderFns","components","data","isLogin","levelList","orderMap","loading","mounted","methods","getUserInfo","UserCenterService","localStorage","getUserLevelSet","ExpediteService","Toast","level_key","LevelOrderService","pay","orderId","order_id","pay_type","location","timestamp","nonceStr","package","signType","paySign","success","console","fail","component"],"mappings":"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","file":"js/chunk-6e1067a0.7114b75b.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/avatar.0166dac5.png\";","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!./member.vue?vue&type=style&index=0&id=135ca9ec&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrap\"},[_c('div',{staticClass:\"header\"},[_c('img',{staticClass:\"return-img\",attrs:{\"src\":require(\"../assets/return.png\")},on:{\"click\":function($event){return _vm.$router.back()}}}),(_vm.userLevel.level_id > 0)?_c('p',{staticClass:\"header-title\"},[_vm._v(\"续费会员\")]):_c('p',{staticClass:\"header-title\"},[_vm._v(\"开通会员\")])]),(_vm.userLevel.level_id > 0)?_c('div',{staticClass:\"head\"},[_c('div',{staticClass:\"card-wrap\"},[_c('div',{staticClass:\"card\"},[_c('img',{staticClass:\"avatar\",attrs:{\"src\":_vm.userInfo.headimg || require('../assets/avatar.png')}}),_c('div',{staticClass:\"card-sidebar\"},[_c('p',{staticClass:\"card-name\"},[_vm._v(_vm._s(_vm.userInfo.name || '未登录'))]),_c('p',{staticClass:\"card-msg\"},[_c('span',{staticClass:\"font-1\"},[_vm._v(_vm._s(_vm.userLevel.end_date))]),_vm._v(\" 到期，购买后有效期将延长\\n\\t\\t\\t\\t\\t\\t\")])])])])]):_c('div',{staticClass:\"head\"},[_c('div',{staticClass:\"card-wrap2\"},[_c('div',{staticClass:\"card\"},[_c('img',{staticClass:\"avatar\",attrs:{\"src\":_vm.userInfo.headimg || require('../assets/avatar.png')}}),_c('div',{staticClass:\"card-sidebar\"},[_c('p',{staticClass:\"card-name\"},[_vm._v(_vm._s(_vm.userInfo.name || '未登录'))])])]),_c('span',{staticClass:\"card-tag\"},[_vm._v(\"未开通\")])])]),_c('div',{staticClass:\"module\"},[_c('div',{staticClass:\"choose-box\"},[_c('p',{staticClass:\"choose-title\"},[_vm._v(\"选择会员\")]),_vm._l((_vm.levelList),function(item,index){return _c('ul',{staticClass:\"choose-list\"},_vm._l((item.price),function(item2,index2){return _c('li',{key:index2,class:{ active: _vm.levelSelected === index && _vm.levelKey === index2 },on:{\"click\":function($event){_vm.levelSelected = index; _vm.levelKey = index2}}},[_c('span',{staticClass:\"choose-name\"},[_vm._v(_vm._s(item.name))]),_c('p',{staticClass:\"choose-price\"},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t¥\"),_c('span',[_vm._v(_vm._s(parseFloat(item2.price)))])]),_c('span',{staticClass:\"choose-time\"},[_vm._v(_vm._s(item2.time)+\"个月\")])])}),0)})],2),_vm._m(0),_c('div',{staticClass:\"btn-box\"},[_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.createOrder()}}},[_vm._v(\"立即开通\")])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pay-box\"},[_c('p',{staticClass:\"pay-title\"},[_vm._v(\"支付方式\")]),_c('ul',{staticClass:\"pay-list\"},[_c('li',[_c('div',{staticClass:\"pay-leftsidebar\"},[_c('img',{staticClass:\"type-img\",attrs:{\"src\":require(\"../assets/type-2.png\")}}),_vm._v(\"微信支付\\n\\t\\t\\t\\t\\t\\t\")]),_c('div',{staticClass:\"pay-rightsidebar\"},[_c('img',{staticClass:\"circle-img\",attrs:{\"src\":require(\"../assets/circle-active.png\")}})])])])])}]\n\nexport { render, staticRenderFns }","<!-- 会员 -->\r\n<template>\r\n\t<div class=\"wrap\">\r\n\r\n\t\t<div class=\"header\">\r\n\t\t\t<img src=\"../assets/return.png\" class=\"return-img\" @click=\"$router.back()\">\r\n <p class=\"header-title\" v-if=\"userLevel.level_id > 0\">续费会员</p>\r\n <p class=\"header-title\" v-else>开通会员</p>\r\n\t\t</div>\r\n\r\n\t\t<!-- 已开通显示 -->\r\n\t\t<div class=\"head\" v-if=\"userLevel.level_id > 0\">\r\n\t\t\t<div class=\"card-wrap\">\r\n\t\t\t\t<div class=\"card\">\r\n <img :src=\"userInfo.headimg || require('../assets/avatar.png')\" class=\"avatar\">\r\n\t\t\t\t\t<div class=\"card-sidebar\">\r\n\t\t\t\t\t\t<p class=\"card-name\">{{ userInfo.name || '未登录' }}</p>\r\n\t\t\t\t\t\t<p class=\"card-msg\">\r\n\t\t\t\t\t\t\t<span class=\"font-1\">{{ userLevel.end_date }}</span> 到期，购买后有效期将延长\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<!-- 未开通显示 -->\r\n\t\t<div class=\"head\" v-else>\r\n\t\t\t<div class=\"card-wrap2\">\r\n\t\t\t\t<div class=\"card\">\r\n\t\t\t\t\t<img :src=\"userInfo.headimg || require('../assets/avatar.png')\" class=\"avatar\">\r\n\t\t\t\t\t<div class=\"card-sidebar\">\r\n <p class=\"card-name\">{{ userInfo.name || '未登录' }}</p>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<span class=\"card-tag\">未开通</span>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"module\">\r\n\r\n\t\t\t<div class=\"choose-box\">\r\n\t\t\t\t<p class=\"choose-title\">选择会员</p>\r\n\t\t\t\t<ul class=\"choose-list\" v-for=\"(item, index) in levelList\">\r\n\t\t\t\t\t<li\r\n :class=\"{ active: levelSelected === index && levelKey === index2 }\"\r\n v-for=\"(item2, index2) in item.price\"\r\n :key=\"index2\"\r\n @click=\"levelSelected = index; levelKey = index2\"\r\n >\r\n\t\t\t\t\t\t<span class=\"choose-name\">{{ item.name }}</span>\r\n\t\t\t\t\t\t<p class=\"choose-price\">\r\n\t\t\t\t\t\t\t¥<span>{{ parseFloat(item2.price) }}</span>\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t<span class=\"choose-time\">{{ item2.time }}个月</span>\r\n\t\t\t\t\t</li>\r\n\t\t\t\t</ul>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div class=\"pay-box\">\r\n\t\t\t\t<p class=\"pay-title\">支付方式</p>\r\n\t\t\t\t<ul class=\"pay-list\">\r\n<!--\t\t\t\t\t<li>-->\r\n<!--\t\t\t\t\t\t<div class=\"pay-leftsidebar\">-->\r\n<!--\t\t\t\t\t\t\t<img src=\"../assets/type-1.png\" class=\"type-img\">支付宝支付-->\r\n<!--\t\t\t\t\t\t</div>-->\r\n<!--\t\t\t\t\t\t<div class=\"pay-rightsidebar\">-->\r\n<!--\t\t\t\t\t\t\t<img src=\"../assets/circle.png\" class=\"circle-img\">-->\r\n<!--\t\t\t\t\t\t</div>-->\r\n<!--\t\t\t\t\t</li>-->\r\n\t\t\t\t\t<li>\r\n\t\t\t\t\t\t<div class=\"pay-leftsidebar\">\r\n\t\t\t\t\t\t\t<img src=\"../assets/type-2.png\" class=\"type-img\">微信支付\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"pay-rightsidebar\">\r\n\t\t\t\t\t\t\t<img src=\"../assets/circle-active.png\" class=\"circle-img\">\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</li>\r\n\t\t\t\t</ul>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div class=\"btn-box\">\r\n\t\t\t\t<button type=\"button\" @click=\"createOrder()\">立即开通</button>\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\nimport {ExpediteService, LevelOrderService, UserCenterService} from \"@/common/service\";\r\nimport {Toast} from \"vant\";\r\nimport {isWeChatOpen} from \"@/common/util\";\r\n\r\n export default {\r\n\t\tcomponents: {},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n isLogin: false,\r\n userInfo: {},\r\n userLevel: {\r\n level_id: 0,\r\n },\r\n levelList: [],\r\n levelSelected: 0,\r\n levelKey: 0,\r\n\r\n orderMap: {},\r\n\r\n loading: false,\r\n };\r\n },\r\n mounted() {\r\n this.getUserLevelSet();\r\n this.getUserInfo();\r\n },\r\n\t\tmethods: {\r\n getUserInfo() {\r\n UserCenterService.getUserInfo().then(({ data }) => {\r\n this.isLogin = true;\r\n this.userInfo = data.detail;\r\n this.userLevel = data.user_level || this.userLevel;\r\n localStorage.setItem('user_info', JSON.stringify(data.detail));\r\n localStorage.setItem('user_level', JSON.stringify(data.user_level));\r\n });\r\n },\r\n getUserLevelSet() {\r\n ExpediteService.getUserLevelSet().then(({ data }) => {\r\n this.levelList = data.list.map(item => ({...item, price: JSON.parse(item.price)}))\r\n });\r\n },\r\n\r\n // 创建订单\r\n createOrder() {\r\n if (this.loading) return ;\r\n this.loading = true;\r\n Toast.loading('正在提交..');\r\n const params = {\r\n level_id: this.levelList[this.levelSelected].id, // 会员等级\r\n level_key: this.levelKey, // 等级价格的key值\r\n };\r\n const key = `${params.level_id},${params.level_key}`;\r\n if (this.orderMap[key]) {\r\n return this.pay(this.orderMap[key]);\r\n }\r\n LevelOrderService.createOrder(params).then(( { data } ) => {\r\n this.orderMap[key] = data.order_id;\r\n return this.pay(this.orderMap[key]).then().finally(() => {this.loading = false});\r\n });\r\n },\r\n\r\n // 支付\r\n pay(orderId) {\r\n const isWeChat = isWeChatOpen();\r\n // 1 h5 2 公众号\r\n const payType = isWeChat ? 2 : 1;\r\n const params = {\r\n order_id: orderId,\r\n pay_type: payType, // 1 h5 2 公众号\r\n }\r\n return LevelOrderService.payOrder(params).then(({data}) => {\r\n if (params.pay_type === 1) {\r\n location.href = data.config.mweb_url + '&redirect_url=' + encodeURI(location.href);\r\n } else if (params.pay_type === 2) {\r\n this.$wx.chooseWXPay({\r\n // 支付签名时间戳，注意微信 jssdk 中的所有使用 timestamp 字段均为小写。但最新版的支付后台生成签名使用的 timeStamp 字段名需大写其中的 S 字符\r\n timestamp: data.config.timestamp,\r\n // 支付签名随机串，不长于 32 位\r\n nonceStr: data.config.nonceStr,\r\n // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=\\*\\*\\*）\r\n package: data.config.package,\r\n // 微信支付V3的传入 RSA ,微信支付V2的传入格式与V2统一下单的签名格式保持一致\r\n signType: data.config.signType,\r\n // 支付签名\r\n paySign: data.config.paySign,\r\n success: (res) => {\r\n console.log('--------------支付结果start--------------');\r\n console.log(res);\r\n console.log('--------------支付结果end--------------');\r\n this.getUserInfo();\r\n },\r\n fail: (err) => {\r\n console.log('--------------支付失败start--------------');\r\n console.log(err);\r\n console.log('--------------支付失败end--------------');\r\n }\r\n });\r\n }\r\n });\r\n }\r\n\r\n\t\t}\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\tpadding: 54px 0 0;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t/* 头部样式 */\r\n\t.header {\r\n\t\twidth: 100%;\r\n\t\theight: 44px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tposition: fixed;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tz-index: 999;\r\n\t}\r\n\r\n\t.return-img {\r\n\t\tposition: absolute;\r\n\t\tleft: 15px;\r\n\t\ttop: 50%;\r\n\t\ttransform: translate(0, -50%);\r\n\t\twidth: 20px;\r\n\t}\r\n\r\n\t.header-title {\r\n\t\tcolor: #333333;\r\n\t\tfont-size: 18px;\r\n\t\tfont-weight: 500;\r\n\t}\r\n\r\n\r\n\r\n\t.btn-box {\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\tpadding: 70px 15px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.btn-box>button {\r\n\t\twidth: 100%;\r\n\t\theight: 42px;\r\n\t\tline-height: 42px;\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: 18px;\r\n\t\tfont-weight: 500;\r\n\t\tborder-radius: 100px;\r\n\t\tbackground-color: #2A63F3;\r\n\t}\r\n\r\n\t.head {\r\n\t\twidth: 100%;\r\n\t\theight: 138px;\r\n\t\tbackground-color: #222126;\r\n\t\tpadding: 40px 15px 0;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.card-wrap {\r\n\t\twidth: 100%;\r\n\t\theight: 100px;\r\n\t\tbackground: linear-gradient(90deg, #FBF5D3, #F9E9C7, #F9C691);\r\n\t\tborder-radius: 16px 16px 0 0;\r\n\t\tpadding: 14px 10px 0;\r\n\t\tbox-sizing: border-box;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.card-wrap2 {\r\n\t\twidth: 100%;\r\n\t\theight: 100px;\r\n\t\tbackground: linear-gradient(90deg, #FBF5D3, #F9E9C7, #F9C691);\r\n\t\tborder-radius: 16px 16px 0 0;\r\n\t\tpadding: 20px 10px 0;\r\n\t\tbox-sizing: border-box;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.card {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.avatar {\r\n\t\twidth: 40px;\r\n\t\theight: 40px;\r\n\t\tmargin-right: 6px;\r\n\t\tborder-radius: 50%;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.avatar2 {\r\n\t\twidth: 37px;\r\n\t\theight: 37px;\r\n\t\tmargin-right: 8px;\r\n\t\tborder-radius: 50%;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.card-sidebar {\r\n\t\tflex: 1;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.card-name {\r\n\t\twidth: 100%;\r\n\t\tcolor: #222222;\r\n\t\tfont-size: 14px;\r\n\t\tmargin-bottom: 2px;\r\n\t}\r\n\r\n\t.card-name2 {\r\n\t\twidth: 100%;\r\n\t\tcolor: #222222;\r\n\t\tfont-size: 18px;\r\n\t\tfont-weight: 500;\r\n\t}\r\n\r\n\t.card-msg {\r\n\t\twidth: 100%;\r\n\t\tcolor: #888888;\r\n\t\tfont-size: 10px;\r\n\t}\r\n\r\n\t.font-1 {\r\n\t\tcolor: #C38912;\r\n\t}\r\n\r\n\t.card-tag {\r\n\t\tmin-width: 48px;\r\n\t\theight: 20px;\r\n\t\tline-height: 20px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tposition: absolute;\r\n\t\tright: 0;\r\n\t\ttop: 0;\r\n\t\tcolor: #FFFFFF;\r\n\t\tfont-size: 10px;\r\n\t\tbackground: linear-gradient(90deg, #F16B45, #F8515F);\r\n\t\tborder-radius: 0 10px 0 10px;\r\n\t}\r\n\r\n\t.module {\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: 16px 16px 0 0;\r\n\t\tmargin-top: -20px;\r\n\t\tz-index: 99;\r\n\t}\r\n\r\n\t.choose-box {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tpadding: 20px 15px;\r\n\t\tbox-sizing: border-box;\r\n\t\tborder-bottom: 1px solid #F2F2F2;\r\n\t}\r\n\r\n\t.choose-title {\r\n\t\twidth: 100%;\r\n\t\tcolor: #222222;\r\n\t\tfont-size: 17px;\r\n\t\tfont-weight: 500;\r\n\t\tmargin-bottom: 30px;\r\n\t}\r\n\r\n\t.choose-list {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t}\r\n\r\n\t.choose-list>li {\r\n\t\twidth: 32%;\r\n\t\theight: 120px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tmargin-right: 2%;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tborder: 1px solid #FAEBCD;\r\n\t\tbox-sizing: border-box;\r\n\t\tborder-radius: 10px;\r\n\t}\r\n\r\n\t.choose-list>li:nth-child(3n) {\r\n\t\tmargin-right: 0;\r\n\t}\r\n\r\n\t.choose-list>li.active {\r\n\t\tbackground: linear-gradient(90deg, #FFEDC1, #FFDD99);\r\n\t\tborder: none;\r\n\t}\r\n\r\n\t.choose-name {\r\n\t\tcolor: #222222;\r\n\t\tfont-size: 12px;\r\n\t\tfont-weight: 500;\r\n\t\tmargin-bottom: 6px;\r\n\t}\r\n\r\n\t.choose-price {\r\n\t\tcolor: #222222;\r\n\t\tfont-size: 12px;\r\n\t\tmargin-bottom: 9px;\r\n\t}\r\n\r\n\t.choose-price>span {\r\n\t\tfont-size: 30px;\r\n\t\tfont-weight: 500;\r\n\t}\r\n\r\n\t.choose-time {\r\n\t\twidth: 50px;\r\n\t\theight: 14px;\r\n\t\tline-height: 14px;\r\n\t\tborder-radius: 7px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tbackground-color: #FCEFDB;\r\n\t\tcolor: #222222;\r\n\t\tfont-size: 10px;\r\n\t}\r\n\r\n\t.pay-box {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tpadding: 16px 15px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.pay-title {\r\n\t\twidth: 100%;\r\n\t\tcolor: #222222;\r\n\t\tfont-size: 14px;\r\n\t\tmargin-bottom: 15px;\r\n\t}\r\n\r\n\t.pay-list {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.pay-list>li {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t\tmargin-bottom: 20px;\r\n\t}\r\n\r\n\t.pay-list>li:last-child {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t.pay-leftsidebar {\r\n\t\tflex: 1;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tcolor: #222222;\r\n\t\tfont-size: 14px;\r\n\t}\r\n\r\n\t.type-img {\r\n\t\twidth: 22px;\r\n\t\tmargin-right: 14px;\r\n\t}\r\n\r\n\t.pay-rightsidebar {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.circle-img {\r\n\t\twidth: 18px;\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!./member.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!./member.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./member.vue?vue&type=template&id=135ca9ec&scoped=true&\"\nimport script from \"./member.vue?vue&type=script&lang=js&\"\nexport * from \"./member.vue?vue&type=script&lang=js&\"\nimport style0 from \"./member.vue?vue&type=style&index=0&id=135ca9ec&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 \"135ca9ec\",\n null\n \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAA0tJREFUWEfNmEtoE0EYx//fpq+kLfVQr4JPLHgS9KClpCgbRa8FH3dtQcWDhaQIxYMmiIpYwcfZotKT2FK6PtCS9lLsQQQDWl94sj0opdmkTfaT2e22m1ezk00hc5z95vt+O99rZgiSQ72qb6eMEWJQJwgdxLyNQa1CDYEXmegXGJ8JHM9gRXsT2/JNxgS5Ee7pYd+/3XoPDFwA+JBp291ggKah4H7bF//IyAhlyy0rqzgU1o8yskMA7S2nbOPvnCD4Lk7E/K83kisJFBzkpobl1F2wcd4biHM1MYgeLzc0XX53jVLF9BYFOh5Z3Gqwb4zBB6oHs66JQDMKZU+MR1vn8/UXAAmYLHyTYPboojK/QpTwIduVD5UDJNzUmNYnN2tnCneDZtKN/i6n+3KA1Ij+sLox48LhpDzSov5eW3INyMom1gAum3kuzEiIEBNItbPPNG7WmZ36J2Bz44YZC4pCz8F8kAFHwlCibc6/T9QpE0gdSJ6CwU8lfktelOh7RqHut9f9P4ODXNeQTn4E0LGmSKHT2o3AMwsokoyD+bC8FZcrHDD2CjW89BLASUcxmNJigU46Ev67w4f6rxLtwCXFmtiPjE8Jip2xZ0IDejcbPAFwvUMZZ7Gyi0LhpV4GHshacSlfAHMsrAcN8CjAzUWKYh+p4eQTgM+6NCAjJgVjKaZhUiPJD2DeX2iJ7wHKNMCXAIgOLzMqgBE8NCtcNs9Ae641eq/FAkExZzbZdPKFiH2XRJXBWEG8IFyWArgxz9iUFmvutOckoCqGWXVZuhQQQNyvRVtuSUB5hDFjKF3CZeZHJhj9E7GW2y6gSsAYowAKsqmU6y2XlQxq11BVgbGSjGZdpP2GO7Unv+hZdUZuZxzVephC4VQvI1umMBaH8ut6+/jNwG9boTcYM8v6JFpHIZQzFrzCALBah1CqhpNxwE1zLQ5VBRgRQFZzNYGkjh/ETLjyKhq4I9ZWBwaA8/hRyQGNgTEw/hDRmSKF1WVRt8U40TbXvH5AE9M1dYS1OWvqkG830pq6Bgmomroo2q6rqat0TiM1Hxv4XPXuahU+NjhzdjX7hrzf2Tw+xzihPD1YEU2DqvhglV/hxLWpDvVq+Sc9JZ5BSvpJ7z8dYRRfFYgXpwAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAm5JREFUWEft2MnLTlEYAPDfZx4yK8WCWLBgwQIbSobIkMiwYiMbJX+JWLFRSmJBUoYyLCjDQoREQgghikQiQ4/OW8eXvPfe976fV31ne8+9z+8+59xzn3O6dHjr6nCfXmCrI9RTGeyH2XiEl2XQPQEci5MJ+AlLcKkost3AcTiH6RloN3Z0AnACzmNqhvmBFTj1r4ETE25KBvmObdhbFBf92jHEgYrMBbLRvmEL9pfBtQM4LeHGZ5Cv2ITDZXF1A2fgLOLDaLQv2IhjVXB1AmfhDMZkkM9YW+aD+NNL1DEH5+I0RmYBPmJ1WmKqJu/Xfa0C5+MEhmWKD2kpudiSLN3cCnARjmNIBnmHZbhaB66VDC7HEQzKIG/Tb+x6XbiqwDU4hAEZ5BUW43aduCrA9TiIqE4a7TliuO/VjSsLjA8hSqV8zj3BQjxsB64scDRiKPPs3UzZe9MJwDBEmbSz2/J0JyFLFaJFX6jKMrMdu7oh76ehflY0cNF+VYDx7K3Ygz5ZoCjnYz4+Lhq8SL+qwHj2ZuxD3yzQ04R8UCR4kT6tAOP5G3AA/bNgL9KcvFsE0KxPq8B4fhQFUesNzIK9Tgv3rWaAZtfrAEaM+P8exeAsYPz6luJaM8TfrtcFjBjxgUTxMDQL+D7hr1RF1gkMw7xUfg3PQFF+rcSFKsi6gWGYkwrYURkoNuwxV2NLUKq1AxiAmWkLEKcKjRZbgHUpw4WR7QIGIE4T4lSh+yZqAS4XFbYTGIY4VYg9cpwyNFrHHH00QJMTchLidGFVOkwqlMR2Z7CBGIHYJsTf5UYhWerUU8Aypt/69gIrp+5/GeKfiUBcKeCBb1YAAAAASUVORK5CYII=\""],"sourceRoot":""}
|
