| 1 |
- {"version":3,"sources":["webpack:///./src/views/user/promotion/CommissionRank.vue?3472","webpack:///src/views/user/promotion/CommissionRank.vue","webpack:///./src/views/user/promotion/CommissionRank.vue?5272","webpack:///./src/views/user/promotion/CommissionRank.vue","webpack:///./src/views/user/promotion/CommissionRank.vue?b795"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","_v","_s","position","_l","item","index","key","class","active","on","click","$event","switchTap","attrs","src","avatar","nickname","brokerage_price","staticRenderFns","NAME","CommissionRankvue_type_script_lang_js_","name","props","data","navList","rankList","page","limit","type","loading","loadend","watch","$route","n","loaded","$set","getBrokerageRankList","mounted","_this","$scroll","$refs","container","methods","_this2","Object","user","then","res","list","rank","length","push","apply","catch","promotion_CommissionRankvue_type_script_lang_js_","component","componentNormalizer","__webpack_exports__","_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_CommissionRank_vue_vue_type_style_index_0_id_21d9d17e_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_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_CommissionRank_vue_vue_type_style_index_0_id_21d9d17e_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"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","file":"h5/js/chunk-738f6d32.3544ff5e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"container\",staticClass:\"commission-rank\"},[_c('div',{staticClass:\"header\"},[_c('div',{staticClass:\"rank\"},[_vm._v(\"\\n 您目前的排名\"),_c('span',{staticClass:\"num\"},[_vm._v(_vm._s(_vm.position))]),_vm._v(\"名\\n \")])]),_c('div',{staticClass:\"wrapper\"},[_c('div',{staticClass:\"nav acea-row row-around\"},_vm._l((_vm.navList),function(item,index){return _c('div',{key:index,staticClass:\"item\",class:_vm.active === index ? 'font-color-red' : '',on:{\"click\":function($event){return _vm.switchTap(index)}}},[_vm._v(\"\\n \"+_vm._s(item)+\"\\n \")])}),0),_c('div',{staticClass:\"list\"},_vm._l((_vm.rankList),function(item,index){return _c('div',{key:index,staticClass:\"item acea-row row-between-wrapper\"},[(index <= 2)?_c('div',{staticClass:\"num\"},[_c('img',{attrs:{\"src\":'@assets/images/medal0' + (index + 1) + '.png'}})]):_c('div',{staticClass:\"num\"},[_vm._v(_vm._s(index + 1))]),_c('div',{staticClass:\"picTxt acea-row row-between-wrapper\"},[_c('div',{staticClass:\"pictrue\"},[_c('img',{attrs:{\"src\":item.avatar}})]),_c('div',{staticClass:\"text line1\"},[_vm._v(_vm._s(item.nickname))])]),_c('div',{staticClass:\"people font-color-red\"},[_vm._v(\"￥\"+_vm._s(item.brokerage_price))])])}),0)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div class=\"commission-rank\" ref=\"container\">\r\n <div class=\"header\">\r\n <div class=\"rank\">\r\n 您目前的排名<span class=\"num\">{{ position }}</span\r\n >名\r\n </div>\r\n </div>\r\n <div class=\"wrapper\">\r\n <div class=\"nav acea-row row-around\">\r\n <div\r\n class=\"item\"\r\n :class=\"active === index ? 'font-color-red' : ''\"\r\n v-for=\"(item, index) in navList\"\r\n :key=\"index\"\r\n @click=\"switchTap(index)\"\r\n >\r\n {{ item }}\r\n </div>\r\n </div>\r\n <div class=\"list\">\r\n <div\r\n class=\"item acea-row row-between-wrapper\"\r\n v-for=\"(item, index) in rankList\"\r\n :key=\"index\"\r\n >\r\n <div class=\"num\" v-if=\"index <= 2\">\r\n <img :src=\"'@assets/images/medal0' + (index + 1) + '.png'\" />\r\n </div>\r\n <div class=\"num\" v-else>{{ index + 1 }}</div>\r\n <div class=\"picTxt acea-row row-between-wrapper\">\r\n <div class=\"pictrue\"><img :src=\"item.avatar\" /></div>\r\n <div class=\"text line1\">{{ item.nickname }}</div>\r\n </div>\r\n <div class=\"people font-color-red\">￥{{ item.brokerage_price }}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n<style scoped>\r\n.commission-rank .header {\r\n background: url(\"../../../assets/images/commission.jpg\") no-repeat;\r\n width: 100%;\r\n height: 3.44rem;\r\n background-size: 100% 100%;\r\n position: relative;\r\n z-index: -1;\r\n}\r\n.commission-rank .header .rank {\r\n font-size: 0.33rem;\r\n color: #fff;\r\n position: absolute;\r\n top: 1.6rem;\r\n left: 0.48rem;\r\n}\r\n.commission-rank .header .rank .num {\r\n font-size: 0.51rem;\r\n font-weight: bold;\r\n margin: 0 0.1rem;\r\n}\r\n.commission-rank .wrapper {\r\n width: 7.1rem;\r\n background-color: #fff;\r\n border-radius: 0.2rem;\r\n margin: -0.76rem auto 0 auto;\r\n}\r\n.commission-rank .wrapper .nav {\r\n height: 0.99rem;\r\n border-bottom: 0.025rem solid #f3f3f3;\r\n font-size: 0.3rem;\r\n font-weight: bold;\r\n color: #999;\r\n line-height: 0.99rem;\r\n}\r\n.commission-rank .wrapper .nav .item.font-color-red {\r\n border-bottom: 0.04rem solid #e93323;\r\n}\r\n.commission-rank .wrapper .list {\r\n padding: 0 0.3rem;\r\n}\r\n.commission-rank .wrapper .list .item {\r\n border-bottom: 1px solid #f3f3f3;\r\n height: 1.01rem;\r\n font-size: 0.28rem;\r\n}\r\n.commission-rank .wrapper .list .item .num {\r\n color: #666;\r\n width: 0.7rem;\r\n}\r\n.commission-rank .wrapper .list .item .num img {\r\n width: 0.34rem;\r\n height: 0.4rem;\r\n display: block;\r\n}\r\n.commission-rank .wrapper .list .item .picTxt {\r\n width: 3.5rem;\r\n}\r\n.commission-rank .wrapper .list .item .picTxt .pictrue {\r\n width: 0.68rem;\r\n height: 0.68rem;\r\n}\r\n.commission-rank .wrapper .list .item .picTxt .pictrue img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n border-radius: 50%;\r\n}\r\n.commission-rank .wrapper .list .item .picTxt .text {\r\n width: 2.62rem;\r\n color: #333;\r\n}\r\n.commission-rank .wrapper .list .item .people {\r\n width: 1.75rem;\r\n text-align: right;\r\n}\r\n</style>\r\n<script>\r\nimport { getBrokerageRank } from \"@api/user\";\r\n\r\nconst NAME = \"CommissionRank\";\r\nexport default {\r\n name: NAME,\r\n props: {},\r\n data: function() {\r\n return {\r\n navList: [\"周排行\", \"月排行\"],\r\n active: 0,\r\n rankList: [],\r\n page: 1,\r\n limit: 10,\r\n type: \"week\",\r\n position: 0,\r\n loading: false,\r\n loadend: false\r\n };\r\n },\r\n watch: {\r\n $route(n) {\r\n if (n.name === NAME) {\r\n this.loaded = false;\r\n this.page = 1;\r\n this.$set(this, \"rankList\", []);\r\n this.getBrokerageRankList();\r\n }\r\n }\r\n },\r\n mounted: function() {\r\n this.getBrokerageRankList();\r\n this.$scroll(this.$refs.container, () => {\r\n !this.loading && this.getBrokerageRankList();\r\n });\r\n },\r\n methods: {\r\n switchTap: function(index) {\r\n this.active = index;\r\n },\r\n getBrokerageRankList: function() {\r\n if (this.loading) return;\r\n if (this.loaded) return;\r\n this.loading = true;\r\n getBrokerageRank({\r\n page: this.page,\r\n limit: this.limit,\r\n type: this.type\r\n })\r\n .then(res => {\r\n let list = res.data.rank;\r\n let loadend = list.length < this.limit;\r\n this.rankList.push.apply(this.rankList, list);\r\n this.loading = false;\r\n this.loaded = loadend;\r\n this.page++;\r\n this.position = res.data.position;\r\n this.$set(this, \"rankList\", this.rankList);\r\n })\r\n .catch(() => {\r\n this.loading = false;\r\n });\r\n }\r\n }\r\n};\r\n</script>\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!./CommissionRank.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!./CommissionRank.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CommissionRank.vue?vue&type=template&id=21d9d17e&scoped=true&\"\nimport script from \"./CommissionRank.vue?vue&type=script&lang=js&\"\nexport * from \"./CommissionRank.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CommissionRank.vue?vue&type=style&index=0&id=21d9d17e&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 \"21d9d17e\",\n null\n \n)\n\nexport default component.exports","import mod 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!./CommissionRank.vue?vue&type=style&index=0&id=21d9d17e&scoped=true&lang=css&\"; export default mod; 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!./CommissionRank.vue?vue&type=style&index=0&id=21d9d17e&scoped=true&lang=css&\""],"sourceRoot":""}
|
