{"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":""}