\r\n \r\n
\r\n\r\n<!-- <div class=\"fxboex head\">-->\r\n<!-- <div class=\"logo\"><router-link to=\"/\"/></div>-->\r\n<!-- <div class=\"head_nav\">-->\r\n<!-- <van-tabs v-model=\"tab_active\">-->\r\n<!-- <van-tab v-for=\"(c, i) in tab_list\" :key=\"i\" :title=\"c\"/>-->\r\n<!-- </van-tabs>-->\r\n<!-- </div>-->\r\n<!-- </div>-->\r\n\r\n <div class=\"page-loading\" v-if=\"isInit === true\">\r\n <van-skeleton title :row=\"8\" />\r\n </div>\r\n <template v-else>\r\n<!-- <van-pull-refresh v-model=\"isRefresh\" @refresh=\"onRefresh\">-->\r\n\r\n <template v-if=\"tab_active===0\">\r\n <match_mini :data=\"match_list[0]\"/>\r\n <match_dan_his :data=\"match_dan_his\" :url=\"links.football_dan\"/>\r\n <match_mini :data=\"match_list[1]\"/>\r\n </template>\r\n <template v-else-if=\"tab_active===1\">\r\n <match_mini :data=\"match_list[3]\"/>\r\n <match_dan_his :data=\"match_dan_bk_his\" :url=\"links.baskball_dan\"/>\r\n <match_mini :data=\"match_list[4]\"/>\r\n </template>\r\n\r\n<!-- <div class=\"free_tm free_tm2\">优惠券<router-link to=\"/coupon\">优惠说明</router-link></div>-->\r\n<!-- <div class=\"coupon coupon_m\">-->\r\n<!-- <swiper :options=\"focusSwiperOption\" ref=\"couponSwiper\">-->\r\n<!-- <swiper-slide v-for=\"(m,i) in coupon_list\" :key=\"i\">-->\r\n<!-- <div :class=\"m.is_get === true?'item itemdis':'item couponget'\" @click=\"getCoupon(m.id, i)\">-->\r\n<!-- <div class=\"amt\">{{ m.amt }}<span>FXB</span></div>-->\r\n<!-- <div class=\"name\">{{ m.name }}</div>-->\r\n<!-- <div class=\"time\">有效期至 / {{ m.end_time }}</div>-->\r\n<!-- <div class=\"tag\" v-if=\"m.is_get\">已领取</div>-->\r\n<!-- <div class=\"tag\" v-else>领</div>-->\r\n<!-- </div>-->\r\n<!-- </swiper-slide>-->\r\n<!-- </swiper>-->\r\n<!-- </div>-->\r\n\r\n<!-- <div class=\"freepanel\" v-if=\"tab_active===0\">-->\r\n<!-- <div class=\"free_tm\">专家预测</div>-->\r\n<!-- <match_mini :data=\"match_list[2]\"/>-->\r\n<!-- <div class=\"panel_more panel_more_zj\"><router-link to=\"/football\">更多专家预测 ></router-link></div>-->\r\n<!-- </div>-->\r\n<!-- -->\r\n<!-- <div class=\"freepanel\" v-else-if=\"tab_active===1\">-->\r\n<!-- <div class=\"free_tm\">专家预测</div>-->\r\n<!-- <match_mini :data=\"match_list[5]\"/>-->\r\n<!-- <div class=\"panel_more panel_more_zj\"><router-link to=\"/baskball\">更多专家预测 ></router-link></div>-->\r\n<!-- </div>-->\r\n\r\n<!-- </van-pull-refresh>-->\r\n\r\n </template>\r\n\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import match_mini from './public/match_mini'\r\n import match_dan_his from './public/match_dan_his'\r\n import Title from './public/title'\r\n // import coupon_mini from './public/coupon_mini'\r\n export default {\r\n name: \"help\",\r\n components: {\r\n match_mini,\r\n match_dan_his,\r\n Title,\r\n // coupon_mini,\r\n },\r\n data() {\r\n return {\r\n links: {\r\n football: '/football',\r\n baskball: '/baskball',\r\n football_dan: '/football/dan',\r\n baskball_dan: '/baskball/dan',\r\n },\r\n match_dan_his: null,\r\n match_dan_bk_his: null,\r\n match_list: [\r\n {'type': 1, 'list': []}, //match_dan\r\n {'type': 2, 'list': []}, //match_free\r\n {'type': 3, 'list': []}, //match_football\r\n {'type': 1, 'list': []}, //match_dan_bk\r\n {'type': 2, 'list': []}, //match_free_bk\r\n {'type': 3, 'list': []}, //match_baskball\r\n ],\r\n\r\n tab_list: ['足球', '篮球'],\r\n tab_active: 0,\r\n\r\n timer: null,\r\n isInit: true,\r\n isRefresh: false,\r\n\r\n // coupon_list: [],\r\n // focusSwiperOption: {\r\n // slidesPerView: 2,\r\n // spaceBetween: 8,\r\n // autoplay: {\r\n // delay: 5000,\r\n // disableOnInteraction: false\r\n // },\r\n // loop: true,\r\n // loopFillGroupWithBlank: true,\r\n // }\r\n }\r\n },\r\n watch: {\r\n // '$route': {\r\n // handler () {\r\n // // this.getData()\r\n // document.documentElement.scrollTop = this.$route.meta.y\r\n // }\r\n // }\r\n },\r\n activated() {\r\n // this.$backTop()\r\n this.getData()\r\n },\r\n beforeDestroy() {\r\n\r\n },\r\n /**\r\n * 页面初始化完操作\r\n * @type {default}\r\n */\r\n mounted() {\r\n\r\n },\r\n methods: {\r\n swipeChange(i){\r\n // console.log(i)\r\n this.tab_active = i\r\n },\r\n onRefresh(){\r\n let that = this\r\n this.page = 1\r\n setTimeout(function () {\r\n that.getData()\r\n }, 200)\r\n },\r\n titleTabActive(v){\r\n // console.log(v)\r\n this.tab_active = v\r\n this.$backTop()\r\n // this.$refs.swiper.swipeTo(v)\r\n },\r\n getData(){\r\n let that = this\r\n that.$get(that.$api.free,{})\r\n .then(function (res) {\r\n if(res.code === 1) {\r\n that.match_dan_his = res.data.match_dan_his\r\n that.match_dan_bk_his = res.data.match_dan_bk_his\r\n\r\n that.match_list[0].list = res.data.match_dan\r\n that.match_list[1].list = res.data.match_free\r\n // that.match_list[2].list = res.data.match_football\r\n that.match_list[3].list = res.data.match_dan_bk\r\n that.match_list[4].list = res.data.match_free_bk\r\n // that.match_list[5].list = res.data.match_baskball\r\n // that.coupon_list = res.data.coupon\r\n\r\n that.isInit = false\r\n }\r\n })\r\n .finally(function () {\r\n that.isRefresh = false\r\n })\r\n },\r\n // getCoupon(id, i){\r\n // let that = this\r\n // let item = that.coupon_list[i]\r\n // if(item.is_get) return\r\n // that.$post(that.$api.getCoupon, {cid: id}).then(function (res) {\r\n // if(res.code === 1){\r\n // that.$toast.success(res.msg)\r\n // }\r\n // else if(res.code === 2){\r\n // that.$toast.fail(res.msg)\r\n // item.is_get = true\r\n // }\r\n // else\r\n // that.$toast.fail(res.msg)\r\n // })\r\n // }\r\n },\r\n // beforeRouteEnter(to, from, next){\r\n // next(vm =>{\r\n // document.documentElement.scrollTop = vm.$route.meta.y\r\n // })\r\n // }\r\n }\r\n</script>\r\n\r\n<style scoped>\r\n .van-swipe{height: calc(100vh - 100px);}\r\n .van-swipe-item{overflow-y: auto;}\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!./free.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!./free.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./free.vue?vue&type=template&id=791fe858&scoped=true&\"\nimport script from \"./free.vue?vue&type=script&lang=js&\"\nexport * from \"./free.vue?vue&type=script&lang=js&\"\nimport style0 from \"./free.vue?vue&type=style&index=0&id=791fe858&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 \"791fe858\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('div',{staticClass:\"account\"},[_c('div',{staticClass:\"login\"},[_c('h1',[_vm._v(\"会员登录\")]),_c('form',{attrs:{\"data-action\":\"{% url 'login-vaild' %}\",\"id\":\"loginform\",\"method\":\"post\"}},[_c('div',{staticClass:\"item\"},[_c('i',{staticClass:\"user\"}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.account),expression:\"account\"}],ref:\"name\",staticClass:\"put\",attrs:{\"type\":\"text\",\"placeholder\":\"账号\",\"autocomplete\":\"off\"},domProps:{\"value\":(_vm.account)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.account=$event.target.value}}})]),_c('div',{staticClass:\"item\"},[_c('i',{staticClass:\"pwd\"}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.password),expression:\"password\"}],ref:\"pwd\",staticClass:\"put\",attrs:{\"type\":\"password\",\"placeholder\":\"密码\",\"autocomplete\":\"off\"},domProps:{\"value\":(_vm.password)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.password=$event.target.value}}})]),_c('div',{staticClass:\"item\"},[_c('i',{staticClass:\"yzm\"}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.code),expression:\"code\"}],ref:\"code\",staticClass:\"put\",attrs:{\"type\":\"number\",\"maxlength\":\"5\",\"placeholder\":\"验证码\",\"autocomplete\":\"off\"},domProps:{\"value\":(_vm.code)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.code=$event.target.value}}}),_c('yzcode',{staticClass:\"code\",attrs:{\"changeCode\":_vm.changeCode},on:{\"getIdentifyCode\":_vm.valcode}})],1),_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":_vm.tologin}},[_vm._v(\"立即登录\")]),_c('div',{staticClass:\"rout\"},[_vm._v(\" 还没有账号？\"),_c('router-link',{staticClass:\"rg\",attrs:{\"to\":\"/register\"}},[_vm._v(\"立即注册\")])],1)])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"fxboex head\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"会员登录\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n<div>\r\n\r\n <div class=\"fxboex head\">\r\n <div class=\"title\">会员登录</div>\r\n </div>\r\n<!-- <div class=\"tabpanel_lh\"></div>-->\r\n\r\n <div class=\"account\">\r\n<!-- <div class=\"actnav\">-->\r\n<!-- <span>登录</span>-->\r\n<!-- <router-link to=\"/register\">注册</router-link>-->\r\n<!-- </div>-->\r\n <div class=\"login\">\r\n <h1>会员登录</h1>\r\n <form data-action=\"{% url 'login-vaild' %}\" id=\"loginform\" method=\"post\">\r\n <div class=\"item\">\r\n <i class=\"user\"></i>\r\n <input class=\"put\" type=\"text\" ref=\"name\" v-model=\"account\" placeholder=\"账号\" autocomplete=\"off\"/></div>\r\n <div class=\"item\">\r\n <i class=\"pwd\"></i>\r\n <input class=\"put\" type=\"password\" ref=\"pwd\" v-model=\"password\" placeholder=\"密码\" autocomplete=\"off\"/></div>\r\n <div class=\"item\">\r\n <i class=\"yzm\"></i>\r\n <input type=\"number\" class=\"put\" maxlength=\"5\" ref=\"code\" v-model=\"code\" placeholder=\"验证码\" autocomplete=\"off\"/>\r\n <yzcode @getIdentifyCode=\"valcode\" :changeCode=\"changeCode\" class=\"code\"/>\r\n </div>\r\n<!-- <div class=\"item itempd\">-->\r\n<!-- <label><input class=\"chk\" type=\"checkbox\" id=\"chkremember\">记住密码</label>-->\r\n<!-- </div>-->\r\n <button type=\"button\" @click=\"tologin\">立即登录</button>\r\n <div class=\"rout\">\r\n 还没有账号？<router-link to=\"/register\" class=\"rg\">立即注册</router-link>\r\n </div>\r\n </form>\r\n </div>\r\n </div>\r\n\r\n</div>\r\n</template>\r\n\r\n<script>\r\n import yzcode from '../components/public/yzcode'\r\n export default {\r\n name: \"login\",\r\n components: {\r\n yzcode\r\n },\r\n data() {\r\n return {\r\n account: '',\r\n password: '',\r\n code: '',\r\n yzm: '',\r\n changeCode: 0\r\n }\r\n },\r\n // watch: {\r\n // '$route'(){\r\n // console.log(this.$store.state.isLogin)\r\n // }\r\n // },\r\n activated() {\r\n\r\n },\r\n methods: {\r\n valcode(data){\r\n this.yzm = data\r\n },\r\n tologin () {\r\n let that = this\r\n if(that.account === ''){\r\n this.$toast('请输入账号')\r\n this.$nextTick(() =>{\r\n this.$refs.name.focus()\r\n })\r\n return\r\n }\r\n if(that.password === ''){\r\n this.$toast('请输入密码')\r\n this.$nextTick(() =>{\r\n this.$refs.pwd.focus()\r\n })\r\n return\r\n }\r\n if(that.code === ''){\r\n this.$toast('请输入验证码')\r\n this.$nextTick(() =>{\r\n this.$refs.code.focus()\r\n })\r\n return\r\n }\r\n if(that.code !== that.yzm){\r\n that.$toast('验证码不正确')\r\n that.code = ''\r\n that.changeCode = Math.random()\r\n that.$nextTick(() =>{\r\n that.$refs.code.focus()\r\n })\r\n return\r\n }\r\n that.$post(that.$api.login, {name: that.account, pwd: btoa(that.password)}).then(function (res) {\r\n //console.log(res)\r\n if(res.code === 1) {\r\n that.$store.commit('LOGIN', res.data.token)\r\n that.$store.commit('SET_USER', res.data.user)\r\n that.changeCode = Math.random()\r\n that.account = ''\r\n that.password = ''\r\n that.code = ''\r\n that.$toast.success({\r\n message: res.msg\r\n })\r\n setTimeout(function () {\r\n that.$router.replace({path: '/ball'})\r\n }, 50)\r\n }\r\n else{\r\n that.$toast.fail(res.msg)\r\n that.changeCode = Math.random()\r\n that.code = ''\r\n }\r\n })\r\n },\r\n },\r\n }\r\n</script>\r\n\r\n<style scoped>\r\n\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!./login.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!./login.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./login.vue?vue&type=template&id=31baf9d2&scoped=true&\"\nimport script from \"./login.vue?vue&type=script&lang=js&\"\nexport * from \"./login.vue?vue&type=script&lang=js&\"\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 \"31baf9d2\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Title',{attrs:{\"title\":\"预测\",\"logo\":true,\"tablist\":_vm.tab_list,\"tabactive\":_vm.tab_active},on:{\"titleTabActive\":_vm.titleTabActive}}),(_vm.isInit === true)?_c('div',{staticClass:\"page-loading\"},[_c('van-skeleton',{attrs:{\"title\":\"\",\"row\":8}})],1):[(_vm.coupon_list.length>0)?[_c('div',{staticClass:\"free_tm free_tm2\"},[_vm._v(\"优惠券\"),_c('router-link',{attrs:{\"to\":\"/coupon\"}},[_vm._v(\"优惠说明\")])],1),_c('div',{staticClass:\"coupon coupon_m\"},[_c('swiper',{ref:\"couponSwiper\",attrs:{\"options\":_vm.focusSwiperOption}},_vm._l((_vm.coupon_list),function(m,i){return _c('swiper-slide',{key:i},[_c('div',{class:m.is_get === true?'item itemdis':'item couponget',on:{\"click\":function($event){return _vm.getCoupon(m.id, i)}}},[_c('div',{staticClass:\"amt\"},[_vm._v(_vm._s(m.amt)),_c('span',[_vm._v(\"FXB\")])]),_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(m.name))]),_c('div',{staticClass:\"time\"},[_vm._v(\"剩余 / \"+_vm._s(m.surplus)+\"张\")]),(m.is_get)?_c('div',{staticClass:\"tag\"},[_vm._v(\"已领取\")]):_c('div',{staticClass:\"tag\"},[_vm._v(\"立即抢券\")])])])}),1)],1)]:_vm._e(),_c('van-pull-refresh',{on:{\"refresh\":_vm.onRefresh},model:{value:(_vm.isRefresh),callback:function ($$v) {_vm.isRefresh=$$v},expression:\"isRefresh\"}},[_c('van-list',{attrs:{\"finished-text\":\"没有了~\",\"immediate-check\":false,\"finished\":_vm.isFinished,\"error\":_vm.isError,\"error-text\":_vm.match.list.length>0?'读取失败':''},on:{\"update:error\":function($event){_vm.isError=$event},\"load\":_vm.onLoadMore},model:{value:(_vm.isLoading),callback:function ($$v) {_vm.isLoading=$$v},expression:\"isLoading\"}},[(_vm.match.list.length>0)?_c('match_mini',{attrs:{\"data\":_vm.match}}):_vm._e()],1)],1)]],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div>\r\n <Title title=\"预测\" :logo=\"true\" :tablist=\"tab_list\" :tabactive=\"tab_active\" @titleTabActive=\"titleTabActive\"/>\r\n<!-- <van-swipe :show-indicators=\"false\" :loop=\"false\">-->\r\n<!-- :initial-swipe=\"tab_active\"-->\r\n<!-- <van-swipe-item>-->\r\n\r\n <div class=\"page-loading\" v-if=\"isInit === true\">\r\n <van-skeleton title :row=\"8\" />\r\n </div>\r\n <template v-else>\r\n\r\n <template v-if=\"coupon_list.length>0\">\r\n <div class=\"free_tm free_tm2\">优惠券<router-link to=\"/coupon\">优惠说明</router-link></div>\r\n <div class=\"coupon coupon_m\">\r\n <swiper :options=\"focusSwiperOption\" ref=\"couponSwiper\">\r\n <swiper-slide v-for=\"(m,i) in coupon_list\" :key=\"i\">\r\n <div :class=\"m.is_get === true?'item itemdis':'item couponget'\" @click=\"getCoupon(m.id, i)\">\r\n <div class=\"amt\">{{ m.amt }}<span>FXB</span></div>\r\n <div class=\"name\">{{ m.name }}</div>\r\n <div class=\"time\">剩余 / {{ m.surplus }}张</div>\r\n <div class=\"tag\" v-if=\"m.is_get\">已领取</div>\r\n <div class=\"tag\" v-else>立即抢券</div>\r\n </div>\r\n </swiper-slide>\r\n </swiper>\r\n </div>\r\n </template>\r\n\r\n <van-pull-refresh v-model=\"isRefresh\" @refresh=\"onRefresh\">\r\n <van-list v-model=\"isLoading\"\r\n finished-text=\"没有了~\"\r\n :immediate-check=\"false\"\r\n :finished=\"isFinished\"\r\n :error.sync=\"isError\"\r\n :error-text=\"match.list.length>0?'读取失败':''\"\r\n @load=\"onLoadMore\">\r\n <match_mini :data=\"match\" v-if=\"match.list.length>0\"/>\r\n </van-list>\r\n </van-pull-refresh>\r\n </template>\r\n\r\n<!-- </van-swipe-item>-->\r\n<!-- <van-swipe-item>-->\r\n<!-- aaaa-->\r\n<!-- </van-swipe-item>-->\r\n<!-- </van-swipe>-->\r\n\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import Title from './public/title'\r\n import match_mini from './public/match_mini'\r\n export default {\r\n name: \"ball\",\r\n components: {\r\n match_mini,\r\n Title\r\n },\r\n data() {\r\n return {\r\n match: {type: 3, list: []},\r\n tab_active: 0,\r\n tab_list: ['足球', '篮球'],\r\n ball: 1,\r\n page: 1,\r\n isInit: true,\r\n isRefresh: false,\r\n isLoading: false,\r\n isLoadingError: false,\r\n isFinished: false,\r\n isError: false,\r\n\r\n coupon_list: [],\r\n focusSwiperOption: {\r\n slidesPerView: 2,\r\n spaceBetween: 8,\r\n autoplay: {\r\n delay: 5000,\r\n disableOnInteraction: false\r\n },\r\n loop: true,\r\n loopFillGroupWithBlank: true,\r\n }\r\n }\r\n },\r\n watch: {\r\n // '$route': {\r\n // handler () {\r\n // // console.log(this.$route.path)\r\n // // console.log(this.$route)\r\n // // this.getdata()\r\n // // document.documentElement.scrollTop = this.$route.meta.y\r\n // }\r\n // },\r\n },\r\n created() {\r\n let that = this\r\n if(that.$route.meta.ball){\r\n that.ball = that.$route.meta.ball\r\n that.page = 1\r\n that.tab_active = that.ball - 1\r\n }\r\n // console.log(1)\r\n that.$backTop()\r\n that.getdata()\r\n },\r\n methods: {\r\n titleTabActive(i){\r\n // console.log(v)\r\n this.tab_active = i\r\n this.ball = i+1\r\n this.page = 1\r\n this.isRefresh = false\r\n this.isLoading = false\r\n this.isFinished = false\r\n this.isError = false\r\n this.$backTop()\r\n this.getdata()\r\n },\r\n onRefresh(){\r\n let that = this\r\n this.page = 1\r\n this.isLoading = false\r\n this.isFinished = false\r\n this.isError = false\r\n setTimeout(function () {\r\n that.getdata()\r\n }, 200)\r\n },\r\n onLoadMore(){\r\n let that = this\r\n if(!that.isLoadingError)\r\n that.page++\r\n that.getdata()\r\n },\r\n getdata(){\r\n let that = this\r\n that.isLoadingError = false\r\n that.$get(that.$api.match_list,{ball: that.ball, page: that.page})\r\n .then(function (res) {\r\n if(res.code === 1) {\r\n // if(that.isInit) that.$backTop()\r\n if(that.page === 1) that.match.list = []\r\n\r\n let tmplist = res.data.list\r\n if(tmplist.length > 0) {\r\n if (that.isRefresh) {\r\n that.match.list = tmplist\r\n } else {\r\n that.match.list = that.match.list.concat(tmplist)\r\n }\r\n }\r\n else{\r\n that.isFinished = true\r\n }\r\n that.coupon_list = res.data.coupon\r\n that.isInit = false\r\n }\r\n else{\r\n that.isError = true\r\n }\r\n // console.log(that.isLoading)\r\n // that.isLoading = false\r\n })\r\n .catch(function () {\r\n that.isError = true\r\n that.isLoadingError = true\r\n // that.isLoading = false\r\n })\r\n .finally(function () {\r\n that.isRefresh = false\r\n that.isLoading = false\r\n })\r\n },\r\n getCoupon(id, i){\r\n let that = this\r\n let item = that.coupon_list[i]\r\n if(item.is_get) return\r\n that.$post(that.$api.getCoupon, {cid: id}).then(function (res) {\r\n if(res.code === 1){\r\n that.$toast.success(res.msg)\r\n }\r\n else if(res.code === 2){\r\n that.$toast.fail(res.msg)\r\n item.is_get = true\r\n }\r\n else\r\n that.$toast.fail(res.msg)\r\n })\r\n }\r\n },\r\n mounted() {\r\n //console.log('mounted')\r\n },\r\n beforeRouteEnter(to, from, next){\r\n next(vm =>{\r\n // console.log(from) // 上一页面的路由信息\r\n // console.log(to.meta.y, vm.$route.meta.y)\r\n // document.documentElement.scrollTop = vm.$route.meta.y\r\n // console.log(vm)\r\n if(from.path === '/login'){\r\n vm.$backTop()\r\n vm.onRefresh()\r\n }\r\n else if(from.path === '/my' && from.meta.logout === true){\r\n vm.$backTop()\r\n from.meta.logout = false\r\n vm.onRefresh()\r\n }\r\n })\r\n }\r\n }\r\n</script>\r\n\r\n<style scoped>\r\n /*.van-swipe{height: calc(100vh - 100px);}*/\r\n /*.van-swipe-item{overflow-y: auto;}*/\r\n /*.van-pull-refresh {*/\r\n /* height: calc(100vh - 100px) !important;*/\r\n /* overflow: auto !important;*/\r\n /*}*/\r\n /*.van-list { height: auto !important; }*/\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!./ball.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!./ball.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ball.vue?vue&type=template&id=108df13f&scoped=true&\"\nimport script from \"./ball.vue?vue&type=script&lang=js&\"\nexport * from \"./ball.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ball.vue?vue&type=style&index=0&id=108df13f&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 \"108df13f\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Title',{attrs:{\"title\":\"单场精选\",\"path\":_vm.formPath,\"tablist\":_vm.tabs,\"tabactive\":_vm.tab_active},on:{\"titleTabActive\":_vm.titleTabActive}}),(_vm.isInit === true)?_c('div',{staticClass:\"page-loading\"},[_c('van-skeleton',{attrs:{\"title\":\"\",\"row\":8}})],1):[_c('van-pull-refresh',{on:{\"refresh\":_vm.onRefresh},model:{value:(_vm.isRefresh),callback:function ($$v) {_vm.isRefresh=$$v},expression:\"isRefresh\"}},[_c('van-list',{attrs:{\"finished-text\":\"没有了~\",\"immediate-check\":false,\"finished\":_vm.isFinished,\"error\":_vm.isError,\"error-text\":_vm.match.list.length>0?'读取失败':''},on:{\"update:error\":function($event){_vm.isError=$event},\"load\":_vm.onLoadMore},model:{value:(_vm.isLoading),callback:function ($$v) {_vm.isLoading=$$v},expression:\"isLoading\"}},[_c('match_mini',{attrs:{\"data\":_vm.match}})],1)],1)]],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div>\r\n <Title title=\"单场精选\" :path=\"formPath\" :tablist=\"tabs\" :tabactive=\"tab_active\" @titleTabActive=\"titleTabActive\"/>\r\n\r\n<!-- <div class=\"fxboex tabpanel\">-->\r\n<!-- <van-tabs v-model=\"tab_active\">-->\r\n<!-- <van-tab v-for=\"(c, i) in tabs\" :key=\"i\" :title=\"c\"/>-->\r\n<!-- </van-tabs>-->\r\n<!-- </div>-->\r\n<!-- <div class=\"tabpanel_lh\"></div>-->\r\n\r\n <div class=\"page-loading\" v-if=\"isInit === true\">\r\n <van-skeleton title :row=\"8\" />\r\n </div>\r\n <template v-else>\r\n <van-pull-refresh v-model=\"isRefresh\" @refresh=\"onRefresh\">\r\n <van-list v-model=\"isLoading\"\r\n finished-text=\"没有了~\"\r\n :immediate-check=\"false\"\r\n :finished=\"isFinished\"\r\n :error.sync=\"isError\"\r\n :error-text=\"match.list.length>0?'读取失败':''\"\r\n @load=\"onLoadMore\">\r\n <match_mini :data=\"match\"/>\r\n </van-list>\r\n </van-pull-refresh>\r\n </template>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import match_mini from './public/match_mini'\r\n import Title from './public/title'\r\n export default {\r\n name: \"dan\",\r\n components: {\r\n match_mini,\r\n Title\r\n },\r\n data() {\r\n return {\r\n match: {'type': 1, 'list': []},\r\n tabs: ['足球精选', '篮球精选'],\r\n tab_active: 0,\r\n ball: 1,\r\n page: 1,\r\n isInit: true,\r\n isRefresh: false,\r\n isLoading: false,\r\n isLoadingError: false,\r\n isFinished: false,\r\n isError: false,\r\n formPath: ''\r\n }\r\n },\r\n watch: {\r\n // '$route': {\r\n // handler: function () {\r\n // this.ball = this.$route.meta.ball\r\n // if(this.ball) {\r\n // this.tab_active = this.ball - 1\r\n // this.isInit = true\r\n // this.paramInit()\r\n // this.getdata()\r\n // }\r\n // }\r\n // },\r\n // tab_active(i){\r\n // this.ball = i+1\r\n // this.paramInit()\r\n // this.getdata()\r\n // }\r\n },\r\n activated() {\r\n let that = this\r\n that.ball = that.$route.meta.ball\r\n that.getdata()\r\n },\r\n // mounted() {\r\n // if(this.$route.meta.y) {\r\n // document.documentElement.scrollTop = this.$route.meta.y\r\n // console.log(2)\r\n // }\r\n // },\r\n methods: {\r\n titleTabActive(i){\r\n this.tab_active = i\r\n this.ball = i+1\r\n this.paramInit()\r\n this.getdata()\r\n },\r\n paramInit(){\r\n this.page = 1\r\n this.isRefresh = false\r\n this.isLoading = false\r\n this.isFinished = false\r\n this.isError = false\r\n this.$backTop()\r\n },\r\n onRefresh(){\r\n let that = this\r\n this.page = 1\r\n this.isLoading = false\r\n this.isFinished = false\r\n this.isError = false\r\n setTimeout(function () {\r\n that.getdata()\r\n }, 200)\r\n },\r\n onLoadMore(){\r\n let that = this\r\n if(!that.isLoadingError)\r\n that.page++\r\n that.getdata()\r\n },\r\n getdata(){\r\n let that = this\r\n that.$get(that.$api.dan_list,{ball: that.ball, page: that.page})\r\n .then(function (res) {\r\n if(res.code === 1) {\r\n if(that.page === 1){\r\n that.match.list = []\r\n that.$backTop()\r\n }\r\n let tmplist = res.data.list\r\n if(tmplist.length > 0) {\r\n if (that.isRefresh) {\r\n that.match.list = tmplist\r\n } else {\r\n that.match.list = that.match.list.concat(tmplist)\r\n }\r\n }\r\n else{\r\n that.isFinished = true\r\n }\r\n that.isInit = false\r\n }\r\n else{\r\n that.isError = true\r\n }\r\n })\r\n .catch(function () {\r\n that.isError = true\r\n that.isLoadingError = true\r\n })\r\n .finally(function () {\r\n that.isRefresh = false\r\n that.isLoading = false\r\n })\r\n },\r\n },\r\n beforeRouteEnter(to, form, next){\r\n next(vm => {\r\n vm.formPath = form.path === '/' ?'/free':''\r\n })\r\n }\r\n }\r\n</script>\r\n\r\n<style scoped>\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!./dan.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!./dan.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./dan.vue?vue&type=template&id=0198388e&scoped=true&\"\nimport script from \"./dan.vue?vue&type=script&lang=js&\"\nexport * from \"./dan.vue?vue&type=script&lang=js&\"\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 \"0198388e\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Title',{attrs:{\"title\":\"优惠券\",\"path\":_vm.formPath}}),(_vm.isInit === true)?_c('div',{staticClass:\"page-loading\"},[_c('van-skeleton',{attrs:{\"title\":\"\",\"row\":8}})],1):[_c('div',{staticClass:\"coupon\"},[_c('coupon_mini',{attrs:{\"data\":_vm.list}}),_vm._m(0)],1)]],2)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"tips\"},[_c('div',{staticClass:\"tcc\"},[_vm._v(\"优惠券说明：\")]),_c('div',{staticClass:\"tcn\"},[_c('p',{staticClass:\"t\"},[_vm._v(\"一、什么是优惠券\")]),_c('p',{staticClass:\"ta\"},[_vm._v(\"优惠券是本站通过线上活动、推广活动等形式发放给用户，用于减免支付金额的优惠措施。\")]),_c('p',{staticClass:\"ta\"},[_vm._v(\"满减券是用来直接减免部分订单金额的优惠券。满减券的使用受订单总金额的限制。订单必须符合满减券的使用条件才可使用。\")]),_c('p',{staticClass:\"ta\"},[_vm._v(\"比如：消费满500FXB减50FXB代金券，需要在订单金额中，消费金额大于等于500FXB时才可减免50FXB。\")]),_c('p'),_c('p',{staticClass:\"ta t\"},[_vm._v(\"温馨提示：\")]),_c('p',{staticClass:\"ta\"},[_vm._v(\"加入购物车合并订单支付可使用大额优惠券，“优惠券”可以和“积分抵扣”同时使用。\")]),_c('p'),_c('p',{staticClass:\"t\"},[_vm._v(\"二、优惠券使用细则\")]),_c('div',[_c('span',[_vm._v(\"1、\")]),_c('p',[_vm._v(\"优惠券适用于在本站注册的个人会员;\")])]),_c('div',[_c('span',[_vm._v(\"2、\")]),_c('p',[_vm._v(\"每张优惠券仅能使用一次，不能兑换现金，不找零，不退换；\")])]),_c('div',[_c('span',[_vm._v(\"3、\")]),_c('p',[_vm._v(\"优惠券应在券面标示或系统显示的有效期内使用，过期作废;\")])]),_c('div',[_c('span',[_vm._v(\"4、\")]),_c('p',[_vm._v(\"使用优惠券订阅专家预测的订单，若发生不中返还，订阅单个专家预测的优惠，按实际支付金额返还；订阅多个专家预测的优惠，按专家预测售价所占订单金额比例等额拆分实际支付金额进行返还。\")])]),_c('div',[_c('span',[_vm._v(\"5、\")]),_c('p',[_vm._v(\"本规则由本站依据国家相关法律法规及规章制度予以解释。\")])])])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('ul',_vm._l((_vm.data),function(m,i){return _c('li',{key:i},[_c('div',{class:m.is_get === true?'item itemdis':'item couponget',on:{\"click\":function($event){return _vm.getCoupon(m.id, i)}}},[_c('div',{staticClass:\"amt\"},[_vm._v(_vm._s(m.amt)),_c('span',[_vm._v(\"FXB\")])]),_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(m.name))]),_c('div',{staticClass:\"time\"},[_vm._v(\"剩余 / \"+_vm._s(m.surplus)+\"张\")]),(m.is_get)?_c('div',{staticClass:\"tag\"},[_vm._v(\"已领取\")]):_c('div',{staticClass:\"tag\"},[_vm._v(\"立即抢券\")])])])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div>\r\n <ul>\r\n <li v-for=\"(m,i) in data\" :key=\"i\">\r\n <div :class=\"m.is_get === true?'item itemdis':'item couponget'\" @click=\"getCoupon(m.id, i)\">\r\n <div class=\"amt\">{{ m.amt }}<span>FXB</span></div>\r\n <div class=\"name\">{{ m.name }}</div>\r\n <div class=\"time\">剩余 / {{ m.surplus }}张</div>\r\n <div class=\"tag\" v-if=\"m.is_get\">已领取</div>\r\n <div class=\"tag\" v-else>立即抢券</div>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: \"coupon\",\r\n props: ['data'],\r\n components: {\r\n },\r\n watch: {\r\n\r\n },\r\n data(){\r\n return {\r\n\r\n }\r\n },\r\n methods: {\r\n getCoupon(id, index){\r\n let that = this, item = that.data[index]\r\n if(item.is_get) return\r\n that.$post(that.$api.getCoupon, {cid: id}).then(function (res) {\r\n if(res.code === 1){\r\n that.$toast.success(res.msg)\r\n }\r\n else if(res.code === 2){\r\n that.$toast.fail(res.msg)\r\n item.is_get = true\r\n }\r\n else\r\n that.$toast.fail(res.msg)\r\n })\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style scoped>\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!./coupon_mini.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!./coupon_mini.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./coupon_mini.vue?vue&type=template&id=210fc5ff&scoped=true&\"\nimport script from \"./coupon_mini.vue?vue&type=script&lang=js&\"\nexport * from \"./coupon_mini.vue?vue&type=script&lang=js&\"\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 \"210fc5ff\",\n null\n \n)\n\nexport default component.exports","<template>\r\n <div>\r\n <Title title=\"优惠券\" :path=\"formPath\"/>\r\n <div class=\"page-loading\" v-if=\"isInit === true\">\r\n <van-skeleton title :row=\"8\" />\r\n </div>\r\n <template v-else>\r\n <div class=\"coupon\">\r\n <coupon_mini :data=\"list\"/>\r\n <div class=\"tips\">\r\n <div class=\"tcc\">优惠券说明：</div>\r\n <div class=\"tcn\">\r\n <p class=\"t\">一、什么是优惠券</p>\r\n <p class=\"ta\">优惠券是本站通过线上活动、推广活动等形式发放给用户，用于减免支付金额的优惠措施。</p>\r\n <p class=\"ta\">满减券是用来直接减免部分订单金额的优惠券。满减券的使用受订单总金额的限制。订单必须符合满减券的使用条件才可使用。</p>\r\n <p class=\"ta\">比如：消费满500FXB减50FXB代金券，需要在订单金额中，消费金额大于等于500FXB时才可减免50FXB。</p>\r\n <p></p>\r\n <p class=\"ta t\">温馨提示：</p>\r\n <p class=\"ta\">加入购物车合并订单支付可使用大额优惠券，“优惠券”可以和“积分抵扣”同时使用。</p>\r\n <p></p>\r\n <p class=\"t\">二、优惠券使用细则</p>\r\n <div><span>1、</span><p>优惠券适用于在本站注册的个人会员;</p></div>\r\n <div><span>2、</span><p>每张优惠券仅能使用一次，不能兑换现金，不找零，不退换；</p></div>\r\n <div><span>3、</span><p>优惠券应在券面标示或系统显示的有效期内使用，过期作废;</p></div>\r\n <div><span>4、</span><p>使用优惠券订阅专家预测的订单，若发生不中返还，订阅单个专家预测的优惠，按实际支付金额返还；订阅多个专家预测的优惠，按专家预测售价所占订单金额比例等额拆分实际支付金额进行返还。</p></div>\r\n <div><span>5、</span><p>本规则由本站依据国家相关法律法规及规章制度予以解释。</p></div>\r\n\r\n </div>\r\n </div>\r\n </div>\r\n </template>\r\n\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import coupon_mini from './public/coupon_mini'\r\n import Title from './public/title'\r\n export default {\r\n name: \"coupon\",\r\n components: {\r\n coupon_mini,\r\n Title\r\n },\r\n data() {\r\n return {\r\n isInit: true,\r\n list: [],\r\n formPath: ''\r\n }\r\n },\r\n watch: {\r\n // '$route': {\r\n // handler: function () {\r\n // this.getdata()\r\n // }\r\n // }\r\n },\r\n activated() {\r\n let that = this\r\n that.getdata()\r\n },\r\n methods: {\r\n getdata(){\r\n let that = this\r\n that.$get(that.$api.coupon_list)\r\n .then(function (res) {\r\n if(res.code === 1) {\r\n that.list = res.data.list\r\n that.isInit = false\r\n }\r\n })\r\n },\r\n },\r\n beforeRouteEnter(to, form, next){\r\n next(vm => {\r\n vm.formPath = form.path\r\n })\r\n }\r\n }\r\n</script>\r\n\r\n<style scoped>\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!./coupon.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!./coupon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./coupon.vue?vue&type=template&id=c60919b0&scoped=true&\"\nimport script from \"./coupon.vue?vue&type=script&lang=js&\"\nexport * from \"./coupon.vue?vue&type=script&lang=js&\"\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 \"c60919b0\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Title',{attrs:{\"title\":\"专家\",\"logo\":true,\"tablist\":_vm.tab_list,\"tabactive\":_vm.tab_active},on:{\"titleTabActive\":_vm.titleTabActive}}),(_vm.list.length === 0)?_c('div',{staticClass:\"page-loading\"},[_c('van-skeleton',{attrs:{\"title\":\"\",\"row\":8}})],1):[_c('div',{staticClass:\"expert_filter\"},[_c('div',{staticClass:\"tit\"},[_vm._v(\"筛选\")]),_c('span',{class:_vm.sort === 'zong'?'curr':'',on:{\"click\":function($event){return _vm.changeFt(1)}}},[_vm._v(\"综合\")]),_c('span',{class:_vm.sort === 'rate'?'curr':'',on:{\"click\":function($event){return _vm.changeFt(2)}}},[_vm._v(\"胜率\")]),_c('span',{class:_vm.sort === 'activity'?'curr':'',on:{\"click\":function($event){return _vm.changeFt(3)}}},[_vm._v(\"活跃度\")]),_c('span',{class:_vm.sort === 'price'?'curr':'',on:{\"click\":function($event){return _vm.changeFt(4)}}},[_vm._v(\"价格\")])]),_c('div',{staticClass:\"expert_list\"},[_c('ul',{ref:\"exul\"},_vm._l((_vm.list),function(c,i){return _c('li',{key:i,ref:\"exli\",refInFor:true},[(c.name)?_c('router-link',{staticClass:\"con\",attrs:{\"to\":'/expert/'+c.ename}},[_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":c.portrait}}),(c.commend_num)?_c('i',{attrs:{\"title\":\"新预测\"}},[_vm._v(_vm._s(c.commend_num))]):_vm._e()]),_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(c.name))]),(c.yname)?_c('div',{staticClass:\"yname\"},[_vm._v(_vm._s(c.yname))]):_vm._e(),_c('div',{staticClass:\"slprc\"},[(c.sl.length>0)?_c('div',{staticClass:\"slag\"},[_c('span',[_vm._v(_vm._s(c.sl[0].name))]),_c('b',[_vm._v(_vm._s(c.sl[0].sl)+\"%\")])]):_vm._e(),_c('div',{staticClass:\"slag price\"},[_c('span',[_vm._v(\"FXB\")]),_c('b',[_vm._v(_vm._s(c.price))])])]),_c('div',{staticClass:\"more\"},[_vm._v(\"查看详情\")])]):_c('a',{staticClass:\"bu\"})],1)}),0)])]],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div>\r\n <Title title=\"专家\" :logo=\"true\" :tablist=\"tab_list\" :tabactive=\"tab_active\" @titleTabActive=\"titleTabActive\"/>\r\n\r\n <div class=\"page-loading\" v-if=\"list.length === 0\">\r\n <van-skeleton title :row=\"8\" />\r\n </div>\r\n <template v-else>\r\n <div class=\"expert_filter\">\r\n <div class=\"tit\">筛选</div>\r\n <span :class=\"sort === 'zong'?'curr':''\" @click=\"changeFt(1)\">综合</span>\r\n <span :class=\"sort === 'rate'?'curr':''\" @click=\"changeFt(2)\">胜率</span>\r\n <span :class=\"sort === 'activity'?'curr':''\" @click=\"changeFt(3)\">活跃度</span>\r\n <span :class=\"sort === 'price'?'curr':''\" @click=\"changeFt(4)\">价格</span>\r\n </div>\r\n <div class=\"expert_list\">\r\n <ul ref=\"exul\">\r\n <li v-for=\"(c,i) in list\" :key=\"i\" ref=\"exli\">\r\n <router-link class=\"con\" :to=\"'/expert/'+c.ename\" v-if=\"c.name\">\r\n <div class=\"img\"><img :src=\"c.portrait\"/><i title=\"新预测\" v-if=\"c.commend_num\">{{ c.commend_num }}</i></div>\r\n <div class=\"name\">{{ c.name }}</div>\r\n <div class=\"yname\" v-if=\"c.yname\">{{ c.yname }}</div>\r\n <div class=\"slprc\">\r\n <div class=\"slag\" v-if=\"c.sl.length>0\"><span>{{ c.sl[0].name }}</span><b>{{ c.sl[0].sl }}%</b></div>\r\n <div class=\"slag price\"><span>FXB</span><b>{{ c.price }}</b></div>\r\n </div>\r\n <div class=\"more\">查看详情</div>\r\n </router-link>\r\n <a v-else class=\"bu\"></a>\r\n </li>\r\n </ul>\r\n </div>\r\n\r\n </template>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import Title from './public/title'\r\n export default {\r\n name: \"ball\",\r\n components: {\r\n Title\r\n },\r\n data() {\r\n return {\r\n list: [],\r\n tab_list: ['足球', '篮球'],\r\n tab_active: 0,\r\n ball: 1,\r\n page: 1,\r\n total: 0,\r\n size: 0,\r\n sort_list: ['', 'zong', 'rate', 'activity', 'price'],\r\n sort: 'zong'\r\n }\r\n },\r\n watch: {\r\n // '$route': {\r\n // handler () {\r\n // document.documentElement.scrollTop = this.$route.meta.y\r\n // // // console.log(router.name)\r\n // // // this.list = []\r\n // // this.tab_active= 0\r\n // // this.ball= 1\r\n // // this.page= 1\r\n // // this.total= 0\r\n // // this.size= 0\r\n // // this.sort='zong'\r\n // // this.getdata()\r\n // }\r\n // },\r\n },\r\n created() {\r\n let that = this\r\n that.getdata()\r\n },\r\n methods: {\r\n titleTabActive(i){\r\n this.tab_active = i\r\n this.ball = i+1\r\n this.page = 1\r\n // this.list = []\r\n this.getdata()\r\n },\r\n changeFt(t){\r\n this.sort = this.sort_list[t]\r\n this.getdata()\r\n },\r\n getdata(){\r\n let that = this\r\n that.$get(that.$api.expert_list,{page: that.page, ball: that.ball, sort: that.sort})\r\n .then(function (res) {\r\n // console.log(res)\r\n if(res.code === 1) {\r\n that.list = res.data.list\r\n that.total = res.data.total\r\n that.size = res.data.size\r\n //填补空白位\r\n if(res.data.list.length > 0) {\r\n setTimeout(function () {\r\n let ulw = that.$refs.exul.offsetWidth, liw = that.$refs.exli[0].offsetWidth\r\n let rowSize = Math.round(ulw / liw)\r\n let rowPlus = that.list.length % rowSize\r\n if (rowPlus > 0) {\r\n for (let i = 0; i < rowPlus; i++) {\r\n that.list.push({})\r\n }\r\n }\r\n }, 1)\r\n }\r\n }\r\n that.$backTop()\r\n })\r\n },\r\n },\r\n // beforeRouteEnter(to, from, next){\r\n // next(vm =>{\r\n // // console.log(from) // 上一页面的路由信息\r\n // // console.log(to.meta.y, vm.$route.meta.y)\r\n // document.documentElement.scrollTop = vm.$route.meta.y\r\n // })\r\n // }\r\n }\r\n</script>\r\n\r\n<style scoped>\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!./expert.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!./expert.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./expert.vue?vue&type=template&id=3888f01a&scoped=true&\"\nimport script from \"./expert.vue?vue&type=script&lang=js&\"\nexport * from \"./expert.vue?vue&type=script&lang=js&\"\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 \"3888f01a\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Title',{attrs:{\"title\":\"专家详情\",\"path\":_vm.formPath}}),(_vm.isInit === true)?_c('div',{staticClass:\"page-loading\"},[_c('van-skeleton',{attrs:{\"title\":\"\",\"row\":8}})],1):[_c('div',{staticClass:\"expert_view\"},[_c('div',{staticClass:\"expert_info\"},[_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":_vm.expert.portrait}})]),_c('div',{staticClass:\"con\"},[_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.expert.name)),_c('span',[_vm._v(_vm._s(_vm.expert.yname))])]),_c('div',{staticClass:\"desc\"},[_vm._v(_vm._s(_vm.expert.desc))])])]),(_vm.expert.rate)?_c('div',{ref:\"line\",staticClass:\"expert_rate\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"专家胜率 \"),_c('div',{staticClass:\"fte\"},[_c('span',{class:_vm.expert_rate_sel===1?'curr':'',on:{\"click\":function($event){return _vm.getRate(1)}}},[_vm._v(\"按天\")]),_c('span',{class:_vm.expert_rate_sel===2?'curr':'',on:{\"click\":function($event){return _vm.getRate(2)}}},[_vm._v(\"按场\")]),_c('span',{class:_vm.expert_rate_sel===3?'curr':'',on:{\"click\":function($event){return _vm.getRate(3)}}},[_vm._v(\"按月\")])])]),_c('ul',_vm._l((_vm.expert.rate),function(c,i){return _c('li',{key:i},[_c('div',{staticClass:\"info\"},[_c('span',{staticClass:\"name\"},[_vm._v(_vm._s(c.name))]),_c('span',{staticClass:\"sf\"},[_c('i',{staticClass:\"s\"},[_vm._v(_vm._s(c.sheng))]),_vm._v(\"赢\"),_c('em',[_vm._v(\"/\")]),_c('i',{staticClass:\"p\"},[_vm._v(_vm._s(c.ping))]),_vm._v(\"和\"),_c('em',[_vm._v(\"/\")]),_c('i',{staticClass:\"f\"},[_vm._v(_vm._s(c.fu))]),_vm._v(\"输\")]),_c('span',{staticClass:\"sl\"},[_c('i',[_vm._v(_vm._s(c.sl))]),_vm._v(\"%\")])]),_c('div',{staticClass:\"line\"},[_c('div',{staticClass:\"slline\",style:(c.width)})])])}),0)]):_vm._e()]),_c('van-list',{attrs:{\"finished-text\":\"没有了~\",\"immediate-check\":false,\"finished\":_vm.isFinished,\"error\":_vm.isError,\"error-text\":_vm.match.list.length>0?'读取失败':''},on:{\"update:error\":function($event){_vm.isError=$event},\"load\":_vm.onLoadMore},model:{value:(_vm.isLoading),callback:function ($$v) {_vm.isLoading=$$v},expression:\"isLoading\"}},[_c('match_mini',{attrs:{\"data\":_vm.match}})],1)]],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div>\r\n <Title title=\"专家详情\" :path=\"formPath\"/>\r\n\r\n <div class=\"page-loading\" v-if=\"isInit === true\">\r\n <van-skeleton title :row=\"8\" />\r\n </div>\r\n <template v-else>\r\n\r\n<!-- <div class=\"allexpert\">-->\r\n<!-- <swiper :options=\"swiperOption\" ref=\"exswiper\">-->\r\n<!-- <swiper-slide v-for=\"(c,i) in allexperts\" :key=\"i\" class=\"item\">-->\r\n<!--<!– <router-link :to=\"'/expert/'+c.ename\" :class=\"c.ename===name?'curr':''\">–>-->\r\n<!-- <a :class=\"c.ename===name?'curr':''\" @click=\"changeZj(i)\">-->\r\n<!-- <img :src=\"c.portrait\"/>-->\r\n<!-- <div class=\"name\">{{ c.name }}</div>-->\r\n<!-- <div class=\"yname\">{{ c.yname }}</div>-->\r\n<!--<!– </router-link>–>-->\r\n<!-- </a>-->\r\n<!-- </swiper-slide>-->\r\n<!-- </swiper>-->\r\n<!-- <div class=\"swiper-button swiper-button-next\" slot=\"nextButton\"></div>-->\r\n<!-- <div class=\"swiper-button swiper-button-prev\" slot=\"button-prev\"></div>-->\r\n<!-- </div>-->\r\n\r\n <div class=\"expert_view\">\r\n <div class=\"expert_info\">\r\n <div class=\"img\"><img :src=\"expert.portrait\"/></div>\r\n <div class=\"con\">\r\n <div class=\"name\">{{ expert.name }}<span>{{ expert.yname }}</span></div>\r\n <div class=\"desc\">{{ expert.desc }}</div>\r\n </div>\r\n </div>\r\n <div class=\"expert_rate\" v-if=\"expert.rate\" ref=\"line\">\r\n <div class=\"title\">专家胜率\r\n <div class=\"fte\">\r\n <span @click=\"getRate(1)\" :class=\"expert_rate_sel===1?'curr':''\">按天</span>\r\n <span @click=\"getRate(2)\" :class=\"expert_rate_sel===2?'curr':''\">按场</span>\r\n <span @click=\"getRate(3)\" :class=\"expert_rate_sel===3?'curr':''\">按月</span>\r\n </div>\r\n </div>\r\n <ul>\r\n <li v-for=\"(c,i) in expert.rate\" :key=\"i\">\r\n <div class=\"info\">\r\n <span class=\"name\">{{ c.name }}</span>\r\n <span class=\"sf\"><i class=\"s\">{{ c.sheng }}</i>赢<em>/</em><i class=\"p\">{{ c.ping }}</i>和<em>/</em><i class=\"f\">{{ c.fu }}</i>输</span>\r\n <span class=\"sl\"><i>{{ c.sl }}</i>%</span>\r\n </div>\r\n <div class=\"line\"><div class=\"slline\" :style=\"c.width\"></div></div>\r\n\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n<!-- <div class=\"tabtitle\">{{ expert.name }}的预测</div>-->\r\n <van-list v-model=\"isLoading\"\r\n finished-text=\"没有了~\"\r\n :immediate-check=\"false\"\r\n :finished=\"isFinished\"\r\n :error.sync=\"isError\"\r\n :error-text=\"match.list.length>0?'读取失败':''\"\r\n @load=\"onLoadMore\">\r\n <match_mini :data=\"match\"/>\r\n </van-list>\r\n </template>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import match_mini from './public/match_mini'\r\n import Title from './public/title'\r\n\r\n export default {\r\n name: \"expert_view\",\r\n components: {\r\n match_mini,\r\n Title\r\n },\r\n data() {\r\n return {\r\n name: '',\r\n allexperts: [],\r\n formPath: '',\r\n expert: null,\r\n expert_rate_sel: 1,\r\n match: {'type': 3, 'list': []},\r\n ball: 1,\r\n page: 1,\r\n swiperOption: {\r\n slidesPerView: 8,\r\n spaceBetween: 6,\r\n slidesPerGroup: 8,\r\n // autoplay: {\r\n // delay: 5000,\r\n // disableOnInteraction: false\r\n // },\r\n loop: true,\r\n navigation: {\r\n nextEl: '.allexpert .swiper-button-next',\r\n prevEl: '.allexpert .swiper-button-prev'\r\n }\r\n },\r\n\r\n isInit: true,\r\n isLoading: false,\r\n isLoadingError: false,\r\n isFinished: false,\r\n isError: false,\r\n }\r\n },\r\n activated() {\r\n let that = this\r\n this.isInit = true\r\n this.page = 1\r\n this.match.list = []\r\n this.name = that.$route.params.name\r\n that.getdata()\r\n },\r\n methods: {\r\n onLoadMore(){\r\n // console.log(2)\r\n let that = this\r\n if(!that.isLoadingError)\r\n that.page++\r\n that.getdata()\r\n },\r\n getdata(){\r\n let that = this\r\n that.$get(that.$api.expert_info, {ball: that.ball, page: that.page, name: that.name})\r\n .then(function (res) {\r\n // console.log(res)\r\n if(res.code === 1) {\r\n // that.match.total = res.data.total\r\n // that.match.size = res.data.size\r\n that.expert = res.data.expert\r\n that.allexperts = res.data.allexperts\r\n // that.$backTop()\r\n\r\n let tmplist = res.data.list\r\n if(tmplist.length > 0) {\r\n tmplist.forEach(function (c) {\r\n c.same_num = 0\r\n })\r\n that.match.list = that.match.list.concat(tmplist)\r\n }\r\n else{\r\n that.isFinished = true\r\n }\r\n that.isInit = false\r\n that.setlinewidth()\r\n }\r\n else{\r\n that.isError = true\r\n }\r\n })\r\n .catch(function () {\r\n that.isError = true\r\n that.isLoadingError = true\r\n })\r\n .finally(function () {\r\n that.isLoading = false\r\n })\r\n },\r\n getRate(t){\r\n let that = this\r\n that.expert_rate_sel = t\r\n that.$get(that.$api.expert_rate, {eid: that.name, type: t})\r\n .then(function (res) {\r\n if(res.code === 1) {\r\n that.expert.rate = res.data.rate\r\n that.setlinewidth()\r\n }\r\n })\r\n },\r\n setlinewidth(){\r\n /**\r\n * 设置胜率进度条长度\r\n * @type {default.methods}\r\n */\r\n let that = this\r\n setTimeout(function () {\r\n that.$nextTick(() => {\r\n let line = that.$refs.line\r\n if(line) {\r\n let width = line.offsetWidth\r\n //更新胜率滚动条长度\r\n let list = that.expert.rate\r\n list.forEach(function (i) {\r\n let w = parseInt(i.sl / 100 * width)\r\n if (i.sl < 60)\r\n i.width = 'width:' + w + 'px;background-color:#ff6600;'\r\n else\r\n i.width = 'width:' + w + 'px'\r\n })\r\n }\r\n })\r\n }, 1)\r\n },\r\n changeZj(i){\r\n let that = this\r\n let name = that.allexperts[i].ename\r\n that.name = name\r\n that.page = 1\r\n that.expert_rate_sel = 1\r\n that.$toast.loading({message: '请稍后...', duration: 0, forbidClick: true})\r\n that.getdata()\r\n },\r\n },\r\n computed: {\r\n swiper(){\r\n return this.$refs.exswiper.swiper\r\n }\r\n },\r\n mounted() {\r\n // this.setlinewidth()\r\n },\r\n watch: {\r\n // '$route': {\r\n // handler: function () {\r\n // // this.match.list = []\r\n // // this.$toast.loading({message: '请稍后...', duration: 0})\r\n // this.getdata()\r\n // }\r\n // }\r\n },\r\n beforeRouteEnter(to, form, next){\r\n next(vm => {\r\n vm.formPath = form.path === '/' ?'/expert':''\r\n\r\n })\r\n }\r\n }\r\n</script>\r\n\r\n<style scoped>\r\n\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!./expert_view.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!./expert_view.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./expert_view.vue?vue&type=template&id=e6058506&scoped=true&\"\nimport script from \"./expert_view.vue?vue&type=script&lang=js&\"\nexport * from \"./expert_view.vue?vue&type=script&lang=js&\"\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 \"e6058506\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.init === true)?_c('div',{staticClass:\"page-loading\"},[_c('Title',{attrs:{\"title\":\"\",\"path\":_vm.formPath}}),_c('van-skeleton',{attrs:{\"title\":\"\",\"row\":8}})],1):[(_vm.expert.isExpert === true)?_c('Title',{attrs:{\"path\":_vm.formPath,\"title\":_vm.tabs[0],\"tablist\":_vm.tabs,\"tabactive\":_vm.tab_active},on:{\"titleTabActive\":_vm.titleTabActive}}):_c('Title',{attrs:{\"path\":_vm.formPath,\"title\":_vm.tabs[0]}}),(_vm.tab_active === 0 && _vm.match)?_c('div',{class:['detail-main', _vm.expert.isExpert===false?'detail-main-free':'']},[_c('div',{staticClass:\"detailtb\"},[_c('div',{staticClass:\"item hd\"},[_c('span',{staticClass:\"tp\",style:('color:'+ _vm.match.color)},[_vm._v(_vm._s(_vm.match.match_type))]),_c('span',{staticClass:\"tp\"},[_vm._v(_vm._s(_vm.match.start))]),(_vm.match.tjtype===2 && _vm.match.match_desc)?_c('span',{staticClass:\"desc\"},[_vm._v(_vm._s(_vm.match.match_desc))]):_vm._e()]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"duiz\"},[_c('span',{staticClass:\"dz sp\"},[_vm._v(_vm._s(_vm.match.shangpan))]),_c('span',{staticClass:\"pk\"},[_c('em',[_vm._v(_vm._s(_vm.match.pankou))]),(_vm.match.dxq)?_c('i',[_vm._v(\"大小球\")]):_c('i',[_vm._v(\"让球\")])]),_c('span',{staticClass:\"dz xp\"},[_vm._v(_vm._s(_vm.match.xiapan))])])]),(_vm.match.bifen !== '-')?_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"bf\"},[_c('span',{staticClass:\"bf1\"},[_vm._v(_vm._s(_vm.match.bf1))]),_c('i',[_vm._v(\"比分\")]),_c('span',{staticClass:\"bf2\"},[_vm._v(_vm._s(_vm.match.bf2))])])]):_vm._e(),(_vm.match.tjtype === 1)?_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"tui\"},[_vm._m(0),_vm._v(_vm._s(_vm.match.commend))]),_c('span',{class:'rs rs'+_vm.match.result_id},[_vm._v(_vm._s(_vm.match.result))])]):_c('div',{staticClass:\"fxboex tebbuy\"},[_c('div',{staticClass:\"price\"},[(_vm.match.dian != _vm.match.dian0)?[_c('div',{staticClass:\"sell zhekou\"},[_c('i',[_vm._v(\"现售\")]),_c('span',[_vm._v(_vm._s(_vm.match.dian)),_c('em',[_vm._v(\"FXB\")])])]),_c('div',{staticClass:\"sell yuan\"},[_c('i',[_vm._v(\"原售\")]),_c('span',[_vm._v(_vm._s(_vm.match.dian0)),_c('em',[_vm._v(\"FXB\")])])])]:_c('div',{staticClass:\"sell selldu\"},[_c('i',[_vm._v(\"现售\")]),_c('span',[_vm._v(_vm._s(_vm.match.dian)),_c('em',[_vm._v(\"FXB\")])])])],2),_c('div',{staticClass:\"dingy\"},[(_vm.match.tjtype === 2)?_c('button',{staticClass:\"ding\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.ding}},[_vm._v(\"立即订阅\")]):(_vm.match.tjtype === 3)?_c('button',{staticClass:\"ding dingdis\",attrs:{\"type\":\"button\",\"title\":\"不可订阅\"}},[_vm._v(\"立即订阅\")]):_vm._e(),(_vm.match.tjtype === 2)?[(_vm.match.isCart === false)?_c('button',{staticClass:\"ding cart\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.addCart()}}},[_vm._v(\"加入购物车\")]):_c('button',{staticClass:\"ding dingdis\",attrs:{\"type\":\"button\"}},[_vm._v(\"加入购物车\")])]:(_vm.match.tjtype === 3)?_c('button',{staticClass:\"ding dingdis\",attrs:{\"type\":\"button\"}},[_vm._v(\"加入购物车\")]):_vm._e()],2)]),(_vm.match.tjtype !== 1)?_c('div',{staticClass:\"item shengtme\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"订阅剩余\")]),_c('div',{class:['shengsp', _vm.match.tjtype ===3?'shengsp_dis':''],attrs:{\"data-type\":\"3\"}},[_vm._v(\" \"+_vm._s(_vm.match.sytime_text)+\" \")])]):_vm._e(),(_vm.match.isExpertCommend)?_c('div',{staticClass:\"det-shuo\"},[_vm._m(1)]):_vm._e(),_c('div',{staticClass:\"det-tips\"},[_c('div',{staticClass:\"t\"},[_vm._v(\"温馨提示\")]),(_vm.match.isExpertCommend)?[_vm._m(2),_c('div',{staticClass:\"c\"},[_c('em',[_vm._v(\"2、\")]),_c('p',[_vm._v(\"订阅前请仔细阅读《\"),_c('span',{on:{\"click\":_vm.toTreaty}},[_vm._v(\"用户协议\")]),_vm._v(\"》及《\"),_c('span',{on:{\"click\":_vm.toMianze}},[_vm._v(\"免责声明\")]),_vm._v(\"》\")])])]:[_vm._m(3),_vm._m(4),_vm._m(5),_c('div',{staticClass:\"c\"},[_c('em',[_vm._v(\"4、\")]),_c('p',[_vm._v(\"订阅前请仔细阅读《\"),_c('span',{on:{\"click\":_vm.toTreaty}},[_vm._v(\"用户协议\")]),_vm._v(\"》及《\"),_c('span',{on:{\"click\":_vm.toMianze}},[_vm._v(\"免责声明\")]),_vm._v(\"》\")])])]],2)])]):_vm._e(),(_vm.expert && _vm.expert.isExpert === true)?_c('div',{class:['detail-main', 'detail-expert', _vm.match.tjtype === 1?'detail-nombtm':'', _vm.tab_active === 1?'detail-eombtm':'']},[_c('div',{staticClass:\"det-exinfo\"},[_c('router-link',{attrs:{\"to\":'/expert/'+_vm.expert.ename}},[_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":_vm.expert.portrait}})]),_c('div',{staticClass:\"con\"},[_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.expert.name)),_c('span',[_vm._v(_vm._s(_vm.expert.ename))])]),(_vm.expert.desc)?_c('div',{staticClass:\"remark\"},[_vm._v(_vm._s(_vm.expert.desc))]):_vm._e()])])],1),_c('div',{staticClass:\"det-rate-title\"},[_vm._v(\"专家胜率 \"),_c('div',{staticClass:\"fte\",attrs:{\"id\":\"exratefte\",\"data-st\":\"2\"}},[_c('span',{class:_vm.expert_rate_sel===1?'curr':'',on:{\"click\":function($event){return _vm.getRate(1)}}},[_vm._v(\"按天\")]),_c('span',{class:_vm.expert_rate_sel===2?'curr':'',on:{\"click\":function($event){return _vm.getRate(2)}}},[_vm._v(\"按场\")]),_c('span',{class:_vm.expert_rate_sel===3?'curr':'',on:{\"click\":function($event){return _vm.getRate(3)}}},[_vm._v(\"按月\")])])]),_c('div',{staticClass:\"det-rate\"},[(_vm.winrate.length>0)?_c('ul',_vm._l((_vm.winrate),function(c,i){return _c('li',{key:i},[_c('div',{staticClass:\"ct\"},[_c('span',{staticClass:\"name\"},[_vm._v(_vm._s(c.name))]),_c('div',{staticClass:\"xq\"},[_c('span',{staticClass:\"sheng\"},[_vm._v(_vm._s(c.sheng))]),_vm._v(\"/\"),_c('span',{staticClass:\"ping\"},[_vm._v(_vm._s(c.ping))]),_vm._v(\"/\"),_c('span',{staticClass:\"fu\"},[_vm._v(_vm._s(c.fu))])]),_c('span',{staticClass:\"result\"},[_vm._v(_vm._s(c.sl)+\"%\")])]),_c('div',{ref:\"line\",refInFor:true,staticClass:\"line\"},[_c('div',{staticClass:\"sline\",style:(c.width)})])])}),0):_vm._e()])]):_vm._e(),(_vm.tab_active===1)?[_c('match_mini',{attrs:{\"data\":_vm.match_list}}),_c('div',{staticClass:\"panel_more panel_more_zj\"},[_c('router-link',{attrs:{\"to\":'/expert/'+_vm.expert.ename}},[_vm._v(\"更多专家预测 >\")])],1)]:_vm._e()],(_vm.user)?_c('div',{staticClass:\"fxcar\"},[(_vm.user.cart>0)?_c('span',[_vm._v(_vm._s(_vm.user.cart))]):_vm._e(),_c('router-link',{attrs:{\"to\":\"/cart\"}})],1):_vm._e()],2)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',[_vm._v(\"荐\"),_c('i')])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',[_c('em',[_vm._v(\"本站承诺\")]),_vm._v(\"不中100%返还\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"c\"},[_c('em',[_vm._v(\"1、\")]),_c('p',[_vm._v(\"该预测仅作中国体育彩票竞彩参考，请勿用于非法用途，本站倡导理性购彩。\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"c\"},[_c('em',[_vm._v(\"1、\")]),_c('p',[_vm._v(\"登录会员每天“签到”领取积分可抵扣FXB订阅该精选预测。\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"c\"},[_c('em',[_vm._v(\"2、\")]),_c('p',[_vm._v(\"免费预测是通过收集网络上各高手心水而总结出的信息，具有一定的参考价值，但不保证胜率，请球友们勿盲目跟踪！\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"c\"},[_c('em',[_vm._v(\"3、\")]),_c('p',[_vm._v(\"该预测仅作中国体育彩票竞彩参考，请勿用于非法用途，本站倡导理性购彩。\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n <div>\r\n\r\n <div class=\"page-loading\" v-if=\"init === true\">\r\n <Title title=\"\" :path=\"formPath\" />\r\n <van-skeleton title :row=\"8\" />\r\n </div>\r\n <template v-else>\r\n <Title :path=\"formPath\" :title=\"tabs[0]\" v-if=\"expert.isExpert === true\" :tablist=\"tabs\" :tabactive=\"tab_active\" @titleTabActive=\"titleTabActive\"/>\r\n <Title :path=\"formPath\" :title=\"tabs[0]\" v-else/>\r\n\r\n <div v-if=\"tab_active === 0 && match\" :class=\"['detail-main', expert.isExpert===false?'detail-main-free':'']\">\r\n <div class=\"detailtb\">\r\n<!-- <div class=\"fan\" v-if=\"match.isRetreat\">返还</div>-->\r\n<!-- <div class=\"yiding\" v-else-if=\"match.isConsume\">已订</div>-->\r\n <div class=\"item hd\">\r\n <span class=\"tp\" :style=\"'color:'+ match.color \">{{ match.match_type }}</span>\r\n <span class=\"tp\">{{ match.start }}</span>\r\n <span class=\"desc\" v-if=\"match.tjtype===2 && match.match_desc\">{{ match.match_desc }}</span>\r\n </div>\r\n <div class=\"item\">\r\n <div class=\"duiz\">\r\n <span class=\"dz sp\">{{ match.shangpan }}</span>\r\n <span class=\"pk\">\r\n <em>{{ match.pankou }}</em>\r\n <i v-if=\"match.dxq\">大小球</i>\r\n <i v-else>让球</i>\r\n </span>\r\n <span class=\"dz xp\">{{ match.xiapan }}</span>\r\n </div>\r\n </div>\r\n <div class=\"item\" v-if=\"match.bifen !== '-'\">\r\n <div class=\"bf\">\r\n <span class=\"bf1\">{{ match.bf1 }}</span>\r\n <i>比分</i>\r\n <span class=\"bf2\">{{ match.bf2 }}</span>\r\n </div>\r\n </div>\r\n <div class=\"item\" v-if=\"match.tjtype === 1\">\r\n <div class=\"tui\"><span>荐<i></i></span>{{ match.commend }}</div>\r\n <span :class=\"'rs rs'+match.result_id\">{{ match.result }}</span>\r\n </div>\r\n <div class=\"fxboex tebbuy\" v-else>\r\n <div class=\"price\">\r\n <template v-if=\"match.dian != match.dian0\">\r\n <div class=\"sell zhekou\"><i>现售</i><span>{{ match.dian }}<em>FXB</em></span></div>\r\n <div class=\"sell yuan\"><i>原售</i><span>{{ match.dian0 }}<em>FXB</em></span></div>\r\n </template>\r\n <div class=\"sell selldu\" v-else><i>现售</i><span>{{ match.dian }}<em>FXB</em></span></div>\r\n </div>\r\n <div class=\"dingy\">\r\n <button type=\"button\" class=\"ding\" v-if=\"match.tjtype === 2\" @click=\"ding\">立即订阅</button>\r\n <button type=\"button\" class=\"ding dingdis\" title=\"不可订阅\" v-else-if=\"match.tjtype === 3\">立即订阅</button>\r\n <template v-if=\"match.tjtype === 2\">\r\n <button type=\"button\" class=\"ding cart\" @click=\"addCart()\" v-if=\"match.isCart === false\">加入购物车</button>\r\n <button type=\"button\" class=\"ding dingdis\" v-else>加入购物车</button>\r\n </template>\r\n <button type=\"button\" class=\"ding dingdis\" v-else-if=\"match.tjtype === 3\">加入购物车</button>\r\n </div>\r\n </div>\r\n <div class=\"item shengtme\" v-if=\"match.tjtype !== 1\">\r\n <div class=\"title\">订阅剩余</div>\r\n <div :class=\"['shengsp', match.tjtype ===3?'shengsp_dis':'']\" data-type=\"3\">\r\n {{match.sytime_text}}\r\n </div>\r\n </div>\r\n\r\n <div class=\"det-shuo\" v-if=\"match.isExpertCommend\"><span><em>本站承诺</em>不中100%返还</span></div>\r\n <div class=\"det-tips\">\r\n <div class=\"t\">温馨提示</div>\r\n <template v-if=\"match.isExpertCommend\">\r\n <div class=\"c\"><em>1、</em><p>该预测仅作中国体育彩票竞彩参考，请勿用于非法用途，本站倡导理性购彩。</p></div>\r\n <div class=\"c\"><em>2、</em><p>订阅前请仔细阅读《<span @click=\"toTreaty\">用户协议</span>》及《<span @click=\"toMianze\">免责声明</span>》</p></div>\r\n </template>\r\n <template v-else>\r\n <div class=\"c\"><em>1、</em><p>登录会员每天“签到”领取积分可抵扣FXB订阅该精选预测。</p></div>\r\n <div class=\"c\"><em>2、</em><p>免费预测是通过收集网络上各高手心水而总结出的信息，具有一定的参考价值，但不保证胜率，请球友们勿盲目跟踪！</p></div>\r\n <div class=\"c\"><em>3、</em><p>该预测仅作中国体育彩票竞彩参考，请勿用于非法用途，本站倡导理性购彩。</p></div>\r\n <div class=\"c\"><em>4、</em><p>订阅前请仔细阅读《<span @click=\"toTreaty\">用户协议</span>》及《<span @click=\"toMianze\">免责声明</span>》</p></div>\r\n </template>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div :class=\"['detail-main', 'detail-expert', match.tjtype === 1?'detail-nombtm':'', tab_active === 1?'detail-eombtm':'']\" v-if=\"expert && expert.isExpert === true\">\r\n <div class=\"det-exinfo\">\r\n <router-link :to=\"'/expert/'+expert.ename\">\r\n <div class=\"img\"><img :src=\"expert.portrait\"/></div>\r\n <div class=\"con\">\r\n <div class=\"name\">{{ expert.name }}<span>{{expert.ename}}</span></div>\r\n <div class=\"remark\" v-if=\"expert.desc\">{{ expert.desc }}</div>\r\n </div>\r\n </router-link>\r\n </div>\r\n <div class=\"det-rate-title\">专家胜率\r\n <div class=\"fte\" id=\"exratefte\" data-st=\"2\">\r\n <span @click=\"getRate(1)\" :class=\"expert_rate_sel===1?'curr':''\">按天</span>\r\n <span @click=\"getRate(2)\" :class=\"expert_rate_sel===2?'curr':''\">按场</span>\r\n <span @click=\"getRate(3)\" :class=\"expert_rate_sel===3?'curr':''\">按月</span>\r\n </div>\r\n </div>\r\n <div class=\"det-rate\">\r\n <ul v-if=\"winrate.length>0\">\r\n <li v-for=\"(c,i) in winrate\" :key=\"i\">\r\n <div class=\"ct\">\r\n <span class=\"name\">{{ c.name }}</span>\r\n <div class=\"xq\">\r\n <span class=\"sheng\">{{ c.sheng }}</span>/<span class=\"ping\">{{ c.ping }}</span>/<span class=\"fu\">{{ c.fu }}</span>\r\n </div>\r\n <span class=\"result\">{{ c.sl }}%</span>\r\n </div>\r\n <div class=\"line\" ref=\"line\"><div class=\"sline\" :style=\"c.width\"></div></div>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <template v-if=\"tab_active===1\">\r\n <match_mini :data=\"match_list\"/>\r\n <div class=\"panel_more panel_more_zj\"><router-link :to=\"'/expert/'+expert.ename\">更多专家预测 ></router-link></div>\r\n </template>\r\n\r\n </template>\r\n\r\n <div class=\"fxcar\" v-if=\"user\">\r\n <span v-if=\"user.cart>0\">{{user.cart}}</span>\r\n <router-link to=\"/cart\"/>\r\n </div>\r\n\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import match_mini from './public/match_mini'\r\n import Title from './public/title'\r\n import {mapGetters} from \"vuex\";\r\n export default {\r\n name: \"match\",\r\n computed: mapGetters([\"dingSuccess\", \"user\"]),\r\n components: {\r\n match_mini,\r\n Title\r\n },\r\n data() {\r\n return {\r\n match: null,\r\n match_list: {'type': 3, 'list': []},\r\n tabs: ['', '专家战绩'],\r\n tab_active: 0,\r\n mid: 1,\r\n winrate: [],\r\n expert: null,\r\n timer: null,\r\n expert_rate_sel: 1,\r\n formPath: '',\r\n init: true,\r\n times: [0,0,0,0,0,0]\r\n }\r\n },\r\n watch: {\r\n '$route': {\r\n handler: function () {\r\n // console.log(this.$route.params.id)\r\n // console.log(this.$route.meta.path)\r\n if(this.$route.path.indexOf('/match')>-1){\r\n this.tab_active = 0\r\n this.mid = this.$route.params.id\r\n if(this.mid) {\r\n // this.match_list.list = []\r\n this.init = true\r\n // this.expert = null\r\n this.getData()\r\n }\r\n }\r\n }\r\n },\r\n dingSuccess(v){\r\n let that = this\r\n // console.log(v)\r\n if(v!=='') {\r\n let list = []\r\n v.forEach(function (e) {\r\n list.push(''+e.mid)\r\n })\r\n // console.log(list, that.mid)\r\n if(list.indexOf(that.mid) > -1){\r\n that.getData()\r\n }\r\n }\r\n },\r\n },\r\n activated() {\r\n let that = this\r\n that.mid = that.$route.params.id\r\n // console.log(that.mid)\r\n this.tab_active = 0\r\n this.init = true\r\n this.expert = null\r\n that.getData()\r\n },\r\n methods: {\r\n titleTabActive(v){\r\n this.tab_active = v\r\n this.setlinewidth()\r\n this.$backTop()\r\n },\r\n getData(){\r\n let that = this\r\n that.$get(that.$api.match_view,{mid: that.mid, page: that.page})\r\n .then(function (res) {\r\n if(res.code === 1) {\r\n let match_history = res.data.match_list\r\n match_history.forEach(function (c) {\r\n c.same_num = 0\r\n })\r\n that.match_list.list = match_history\r\n that.match = res.data.match\r\n that.expert = res.data.expert\r\n that.winrate = res.data.winrate\r\n if(res.data.winrate.length>0)\r\n that.setlinewidth()\r\n that.init = false\r\n\r\n // console.log(that.expert)\r\n if(that.expert.isExpert){\r\n that.tabs[0] = '专家预测'\r\n }\r\n else {\r\n if (that.expert.group === 1)\r\n that.tabs[0] = '足球精选'\r\n else\r\n that.tabs[0] = '篮球精选'\r\n }\r\n that.$route.meta.title = that.tabs[0]\r\n setTimeout(function () {\r\n that.updateListDyStatus()\r\n }, 0)\r\n // that.match.sytime = 10\r\n }\r\n })\r\n },\r\n ding() {\r\n let that = this\r\n that.$post(that.$api.dingyue, {mid: that.mid}).then(function (res) {\r\n if(res.code === 1){\r\n that.$store.commit('SET_DING', res.data)\r\n }\r\n else\r\n that.$toast.fail(res.msg)\r\n })\r\n },\r\n addCart: function () {\r\n let that = this\r\n that.$post(that.$api.addcart, {mid: that.match.mid}).then(function (res) {\r\n if(res.code === 1){\r\n that.$toast.success(res.msg)\r\n\r\n that.match.isCart = true\r\n //更新存储数据\r\n let userInfo = JSON.parse(localStorage.getItem('user'))\r\n userInfo.cart += 1\r\n that.$store.commit('SET_USER', userInfo)\r\n }\r\n else\r\n that.$toast.fail(res.msg)\r\n })\r\n },\r\n getRate(t){\r\n let that = this\r\n that.expert_rate_sel = t\r\n that.$get(that.$api.expert_rate, {eid: that.expert.ename, type: t})\r\n .then(function (res) {\r\n if(res.code === 1) {\r\n that.winrate = res.data.rate\r\n that.setlinewidth()\r\n }\r\n })\r\n },\r\n updateListDyStatus(){\r\n let that = this\r\n let c = that.match\r\n if(c) {\r\n if (c.tjtype === 2) {\r\n c.sytime = c.sytime - 1\r\n if (c.sytime <= 0) {\r\n c.tjtype = 3\r\n }\r\n c.sytime_text = that.$formatSeconds(c.sytime)\r\n // that.times = that.$formatSeconds(c.sytime).replace(':', '').replace(':', '').split('')\r\n }\r\n else{\r\n c.sytime_text = '00:00:00'\r\n }\r\n }\r\n // console.log(that.$formatSeconds(c.sytime).split(':'))\r\n },\r\n setlinewidth(){\r\n /**\r\n * 设置胜率进度条长度\r\n * @type {default.methods}\r\n */\r\n let that = this\r\n setTimeout(function () {\r\n that.$nextTick(() => {\r\n let line = that.$refs.line\r\n let width = 0\r\n line.forEach((item) => {\r\n width = item.offsetWidth\r\n })\r\n //更新胜率滚动条长度\r\n let list = that.winrate\r\n list.forEach(function (i) {\r\n let w = parseInt(i.sl/100 * width)\r\n if(i.sl<60)\r\n i.width = 'width:'+ w +'px;background-color:#666;'\r\n else\r\n i.width = 'width:'+ w +'px'\r\n })\r\n })\r\n }, 1)\r\n },\r\n toTreaty(){\r\n this.$store.commit('SHOW_TREATY')\r\n },\r\n toMianze(){\r\n this.$store.commit('SHOW_MIANZE')\r\n },\r\n },\r\n beforeDestroy() {\r\n clearInterval(this.timer)\r\n this.timer = null\r\n },\r\n mounted() {\r\n let that = this\r\n that.timer = setInterval(()=>{\r\n that.updateListDyStatus() //定时更新订阅剩余时间\r\n }, 1000)\r\n },\r\n beforeRouteEnter(to, form, next){\r\n next(vm => {\r\n // console.log(form.path)\r\n // console.log(vm.formPath)\r\n if(to.meta.path !== undefined)\r\n vm.formPath = to.meta.path\r\n else\r\n vm.formPath = form.path === '/' ?'/ball':''\r\n })\r\n }\r\n }\r\n</script>\r\n\r\n<style scoped>\r\n .detail-main-free{min-height: calc(100vh - 66px) !important;background-color: #fff;position: relative;}\r\n /*.detail-main-free .det-tips{position: absolute;left:0;bottom:20px;width:100%;}*/\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!./match.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!./match.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./match.vue?vue&type=template&id=a5b0bee0&scoped=true&\"\nimport script from \"./match.vue?vue&type=script&lang=js&\"\nexport * from \"./match.vue?vue&type=script&lang=js&\"\nimport style0 from \"./match.vue?vue&type=style&index=0&id=a5b0bee0&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 \"a5b0bee0\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Title',{attrs:{\"tablist\":_vm.tabs,\"tabactive\":_vm.tab_active},on:{\"titleTabActive\":_vm.titleTabActive}}),_c('div',{staticClass:\"order\"},[(_vm.init===true)?_c('div',{staticClass:\"page-loading\"},[_c('van-skeleton',{attrs:{\"title\":\"\",\"row\":8}})],1):[(_vm.list.length>0)?[_c('div',{class:['tuijiebox tuijiebox_or', _vm.tab_active === 2 || (_vm.tab_active !== 2&&_vm.total[1]>0) || (_vm.tab_active===0&&_vm.total[1]===0)?'tuijiebox_or'+_vm.tab_active:'']},[_c('van-checkbox-group',{model:{value:(_vm.chk_select_list),callback:function ($$v) {_vm.chk_select_list=$$v},expression:\"chk_select_list\"}},_vm._l((_vm.list),function(c,i){return _c('div',{key:i,class:['item',c.match.dystatus !== 2?'itemdis':'']},[_c('van-swipe-cell',{scopedSlots:_vm._u([{key:\"right\",fn:function(){return [_c('van-button',{attrs:{\"square\":\"\",\"type\":\"danger\",\"text\":\"删除\"},on:{\"click\":function($event){return _vm.deleteDg(i, c.match.dystatus)}}})]},proxy:true}],null,true)},[_c('van-cell',[_c('div',{staticClass:\"hd\"},[(_vm.tab_active === 2 || c.match.dystatus === 2 || (_vm.tab_active === 0&&_vm.total[1]===0))?_c('div',{staticClass:\"vanchk\"},[_c('van-checkbox',{attrs:{\"name\":c.cid,\"shape\":\"square\",\"checked-color\":\"#f4882a\",\"icon-size\":\"18px\"},on:{\"click\":function($event){return _vm.changeCheck(i)}}})],1):_vm._e(),_c('div',{staticClass:\"ss\",style:({color:c.match.dystatus===2?c.match.style:'#999'})},[_vm._v(_vm._s(c.match.match_type))]),_c('div',{staticClass:\"time\"},[_vm._v(_vm._s(c.match.start))]),_c('div',{staticClass:\"ex\"},[(c.match.isfree)?[_vm._v(\"单场精选\")]:_c('router-link',{attrs:{\"to\":'/expert/'+c.match.expert_ename}},[_c('img',{staticClass:\"port\",attrs:{\"src\":c.match.expert_portrait}}),_c('span',{staticClass:\"t\"},[_vm._v(_vm._s(c.match.expert_name))])])],2)]),_c('div',{staticClass:\"dz\"},[_c('router-link',{attrs:{\"to\":'/match/'+c.match.mid}},[_vm._v(\" \"+_vm._s(c.match.shangpan)),_c('span',{staticClass:\"bf\"},[_vm._v(\"VS\")]),_vm._v(_vm._s(c.match.xiapan)+\" \")]),(c.match.dystatus === 2)?_c('div',{staticClass:\"pk\"},[(c.match.dxq)?_c('em',[_vm._v(\"大小球\")]):_c('em',[_vm._v(\"让球\")]),_vm._v(_vm._s(c.match.pk)+\" \")]):_vm._e()],1),(c.match.dystatus === 2)?_c('div',{staticClass:\"ds\"},[(c.match.dystatus === 2)?[(c.match.isfree)?_c('span',{staticClass:\"sj\"},[_c('i',[_vm._v(\"现售\")]),_vm._v(_vm._s(c.match.amt)),_c('em',[_vm._v(\"FXB\")])]):[_c('span',{staticClass:\"od\"},[_c('i',[_vm._v(\"原售\")]),_vm._v(_vm._s(c.match.expert_dianshu)),_c('em',[_vm._v(\"FXB\")])]),_c('span',{staticClass:\"sj\"},[_c('i',[_vm._v(\"现售\")]),_vm._v(_vm._s(c.match.amt)),_c('em',[_vm._v(\"FXB\")])])]]:_c('span',{staticClass:\"sj\"},[_c('i',[_vm._v(\"售价\")]),_vm._v(_vm._s(c.match.expert_dianshu)),_c('em',[_vm._v(\"FXB\")])])],2):_vm._e(),_c('div',{staticClass:\"jfen\"},[(c.match.dystatus === 2)?_c('label',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(c.select_jf),expression:\"c.select_jf\"}],staticClass:\"jifen\",attrs:{\"type\":\"checkbox\"},domProps:{\"value\":c.match.mid,\"checked\":Array.isArray(c.select_jf)?_vm._i(c.select_jf,c.match.mid)>-1:(c.select_jf)},on:{\"change\":[function($event){var $$a=c.select_jf,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=c.match.mid,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(c, \"select_jf\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(c, \"select_jf\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(c, \"select_jf\", $$c)}},function($event){return _vm.changeJfCheck(i)}]}}),_c('span',[_vm._v(\"积分抵扣\")]),_c('b',[_vm._v(_vm._s(c.match.deduction)+\"%\")]),_vm._v(\"（\"+_vm._s(c.match.deduction_amt)),_c('em',[_vm._v(\"FXB\")]),_vm._v(\"） \")]):_vm._e(),(c.match.dystatus === 1)?_c('div',{staticClass:\"yd\"},[_vm._v(\"已订\")]):(c.match.dystatus !== 2)?_c('div',{staticClass:\"gk\"}):(c.match.dystatus === 2 && c.match.sytime_text)?_c('div',{staticClass:\"sheng\"},[_vm._v(\"订阅剩余：\"),_c('div',[_vm._v(_vm._s(c.match.sytime_text))])]):_vm._e()])])],1)],1)}),0)],1),(_vm.tab_active === 2 || _vm.total[1] === 0)?_c('div',{staticClass:\"fxboex caraction\"},[_c('div',{staticClass:\"con\"},[_c('van-checkbox',{attrs:{\"shape\":\"square\",\"checked-color\":\"#f4882a\"},model:{value:(_vm.overischkAll),callback:function ($$v) {_vm.overischkAll=$$v},expression:\"overischkAll\"}},[_vm._v(\"全选\")]),_c('span',{staticClass:\"cartdel\",on:{\"click\":_vm.deletePl}},[_vm._v(\"删除\")]),_c('div',{staticClass:\"text\"},[_c('span',{attrs:{\"id\":\"orderamthj\"}},[_vm._v(\"已选择\"),_c('b',[_vm._v(_vm._s(_vm.chk_select_list.length))]),_vm._v(\"场，\")]),_c('span',[_vm._v(\"共\"),_c('b',[_vm._v(_vm._s(_vm.total[2]))]),_vm._v(\"场\")])])],1)]):[(_vm.total[1]>0)?_c('div',{staticClass:\"fxboex carbtm\"},[_c('div',{staticClass:\"lf\"},[_c('van-checkbox',{attrs:{\"shape\":\"square\",\"checked-color\":\"#f4882a\",\"icon-size\":\"18px\"},model:{value:(_vm.ischkAll),callback:function ($$v) {_vm.ischkAll=$$v},expression:\"ischkAll\"}},[_vm._v(\"全选\")]),_c('span',{staticClass:\"cartdel\",on:{\"click\":_vm.deletePl}},[_vm._v(\"删除\")]),_c('div',{staticClass:\"ysel\"},[_vm._v(\"已选择 \"),_c('b',[_vm._v(_vm._s(_vm.chk_select_list.length))]),_vm._v(\" 场\")])],1),_c('div',{staticClass:\"paycnf\"},[(_vm.chk_select_list.length>0)?[_c('div',{staticClass:\"amt amt_sj\",on:{\"click\":_vm.closeCartDet}},[_c('i',[_vm._v(\"支付金额\")]),_c('em',[_vm._v(_vm._s(_vm.amt_pay))]),_c('span',[_vm._v(\"FXB\")])]),_c('div',{staticClass:\"amt amt_yh\",on:{\"click\":_vm.closeCartDet}},[_vm._v(\" 共优惠\"+_vm._s(_vm.amt_total-_vm.amt_pay)+\"FXB \"),_c('span',[_vm._v(\"查看明细\")])])]:_c('div',{staticClass:\"amt\"},[_c('i',[_vm._v(\"支付金额\")]),_c('em',[_vm._v(_vm._s(_vm.amt_pay))]),_c('span',[_vm._v(\"FXB\")])]),_c('button',{class:['btnsure', _vm.isAction?'btndis':''],attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.submit(0)}}},[_vm._v(\"确认订阅\")])],2)]):_vm._e()],(_vm.showPopup===true)?_c('div',{staticClass:\"fxboex detpop\",on:{\"click\":_vm.closeCartDet}}):_vm._e(),(_vm.showPopup===true)?_c('div',{staticClass:\"fxboex carbmdet\"},[_c('div',{staticClass:\"ltit\"},[_vm._v(\"订阅明细\"),_c('i',{on:{\"click\":_vm.closeCartDet}})]),_c('div',{staticClass:\"item yue\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"当前余额\")]),_c('div',{staticClass:\"con\"},[_c('span',[_vm._v(_vm._s(_vm.user.amt))]),_c('em',{staticClass:\"unit\"},[_vm._v(\"FXB\")])])]),_c('div',{staticClass:\"item yue yue2\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"当前积分\")]),_c('div',{staticClass:\"con\"},[_c('span',[_vm._v(_vm._s(_vm.user.integral_def))]),_c('em',{staticClass:\"unit\"},[_vm._v(\"JF\")])])]),_c('div',{staticClass:\"line\"}),_c('div',{staticClass:\"item total\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"合计金额\")]),_c('div',{staticClass:\"con\"},[_c('em',[_vm._v(_vm._s(_vm.amt_total))]),_c('i',{staticClass:\"unit\"},[_vm._v(\"FXB\")])])]),_c('div',{staticClass:\"item deduction\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"优惠活动\")]),_c('div',{staticClass:\"con cousel\"},[_c('div',{staticClass:\"cpact\",on:{\"click\":_vm.showCouponActionSheet}},[_vm._v(_vm._s(_vm.coupon_select_text))]),(_vm.coupon_select_amt > 0)?_c('span',{staticClass:\"jian\"},[_vm._v(\"-\"+_vm._s(_vm.coupon_select_amt))]):_vm._e(),_c('van-action-sheet',{attrs:{\"title\":\"选择优惠券\",\"cancel-text\":\"取消\",\"actions\":_vm.coupon},on:{\"select\":_vm.selectCoupon},model:{value:(_vm.showCouponSheet),callback:function ($$v) {_vm.showCouponSheet=$$v},expression:\"showCouponSheet\"}})],1)]),_c('div',{staticClass:\"item integral\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"积分抵扣\")]),_c('div',{staticClass:\"con\"},[(_vm.amt_deduction>0)?_c('em',{staticClass:\"jian\"},[_vm._v(\"-\"+_vm._s(_vm.amt_deduction))]):_c('em',[_vm._v(\"0\")])])]),_c('div',{staticClass:\"line\"}),_c('div',{staticClass:\"read\"},[_vm._v(\"订阅前请仔细阅读《\"),_c('span',{on:{\"click\":_vm.toTreaty}},[_vm._v(\"用户协议\")]),_vm._v(\"》及《\"),_c('span',{on:{\"click\":_vm.toMianze}},[_vm._v(\"免责声明\")]),_vm._v(\"》\")]),_c('div',{staticClass:\"line\"})]):_vm._e()]:_c('van-empty',{staticClass:\"ordernone\",attrs:{\"description\":\"没内容~\"}},[_c('router-link',{attrs:{\"to\":\"/ball\"}},[_vm._v(\"去订阅贴士 >>\")])],1)]],2),(_vm.cart_confirm!=null)?_c('van-dialog',{attrs:{\"title\":\"确认订阅\",\"show-cancel-button\":\"\"},on:{\"confirm\":function($event){return _vm.submit(1)}},model:{value:(_vm.cart_confirm_show),callback:function ($$v) {_vm.cart_confirm_show=$$v},expression:\"cart_confirm_show\"}},[_c('div',{staticClass:\"dyconfpop\"},[_c('div',{staticClass:\"ifo\"},[_c('div',{staticClass:\"ifocn\"},[_c('span',{staticClass:\"nw\"},[_vm._v(\"支付金额 \"),_c('em',[_vm._v(_vm._s(_vm.cart_confirm.amt_pay)),_c('i',[_vm._v(\"FXB\")])])])]),(_vm.cart_confirm.integral_deduction > 0 || _vm.cart_confirm.coupon_deduction > 0)?[_vm._v(\"（\"),(_vm.cart_confirm.coupon_deduction > 0)?_c('span',{staticClass:\"yh\"},[_vm._v(\"优惠券 -\"+_vm._s(_vm.cart_confirm.coupon_deduction))]):_vm._e(),(_vm.cart_confirm.integral_deduction > 0)?[(_vm.cart_confirm.coupon_deduction > 0)?[_vm._v(\",\")]:_vm._e(),_c('span',{staticClass:\"yh\"},[_vm._v(\"积分 -\"+_vm._s(_vm.cart_confirm.integral_deduction))])]:_vm._e(),_vm._v(\"）\")]:_vm._e()],2),_c('div',{staticClass:\"yue\"},[_vm._v(\"当前余额 \"),_c('span',[_vm._v(_vm._s(_vm.cart_confirm.yue))]),_c('em',[_vm._v(\"FXB\")]),_vm._v(\"， 积分 \"),_c('i',[_vm._v(_vm._s(_vm.cart_confirm.ing))])])])]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div>\r\n <Title :tablist=\"tabs\" :tabactive=\"tab_active\" @titleTabActive=\"titleTabActive\"/>\r\n\r\n<!-- <div class=\"fxboex head\">-->\r\n<!-- <div class=\"back backtit\" @click=\"goBack\">返回</div>-->\r\n<!-- <div class=\"title\">{{tabs[0]}}</div>-->\r\n<!-- </div>-->\r\n\r\n\r\n <div class=\"order\">\r\n <div class=\"page-loading\" v-if=\"init===true\">\r\n <van-skeleton title :row=\"8\" />\r\n </div>\r\n <template v-else>\r\n <template v-if=\"list.length>0\">\r\n\r\n <div :class=\"['tuijiebox tuijiebox_or', tab_active === 2 || (tab_active !== 2&&total[1]>0) || (tab_active===0&&total[1]===0)?'tuijiebox_or'+tab_active:'']\">\r\n <van-checkbox-group v-model=\"chk_select_list\">\r\n <div v-for=\"(c, i) in list\" :key=\"i\" :class=\"['item',c.match.dystatus !== 2?'itemdis':'']\">\r\n\r\n <van-swipe-cell>\r\n <van-cell>\r\n\r\n <div class=\"hd\">\r\n<!-- <input type=\"checkbox\" v-if=\"tab_active === 2\" :value=\"c.cid\" v-model=\"chk_select_list\" @change=\"changeCheck(i)\" />-->\r\n<!-- <input type=\"checkbox\" v-else-if=\"c.match.dystatus===2\" :value=\"c.cid\" v-model=\"chk_select_list\" @change=\"changeCheck(i)\" />-->\r\n <div class=\"vanchk\" v-if=\"tab_active === 2 || c.match.dystatus === 2 || (tab_active === 0&&total[1]===0)\">\r\n <van-checkbox :name=\"c.cid\" shape=\"square\" checked-color=\"#f4882a\" icon-size=\"18px\" @click=\"changeCheck(i)\"/>\r\n </div>\r\n\r\n <div class=\"ss\" :style=\"{color:c.match.dystatus===2?c.match.style:'#999'}\">{{ c.match.match_type }}</div>\r\n <div class=\"time\">{{ c.match.start }}</div>\r\n <div class=\"ex\">\r\n <template v-if=\"c.match.isfree\">单场精选</template>\r\n <router-link :to=\"'/expert/'+c.match.expert_ename\" v-else>\r\n <img :src=\"c.match.expert_portrait\" class=\"port\"/>\r\n <span class=\"t\">{{ c.match.expert_name }}</span>\r\n </router-link>\r\n </div>\r\n </div>\r\n <div class=\"dz\">\r\n <router-link :to=\"'/match/'+c.match.mid\">\r\n {{ c.match.shangpan }}<span class=\"bf\">VS</span>{{ c.match.xiapan }}\r\n </router-link>\r\n <div class=\"pk\" v-if=\"c.match.dystatus === 2\">\r\n <em v-if=\"c.match.dxq\">大小球</em><em v-else>让球</em>{{ c.match.pk }}\r\n </div>\r\n </div>\r\n <div class=\"ds\" v-if=\"c.match.dystatus === 2\">\r\n <template v-if=\"c.match.dystatus === 2\">\r\n <span class=\"sj\" v-if=\"c.match.isfree\"><i>现售</i>{{ c.match.amt }}<em>FXB</em></span>\r\n <template v-else>\r\n <span class=\"od\"><i>原售</i>{{ c.match.expert_dianshu }}<em>FXB</em></span>\r\n <span class=\"sj\"><i>现售</i>{{ c.match.amt }}<em>FXB</em></span>\r\n </template>\r\n </template>\r\n <span class=\"sj\" v-else><i>售价</i>{{ c.match.expert_dianshu }}<em>FXB</em></span>\r\n </div>\r\n\r\n <div class=\"jfen\">\r\n <label v-if=\"c.match.dystatus === 2\">\r\n <input type=\"checkbox\" class=\"jifen\" @change=\"changeJfCheck(i)\" v-model=\"c.select_jf\" :value=\"c.match.mid\"><span>积分抵扣</span>\r\n <b>{{ c.match.deduction }}%</b>（{{ c.match.deduction_amt }}<em>FXB</em>）\r\n </label>\r\n <div class=\"yd\" v-if=\"c.match.dystatus === 1\">已订</div>\r\n <div class=\"gk\" v-else-if=\"c.match.dystatus !== 2\"></div>\r\n <div class=\"sheng\" v-else-if=\"c.match.dystatus === 2 && c.match.sytime_text\">订阅剩余：<div>{{c.match.sytime_text}}</div></div>\r\n </div>\r\n\r\n </van-cell>\r\n <template #right>\r\n <van-button square type=\"danger\" text=\"删除\" @click=\"deleteDg(i, c.match.dystatus)\" />\r\n </template>\r\n </van-swipe-cell>\r\n\r\n </div>\r\n </van-checkbox-group>\r\n </div>\r\n\r\n <div class=\"fxboex caraction\" v-if=\"tab_active === 2 || total[1] === 0\">\r\n <div class=\"con\">\r\n<!-- <label :class=\"overischkAll?'on':''\"><input type=\"checkbox\" v-model=\"overischkAll\" @click=\"checkedOverAll\"> 全选</label>-->\r\n <van-checkbox v-model=\"overischkAll\" shape=\"square\" checked-color=\"#f4882a\">全选</van-checkbox>\r\n <span class=\"cartdel\" @click=\"deletePl\">删除</span>\r\n <div class=\"text\">\r\n <span id=\"orderamthj\">已选择<b>{{chk_select_list.length}}</b>场，</span>\r\n <span>共<b>{{ total[2] }}</b>场</span>\r\n </div>\r\n </div>\r\n </div>\r\n <template v-else>\r\n <div class=\"fxboex carbtm\" v-if=\"total[1]>0\">\r\n <div class=\"lf\">\r\n<!-- <label :class=\"ischkAll?'on':''\"><input type=\"checkbox\" v-model=\"ischkAll\" @click=\"checkedAll\"> 全选</label>-->\r\n <van-checkbox v-model=\"ischkAll\" shape=\"square\" checked-color=\"#f4882a\" icon-size=\"18px\">全选</van-checkbox>\r\n <span class=\"cartdel\" @click=\"deletePl\">删除</span>\r\n<!-- <span class=\"orderclear\" @click=\"deleteOver\">清除失效</span>-->\r\n <div class=\"ysel\">已选择 <b>{{chk_select_list.length}}</b> 场</div>\r\n </div>\r\n <div class=\"paycnf\">\r\n <template v-if=\"chk_select_list.length>0\">\r\n <div class=\"amt amt_sj\" @click=\"closeCartDet\">\r\n <i>支付金额</i><em>{{amt_pay}}</em><span>FXB</span>\r\n </div>\r\n <div class=\"amt amt_yh\" @click=\"closeCartDet\">\r\n 共优惠{{amt_total-amt_pay}}FXB <span>查看明细</span>\r\n </div>\r\n </template>\r\n <div class=\"amt\" v-else>\r\n <i>支付金额</i><em>{{amt_pay}}</em><span>FXB</span>\r\n </div>\r\n <button :class=\"['btnsure', isAction?'btndis':'']\" type=\"button\" @click=\"submit(0)\">确认订阅</button>\r\n </div>\r\n </div>\r\n </template>\r\n\r\n <div class=\"fxboex detpop\" @click=\"closeCartDet\" v-if=\"showPopup===true\"></div>\r\n <div class=\"fxboex carbmdet\" v-if=\"showPopup===true\">\r\n <div class=\"ltit\">订阅明细<i @click=\"closeCartDet\"></i></div>\r\n <div class=\"item yue\">\r\n <div class=\"title\">当前余额</div>\r\n <div class=\"con\"><span>{{ user.amt }}</span><em class=\"unit\">FXB</em></div>\r\n </div>\r\n <div class=\"item yue yue2\">\r\n <div class=\"title\">当前积分</div>\r\n <div class=\"con\"><span>{{ user.integral_def }}</span><em class=\"unit\">JF</em></div>\r\n </div>\r\n <div class=\"line\"></div>\r\n <div class=\"item total\">\r\n <div class=\"title\">合计金额</div>\r\n <div class=\"con\"><em>{{amt_total}}</em><i class=\"unit\">FXB</i></div>\r\n </div>\r\n <div class=\"item deduction\">\r\n <div class=\"title\">优惠活动</div>\r\n <div class=\"con cousel\">\r\n<!-- <select name=\"coupon\" @change=\"changeCoupon\" v-model=\"coupon_select_id\">-->\r\n<!-- <template v-if=\"coupon.length > 0\">-->\r\n<!-- <option value=\"0\">不使用优惠券</option>-->\r\n<!-- <option v-for=\"(c,i) in coupon\" :key=\"i\" :value=\"c.id\" :disabled=\"c.disabled\">{{ c.name }}</option>-->\r\n<!-- </template>-->\r\n<!-- <option value=\"0\" v-else>暂无优惠券</option>-->\r\n<!-- </select>-->\r\n <div @click=\"showCouponActionSheet\" class=\"cpact\">{{coupon_select_text}}</div>\r\n <span class=\"jian\" v-if=\"coupon_select_amt > 0\">-{{coupon_select_amt}}</span>\r\n <van-action-sheet v-model=\"showCouponSheet\" title=\"选择优惠券\" cancel-text=\"取消\" :actions=\"coupon\" @select=\"selectCoupon\"/>\r\n </div>\r\n </div>\r\n <div class=\"item integral\">\r\n <div class=\"title\">积分抵扣</div>\r\n <div class=\"con\">\r\n <em v-if=\"amt_deduction>0\" class=\"jian\">-{{amt_deduction}}</em><em v-else>0</em>\r\n<!-- <router-link to=\"/coupon\">领券</router-link>-->\r\n </div>\r\n </div>\r\n <div class=\"line\"></div>\r\n <div class=\"read\">订阅前请仔细阅读《<span @click=\"toTreaty\">用户协议</span>》及《<span @click=\"toMianze\">免责声明</span>》</div>\r\n <div class=\"line\"></div>\r\n </div>\r\n\r\n </template>\r\n <van-empty v-else class=\"ordernone\" description=\"没内容~\">\r\n <router-link to=\"/ball\">去订阅贴士 >></router-link>\r\n </van-empty>\r\n </template>\r\n </div>\r\n\r\n<!-- <van-popup position=\"bottom\" v-model=\"cart_confirm_show\" :duration=\".1\">-->\r\n <van-dialog v-model=\"cart_confirm_show\" v-if=\"cart_confirm!=null\" title=\"确认订阅\" show-cancel-button @confirm=\"submit(1)\">\r\n <div class=\"dyconfpop\">\r\n <div class=\"ifo\">\r\n <div class=\"ifocn\"><span class=\"nw\">支付金额 <em>{{cart_confirm.amt_pay}}<i>FXB</i></em></span></div>\r\n <template v-if=\"cart_confirm.integral_deduction > 0 || cart_confirm.coupon_deduction > 0\">（<span class=\"yh\" v-if=\"cart_confirm.coupon_deduction > 0\">优惠券 -{{cart_confirm.coupon_deduction}}</span>\r\n <template v-if=\"cart_confirm.integral_deduction > 0\">\r\n <template v-if=\"cart_confirm.coupon_deduction > 0\">,</template>\r\n <span class=\"yh\">积分 -{{cart_confirm.integral_deduction}}</span>\r\n </template>）</template>\r\n </div>\r\n <div class=\"yue\">当前余额 <span>{{ cart_confirm.yue }}</span><em>FXB</em>， 积分 <i>{{cart_confirm.ing}}</i></div>\r\n </div>\r\n </van-dialog>\r\n<!-- </van-popup>-->\r\n\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import Title from './../components/public/title'\r\n export default {\r\n name: \"cart\",\r\n components: {\r\n Title\r\n },\r\n data() {\r\n return {\r\n timer: null,\r\n formPath: '',\r\n list: [],\r\n tab_active: 0,\r\n action: ['all', 'invalid', 'over'],\r\n total: [0, 0, 0],\r\n tabs_def: ['购物车', '可订阅', '已失效'],\r\n // total: [0, 0],\r\n // tabs_def: ['购物车', '已失效'],\r\n tabs: [],\r\n carsize_cur: 0,\r\n user: null,\r\n page: 1,\r\n init: true,\r\n coupon: [],\r\n coupon_select_id: 0,\r\n coupon_select_amt: 0,\r\n isSelectCoupon: false,\r\n ischkAll: false,\r\n amt_deduction: 0,\r\n amt_total: 0,\r\n amt_pay: 0,\r\n\r\n chk_select_list: [],\r\n overischkAll: false,\r\n\r\n cart_confirm: null,\r\n cart_confirm_show: false,\r\n\r\n showPopup: false,\r\n showCouponSheet: false,\r\n coupon_select_text_def: '选择优惠券',\r\n coupon_select_text: '选择优惠券',\r\n\r\n isAction: false\r\n }\r\n },\r\n watch: {\r\n /**\r\n * 监控\r\n * */\r\n '$route': {\r\n handler: function (v) {\r\n if(v.path === '/cart') {\r\n // this.list = []\r\n // this.init = true\r\n // this.getdata()\r\n this.ischkAll = false\r\n this.chk_select_list = []\r\n this.overischkAll = false\r\n this.isSelectCoupon = false\r\n }\r\n }\r\n },\r\n ischkAll(v){\r\n let that = this\r\n // that.user.integral = this.user.integral_def\r\n that.isSelectCoupon = false\r\n // that.ischkAll = !that.ischkAll\r\n that.chk_select_list = []\r\n if(v){\r\n that.list.forEach(function (c) {\r\n if(c.match.dystatus === 2) {\r\n c.select = true\r\n c.select_jf = true\r\n // console.log(c.cid)\r\n that.chk_select_list.push(c.cid)\r\n }\r\n })\r\n }\r\n else{\r\n that.coupon_select_id = 0\r\n that.coupon_select_amt = 0\r\n that.coupon_select_text = that.coupon_select_text_def\r\n that.list.forEach(function (c) {\r\n c.select = false\r\n c.select_jf = false\r\n })\r\n }\r\n this.calculation()\r\n },\r\n list(v){\r\n let that = this\r\n let tmplist = []\r\n v.forEach(function(c){\r\n tmplist.push(c.cid)\r\n })\r\n that.chk_select_list.forEach(function (k, i) {\r\n if(tmplist.indexOf(k) === -1){\r\n that.chk_select_list.splice(i, 1)\r\n }\r\n })\r\n },\r\n overischkAll(v){\r\n let that = this\r\n // that.overischkAll = !that.overischkAll\r\n that.chk_select_list = []\r\n if(v){\r\n that.list.forEach(function (c) {\r\n that.chk_select_list.push(c.cid)\r\n })\r\n }\r\n },\r\n },\r\n activated() {\r\n let that = this\r\n that.list = []\r\n that.init = true\r\n that.tabs = []\r\n that.tab_active = 0\r\n that.getdata()\r\n },\r\n methods: {\r\n titleTabActive(v){\r\n this.tab_active = v\r\n this.init = true\r\n // this.tabs_select = i\r\n this.ischkAll = false\r\n this.list = []\r\n this.chk_select_list = []\r\n this.overischkAll = false\r\n this.getdata()\r\n this.calculation()\r\n },\r\n closeCartDet(){\r\n this.showPopup = !this.showPopup\r\n },\r\n calculation(){\r\n let that = this\r\n if(that.user) {\r\n that.user.integral = that.user.integral_def\r\n let select_amt_total = 0 //选中总金额\r\n that.list.forEach(function (c) {\r\n // console.log(c.select)\r\n if (c.select) {\r\n let amt = c.match.amt_def //默认销售金额\r\n select_amt_total += amt\r\n } else {\r\n c.match.amt = c.match.amt_def\r\n }\r\n })\r\n // console.log(select_amt_total)\r\n that.amt_total = select_amt_total //合计金额\r\n // console.log(that.isSelectCoupon)\r\n //选中相应优惠券\r\n if (select_amt_total > 0) {\r\n if (!that.isSelectCoupon) {\r\n that.coupon_select_id = 0\r\n let selcoupon = false\r\n that.coupon.forEach(function (c) {\r\n c.disabled = true\r\n // console.log(select_amt_total, c.amt_condition)\r\n if (select_amt_total >= c.amt_condition) {\r\n c.disabled = false\r\n if (selcoupon) return\r\n that.coupon_select_amt = c.amt\r\n that.coupon_select_id = c.id\r\n that.coupon_select_text = c.name\r\n selcoupon = true\r\n }\r\n else{\r\n that.coupon_select_amt = 0\r\n that.coupon_select_id = 0\r\n that.coupon_select_text = that.coupon_select_text_def\r\n }\r\n })\r\n }\r\n } else {\r\n that.coupon_select_id = 0\r\n that.coupon_select_amt = 0\r\n that.coupon_select_text = that.coupon_select_text_def\r\n }\r\n //选中优惠券后重新设置销售金额\r\n that.list.forEach(function (c) {\r\n c.match.amt = c.match.amt_def\r\n c.match.amt_new = c.match.amt //优惠券后的销售金额，下面积分优惠使用\r\n c.match.amt_coupon = 0 //优惠了多少\r\n if (c.select && that.coupon_select_amt > 0) {\r\n var sjamt = c.match.amt - Math.round(Math.round(c.match.amt / select_amt_total * that.coupon_select_amt * 1000) / 1000) //使用优惠券后通过比例得到金额\r\n c.match.amt = sjamt\r\n c.match.amt_new = c.match.amt\r\n c.match.amt_coupon = c.match.amt_def - sjamt\r\n }\r\n })\r\n\r\n let integral_total = 0\r\n //设置积分优惠\r\n if (that.user.integral > 0) {\r\n that.list.forEach(function (c) {\r\n if (that.user.integral > 0 && c.select) {\r\n if (c.select_jf) {\r\n let amt = c.match.amt_new\r\n let deduction_amt = c.match.deduction_amt //最多可抵扣金额\r\n if (that.user.integral < deduction_amt) {\r\n deduction_amt = that.user.integral\r\n }\r\n integral_total += deduction_amt\r\n amt -= deduction_amt\r\n that.user.integral -= deduction_amt\r\n c.match.amt = amt\r\n c.match.amt_integral = deduction_amt\r\n } else {\r\n c.match.amt = c.match.amt_new\r\n c.match.amt_integral = 0\r\n }\r\n } else {\r\n c.match.amt_integral = 0\r\n }\r\n })\r\n }\r\n that.amt_deduction = integral_total\r\n // console.log(select_amt_total, that.coupon_select_amt, integral_total)\r\n that.amt_pay = select_amt_total - that.coupon_select_amt - integral_total\r\n }\r\n },\r\n\r\n showCouponActionSheet(){\r\n this.showCouponSheet = !this.showCouponSheet\r\n },\r\n selectCoupon(item){\r\n let that = this\r\n // console.log(item.name)\r\n that.isSelectCoupon = true\r\n that.coupon_select_amt = item.amt\r\n that.coupon_select_text = item.name\r\n that.coupon_select_id = item.id\r\n that.showCouponActionSheet()\r\n that.calculation()\r\n },\r\n\r\n changeCoupon(e){\r\n let that = this\r\n\r\n that.isSelectCoupon = true\r\n let selectIndex = e.target.options.selectedIndex\r\n // console.log(selectIndex)\r\n if(selectIndex === 0){\r\n that.coupon_select_amt = 0\r\n that.coupon_select_id = 0\r\n }\r\n else{\r\n selectIndex -= 1\r\n that.coupon_select_amt = that.coupon[selectIndex].amt\r\n }\r\n that.calculation()\r\n },\r\n changeCheck(i){\r\n // this.user.integral = this.user.integral_def\r\n this.list[i].select = !this.list[i].select\r\n this.list[i].select_jf = this.list[i].select\r\n // console.log(this.chk_select_list)\r\n // console.log(i)\r\n this.isSelectCoupon = false\r\n this.calculation()\r\n },\r\n changeJfCheck(){\r\n // console.log(i)\r\n // this.user.integral = this.user.integral_def //重新计算积分\r\n this.isSelectCoupon = false\r\n this.calculation()\r\n },\r\n getdata(){\r\n let that = this\r\n that.ball = that.$route.meta.ball\r\n that.$get(that.$api.cart_list, {action: that.action[that.tab_active]})\r\n .then(function (res) {\r\n // console.log(res)\r\n if(res.code === 1) {\r\n // console.log(res.data)\r\n that.list = res.data.list\r\n that.list.forEach(function (c) {\r\n c.match.amt_def = c.match.amt\r\n })\r\n that.total = res.data.total\r\n that.setTotalText()\r\n that.user = res.data.user\r\n that.user.integral_def = res.data.user.integral\r\n that.carsize_cur = res.data.carsize_cur\r\n that.coupon = res.data.coupon\r\n\r\n that.init = false\r\n }\r\n })\r\n },\r\n setTotalText(){\r\n let that = this\r\n let tabstmp = []\r\n that.tabs_def.forEach(function (c, i) {\r\n tabstmp.push(c + ' '+ that.total[i]+'')\r\n })\r\n that.tabs = tabstmp\r\n // that.tabs[0] = that.tabs_def[0]+' '+ that.total[0]\r\n // that.tabs[1] = that.tabs_def[1]+' '+ that.total[2]\r\n },\r\n submit(zftype){\r\n let that = this\r\n if(that.isAction) return\r\n if(that.chk_select_list.length===0){\r\n that.$toast('请选择一项')\r\n return\r\n }\r\n let data={}\r\n //let ids=[], sjamt=[], yhamt=[], jfamt=[]\r\n let match = []\r\n that.list.forEach(function (c) {\r\n if(c.select){\r\n match.push({\r\n 'id': c.match.mid,\r\n 'amt': c.match.amt,\r\n 'amt_coupon': c.match.amt_coupon,\r\n 'amt_integral': c.match.amt_integral\r\n })\r\n }\r\n })\r\n data = {\r\n 'amt_total': that.amt_pay,\r\n 'integral_total': that.amt_deduction,\r\n 'coupon': that.coupon_select_id,\r\n 'user_amt': that.user.amt,\r\n 'user_integral': that.user.integral_def,\r\n 'zftype': zftype,\r\n 'match': match\r\n }\r\n if(zftype === 1) {\r\n that.isAction = true\r\n }\r\n // console.log(data)\r\n data = escape(JSON.stringify(data))\r\n // console.log(data)\r\n that.$post(that.$api.cartsubmit, {content: data}).then(function (res) {\r\n // console.log(res)\r\n if(res.code === 1){\r\n that.$toast.success(res.msg)\r\n if(res.data.coupon)\r\n that.coupon = res.data.coupon\r\n that.coupon_select_amt = 0\r\n that.coupon_select_id = 0\r\n that.updateOverAction(res)\r\n that.$router.push({path: '/account/subscribe'})\r\n }\r\n else if(res.code === 2){\r\n //that.$dialog.alert(res.msg)\r\n //账户有变动\r\n that.$toast.fail(res.msg)\r\n if(res.data.amt)\r\n that.user.amt = res.data.amt\r\n if(res.data.integral)\r\n that.user.integral_def = res.data.integral\r\n if(res.data.coupon)\r\n that.coupon = res.data.coupon\r\n that.isSelectCoupon = false\r\n that.calculation()\r\n }\r\n else if(res.code === 3){\r\n //余额不足\r\n // that.$dialog.alert({title: '系统提示', message: res.msg})\r\n that.$dialog.confirm({\r\n confirmButtonText: '立即充值',\r\n message:res.msg,\r\n title: '系统提示',\r\n\r\n }).then(()=>{\r\n that.$router.replace({path: '/account/recharge'})\r\n that.$store.commit('CLOSE_DING')\r\n }).catch(()=>{\r\n // that.isAction = false\r\n })\r\n }\r\n else if(res.code === 4){\r\n that.cart_confirm = {\r\n amt_pay: that.amt_pay,\r\n integral_deduction: that.amt_deduction,\r\n coupon_deduction: that.coupon_select_amt,\r\n yue: res.data.amt,\r\n ing: res.data.integral\r\n }\r\n that.cart_confirm_show = true\r\n }\r\n else{\r\n that.$toast.fail(res.msg)\r\n }\r\n })\r\n },\r\n /**\r\n * 单个删除\r\n * */\r\n deleteDg(i, st){\r\n let that = this\r\n let id = that.list[i].cid\r\n if(st===2) {\r\n that.$dialog.confirm({title: '确认', message: '确定删除？'}).then(function () {\r\n that.deletePost(that, id, i)\r\n }).catch(() => {\r\n })\r\n }\r\n else{\r\n that.deletePost(that, id, i)\r\n }\r\n // console.log(that.chk_select_list.length)\r\n },\r\n /**\r\n * 单个删除请求\r\n * */\r\n deletePost(that, id, i){\r\n that.chk_select_list.reverse().forEach(function (c, idx) {\r\n console.log(c === id)\r\n if(c === id){\r\n that.chk_select_list.splice(1, idx)\r\n }\r\n })\r\n // console.log(i)\r\n that.$post(that.$api.cartDelDg, {cid: id}).then(function (res) {\r\n // console.log(res)\r\n if(res.code === 1){\r\n that.$toast.success(res.msg)\r\n\r\n that.list.splice(i, 1)\r\n that.total = [res.data.size.all, res.data.size.invalid, res.data.size.over]\r\n that.updateStorageUserInfo(that.total[1])\r\n\r\n that.calculation()\r\n }else\r\n that.$toast.fail(res.msg)\r\n })\r\n },\r\n /**\r\n * 批量删除\r\n * */\r\n deletePl(){\r\n let that = this\r\n if(that.chk_select_list.length === 0){\r\n that.$toast('请选择一项')\r\n return\r\n }\r\n that.deletePlPost()\r\n },\r\n\r\n /**\r\n * 清除失效\r\n */\r\n deleteOver(){\r\n let that = this\r\n let list = [], splice_list = []\r\n that.list.forEach(function (c, i) {\r\n if(c.match.dystatus !== 2) {\r\n list.push(c.cid)\r\n splice_list.push(i)\r\n }\r\n })\r\n if(list.length === 0){\r\n that.$toast('暂无失效内容')\r\n return\r\n }\r\n this.deletePlPost({\r\n data: list.join(','),\r\n message:'确定清除失效内容？',\r\n url: that.$api.cartClearOver,\r\n callback: function () {\r\n splice_list.reverse().forEach(function (c) {\r\n that.list.splice(c, 1)\r\n })\r\n }\r\n })\r\n },\r\n deletePlPost(paramer=null){\r\n let that = this\r\n if(paramer==null) {\r\n paramer = {\r\n data: that.chk_select_list.join(','),\r\n message: '确定删除选中项？',\r\n url: that.$api.cartDelPl\r\n }\r\n }\r\n that.$dialog.confirm({title: '确认', message: paramer.message}).then(function () {\r\n that.$post(paramer.url, {cid: paramer.data}).then(function (res) {\r\n // console.log(res)\r\n if(res.code === 1){\r\n that.$toast.success(res.msg)\r\n\r\n if(paramer.callback){\r\n paramer.callback()\r\n that.total = [res.data.size.all, res.data.size.invalid, res.data.size.over]\r\n that.updateStorageUserInfo(that.total[1])\r\n }\r\n else {\r\n //页面删除选中项\r\n that.updateOverAction(res)\r\n }\r\n that.calculation()\r\n }else\r\n that.$toast.fail(res.msg)\r\n })\r\n }).catch(() => {})\r\n },\r\n /**\r\n * 删除或订阅后的更新操作\r\n * */\r\n updateOverAction(res){\r\n let that = this\r\n let del_item_list = []\r\n that.list.forEach(function (c, i) {\r\n if (that.chk_select_list.indexOf(c.cid) > -1)\r\n del_item_list.push(i)\r\n })\r\n del_item_list.reverse().forEach(function (c) {\r\n that.list.splice(c, 1)\r\n })\r\n that.chk_select_list = []\r\n that.ischkAll = false\r\n that.overischkAll = false\r\n that.total = [res.data.size.all, res.data.size.invalid, res.data.size.over]\r\n that.updateStorageUserInfo(that.total[1], res.data.user)\r\n that.calculation()\r\n },\r\n /**\r\n * 更新用户购物车数量\r\n * @param size\r\n */\r\n updateStorageUserInfo(size, user){\r\n let that = this, userInfo = JSON.parse(localStorage.getItem('user'))\r\n userInfo.cart = size\r\n if(user){\r\n userInfo.amt = user.amt\r\n userInfo.integral = user.integral\r\n that.user.amt = user.amt\r\n that.user.integral_def = user.integral\r\n }\r\n that.setTotalText()\r\n this.$store.commit('SET_USER', userInfo)\r\n },\r\n /**\r\n * 更新订阅剩余时间\r\n */\r\n updateListDyStatus(){\r\n let that = this\r\n that.list.forEach(function (c) {\r\n if(c.match.dystatus === 2) {\r\n c.match.sytime = c.match.sytime-1\r\n if(c.match.sytime<=0) {\r\n c.match.dystatus = 0 //等待公开\r\n // clearInterval(that.timer)\r\n }\r\n c.match.sytime_text = that.$formatSeconds(c.match.sytime)\r\n // console.log(c.sytime_text)\r\n }\r\n })\r\n },\r\n goBack(){\r\n let that = this, path = that.formPath\r\n if(path === undefined || path === '') {\r\n that.$router.back()\r\n }else {\r\n that.$router.replace({path: path})\r\n }\r\n },\r\n toTreaty(){\r\n this.$store.commit('SHOW_TREATY')\r\n },\r\n toMianze(){\r\n this.$store.commit('SHOW_MIANZE')\r\n },\r\n\r\n },\r\n beforeDestroy() {\r\n clearInterval(this.timer)\r\n this.timer = null\r\n // console.log('destroy')\r\n this.init = true\r\n },\r\n mounted() {\r\n let that = this\r\n that.timer = setInterval(()=>{\r\n that.updateListDyStatus() //定时更新订阅剩余时间\r\n }, 1000)\r\n },\r\n beforeRouteEnter(to, form, next){\r\n next(vm => {\r\n vm.formPath = form.path === '/' ?'/ball':''\r\n })\r\n }\r\n }\r\n</script>\r\n\r\n<style scoped>\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!./cart.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!./cart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./cart.vue?vue&type=template&id=6a250d4a&scoped=true&\"\nimport script from \"./cart.vue?vue&type=script&lang=js&\"\nexport * from \"./cart.vue?vue&type=script&lang=js&\"\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 \"6a250d4a\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('div',{staticClass:\"account\"},[_c('div',{staticClass:\"login register\"},[_c('h1',[_vm._v(\"用户注册\")]),_c('form',[_c('div',{staticClass:\"item item2\"},[_c('i',{staticClass:\"user\"}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.account),expression:\"account\"}],ref:\"name\",staticClass:\"put\",attrs:{\"type\":\"text\",\"placeholder\":\"账号，4-10个字符\",\"autocomplete\":\"off\"},domProps:{\"value\":(_vm.account)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.account=$event.target.value}}}),(_vm.error_code===1)?_c('div',{staticClass:\"msg\"},[_c('b'),_vm._v(\"4-10个字符(包括大小写字母、数字、下划线)，注册后不能修改。\")]):_vm._e()]),_c('div',{staticClass:\"item item2\"},[_c('i',{staticClass:\"pwd\"}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.password),expression:\"password\"}],ref:\"pwd1\",staticClass:\"put\",attrs:{\"type\":\"password\",\"placeholder\":\"密码，6～20位字符\",\"autocomplete\":\"off\"},domProps:{\"value\":(_vm.password)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.password=$event.target.value}}}),(_vm.error_code===2)?_c('div',{staticClass:\"msg\"},[_c('b'),_vm._v(\"6～20位，区分字母大小写。可由字母、数字、特殊字符组成。\")]):_vm._e()]),_c('div',{staticClass:\"pwdsf\"},[_c('span',{staticClass:\"nm\"},[_vm._v(\"密码强度：\")]),_c('div',{class:['ln', 'ln'+_vm.pwd_strength]},[_c('i',{attrs:{\"title\":\"低\"}}),_c('i',{attrs:{\"title\":\"中\"}}),_c('i',{attrs:{\"title\":\"高\"}})]),_c('span',{staticClass:\"tx\"})]),_c('div',{staticClass:\"item item2\"},[_c('i',{staticClass:\"pwd\"}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.password2),expression:\"password2\"}],ref:\"pwd2\",staticClass:\"put\",attrs:{\"type\":\"password\",\"placeholder\":\"确认密码\",\"autocomplete\":\"off\"},domProps:{\"value\":(_vm.password2)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.password2=$event.target.value}}}),(_vm.error_code===3)?_c('div',{staticClass:\"msg msg2\"},[_c('b'),_vm._v(\"两次密码要一致\")]):_vm._e()]),_c('div',{staticClass:\"item code\"},[_c('i',{staticClass:\"yzm\"}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.code),expression:\"code\"}],ref:\"code\",staticClass:\"put\",attrs:{\"type\":\"number\",\"maxlength\":\"5\",\"placeholder\":\"验证码\",\"autocomplete\":\"off\"},domProps:{\"value\":(_vm.code)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.code=$event.target.value}}}),_c('yzcode',{staticClass:\"code\",attrs:{\"changeCode\":_vm.changeCode},on:{\"getIdentifyCode\":_vm.valcode}})],1),_c('div',{staticClass:\"arg\"},[_c('div',{staticClass:\"regchk\"},[_c('van-checkbox',{attrs:{\"shape\":\"square\",\"checked-color\":\"#f4882a\",\"icon-size\":\"18px\"},model:{value:(_vm.isArgee),callback:function ($$v) {_vm.isArgee=$$v},expression:\"isArgee\"}})],1),_c('span',[_vm._v(\"注册代表你同意\")]),_vm._v(\"《\"),_c('div',{staticClass:\"argtxt\",on:{\"click\":_vm.getTreaty}},[_vm._v(\"烽行体育用户协议\")]),_vm._v(\"》 \")]),_c('button',{staticClass:\"rg\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.toRegister}},[_vm._v(\"立即注册\")]),_c('div',{staticClass:\"rout\"},[_vm._v(\" 已有账号，请 \"),_c('router-link',{attrs:{\"to\":\"/login\"}},[_vm._v(\"登录\")])],1)])])]),_c('van-popup',{attrs:{\"position\":\"bottom\",\"duration\":.1},on:{\"click-overlay\":_vm.closeTreaty},model:{value:(_vm.showTreaty),callback:function ($$v) {_vm.showTreaty=$$v},expression:\"showTreaty\"}},[_c('div',{staticClass:\"fxtreaty\"},[_c('h2',[_vm._v(\"烽行体育用户协议\")]),_c('div',{staticClass:\"treaty\"},[_c('TreatyMini',{attrs:{\"showTitle\":false}})],1),_c('div',{staticClass:\"btmbtn\",on:{\"click\":function($event){return _vm.closeTreaty(1)}}},[_vm._v(\"我已同意用户协议\")])])])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"fxboex head\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"会员注册\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n<div>\r\n\r\n <div class=\"fxboex head\">\r\n <div class=\"title\">会员注册</div>\r\n </div>\r\n<!-- <div class=\"tabpanel_lh\"></div>-->\r\n\r\n\r\n <div class=\"account\">\r\n<!-- <div class=\"actnav\">-->\r\n<!-- <router-link to=\"/login\">登录</router-link>-->\r\n<!-- <span>注册</span>-->\r\n<!-- </div>-->\r\n\r\n <div class=\"login register\">\r\n <h1>用户注册</h1>\r\n <form>\r\n <div class=\"item item2\">\r\n <i class=\"user\"/>\r\n <input class=\"put\" type=\"text\" ref=\"name\" v-model=\"account\" placeholder=\"账号，4-10个字符\" autocomplete=\"off\"/>\r\n <div class=\"msg\" v-if=\"error_code===1\"><b></b>4-10个字符(包括大小写字母、数字、下划线)，注册后不能修改。</div>\r\n </div>\r\n <div class=\"item item2\">\r\n <i class=\"pwd\"/>\r\n <input class=\"put\" type=\"password\" ref=\"pwd1\" v-model=\"password\" placeholder=\"密码，6～20位字符\" autocomplete=\"off\"/>\r\n <div class=\"msg\" v-if=\"error_code===2\"><b></b>6～20位，区分字母大小写。可由字母、数字、特殊字符组成。</div>\r\n </div>\r\n <div class=\"pwdsf\"><span class=\"nm\">密码强度：</span><div :class=\"['ln', 'ln'+pwd_strength]\"><i title=\"低\"></i><i title=\"中\"></i><i title=\"高\"></i></div><span class=\"tx\"></span></div>\r\n <div class=\"item item2\">\r\n <i class=\"pwd\"/>\r\n <input class=\"put\" type=\"password\" ref=\"pwd2\" v-model=\"password2\" placeholder=\"确认密码\" autocomplete=\"off\"/>\r\n <div class=\"msg msg2\" v-if=\"error_code===3\"><b></b>两次密码要一致</div>\r\n </div>\r\n <div class=\"item code\"><i class=\"yzm\"/>\r\n <input type=\"number\" maxlength=\"5\" class=\"put\" ref=\"code\" v-model=\"code\" placeholder=\"验证码\" autocomplete=\"off\" />\r\n <yzcode @getIdentifyCode=\"valcode\" :changeCode=\"changeCode\" class=\"code\"/>\r\n </div>\r\n <div class=\"arg\">\r\n <div class=\"regchk\"><van-checkbox v-model=\"isArgee\" shape=\"square\" checked-color=\"#f4882a\" icon-size=\"18px\" /></div>\r\n <span>注册代表你同意</span>《<div class=\"argtxt\" @click=\"getTreaty\">烽行体育用户协议</div>》\r\n </div>\r\n <button type=\"button\" @click=\"toRegister\" class=\"rg\">立即注册</button>\r\n <div class=\"rout\">\r\n 已有账号，请 <router-link to=\"/login\">登录</router-link>\r\n </div>\r\n </form>\r\n </div>\r\n </div>\r\n\r\n\r\n <van-popup position=\"bottom\" v-model=\"showTreaty\" @click-overlay='closeTreaty' :duration=\".1\">\r\n <div class=\"fxtreaty\">\r\n <h2>烽行体育用户协议</h2>\r\n <div class=\"treaty\"><TreatyMini :showTitle=\"false\" /></div>\r\n <div class=\"btmbtn\" @click=\"closeTreaty(1)\">我已同意用户协议</div>\r\n </div>\r\n </van-popup>\r\n\r\n</div>\r\n</template>\r\n\r\n<script>\r\n import yzcode from '../components/public/yzcode'\r\n import TreatyMini from './public/treaty_mini'\r\n export default {\r\n name: \"register\",\r\n components: {\r\n yzcode,\r\n TreatyMini\r\n },\r\n data() {\r\n return {\r\n account: '',\r\n password: '',\r\n password2: '',\r\n code: '',\r\n yzm: '',\r\n changeCode: 0,\r\n isArgee: false,\r\n showTreaty: false,\r\n error_code: 0,\r\n pwd_strength: 0,\r\n }\r\n },\r\n watch: {\r\n 'password'(v){\r\n this.pwd_strength = this.checkPasswordStrength(v)\r\n }\r\n },\r\n methods: {\r\n getTreaty(){\r\n this.showTreaty = true\r\n },\r\n closeTreaty(t=0){\r\n this.showTreaty = false\r\n if(t===1){\r\n this.isArgee = true\r\n }\r\n },\r\n valcode(data){\r\n this.yzm = data\r\n },\r\n checkPasswordStrength(val) {\r\n /**\r\n * 检查密码强度\r\n * @type {number}\r\n */\r\n var model = 0\r\n if (val.length < 6) return 0\r\n if (/\\d/.test(val)) model++\r\n if (/[a-z]/.test(val)) model++\r\n if (/[A-Z]/.test(val)) model++\r\n if (/\\W/.test(val)) model++\r\n if (val.length > 16) return 3\r\n return model\r\n },\r\n toRegister () {\r\n let that = this\r\n that.error_code = 0\r\n that.account = that.account.replace(/\\s*/g,\"\")\r\n if(that.account === ''){\r\n this.$toast('请输入账号')\r\n that.account = that.account.replace(/\\s*/g,\"\")\r\n this.error_code = 1\r\n this.$nextTick(() =>{\r\n this.$refs.name.focus()\r\n })\r\n return\r\n }\r\n if(that.account.length<4 || that.account.length>10){\r\n this.error_code = 1\r\n that.account = that.account.replace(/\\s*/g,\"\")\r\n this.$nextTick(() =>{\r\n this.$refs.name.focus()\r\n })\r\n return\r\n }\r\n if(that.password === ''){\r\n this.$toast('请输入密码')\r\n this.error_code = 2\r\n this.$nextTick(() =>{\r\n this.$refs.pwd1.focus()\r\n })\r\n return\r\n }\r\n if(that.password.length<6 || that.password.length>20){\r\n this.error_code = 2\r\n this.$nextTick(() =>{\r\n this.$refs.pwd1.focus()\r\n })\r\n return\r\n }\r\n if(that.password2 === ''){\r\n this.$toast('请再次输入密码')\r\n this.error_code = 3\r\n this.$nextTick(() =>{\r\n this.$refs.pwd2.focus()\r\n })\r\n return\r\n }\r\n if(that.password2 !== that.password){\r\n this.$toast('两次密码不一致')\r\n this.error_code = 3\r\n this.$nextTick(() =>{\r\n this.$refs.pwd2.focus()\r\n })\r\n return\r\n }\r\n if(that.code === ''){\r\n this.$toast('请输入验证码')\r\n this.$nextTick(() =>{\r\n this.$refs.code.focus()\r\n })\r\n return\r\n }\r\n if(that.code !== that.yzm){\r\n this.$toast('验证码不正确')\r\n that.code = ''\r\n that.changeCode = Math.random()\r\n this.$nextTick(() =>{\r\n this.$refs.code.focus()\r\n })\r\n return\r\n }\r\n if(!that.isArgee){\r\n this.$toast('请先同意用户协议')\r\n return\r\n }\r\n let data = {\r\n name: that.account.replace(/\\s*/g,\"\"),\r\n pwd1: btoa(that.password),\r\n pwd2: btoa(that.password2)\r\n }\r\n that.$post(that.$api.register, data)\r\n .then(function (res) {\r\n //console.log(res)\r\n if(res.code === 1) {\r\n that.$toast.success(res.msg)\r\n that.changeCode = Math.random()\r\n that.$store.commit('LOGIN', res.data.token)\r\n that.$store.commit('SET_USER', res.data.user)\r\n that.account = ''\r\n that.password = ''\r\n that.password2 = ''\r\n that.code = ''\r\n that.isArgee = false\r\n setTimeout(function () {\r\n that.$router.replace({path: '/ball'})\r\n }, 50)\r\n }\r\n else{\r\n that.$toast.fail(res.msg)\r\n that.changeCode = Math.random()\r\n that.code = ''\r\n }\r\n })\r\n },\r\n },\r\n }\r\n</script>\r\n\r\n<style scoped>\r\n .van-popup{background: none;}\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!./register.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!./register.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./register.vue?vue&type=template&id=4b193d1f&scoped=true&\"\nimport script from \"./register.vue?vue&type=script&lang=js&\"\nexport * from \"./register.vue?vue&type=script&lang=js&\"\nimport style0 from \"./register.vue?vue&type=style&index=0&id=4b193d1f&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 \"4b193d1f\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"accleft\"},[_c('div',{staticClass:\"ugico\"}),(_vm.user)?_c('div',{staticClass:\"con\"},[_c('h2',[_vm._v(_vm._s(_vm.user.name))]),_c('div',{staticClass:\"count\"},[_vm._m(0),_c('b',[_vm._v(_vm._s(_vm.user.amt))])]),_c('div',{staticClass:\"count\"},[_vm._m(1),_c('b',{staticClass:\"g\"},[_vm._v(_vm._s(_vm.user.integral))])]),(_vm.user.is_sign && _vm.user.is_sign===true)?_c('span',{staticClass:\"sign signin\",attrs:{\"title\":\"已签到\"}},[_c('i'),_vm._v(\"已签\")]):_c('span',{staticClass:\"sign\",attrs:{\"title\":\"签到送积分\"},on:{\"click\":_vm.toSign}},[_c('i'),_vm._v(\"签到\")])]):_c('div',{staticClass:\"con\"},[_c('div',{staticClass:\"btn\"},[_c('router-link',{attrs:{\"to\":\"/login\"}},[_vm._v(\"登录\")]),_vm._v(\"/\"),_c('router-link',{attrs:{\"to\":\"/register\"}},[_vm._v(\"注册\")])],1)])]),_c('div',{staticClass:\"acclfnav\"},[(_vm.user)?_vm._l((_vm.navList),function(c,i){return _c('router-link',{key:i,class:['lk',i===0?'mt':''],attrs:{\"to\":c.url}},[_c('i',{class:c.icon}),_vm._v(_vm._s(c.name)),(i===4)?_c('span',{staticClass:\"cp\"},[_c('router-link',{attrs:{\"to\":\"/coupon\"}},[_vm._v(\"领券\")])],1):_vm._e()])}):_vm._e(),_c('router-link',{staticClass:\"lk mt\",attrs:{\"to\":\"/about\"}},[_c('i',{staticClass:\"icon_ab\"}),_vm._v(\"关于我们\")]),_c('router-link',{staticClass:\"lk\",attrs:{\"to\":\"/mianze\"}},[_c('i',{staticClass:\"icon_mz\"}),_vm._v(\"免责声明\")]),_c('router-link',{staticClass:\"lk\",attrs:{\"to\":\"/treaty\"}},[_c('i',{staticClass:\"icon_ct\"}),_vm._v(\"用户协议\")]),_c('router-link',{staticClass:\"lk\",attrs:{\"to\":\"/help\"}},[_c('i',{staticClass:\"icon_hp\"}),_vm._v(\"帮助中心\")]),_c('router-link',{staticClass:\"lk\",attrs:{\"to\":\"/contact\"}},[_c('i',{staticClass:\"icon_ct\"}),_vm._v(\"联系我们\")]),_c('div',{staticClass:\"btn\"},[(_vm.user)?_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":_vm.loginOut}},[_vm._v(\"安全退出\")]):_vm._e()])],2)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',[_vm._v(\"FXB\"),_c('i')])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',[_vm._v(\"积分\"),_c('i')])}]\n\nexport { render, staticRenderFns }","<template>\r\n <div>\r\n <div class=\"accleft\">\r\n <div class=\"ugico\"></div>\r\n <div class=\"con\" v-if=\"user\">\r\n <h2>{{ user.name }}</h2>\r\n <div class=\"count\"><span>FXB<i></i></span><b>{{ user.amt }}</b></div>\r\n <div class=\"count\"><span>积分<i></i></span><b class=\"g\">{{ user.integral }}</b></div>\r\n\r\n <span class=\"sign signin\" title=\"已签到\" v-if=\"user.is_sign && user.is_sign===true\"><i></i>已签</span>\r\n <span class=\"sign\" title=\"签到送积分\" v-else @click=\"toSign\"><i></i>签到</span>\r\n </div>\r\n <div class=\"con\" v-else>\r\n <div class=\"btn\"><router-link to=\"/login\">登录</router-link>/<router-link to=\"/register\">注册</router-link></div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"acclfnav\">\r\n <template v-if=\"user\">\r\n <router-link v-for=\"(c,i) in navList\" :key=\"i\" :to=\"c.url\" :class=\"['lk',i===0?'mt':'']\">\r\n <i :class=\"c.icon\"></i>{{c.name}}<span v-if=\"i===4\" class=\"cp\"><router-link to=\"/coupon\">领券</router-link></span>\r\n </router-link>\r\n </template>\r\n\r\n <router-link to=\"/about\" class=\"lk mt\"><i class=\"icon_ab\"/>关于我们</router-link>\r\n <router-link to=\"/mianze\" class=\"lk\"><i class=\"icon_mz\"/>免责声明</router-link>\r\n <router-link to=\"/treaty\" class=\"lk\"><i class=\"icon_ct\"/>用户协议</router-link>\r\n <router-link to=\"/help\" class=\"lk\"><i class=\"icon_hp\"/>帮助中心</router-link>\r\n <router-link to=\"/contact\" class=\"lk\"><i class=\"icon_ct\"/>联系我们</router-link>\r\n\r\n <div class=\"btn\">\r\n <button v-if=\"user\" type=\"button\" @click=\"loginOut\">安全退出</button>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import {mapGetters} from \"vuex\";\r\n\r\n export default {\r\n name: \"my\",\r\n props: ['data'],\r\n computed: mapGetters(['user']),\r\n data() {\r\n return {\r\n // user: null,\r\n navList: [\r\n {\r\n name: '购物车',\r\n url: '/cart',\r\n icon: 'cr'\r\n },\r\n {\r\n name: '订阅记录',\r\n url: '/account/subscribe',\r\n icon: 'c2'\r\n },\r\n {\r\n name: '交易记录',\r\n url: '/account/cost',\r\n icon: 'c1'\r\n },\r\n {\r\n name: '账号资料',\r\n url: '/account/info',\r\n icon: 'c3'\r\n },\r\n {\r\n name: '我的优惠',\r\n url: '/account/coupon',\r\n icon: 'yh'\r\n },\r\n {\r\n name: '在线充值',\r\n url: '/account/recharge',\r\n icon: 'c4'\r\n }\r\n ]\r\n }\r\n },\r\n watch: {\r\n // '$route': {\r\n // handler () {\r\n // document.documentElement.scrollTop = this.$route.meta.y\r\n // }\r\n // },\r\n // data(v){\r\n // if(v===null){\r\n // this.$router.push('/login')\r\n // }\r\n // }\r\n },\r\n activated() {\r\n let that = this\r\n //加载读取用户信息\r\n if(this.$store.state.token){\r\n this.$post(false, that.$api.getUserInfo).then(function (res) {\r\n if(res.code === 1){\r\n that.$store.commit('SET_USER', res.data.user)\r\n }\r\n })\r\n }\r\n\r\n },\r\n methods: {\r\n toSign: function () {\r\n let that = this\r\n that.$post(that.$api.sign).then(function (res) {\r\n if(res.code === 1){\r\n that.$toast.success(res.msg)\r\n let user = that.user\r\n if(that.user === null) {\r\n user = {}\r\n }\r\n user.is_sign = true\r\n user.integral = res.data.integral\r\n that.$store.commit('SET_USER', user)\r\n }\r\n else {\r\n that.$toast.fail(res.msg)\r\n }\r\n })\r\n },\r\n loginOut: function(){\r\n let that = this\r\n that.$dialog.confirm({\r\n title: '确认',\r\n message: '确定退出？',\r\n }).then( () => {\r\n that.$store.commit('LOGOUT')\r\n that.$route.meta.logout = true\r\n that.$router.push('/ball')\r\n })\r\n },\r\n },\r\n // beforeRouteEnter(to, from, next){\r\n // next(vm =>{\r\n // document.documentElement.scrollTop = vm.$route.meta.y\r\n // })\r\n // }\r\n }\r\n</script>\r\n\r\n<style scoped>\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!./my.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!./my.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./my.vue?vue&type=template&id=3629c6b9&scoped=true&\"\nimport script from \"./my.vue?vue&type=script&lang=js&\"\nexport * from \"./my.vue?vue&type=script&lang=js&\"\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 \"3629c6b9\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Title',{attrs:{\"title\":\"账户信息\",\"path\":\"/my\",\"tablist\":_vm.tabs,\"tabactive\":_vm.tab_active},on:{\"titleTabActive\":_vm.titleTabActive}}),(_vm.isInit === true)?_c('div',{staticClass:\"page-loading\"},[_c('van-skeleton',{attrs:{\"title\":\"\",\"row\":8}})],1):_c('div',{staticClass:\"userwrap\"},[(_vm.tab_active === 0)?_c('div',{staticClass:\"accinfo accinfo1\"},[_c('ul',[_c('li',[_c('span',{staticClass:\"tit\"},[_vm._v(\"账号\")]),_c('div',{staticClass:\"con\"},[_vm._v(_vm._s(_vm.info.account))])]),_c('li',[_c('span',{staticClass:\"tit\"},[_vm._v(\"昵称\")]),(_vm.nickUpdate)?_c('div',{staticClass:\"con\"},[_c('div',{staticClass:\"nicc\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.nickname),expression:\"nickname\"}],ref:\"nick\",attrs:{\"type\":\"text\",\"placeholder\":\"输入昵称\",\"autocomplete\":\"off\"},domProps:{\"value\":(_vm.nickname)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.nickname=$event.target.value}}})]),_c('button',{staticClass:\"ok\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.submitNK}},[_vm._v(\"确定\")]),_c('button',{staticClass:\"cl\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.cancelNK}},[_vm._v(\"取消\")])]):_c('div',{staticClass:\"con\"},[_vm._v(_vm._s(_vm.info.name)),_c('span',{staticClass:\"nick\",on:{\"click\":_vm.updateNK}},[_vm._v(\"修改\")])])]),_c('li',[_c('span',{staticClass:\"tit\"},[_vm._v(\"注册\")]),(_vm.info.reg_time != null)?_c('div',{staticClass:\"con\"},[_vm._v(_vm._s(_vm.info.reg_time))]):_vm._e()])])]):_c('div',{staticClass:\"accinfo accinfo2\"},[_c('ul',[_c('li',[_c('div',{staticClass:\"con\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.password1),expression:\"password1\"}],ref:\"lgpwd1\",attrs:{\"type\":\"password\",\"placeholder\":\"输入旧密码\",\"autocomplete\":\"off\"},domProps:{\"value\":(_vm.password1)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.password1=$event.target.value}}})])]),_c('li',[_c('div',{staticClass:\"con\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.password2),expression:\"password2\"}],ref:\"lgpwd2\",attrs:{\"type\":\"password\",\"placeholder\":\"输入新密码\",\"autocomplete\":\"off\"},domProps:{\"value\":(_vm.password2)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.password2=$event.target.value}}}),(_vm.pwd2_err)?_c('div',{staticClass:\"tips\"},[_c('i'),_vm._v(\"密码由6～20位，区分字母大小写。可由字母、数字、特殊字符组成。\")]):_vm._e()])]),_c('li',[_c('div',{staticClass:\"con\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.password3),expression:\"password3\"}],ref:\"lgpwd3\",attrs:{\"type\":\"password\",\"placeholder\":\"输入新密码\",\"autocomplete\":\"off\"},domProps:{\"value\":(_vm.password3)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.password3=$event.target.value}}}),(_vm.pwd3_err)?_c('div',{staticClass:\"tips\"},[_c('i'),_vm._v(\"两次新密码必须一致\")]):_vm._e()])]),_c('li',[_c('div',{staticClass:\"con\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.yzmcode),expression:\"yzmcode\"}],ref:\"lgcode\",attrs:{\"type\":\"number\",\"placeholder\":\"输入验证码\",\"autocomplete\":\"off\"},domProps:{\"value\":(_vm.yzmcode)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.yzmcode=$event.target.value}}}),_c('yzcode',{staticClass:\"code\",attrs:{\"changeCode\":_vm.changeCode,\"contentWidth\":80,\"contentHeight\":24,\"fontSizeMin\":20,\"fontSizeMax\":25},on:{\"getIdentifyCode\":_vm.valcode}})],1)]),_c('li',[_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":_vm.updatePwd}},[_vm._v(\"确定\")])])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div>\r\n <Title title=\"账户信息\" path=\"/my\" :tablist=\"tabs\" :tabactive=\"tab_active\" @titleTabActive=\"titleTabActive\"/>\r\n\r\n <div class=\"page-loading\" v-if=\"isInit === true\">\r\n <van-skeleton title :row=\"8\" />\r\n </div>\r\n <div class=\"userwrap\" v-else>\r\n\r\n <div class=\"accinfo accinfo1\" v-if=\"tab_active === 0\">\r\n <ul>\r\n <li><span class=\"tit\">账号</span><div class=\"con\">{{ info.account }}</div></li>\r\n <li><span class=\"tit\">昵称</span>\r\n <div class=\"con\" v-if=\"nickUpdate\">\r\n <div class=\"nicc\"><input type=\"text\" v-model=\"nickname\" ref=\"nick\" placeholder=\"输入昵称\" autocomplete=\"off\"></div>\r\n <button type=\"button\" class=\"ok\" @click=\"submitNK\">确定</button>\r\n <button type=\"button\" class=\"cl\" @click=\"cancelNK\">取消</button>\r\n </div>\r\n <div class=\"con\" v-else>{{ info.name }}<span class=\"nick\" @click=\"updateNK\">修改</span></div>\r\n </li>\r\n <li><span class=\"tit\">注册</span><div class=\"con\" v-if=\"info.reg_time != null\">{{ info.reg_time }}</div></li>\r\n </ul>\r\n </div>\r\n\r\n <div class=\"accinfo accinfo2\" v-else>\r\n <ul>\r\n <li>\r\n<!-- <span class=\"tit\">旧密码</span>-->\r\n <div class=\"con\">\r\n <input type=\"password\" v-model=\"password1\" ref=\"lgpwd1\" placeholder=\"输入旧密码\" autocomplete=\"off\"/>\r\n </div></li>\r\n <li>\r\n<!-- <span class=\"tit\">新密码</span>-->\r\n <div class=\"con\">\r\n <input type=\"password\" v-model=\"password2\" ref=\"lgpwd2\" placeholder=\"输入新密码\" autocomplete=\"off\"/>\r\n <div class=\"tips\" v-if=\"pwd2_err\"><i></i>密码由6～20位，区分字母大小写。可由字母、数字、特殊字符组成。</div>\r\n </div>\r\n </li>\r\n <li>\r\n<!-- <span class=\"tit\">确认密码</span>-->\r\n <div class=\"con\">\r\n <input type=\"password\" v-model=\"password3\" ref=\"lgpwd3\" placeholder=\"输入新密码\" autocomplete=\"off\"/>\r\n <div class=\"tips\" v-if=\"pwd3_err\"><i></i>两次新密码必须一致</div>\r\n </div>\r\n </li>\r\n <li>\r\n<!-- <span class=\"tit\">验证码</span>-->\r\n <div class=\"con\">\r\n <input type=\"number\" v-model=\"yzmcode\" ref=\"lgcode\" placeholder=\"输入验证码\" autocomplete=\"off\"/>\r\n <yzcode @getIdentifyCode=\"valcode\" :changeCode=\"changeCode\" :contentWidth=\"80\" :contentHeight=\"24\" :fontSizeMin=\"20\" :fontSizeMax=\"25\" class=\"code\"/>\r\n </div>\r\n </li>\r\n <li>\r\n <button type=\"button\" @click=\"updatePwd\">确定</button>\r\n </li>\r\n </ul>\r\n </div>\r\n\r\n </div>\r\n\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import yzcode from './../public/yzcode'\r\n import Title from '../public/title'\r\n import '../../assets/css/user.css'\r\n export default {\r\n name: \"info\",\r\n components: {\r\n yzcode,\r\n Title\r\n },\r\n data (){\r\n return {\r\n\r\n tabs: ['基本资料', '修改密码'],\r\n tab_active: 0,\r\n\r\n isInit: true,\r\n info: null,\r\n nickUpdate: false,\r\n nickname: '',\r\n\r\n password1: '',\r\n password2: '',\r\n password3: '',\r\n yzmcode: '',\r\n yzm: '',\r\n pwd2_err: false,\r\n pwd3_err: false,\r\n changeCode: 0\r\n }\r\n },\r\n activated() {\r\n let that = this\r\n this.$get(that.$api.memberinfo).then(function (res) {\r\n if (res.code === 1){\r\n let info = res.data.info\r\n that.info = info\r\n that.nickname = info.name\r\n that.isInit = false\r\n }\r\n })\r\n },\r\n methods: {\r\n titleTabActive(v){\r\n this.tab_active = v\r\n },\r\n valcode(v){\r\n this.yzm = v\r\n },\r\n updateNK(){\r\n this.nickUpdate = true\r\n },\r\n cancelNK(){\r\n this.nickUpdate = false\r\n },\r\n submitNK(){\r\n let that = this\r\n if(this.nickname===''){\r\n this.$nextTick(() =>{\r\n this.$refs.nick.focus()\r\n })\r\n return\r\n }\r\n that.$toast.loading({\r\n message: '请稍后',\r\n duration: 0,\r\n forbidClick: true\r\n })\r\n setTimeout(function () {\r\n that.$post(that.$api.member_upnick, {nick: that.nickname}).then(function (res) {\r\n if (res.code === 1){\r\n that.info.name = that.nickname\r\n that.nickUpdate = false\r\n that.$toast.success({message: res.msg})\r\n\r\n let userInfo = JSON.parse(localStorage.getItem('user'))\r\n userInfo.name = that.nickname\r\n that.$store.commit('SET_USER', userInfo)\r\n\r\n }\r\n })\r\n }, 200)\r\n },\r\n updatePwd(){\r\n let that = this\r\n // return\r\n this.pwd2_err = false\r\n this.pwd3_err = false\r\n if(that.password1 === ''){\r\n this.$toast('请输入旧密码')\r\n this.$nextTick(() =>{\r\n this.$refs.lgpwd1.focus()\r\n })\r\n return\r\n }\r\n if(that.password2 === '' || that.password2.length < 6 ||that.password2.length>20){\r\n this.$nextTick(() =>{\r\n this.pwd2_err = true\r\n this.$refs.lgpwd2.focus()\r\n })\r\n return\r\n }\r\n if(that.password3 === '' || that.password3 !== that.password2){\r\n this.$toast('两次新密码必须一致')\r\n this.$nextTick(() =>{\r\n this.pwd3_err = true\r\n this.$refs.lgpwd3.focus()\r\n })\r\n return\r\n }\r\n if(that.yzmcode === ''){\r\n this.$toast('请输入验证码')\r\n this.$nextTick(() =>{\r\n this.$refs.lgcode.focus()\r\n })\r\n return\r\n }\r\n if(that.yzmcode !== that.yzm){\r\n this.$toast('验证码不正确')\r\n this.$nextTick(() =>{\r\n this.$refs.lgcode.focus()\r\n })\r\n return\r\n }\r\n that.$post(that.$api.member_uppwd, {pwd1: btoa(that.password1), pwd2: btoa(that.password2)}).then(function (res) {\r\n if(res.code === 1) {\r\n that.$toast.success(res.msg)\r\n that.password1 = ''\r\n that.password2 = ''\r\n that.password3 = ''\r\n that.yzmcode = ''\r\n that.changeCode = Math.random()\r\n }\r\n else{\r\n that.$toast.fail(res.msg)\r\n that.yzmcode = ''\r\n that.changeCode = Math.random()\r\n }\r\n })\r\n\r\n },\r\n },\r\n }\r\n</script>\r\n\r\n<style scoped>\r\n\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!./info.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!./info.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./info.vue?vue&type=template&id=0d7db494&scoped=true&\"\nimport script from \"./info.vue?vue&type=script&lang=js&\"\nexport * from \"./info.vue?vue&type=script&lang=js&\"\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 \"0d7db494\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Title',{attrs:{\"title\":\"订阅记录\",\"path\":\"/my\"}}),_c('div',{staticClass:\"userwrap\"},[_c('div',{staticClass:\"accbox\"},[(_vm.isInit === true)?_c('div',{staticClass:\"page-loading\"},[_c('van-skeleton',{attrs:{\"title\":\"\",\"row\":8}})],1):[(_vm.list.length>0)?_c('div',{staticClass:\"tuijiebox tuijiebox_sc\"},[_c('van-pull-refresh',{on:{\"refresh\":_vm.onRefresh},model:{value:(_vm.isRefresh),callback:function ($$v) {_vm.isRefresh=$$v},expression:\"isRefresh\"}},[_c('van-list',{attrs:{\"finished-text\":\"没有了~\",\"immediate-check\":false,\"finished\":_vm.isFinished,\"error\":_vm.isError,\"error-text\":_vm.list.length>0?'读取失败':''},on:{\"update:error\":function($event){_vm.isError=$event},\"load\":_vm.onLoadMore},model:{value:(_vm.isLoading),callback:function ($$v) {_vm.isLoading=$$v},expression:\"isLoading\"}},[_c('van-checkbox-group',{model:{value:(_vm.ids),callback:function ($$v) {_vm.ids=$$v},expression:\"ids\"}},_vm._l((_vm.list),function(c,i){return _c('div',{key:i,staticClass:\"item\"},[(c.hasParent)?_c('div',{staticClass:\"hdtme\"},[_c('div',{staticClass:\"tm\"},[_vm._v(\"时间：\"+_vm._s(c.create_time))]),_c('div',{staticClass:\"coin\"},[(c.parent_amt_coupon)?_c('span',[_vm._v(\"优惠券\"),_c('b',[_vm._v(\"-\"+_vm._s(c.parent_amt_coupon))]),_vm._v(\"，\")]):_vm._e(),(c.parent_amt_integral)?_c('span',[_vm._v(\"积分\"),_c('b',[_vm._v(\"-\"+_vm._s(c.parent_amt_integral))]),_vm._v(\"，\")]):_vm._e(),_c('span',[_vm._v(\"实付\"),_c('em',[_vm._v(_vm._s(c.parent_amt_total))])])])]):_vm._e(),_c('van-swipe-cell',{scopedSlots:_vm._u([(c.match.result_id!==1)?{key:\"right\",fn:function(){return [_c('van-button',{attrs:{\"square\":\"\",\"type\":\"danger\",\"text\":\"删除\"},on:{\"click\":function($event){return _vm.delscr(i)}}})]},proxy:true}:null],null,true)},[_c('van-cell',[_c('div',{staticClass:\"hd\"},[(c.match.result_id !== 1)?_c('div',{staticClass:\"vanchk\"},[_c('van-checkbox',{attrs:{\"name\":c.cid,\"shape\":\"square\",\"checked-color\":\"#f4882a\",\"icon-size\":\"14px\"}})],1):_vm._e(),_c('div',{staticClass:\"ss\",style:({color:c.match.color})},[_vm._v(_vm._s(c.match.match_type))]),_c('div',{staticClass:\"time\"},[_vm._v(_vm._s(c.match.match_time))]),(c.isretreat)?_c('span',{staticClass:\"fan\"},[_vm._v(\"已返还\")]):_vm._e(),_c('div',{staticClass:\"ex\"},[(c.match.isfree)?[_vm._v(\"单场精选\")]:_c('router-link',{attrs:{\"to\":'/expert/'+c.match.expert_eid}},[_c('img',{staticClass:\"port\",attrs:{\"src\":c.match.expert_portrait}}),_c('span',{staticClass:\"t\"},[_vm._v(_vm._s(c.match.expert_name))])])],2)]),_c('div',{staticClass:\"con\"},[_c('div',{staticClass:\"dz\"},[_c('router-link',{attrs:{\"to\":'/match/'+c.match.mid}},[_vm._v(_vm._s(c.match.shangpan)+\" \"),(c.match.bifen !== '-')?_c('span',{staticClass:\"bf\"},[_vm._v(_vm._s(c.match.bifen))]):_c('span',{staticClass:\"bf\"},[_vm._v(\"VS\")]),_vm._v(_vm._s(c.match.xiapan)+\" \")]),_c('div',{staticClass:\"pk\"},[(c.match.dxq)?_c('em',[_vm._v(\"大小球\")]):_c('em',[_vm._v(\"让球\")]),_vm._v(_vm._s(c.match.pankou)+\" \")])],1),_c('div',{staticClass:\"res\"},[_c('span',{staticClass:\"ds\"},[_c('i',[_vm._v(\"订阅价\")]),_vm._v(_vm._s(c.amt_total)),_c('em',[_vm._v(\"FXB\")])]),_c('div',{staticClass:\"bm\"},[_c('div',{staticClass:\"tj\"},[_c('router-link',{staticClass:\"det\",attrs:{\"to\":'/match/'+c.match.mid}},[_c('span',[_vm._v(\"荐\")]),_vm._v(_vm._s(c.match.commend))])],1),_c('div',{staticClass:\"jg\"},[_c('span',{class:'j'+c.match.result_id},[_vm._v(_vm._s(c.match.result))])])])])])])],1)],1)}),0)],1)],1),_c('div',{staticClass:\"fxboex accbtm\"},[_c('div',{staticClass:\"conx\"},[_c('van-checkbox',{attrs:{\"shape\":\"square\",\"checked-color\":\"#f4882a\",\"icon-size\":\"18px\"},model:{value:(_vm.ischkAll),callback:function ($$v) {_vm.ischkAll=$$v},expression:\"ischkAll\"}},[_vm._v(\"全选\")]),_c('button',{on:{\"click\":_vm.delscribe}},[_vm._v(\"删除\")]),(_vm.ids.length)?_c('span',{staticClass:\"seleng\"},[_vm._v(\"已选择\"),_c('b',[_vm._v(_vm._s(_vm.ids.length))]),_vm._v(\"场\")]):_vm._e()],1)])],1):_c('van-empty',{attrs:{\"description\":\"没有记录~\"}})]],2)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div>\r\n <Title title=\"订阅记录\" path=\"/my\"/>\r\n\r\n <div class=\"userwrap\">\r\n <div class=\"accbox\">\r\n <div class=\"page-loading\" v-if=\"isInit === true\">\r\n <van-skeleton title :row=\"8\" />\r\n </div>\r\n <template v-else>\r\n\r\n <div class=\"tuijiebox tuijiebox_sc\" v-if=\"list.length>0\">\r\n\r\n <van-pull-refresh v-model=\"isRefresh\" @refresh=\"onRefresh\">\r\n <van-list v-model=\"isLoading\"\r\n finished-text=\"没有了~\"\r\n :immediate-check=\"false\"\r\n :finished=\"isFinished\"\r\n :error.sync=\"isError\"\r\n :error-text=\"list.length>0?'读取失败':''\"\r\n @load=\"onLoadMore\">\r\n <van-checkbox-group v-model=\"ids\">\r\n\r\n <div v-for=\"(c, i) in list\" :key=\"i\" class=\"item\">\r\n\r\n <div class=\"hdtme\" v-if=\"c.hasParent\">\r\n <div class=\"tm\">时间：{{ c.create_time }}</div>\r\n <div class=\"coin\">\r\n <span v-if=\"c.parent_amt_coupon\">优惠券<b>-{{ c.parent_amt_coupon }}</b>，</span>\r\n <span v-if=\"c.parent_amt_integral\">积分<b>-{{ c.parent_amt_integral }}</b>，</span>\r\n <span>实付<em>{{ c.parent_amt_total }}</em></span>\r\n<!-- <i>FXB</i>-->\r\n </div>\r\n<!-- <div class=\"del\" @click=\"delscr(i)\"></div>-->\r\n </div>\r\n\r\n <van-swipe-cell>\r\n <van-cell>\r\n <div class=\"hd\">\r\n <div class=\"vanchk\" v-if=\"c.match.result_id !== 1\">\r\n <van-checkbox :name=\"c.cid\" shape=\"square\" checked-color=\"#f4882a\" icon-size=\"14px\" />\r\n </div>\r\n<!-- <input type=\"checkbox\" v-model=\"ids\" :value=\"c.cid\"/>-->\r\n <div class=\"ss\" :style=\"{color:c.match.color}\">{{ c.match.match_type }}</div>\r\n <div class=\"time\">{{ c.match.match_time }}</div>\r\n <span v-if=\"c.isretreat\" class=\"fan\">已返还</span>\r\n <div class=\"ex\">\r\n <template v-if=\"c.match.isfree\">单场精选</template>\r\n <router-link :to=\"'/expert/'+c.match.expert_eid\" v-else>\r\n <img :src=\"c.match.expert_portrait\" class=\"port\"/>\r\n <span class=\"t\">{{ c.match.expert_name }}</span>\r\n </router-link>\r\n </div>\r\n </div>\r\n <div class=\"con\">\r\n <div class=\"dz\">\r\n <router-link :to=\"'/match/'+c.match.mid\">{{ c.match.shangpan }}\r\n <span class=\"bf\" v-if=\"c.match.bifen !== '-'\">{{c.match.bifen}}</span>\r\n <span class=\"bf\" v-else>VS</span>{{ c.match.xiapan }}\r\n </router-link>\r\n <div class=\"pk\">\r\n <em v-if=\"c.match.dxq\">大小球</em><em v-else>让球</em>{{ c.match.pankou }}\r\n </div>\r\n </div>\r\n <div class=\"res\">\r\n<!-- <template v-if=\"c.match.amt !== c.amt_total\">-->\r\n<!-- <span class=\"od\"><i>原售</i>{{ c.match.amt }}<em>FXB</em></span>-->\r\n<!-- <span class=\"sj\"><i>订阅价</i>{{ c.amt_total }}<em>FXB</em></span>-->\r\n<!-- </template>-->\r\n <span class=\"ds\"><i>订阅价</i>{{ c.amt_total }}<em>FXB</em></span>\r\n <div class=\"bm\">\r\n <div class=\"tj\">\r\n <router-link :to=\"'/match/'+c.match.mid\" class=\"det\"><span>荐</span>{{ c.match.commend }}</router-link>\r\n </div>\r\n <div class=\"jg\"><span :class=\"'j'+c.match.result_id\">{{ c.match.result }}</span></div>\r\n </div>\r\n </div>\r\n </div>\r\n </van-cell>\r\n <template #right v-if=\"c.match.result_id!==1\">\r\n <van-button square type=\"danger\" @click=\"delscr(i)\" text=\"删除\" />\r\n </template>\r\n </van-swipe-cell>\r\n\r\n\r\n </div>\r\n </van-checkbox-group>\r\n </van-list>\r\n </van-pull-refresh>\r\n\r\n <div class=\"fxboex accbtm\">\r\n <div class=\"conx\">\r\n <van-checkbox v-model=\"ischkAll\" shape=\"square\" checked-color=\"#f4882a\" icon-size=\"18px\">全选</van-checkbox>\r\n <button @click=\"delscribe\">删除</button>\r\n <span class=\"seleng\" v-if=\"ids.length\">已选择<b>{{ids.length}}</b>场</span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <van-empty description=\"没有记录~\" v-else/>\r\n </template>\r\n\r\n\r\n </div>\r\n </div>\r\n\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import '../../assets/css/user.css'\r\n import Title from '../public/title'\r\n export default {\r\n name: \"subscribe\",\r\n components: {\r\n Title\r\n },\r\n data (){\r\n return {\r\n list: [],\r\n page: 1,\r\n isInit: true,\r\n isRefresh: false,\r\n isLoading: false,\r\n isLoadingError: false,\r\n isFinished: false,\r\n isError: false,\r\n\r\n ids: [],\r\n ischkAll: false\r\n }\r\n },\r\n watch: {\r\n '$route'(v) {\r\n // console.log(this.$route.path)\r\n if(v.name === 'mysubscribe') {\r\n this.page = 1\r\n this.isInit = true\r\n this.ids = []\r\n this.ischkAll = false\r\n this.getdata()\r\n }\r\n },\r\n ischkAll(v){\r\n let that = this\r\n that.ids = []\r\n if(v){\r\n that.ids = []\r\n that.list.forEach(function (c) {\r\n if(c.match.result_id !== 1)\r\n that.ids.push(c.cid)\r\n })\r\n // console.log(that.ids)\r\n }\r\n // console.log(that.ids)\r\n },\r\n // ids(v){\r\n // console.log(v)\r\n // },\r\n list(v){\r\n // console.log(v.length)\r\n let that = this\r\n let tmplist = []\r\n v.forEach(function(c){\r\n // console.log(c)\r\n tmplist.push(c.cid)\r\n })\r\n // console.log(tmplist)\r\n // console.log(that.ids)\r\n that.ids.forEach(function (k, i) {\r\n if(tmplist.indexOf(k) === -1){\r\n that.ids.splice(i, 1)\r\n }\r\n })\r\n }\r\n },\r\n created() {\r\n let that = this\r\n that.getdata()\r\n },\r\n methods: {\r\n onRefresh(){\r\n let that = this\r\n this.page = 1\r\n this.isLoading = false\r\n this.isFinished = false\r\n this.isError = false\r\n setTimeout(function () {\r\n that.getdata()\r\n }, 200)\r\n },\r\n onLoadMore(){\r\n let that = this\r\n if(!that.isLoadingError)\r\n that.page++\r\n that.getdata()\r\n },\r\n getdata(){\r\n let that = this\r\n this.$get(that.$api.member_subscribe, {page: that.page}).then(function (res) {\r\n if (res.code === 1){\r\n if(that.page === 1){\r\n that.list = []\r\n that.$backTop()\r\n }\r\n // that.total = res.data.total\r\n // that.size = res.data.size\r\n let tmplist = res.data.list\r\n if(tmplist.length > 0) {\r\n if (that.isRefresh) {\r\n that.list = tmplist\r\n } else {\r\n that.list = that.list.concat(tmplist)\r\n }\r\n }\r\n else{\r\n that.isFinished = true\r\n }\r\n that.isInit = false\r\n }\r\n else{\r\n that.isError = true\r\n }\r\n })\r\n .catch(function () {\r\n that.isError = true\r\n that.isLoadingError = true\r\n })\r\n .finally(function () {\r\n that.isRefresh = false\r\n that.isLoading = false\r\n })\r\n },\r\n delscr(i){\r\n let that = this\r\n that.$dialog.confirm({\r\n title: '确认',\r\n message: '确定删除该条记录？',\r\n }).then( () => {\r\n let cid = that.list[i].cid\r\n that.$toast.loading({message: '请稍后', forbidClick: true, duration: 0})\r\n that.$post(that.$api.member_scribe_delete, {cid: cid})\r\n .then(function (res) {\r\n if(res.code === 1){\r\n that.list.splice(i,1)\r\n that.$toast.success(res.msg)\r\n }\r\n else{\r\n that.$toast.fail(res.msg)\r\n }\r\n })\r\n })\r\n },\r\n\r\n delscribe(){\r\n // console.log(this.ids)\r\n let that = this\r\n // console.log(that.ids)\r\n if(this.ids.length===0){\r\n this.$toast('请选择一项')\r\n return\r\n }\r\n that.$dialog.confirm({\r\n title: '确认',\r\n message: '确定删除选择项吗？',\r\n }).then( () => {\r\n that.$post(that.$api.member_scribe_action, {ids: that.ids.join(',')}).then(function (res) {\r\n // console.log(res)\r\n if(res.code === 1){\r\n that.$toast.success(res.msg)\r\n\r\n //页面删除选中项\r\n let del_item_list = []\r\n that.list.forEach(function (c, i) {\r\n if(that.ids.indexOf(c.cid) > -1)\r\n del_item_list.push(i)\r\n })\r\n del_item_list.reverse().forEach(function (c) {\r\n that.list.splice(c, 1)\r\n })\r\n that.ids = []\r\n }\r\n })\r\n }).catch(()=>{})\r\n },\r\n },\r\n }\r\n</script>\r\n\r\n<style scoped>\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!./subscribe.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!./subscribe.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./subscribe.vue?vue&type=template&id=5a6c55d8&scoped=true&\"\nimport script from \"./subscribe.vue?vue&type=script&lang=js&\"\nexport * from \"./subscribe.vue?vue&type=script&lang=js&\"\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 \"5a6c55d8\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Title',{attrs:{\"title\":\"我的优惠\",\"path\":\"/my\"}}),(_vm.init===false)?[_c('div',{staticClass:\"fxboex tabpanel\"},[_c('van-tabs',{model:{value:(_vm.tab_active),callback:function ($$v) {_vm.tab_active=$$v},expression:\"tab_active\"}},[_c('van-tab',{attrs:{\"title\":'未使用('+_vm.total[0]+')'}}),_c('van-tab',{attrs:{\"title\":'已使用('+_vm.total[1]+')'}}),_c('van-tab',{attrs:{\"title\":'已失效('+_vm.total[2]+')'}})],1)],1),_c('div',{staticClass:\"tabpanel_lh\"})]:_vm._e(),_c('div',{staticClass:\"userwrap\"},[(_vm.init===false)?[(_vm.list.length>0)?[_c('div',{staticClass:\"mycoupon\"},_vm._l((_vm.list),function(c,i){return _c('div',{key:i,class:_vm.type != 1?'item itemdis':'item'},[_c('div',{staticClass:\"con\"},[_c('div',{staticClass:\"amt\"},[_vm._v(_vm._s(c.amt)),_c('em',[_vm._v(\"FXB\")])]),_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(c.name))]),(_vm.type===1)?_c('div',{staticClass:\"time\"},[_vm._v(\"有效期至 / \"+_vm._s(c.end_time))]):(_vm.type===2)?_c('div',{staticClass:\"time\"},[_vm._v(\"已使用\")]):(_vm.type===3)?_c('div',{staticClass:\"time\"},[_vm._v(\"已失效\")]):_vm._e(),(_vm.type===1)?_c('div',{staticClass:\"tag lk\"},[_c('router-link',{attrs:{\"to\":\"/ball\"}},[_vm._v(\"去使用\")])],1):(_vm.type===2||_vm.type===3)?_c('div',{staticClass:\"tag consdel\",on:{\"click\":function($event){return _vm.del(i)}}}):_vm._e()])])}),0)]:_c('van-empty',{attrs:{\"description\":\"没有内容~\"}})]:_c('div',{staticClass:\"page-loading\"},[_c('van-skeleton',{attrs:{\"title\":\"\",\"row\":8}})],1)],2)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div>\r\n <Title title=\"我的优惠\" path=\"/my\"/>\r\n <template v-if=\"init===false\">\r\n <div class=\"fxboex tabpanel\">\r\n <van-tabs v-model=\"tab_active\">\r\n <van-tab :title=\"'未使用('+total[0]+')'\"/>\r\n <van-tab :title=\"'已使用('+total[1]+')'\"/>\r\n <van-tab :title=\"'已失效('+total[2]+')'\"/>\r\n </van-tabs>\r\n </div>\r\n <div class=\"tabpanel_lh\"></div>\r\n </template>\r\n\r\n <div class=\"userwrap\">\r\n\r\n <template v-if=\"init===false\">\r\n <template v-if=\"list.length>0\">\r\n <div class=\"mycoupon\">\r\n <div v-for=\"(c, i) in list\" :key=\"i\" :class=\"type != 1?'item itemdis':'item'\">\r\n <div class=\"con\">\r\n <div class=\"amt\">{{ c.amt }}<em>FXB</em></div>\r\n <div class=\"name\">{{ c.name }}</div>\r\n <div class=\"time\" v-if=\"type===1\">有效期至 / {{ c.end_time }}</div>\r\n <div class=\"time\" v-else-if=\"type===2\">已使用</div>\r\n <div class=\"time\" v-else-if=\"type===3\">已失效</div>\r\n <div class=\"tag lk\" v-if='type===1'><router-link to=\"/ball\">去使用</router-link></div>\r\n <div class=\"tag consdel\" v-else-if='type===2||type===3' @click=\"del(i)\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </template>\r\n <van-empty description=\"没有内容~\" v-else/>\r\n </template>\r\n <div class=\"page-loading\" v-else>\r\n <van-skeleton title :row=\"8\" />\r\n </div>\r\n\r\n </div>\r\n\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import '../../assets/css/user.css'\r\n import Title from '../public/title'\r\n export default {\r\n name: \"coupon\",\r\n components: {\r\n Title\r\n },\r\n data (){\r\n return {\r\n tab_active: 0,\r\n list: [],\r\n total: [0,0,0],\r\n type: 1,\r\n init: true,\r\n }\r\n },\r\n watch: {\r\n '$route'(v) {\r\n if(v.path.indexOf('/coupon')>-1) {\r\n this.init = true\r\n this.tab_active = 0\r\n this.type = 1\r\n this.total = [0, 0, 0]\r\n this.getdata()\r\n }\r\n },\r\n tab_active(i){\r\n // this.$toast.loading()\r\n // this.init = true\r\n this.type = i+1\r\n this.getdata()\r\n },\r\n },\r\n activated() {\r\n let that = this\r\n that.getdata()\r\n },\r\n methods: {\r\n getdata(){\r\n let that = this\r\n this.$get(that.$api.member_coupon, {type: that.type}).then(function (res) {\r\n if (res.code === 1){\r\n that.list = res.data.list\r\n that.total = res.data.total\r\n }\r\n that.init = false\r\n // that.$toast.clear()\r\n })\r\n },\r\n del(i){\r\n let that = this\r\n that.$dialog.confirm({message: '确定删除？'}).then(()=>{\r\n let id = that.list[i].id\r\n that.$post(that.$api.member_coupon_delete, {id: id}).then(res=>{\r\n if(res.code === 1){\r\n that.$toast.success(res.msg)\r\n that.list.splice(i, 1)\r\n // that.total[that.tab_active] -= that.total[that.tab_active]\r\n }\r\n else\r\n that.$toast.fail(res.msg)\r\n })\r\n }).catch(()=>{})\r\n }\r\n },\r\n }\r\n</script>\r\n\r\n<style scoped>\r\n\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!./coupon.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!./coupon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./coupon.vue?vue&type=template&id=55497fd2&scoped=true&\"\nimport script from \"./coupon.vue?vue&type=script&lang=js&\"\nexport * from \"./coupon.vue?vue&type=script&lang=js&\"\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 \"55497fd2\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Title',{attrs:{\"title\":\"交易记录\",\"path\":\"/my\"}}),_c('div',{staticClass:\"fxboex tabpanel\"},[_c('van-tabs',{model:{value:(_vm.tab_active),callback:function ($$v) {_vm.tab_active=$$v},expression:\"tab_active\"}},_vm._l((_vm.tabs),function(c,i){return _c('van-tab',{key:i,attrs:{\"title\":c}})}),1)],1),_c('div',{staticClass:\"tabpanel_lh\"}),_c('van-calendar',{attrs:{\"show-confirm\":true,\"default-date\":_vm.defaultDate}}),_c('div',{staticClass:\"userwrap\"},[_c('div',{staticClass:\"accbox\"},[(_vm.isInit === true)?_c('div',{staticClass:\"page-loading\"},[_c('van-skeleton',{attrs:{\"title\":\"\",\"row\":8}})],1):[_c('div',{staticClass:\"costhd\"},[_c('div',{staticClass:\"tm\",on:{\"click\":_vm.selectDate}},[_vm._v(_vm._s(_vm.dateText)),_c('i')]),_c('div',{staticClass:\"bm\"},[_vm._v(\" 月统计： \"),_c('span',[_c('i',[_vm._v(\"FXB\")]),_c('em',{staticClass:\"f\"},[_vm._v(_vm._s(_vm.blane[0]))])]),_c('span',[_c('i',[_vm._v(\"积分\")]),_c('em',{staticClass:\"j\"},[_vm._v(_vm._s(_vm.blane[1]))])])])]),(_vm.list.length>0)?[_c('van-pull-refresh',{on:{\"refresh\":_vm.onRefresh},model:{value:(_vm.isRefresh),callback:function ($$v) {_vm.isRefresh=$$v},expression:\"isRefresh\"}},[_c('van-list',{attrs:{\"finished-text\":\"没有了~\",\"immediate-check\":false,\"finished\":_vm.isFinished,\"error\":_vm.isError,\"error-text\":_vm.list.length>0?'读取失败':''},on:{\"update:error\":function($event){_vm.isError=$event},\"load\":_vm.onLoadMore},model:{value:(_vm.isLoading),callback:function ($$v) {_vm.isLoading=$$v},expression:\"isLoading\"}},[_c('van-checkbox-group',{model:{value:(_vm.ids),callback:function ($$v) {_vm.ids=$$v},expression:\"ids\"}},_vm._l((_vm.list),function(c,i){return _c('div',{key:i,staticClass:\"costitem\"},[_c('van-swipe-cell',{scopedSlots:_vm._u([{key:\"right\",fn:function(){return [_c('van-button',{attrs:{\"square\":\"\",\"type\":\"danger\",\"text\":\"删除\"},on:{\"click\":function($event){return _vm.delcost(i)}}})]},proxy:true}],null,true)},[_c('van-cell',[_c('div',{staticClass:\"con\"},[_c('div',{staticClass:\"vanchk ipt\"},[_c('van-checkbox',{attrs:{\"name\":c.cid,\"shape\":\"square\",\"checked-color\":\"#f4882a\",\"icon-size\":\"12px\"}})],1),_c('div',{staticClass:\"lft\"},[_c('div',{class:['type','type'+c.type_id]}),_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(c.type_name))]),_c('div',{staticClass:\"time\"},[_vm._v(_vm._s(c.create_time))])]),_c('div',{staticClass:\"amt\"},[_c('div',{staticClass:\"amtbx\"},[(c.type_id === 4 || c.type_id === 6)?_c('span',{staticClass:\"z\"},[_c('em',[_vm._v(\"积分\")]),(c.integral>0)?[_vm._v(\"+\")]:_vm._e(),_vm._v(_vm._s(c.integral)+\" \")],2):(c.type_id === 5)?[(c.integral)?_c('span',{staticClass:\"d\"},[_c('em',[_vm._v(\"积分\")]),_vm._v(_vm._s(c.integral))]):_vm._e()]:_vm._e()],2),_c('div',{staticClass:\"amtbx\"},[(c.type_id === 5)?_c('span',{staticClass:\"x\"},[_c('em',[_vm._v(\"FXB\")]),_vm._v(_vm._s(c.amt))]):(c.type_id === 1 || c.type_id === 2 || c.type_id === 3)?_c('span',{staticClass:\"s\"},[_c('em',[_vm._v(\"FXB\")]),(c.amt>0)?[_vm._v(\"+\")]:_vm._e(),_vm._v(_vm._s(c.amt)+\" \")],2):_vm._e()])])])])],1)],1)}),0)],1)],1),_c('div',{staticClass:\"fxboex accbtm\"},[_c('div',{staticClass:\"conx\"},[_c('van-checkbox',{attrs:{\"shape\":\"square\",\"checked-color\":\"#f4882a\",\"icon-size\":\"18px\"},model:{value:(_vm.ischkAll),callback:function ($$v) {_vm.ischkAll=$$v},expression:\"ischkAll\"}},[_vm._v(\"全选\")]),_c('button',{on:{\"click\":_vm.delcostpl}},[_vm._v(\"删除\")]),(_vm.ids.length)?_c('span',{staticClass:\"seleng\"},[_vm._v(\"已选择\"),_c('b',[_vm._v(_vm._s(_vm.ids.length))]),_vm._v(\"场\")]):_vm._e()],1)])]:_c('van-empty',{attrs:{\"description\":\"没有记录~\"}})]],2)]),_c('van-popup',{attrs:{\"position\":\"bottom\"},model:{value:(_vm.showCalendar),callback:function ($$v) {_vm.showCalendar=$$v},expression:\"showCalendar\"}},[_c('van-datetime-picker',{attrs:{\"type\":\"year-month\",\"title\":\"选择年月\",\"min-date\":_vm.minDate,\"max-date\":_vm.maxDate},on:{\"confirm\":_vm.onConfirmDate,\"cancel\":_vm.onCancelDate},model:{value:(_vm.currentDate),callback:function ($$v) {_vm.currentDate=$$v},expression:\"currentDate\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div>\r\n <Title title=\"交易记录\" path=\"/my\"/>\r\n <div class=\"fxboex tabpanel\">\r\n <van-tabs v-model=\"tab_active\">\r\n <van-tab v-for=\"(c, i) in tabs\" :key=\"i\" :title=\"c\"/>\r\n </van-tabs>\r\n </div>\r\n <div class=\"tabpanel_lh\"></div>\r\n\r\n <van-calendar :show-confirm=\"true\" :default-date=\"defaultDate\"/>\r\n\r\n <div class=\"userwrap\">\r\n <div class=\"accbox\">\r\n\r\n <div class=\"page-loading\" v-if=\"isInit === true\">\r\n <van-skeleton title :row=\"8\" />\r\n </div>\r\n <template v-else>\r\n <div class=\"costhd\">\r\n <div class=\"tm\" @click=\"selectDate\">{{dateText}}<i></i></div>\r\n <div class=\"bm\">\r\n 月统计：\r\n <span><i>FXB</i><em class=\"f\">{{blane[0]}}</em></span>\r\n <span><i>积分</i><em class=\"j\">{{blane[1]}}</em></span>\r\n </div>\r\n <!-- <span class=\"del\"></span>-->\r\n </div>\r\n <template v-if=\"list.length>0\">\r\n\r\n <van-pull-refresh v-model=\"isRefresh\" @refresh=\"onRefresh\">\r\n <van-list v-model=\"isLoading\"\r\n finished-text=\"没有了~\"\r\n :immediate-check=\"false\"\r\n :finished=\"isFinished\"\r\n :error.sync=\"isError\"\r\n :error-text=\"list.length>0?'读取失败':''\"\r\n @load=\"onLoadMore\">\r\n\r\n <van-checkbox-group v-model=\"ids\">\r\n <div class=\"costitem\" v-for=\"(c, i) in list\" :key=\"i\">\r\n <van-swipe-cell>\r\n <van-cell>\r\n <div class=\"con\">\r\n<!-- <input type=\"checkbox\" class=\"ipt\" v-model=\"ids\" :value=\"c.cid\">-->\r\n <div class=\"vanchk ipt\">\r\n <van-checkbox :name=\"c.cid\" shape=\"square\" checked-color=\"#f4882a\" icon-size=\"12px\" />\r\n </div>\r\n <div class=\"lft\">\r\n <div :class=\"['type','type'+c.type_id]\"></div>\r\n <div class=\"name\">{{c.type_name}}</div>\r\n <div class=\"time\">{{c.create_time}}</div>\r\n </div>\r\n\r\n <div class=\"amt\">\r\n <div class=\"amtbx\">\r\n <span class=\"z\" v-if=\"c.type_id === 4 || c.type_id === 6\">\r\n <em>积分</em><template v-if=\"c.integral>0\">+</template>{{ c.integral }}\r\n </span>\r\n <template v-else-if=\"c.type_id === 5\">\r\n <span v-if=\"c.integral\" class=\"d\"><em>积分</em>{{c.integral}}</span>\r\n </template>\r\n </div>\r\n\r\n <div class=\"amtbx\">\r\n <span class=\"x\" v-if=\"c.type_id === 5\"><em>FXB</em>{{ c.amt }}</span>\r\n <span class=\"s\" v-else-if=\"c.type_id === 1 || c.type_id === 2 || c.type_id === 3\">\r\n <em>FXB</em><template v-if=\"c.amt>0\">+</template>{{ c.amt }}\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </van-cell>\r\n <template #right>\r\n <van-button square type=\"danger\" @click=\"delcost(i)\" text=\"删除\" />\r\n </template>\r\n </van-swipe-cell>\r\n </div>\r\n </van-checkbox-group>\r\n </van-list>\r\n </van-pull-refresh>\r\n\r\n <div class=\"fxboex accbtm\">\r\n <div class=\"conx\">\r\n <van-checkbox v-model=\"ischkAll\" shape=\"square\" checked-color=\"#f4882a\" icon-size=\"18px\">全选</van-checkbox>\r\n <button @click=\"delcostpl\">删除</button>\r\n <span class=\"seleng\" v-if=\"ids.length\">已选择<b>{{ids.length}}</b>场</span>\r\n </div>\r\n </div>\r\n </template>\r\n <van-empty description=\"没有记录~\" v-else/>\r\n </template>\r\n\r\n </div>\r\n </div>\r\n\r\n<!-- <van-calendar v-model=\"showCalendar\" :show-confirm=\"false\" color=\"#f4882a\" @confirm=\"onGetCostDate\" formatter=\"month\"/>-->\r\n <van-popup position=\"bottom\" v-model=\"showCalendar\">\r\n <van-datetime-picker\r\n v-model=\"currentDate\"\r\n type=\"year-month\"\r\n title=\"选择年月\"\r\n :min-date=\"minDate\"\r\n :max-date=\"maxDate\"\r\n @confirm=\"onConfirmDate\"\r\n @cancel=\"onCancelDate\"\r\n />\r\n </van-popup>\r\n\r\n <!-- :formatter=\"formatter\"-->\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import '../../assets/css/user.css'\r\n import Title from '../public/title'\r\n export default {\r\n name: \"cost\",\r\n components: {\r\n Title\r\n },\r\n data (){\r\n let vm = this\r\n return {\r\n list: [],\r\n blane: [0, 0],\r\n tabs: ['全部', '充值', '订阅', '签到', '返还'],\r\n tab_active: 0,\r\n page: 1,\r\n ft: 0,\r\n isInit: true,\r\n isRefresh: false,\r\n isLoading: false,\r\n isLoadingError: false,\r\n isFinished: false,\r\n isError: false,\r\n defaultDate: new Date(),\r\n\r\n ids: [],\r\n ischkAll: false,\r\n\r\n showCalendar: false,\r\n minDate: new Date(2020, 0, 1),\r\n maxDate: new Date(),\r\n currentDate: new Date(),\r\n dateText: vm.formatter(new Date()),\r\n dateVal: '',\r\n }\r\n },\r\n watch: {\r\n '$route': {\r\n handler: function (v) {\r\n if(v.name === 'mycost') {\r\n this.ischkAll = false\r\n this.ids = []\r\n }\r\n }\r\n },\r\n tab_active(i){\r\n this.ft = i\r\n // this.dateVal = ''\r\n // this.dateText = this.formatter(new Date())\r\n this.page = 1\r\n // this.isRefresh = true\r\n this.isFinished = false\r\n this.isError = false\r\n this.$backTop()\r\n this.getdata()\r\n },\r\n ischkAll(v){\r\n let that = this\r\n that.ids = []\r\n if(v){\r\n that.ids = []\r\n that.list.forEach(function (c) {\r\n that.ids.push(c.cid)\r\n })\r\n }\r\n },\r\n list(v){\r\n let that = this\r\n let tmplist = []\r\n v.forEach(function(c){\r\n tmplist.push(c.cid)\r\n })\r\n that.ids.forEach(function (k, i) {\r\n if(tmplist.indexOf(k) === -1){\r\n that.ids.splice(i, 1)\r\n }\r\n })\r\n }\r\n },\r\n activated() {\r\n let that = this\r\n that.getdata()\r\n },\r\n methods: {\r\n formatter(time, type=1) {\r\n let year = time.getFullYear()\r\n let month = time.getMonth() + 1\r\n if(type === 1)\r\n return year + '年' + month + '月'\r\n else\r\n return year + '-' + month\r\n },\r\n selectDate(){\r\n this.showCalendar = true\r\n },\r\n onConfirmDate(v){\r\n // console.log(v)\r\n this.dateText = this.formatter(v)\r\n this.dateVal = this.formatter(v, 2)\r\n this.onCancelDate()\r\n this.$toast.loading({message: '请稍后...', duration: 0, forbidClick: true})\r\n // this.page = 1\r\n // this.isInit = true\r\n this.onRefresh()\r\n },\r\n onCancelDate(){\r\n this.showCalendar = false\r\n },\r\n\r\n // formatDate(date) {\r\n // return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;\r\n // },\r\n // onGetCostDate(v){\r\n // console.log(v)\r\n // this.showCalendar = false\r\n // },\r\n\r\n onRefresh(){\r\n let that = this\r\n this.page = 1\r\n this.isLoading = false\r\n this.isFinished = false\r\n this.isError = false\r\n setTimeout(function () {\r\n that.getdata()\r\n }, 100)\r\n },\r\n onLoadMore(){\r\n let that = this\r\n if(!that.isLoadingError)\r\n that.page++\r\n that.getdata()\r\n },\r\n getdata(){\r\n let that = this\r\n this.$get(that.$api.member_cost, {ft: that.ft, page: that.page, tm: that.dateVal}).then(function (res) {\r\n that.$toast.clear()\r\n if(res.code === 1) {\r\n if(that.page === 1){\r\n that.list = []\r\n // that.$backTop()\r\n }\r\n let blanes = res.data.blane\r\n that.blane = blanes\r\n let tmplist = res.data.list\r\n if(tmplist.length > 0) {\r\n if (that.isRefresh) {\r\n that.list = tmplist\r\n } else {\r\n that.list = that.list.concat(tmplist)\r\n }\r\n }\r\n else{\r\n that.isFinished = true\r\n }\r\n that.isInit = false\r\n }\r\n else{\r\n that.isError = true\r\n }\r\n })\r\n .catch(function () {\r\n that.isError = true\r\n that.isLoadingError = true\r\n })\r\n .finally(function () {\r\n that.isRefresh = false\r\n that.isLoading = false\r\n })\r\n },\r\n delcost(i){\r\n // console.log(i)\r\n let that = this\r\n that.$dialog.confirm({\r\n title: '确认',\r\n message: '确定删除吗？',\r\n }).then( () => {\r\n let id = that.list[i].cid\r\n that.$post(that.$api.member_cost_delete, {id: id}).then(function (res) {\r\n if(res.code === 1){\r\n that.$toast.success(res.msg)\r\n that.list.splice(i, 1)\r\n }\r\n })\r\n }).catch(()=>{})\r\n\r\n },\r\n delcostpl(){\r\n // console.log(this.ids)\r\n let that = this\r\n if(this.ids.length===0){\r\n this.$toast('请选择一项')\r\n return\r\n }\r\n that.$dialog.confirm({\r\n title: '确认',\r\n message: '确定删除选择项吗？',\r\n }).then( () => {\r\n that.$post(that.$api.member_cost_action, {ids: that.ids.join(',')}).then(function (res) {\r\n // console.log(res)\r\n if(res.code === 1){\r\n that.$toast.success(res.msg)\r\n\r\n //页面删除选中项\r\n let del_item_list = []\r\n that.list.forEach(function (c, i) {\r\n if(that.ids.indexOf(c.cid) > -1)\r\n del_item_list.push(i)\r\n })\r\n del_item_list.reverse().forEach(function (c) {\r\n that.list.splice(c, 1)\r\n })\r\n that.ids = []\r\n }\r\n })\r\n }).catch(()=>{})\r\n },\r\n },\r\n }\r\n</script>\r\n\r\n<style scoped>\r\n.accbox{margin-bottom: 50px;}\r\n.van-pull-refresh{min-height: calc(100vh - 200px);}\r\n.van-cell{padding:0;}\r\n.van-button{height:100%;}\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!./cost.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!./cost.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./cost.vue?vue&type=template&id=2751d95a&scoped=true&\"\nimport script from \"./cost.vue?vue&type=script&lang=js&\"\nexport * from \"./cost.vue?vue&type=script&lang=js&\"\nimport style0 from \"./cost.vue?vue&type=style&index=0&id=2751d95a&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 \"2751d95a\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Title',{attrs:{\"title\":\"在线充值\",\"path\":\"/my\"}}),(_vm.showZFB || _vm.showWX)?[_c('div',{staticClass:\"paybox\"},[_vm._m(0),_c('div',{staticClass:\"zfbpnl zfbpnlp1\"},[_c('div',{staticClass:\"zfbbx\"},[_c('div',{staticClass:\"tit\"},[_vm._v(\"选择方式\")]),_c('ul',[(_vm.showZFB)?_c('li',[_c('span',{class:_vm.zftype===1?'payt paytem':'payt',attrs:{\"data-type\":\"1\"},on:{\"click\":function($event){return _vm.changePayType(1)}}},[_c('i',{staticClass:\"zfb\"}),_vm._v(\"支付宝 \"),_vm._m(1)])]):_vm._e(),(_vm.showWX)?_c('li',[_c('span',{class:_vm.zftype===2?'payt paytem':'payt',attrs:{\"data-type\":\"2\"},on:{\"click\":function($event){return _vm.changePayType(2)}}},[_c('i',{staticClass:\"wx\"}),_vm._v(\"微信 \"),_vm._m(2)])]):_vm._e()])]),_c('div',{staticClass:\"zfbbx\"},[_c('div',{staticClass:\"tit\"},[_vm._v(\"选择金额\")]),_c('ul',[_c('li',[_c('span',{class:['amt amtn amtm', _vm.zfsel===1?' amtsel':''],attrs:{\"data-amt\":\"500\"},on:{\"click\":function($event){return _vm.changePayAmt(1, 500)}}},[_vm._v(\"500元 \"),_vm._m(3)])]),_c('li',[_c('span',{class:['amt amtm', _vm.zfsel===2?' amtsel':''],attrs:{\"data-amt\":\"1000\"},on:{\"click\":function($event){return _vm.changePayAmt(2, 1000)}}},[_vm._v(\"1000元\"),_vm._m(4),_vm._m(5)])]),_c('li',[_c('span',{class:['amt amtm', _vm.zfsel===3?' amtsel':''],attrs:{\"data-amt\":\"2000\"},on:{\"click\":function($event){return _vm.changePayAmt(3, 2000)}}},[_vm._v(\"2000元\"),_vm._m(6),_vm._m(7)])]),_c('li',[_c('span',{class:['amt amtm', _vm.zfsel===4?' amtsel':''],attrs:{\"data-amt\":\"3000\"},on:{\"click\":function($event){return _vm.changePayAmt(4, 3000)}}},[_vm._v(\"3000元\"),_vm._m(8),_vm._m(9)])]),_c('li',[_c('div',{staticClass:\"zdy\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.zfamt),expression:\"zfamt\"}],attrs:{\"type\":\"number\",\"min\":\"1\",\"max\":\"3000\",\"placeholder\":\"自定义金额\"},domProps:{\"value\":(_vm.zfamt)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.zfamt=$event.target.value},_vm.changeAmt]}})])])])]),_c('div',{staticClass:\"zfbbx\"},[_c('div',{staticClass:\"tit\"},[_vm._v(\"预计到账\")]),_c('div',{staticClass:\"sjdz\"},[_c('div',{staticClass:\"dian\"},[_c('span',[_vm._v(_vm._s(_vm.sjamt))]),_c('em',[_vm._v(\"FXB\")])]),(_vm.zsamt>0)?_c('div',{staticClass:\"jifn\",attrs:{\"id\":\"sjjfsp\"}},[_vm._v(\"+ \"),_c('span',{attrs:{\"id\":\"sjjfnum\"}},[_vm._v(_vm._s(_vm.zsamt))]),_c('em',[_vm._v(\"积分\")])]):_vm._e()]),_c('button',{staticClass:\"zfbpay\",on:{\"click\":_vm.getThrPay}},[_vm._v(\"确认支付\")])])]),_vm._m(10)])]:_vm._e(),_c('div',{staticClass:\"paybox\"},[_vm._m(11),_vm._m(12),_c('div',{staticClass:\"banktips banktips2\"},[_c('div',{staticClass:\"tit\"},[_vm._v(\"温馨提示\")]),_vm._m(13),_c('p',[_vm._v(\"2.推荐使用支付宝、微信支付在线充值，在线充值成功后，系统会自动为您即时增加额度，快速便捷，无需等待。\")]),_c('p',[_vm._v(\"3.凡一次性充满1000元及以上，额外赠送10%积分，多充多送。\")]),_c('p',[_vm._v(\"4.为便于识别汇款人，汇款时请多汇几分钱，比如充值1000元，可以汇1000.09、1000.22。\")]),_c('p',[_vm._v(\"5.银行汇款后请在第一时间联系我们，电话：\"),_c('b',[_vm._v(_vm._s(_vm.tel))])])])]),(_vm.usdt)?_c('van-popup',{attrs:{\"position\":\"bottom\",\"duration\":.1},on:{\"click-overlay\":_vm.close},model:{value:(_vm.showPopup),callback:function ($$v) {_vm.showPopup=$$v},expression:\"showPopup\"}},[_c('div',{staticClass:\"fxconfdialog_bx fxconfdialog_usdt\"},[_c('h2',[_c('span',[_vm._v(\"USDT充值\")]),_c('i',{on:{\"click\":_vm.close}})]),_c('div',{staticClass:\"fxconfdialog_cn\"},[_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":_vm.usdt.imgurl}})]),_c('div',{staticClass:\"rgn\"},[_c('div',{staticClass:\"usdt\"},[_vm._v(\"USDT | 波场TRON\")]),_c('div',{staticClass:\"rate\"},[_c('em',[_vm._v(\"当前汇率：\")]),_vm._v(\"1USDT = \"),_c('span',[_vm._v(_vm._s(_vm.usdt.rate)),_c('b',[_vm._v(\"FXB\")])])]),_c('p',[_vm._v(\"请扫码充值\")])])]),_c('div',{staticClass:\"tips\"},[_vm._v(\"注意：务必使用波场TRC20公链USDT地址进行充值\"),_c('br'),_vm._v(\"否则无法找回概不负责！\")]),_c('div',{staticClass:\"addr\"},[_c('div',[_vm._v(_vm._s(_vm.usdt.address))]),_c('button',{attrs:{\"data-clipboard-text\":_vm.usdt.address,\"id\":\"usdtaddress\"},on:{\"click\":_vm.copy}},[_vm._v(\"复制\"),_c('span',[_vm._v(\"地址\")])])]),_c('div',{staticClass:\"tx\"},[_c('div',[_vm._v(\"充值说明\")]),_c('p',[_vm._v(\"如您充值100USDT，将到账\"),_c('b',[_vm._v(_vm._s(_vm.usdt.rate * 100))]),_c('em',[_vm._v(\"FXB\")])]),_c('p',[_vm._v(\"建议每次先充值1USDT，成功后再进行大额充值。\")]),_c('p',[_vm._v(\"充值成功后10-15分钟到账，如未到账请联系客服。\")])])])])]):_vm._e(),(_vm.ThrPayInfo)?_c('van-popup',{attrs:{\"position\":\"bottom\",\"duration\":.1},on:{\"click-overlay\":_vm.close},model:{value:(_vm.showThrPopup),callback:function ($$v) {_vm.showThrPopup=$$v},expression:\"showThrPopup\"}},[_c('div',{staticClass:\"fxpoplogin\"},[_c('h2',[_c('span',[_vm._v(\"扫码支付\")]),_c('i',{on:{\"click\":_vm.closeThr}})]),_c('div',{staticClass:\"fxpoplogin-con fxpay-con\"},[_c('div',{staticClass:\"amt\"},[_vm._v(\"支付\"),_c('span',[_vm._v(_vm._s(_vm.sjamt))]),_vm._v(\"元\")]),_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":_vm.ThrPayInfo.code_url}})]),(_vm.zftype===1)?_c('div',{staticClass:\"dsc\"},[_vm._v(\"使用\"),_c('span',{staticClass:\"zfb\"},[_vm._v(\"支付宝\")]),_vm._v(\"扫一扫支付\")]):_c('div',{staticClass:\"dsc\"},[_vm._v(\"使用\"),_c('span',{staticClass:\"wx\"},[_vm._v(\"微信\")]),_vm._v(\"扫一扫支付\")])])])]):_vm._e()],2)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"paytit\"},[_c('i'),_c('em',{staticClass:\"wechat\"}),_vm._v(\"即时充值\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"icc\"},[_c('span',{staticClass:\"tu\"}),_c('span',{staticClass:\"bg\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"icc\"},[_c('span',{staticClass:\"tu\"}),_c('span',{staticClass:\"bg\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"icc\"},[_c('span',{staticClass:\"tu\"}),_c('span',{staticClass:\"bg\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('em',[_vm._v(\"赠送\"),_c('b',[_vm._v(\"100\")]),_c('i',[_vm._v(\"积分\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"icc\"},[_c('span',{staticClass:\"tu\"}),_c('span',{staticClass:\"bg\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('em',[_vm._v(\"赠送\"),_c('b',[_vm._v(\"200\")]),_c('i',[_vm._v(\"积分\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"icc\"},[_c('span',{staticClass:\"tu\"}),_c('span',{staticClass:\"bg\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('em',[_vm._v(\"赠送\"),_c('b',[_vm._v(\"450\")]),_c('i',[_vm._v(\"积分\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"icc\"},[_c('span',{staticClass:\"tu\"}),_c('span',{staticClass:\"bg\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"banktips banktips2\"},[_c('div',{staticClass:\"tit\"},[_vm._v(\"充值说明\")]),_c('p',[_vm._v(\"1.充值比例\"),_c('b',[_vm._v(\"1元=1\"),_c('em',[_vm._v(\"FXB\")])]),_vm._v(\"，1积分可抵扣1FXB。\")]),_c('p',[_vm._v(\"2.支付宝/微信充值限额为1-3000元。\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"paytit\"},[_c('i'),_vm._v(\"转账汇款\"),_c('p',[_vm._v(\"向客服索取账号，汇款时请多汇点零头，以方便确认\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"paybank\"},[_c('div',{staticClass:\"bankpic\"},[_c('ul',[_c('li',[_c('div',[_c('img',{attrs:{\"src\":require(\"../../assets/images/bank/bankccb.gif\")}})])]),_c('li',[_c('div',[_c('img',{attrs:{\"src\":require(\"../../assets/images/bank/bankicbc.gif\")}})])]),_c('li',[_c('div',[_c('img',{attrs:{\"src\":require(\"../../assets/images/bank/bankabc.gif\")}})])]),_c('li',[_c('div',{staticClass:\"pal\"},[_c('img',{attrs:{\"src\":require(\"../../assets/images/bank/paypal.png\")}})])])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[_vm._v(\"1.充值比例\"),_c('b',[_vm._v(\"1元=1\"),_c('em',[_vm._v(\"FXB\")])]),_vm._v(\"，1积分可抵扣1FXB。\")])}]\n\nexport { render, staticRenderFns }","<template>\r\n <div>\r\n <Title title=\"在线充值\" path=\"/my\"/>\r\n\r\n<!-- <div class=\"paybox\">-->\r\n<!-- <div class=\"paytit\"><i></i>数字货币（USDT）</div>-->\r\n<!-- <div class=\"payusdt\">-->\r\n<!-- <span><i/>USDT</span>-->\r\n<!-- <button type=\"button\" @click=\"getusdt\">获取充值地址</button>-->\r\n<!-- </div>-->\r\n<!-- <div class=\"payusdt-tips\">注意：务必使用波场TRC20公链USDT地址进行充值，否则无法找回概不负责！</div>-->\r\n<!-- <div class=\"banktips\">-->\r\n<!-- <div class=\"tit\">USDT充值优惠活动</div>-->\r\n<!-- <p class=\"t\">1、单次充值满<b>200</b> USDT送<b>10%</b></p>-->\r\n<!-- <p>例：充值200 USDT*6.4 (汇率)=1280元，预计到账 1280<em>FXB</em>+128<em>积分</em> (汇率按国际行情实时变化)；</p>-->\r\n<!-- <p class=\"t\">2、单次充值满<b>500</b> USDT送<b>15%</b></p>-->\r\n<!-- <p>例：充值500 USDT*6.4 (汇率)=3200元，预计到账 3200<em>FXB</em>+480<em>积分</em> (汇率按国际行情实时变化)；</p>-->\r\n<!-- <p class=\"t\">3、单次充值满<b>1000</b> USDT（或以上）送<b>20%</b></p>-->\r\n<!-- <p>例：充值1000 USDT*6.4 (汇率)=6400元，预计到账 6400<em>FXB</em>+1280<em>积分</em> (汇率按国际行情实时变化)；</p>-->\r\n<!-- </div>-->\r\n<!-- </div>-->\r\n\r\n<!-- <template v-if=\"showPay || isWhite\">-->\r\n <template v-if=\"showZFB || showWX\">\r\n <div class=\"paybox\">\r\n <div class=\"paytit\"><i></i><em class=\"wechat\"></em>即时充值</div>\r\n <div class=\"zfbpnl zfbpnlp1\">\r\n <div class=\"zfbbx\">\r\n <div class=\"tit\">选择方式</div>\r\n<!-- <ul>-->\r\n<!-- <li v-if=\"white_zfb\">-->\r\n<!-- <span data-type=\"1\" :class=\"zftype===1?'payt paytem':'payt'\" @click=\"changePayType(1)\"><i class='zfb'></i>支付宝-->\r\n<!-- <div class=\"icc\"><span class=\"tu\"></span><span class=\"bg\"></span></div>-->\r\n<!-- </span></li>-->\r\n<!-- <li v-if=\"white_wx\">-->\r\n<!-- <span data-type=\"2\" :class=\"zftype===2?'payt paytem':'payt'\" @click=\"changePayType(2)\"><i class='wx'></i>微信-->\r\n<!-- <div class=\"icc\"><span class=\"tu\"></span><span class=\"bg\"></span></div></span></li>-->\r\n\r\n<!--<!– <li>–>-->\r\n<!--<!– <span data-type=\"1\" :class=\"zftype===1?'payt paytem':'payt'\" @click=\"changePayType(1)\"><i class='zfb'></i>支付宝–>-->\r\n<!--<!– <div class=\"icc\"><span class=\"tu\"></span><span class=\"bg\"></span></div>–>-->\r\n<!--<!– </span></li>–>-->\r\n<!-- </ul>-->\r\n <ul>\r\n <li v-if=\"showZFB\">\r\n <span data-type=\"1\" :class=\"zftype===1?'payt paytem':'payt'\" @click=\"changePayType(1)\"><i class='zfb'></i>支付宝\r\n <div class=\"icc\"><span class=\"tu\"></span><span class=\"bg\"></span></div>\r\n </span></li>\r\n <li v-if=\"showWX\">\r\n <span data-type=\"2\" :class=\"zftype===2?'payt paytem':'payt'\" @click=\"changePayType(2)\"><i class='wx'></i>微信\r\n <div class=\"icc\"><span class=\"tu\"></span><span class=\"bg\"></span></div></span></li>\r\n </ul>\r\n </div>\r\n <div class=\"zfbbx\">\r\n <div class=\"tit\">选择金额</div>\r\n <ul>\r\n <li>\r\n <span data-amt=\"500\" :class=\"['amt amtn amtm', zfsel===1?' amtsel':'']\" @click=\"changePayAmt(1, 500)\">500元\r\n <div class=\"icc\"><span class=\"tu\"></span><span class=\"bg\"></span></div>\r\n </span></li>\r\n <li>\r\n <span data-amt=\"1000\" :class=\"['amt amtm', zfsel===2?' amtsel':'']\" @click=\"changePayAmt(2, 1000)\">1000元<em>赠送<b>100</b><i>积分</i></em>\r\n <div class=\"icc\"><span class=\"tu\"></span><span class=\"bg\"></span></div></span></li>\r\n <li>\r\n <span data-amt=\"2000\" :class=\"['amt amtm', zfsel===3?' amtsel':'']\" @click=\"changePayAmt(3, 2000)\">2000元<em>赠送<b>200</b><i>积分</i></em>\r\n <div class=\"icc\"><span class=\"tu\"></span><span class=\"bg\"></span></div></span></li>\r\n <li>\r\n <span data-amt=\"3000\" :class=\"['amt amtm', zfsel===4?' amtsel':'']\" @click=\"changePayAmt(4, 3000)\">3000元<em>赠送<b>450</b><i>积分</i></em>\r\n <div class=\"icc\"><span class=\"tu\"></span><span class=\"bg\"></span></div></span></li>\r\n <li>\r\n <div class=\"zdy\">\r\n <input type=\"number\" min=\"1\" max=\"3000\" v-model=\"zfamt\" @input=\"changeAmt\" placeholder=\"自定义金额\"/>\r\n<!-- <span>元</span>-->\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"zfbbx\">\r\n <div class=\"tit\">预计到账</div>\r\n <div class=\"sjdz\">\r\n <div class=\"dian\"><span>{{sjamt}}</span><em>FXB</em></div>\r\n <div class=\"jifn\" id=\"sjjfsp\" v-if=\"zsamt>0\">+ <span id=\"sjjfnum\">{{zsamt}}</span><em>积分</em></div>\r\n </div>\r\n <button class=\"zfbpay\" @click=\"getThrPay\">确认支付</button>\r\n </div>\r\n </div>\r\n <div class=\"banktips banktips2\">\r\n <div class=\"tit\">充值说明</div>\r\n <p>1.充值比例<b>1元=1<em>FXB</em></b>，1积分可抵扣1FXB。</p>\r\n <p>2.支付宝/微信充值限额为1-3000元。</p>\r\n </div>\r\n </div>\r\n </template>\r\n<!-- </template>-->\r\n\r\n <div class=\"paybox\">\r\n <div class=\"paytit\"><i></i>转账汇款<p>向客服索取账号，汇款时请多汇点零头，以方便确认</p></div>\r\n <div class=\"paybank\">\r\n <div class=\"bankpic\">\r\n <ul>\r\n <li><div><img src=\"../../assets/images/bank/bankccb.gif\"/></div></li>\r\n <li><div><img src=\"../../assets/images/bank/bankicbc.gif\"/></div></li>\r\n <li><div><img src=\"../../assets/images/bank/bankabc.gif\"/></div></li>\r\n <li><div class=\"pal\"><img src=\"../../assets/images/bank/paypal.png\"/></div></li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div class=\"banktips banktips2\">\r\n <div class=\"tit\">温馨提示</div>\r\n <p>1.充值比例<b>1元=1<em>FXB</em></b>，1积分可抵扣1FXB。</p>\r\n <p>2.推荐使用支付宝、微信支付在线充值，在线充值成功后，系统会自动为您即时增加额度，快速便捷，无需等待。</p>\r\n <p>3.凡一次性充满1000元及以上，额外赠送10%积分，多充多送。</p>\r\n <p>4.为便于识别汇款人，汇款时请多汇几分钱，比如充值1000元，可以汇1000.09、1000.22。</p>\r\n <p>5.银行汇款后请在第一时间联系我们，电话：<b>{{tel}}</b></p>\r\n </div>\r\n </div>\r\n\r\n <van-popup position=\"bottom\" v-model=\"showPopup\" @click-overlay='close' :duration=\".1\" v-if=\"usdt\">\r\n <div class=\"fxconfdialog_bx fxconfdialog_usdt\">\r\n <h2>\r\n <span>USDT充值</span>\r\n <i @click=\"close\"></i>\r\n </h2>\r\n <div class=\"fxconfdialog_cn\">\r\n <div class=\"info\">\r\n <div class=\"img\">\r\n <img :src=\"usdt.imgurl\">\r\n </div>\r\n <div class=\"rgn\">\r\n <div class=\"usdt\">USDT | 波场TRON</div>\r\n <div class=\"rate\"><em>当前汇率：</em>1USDT = <span>{{ usdt.rate }}<b>FXB</b></span></div>\r\n <p>请扫码充值</p>\r\n </div>\r\n </div>\r\n <div class=\"tips\">注意：务必使用波场TRC20公链USDT地址进行充值<br/>否则无法找回概不负责！</div>\r\n <div class=\"addr\">\r\n <div>{{ usdt.address }}</div>\r\n <button :data-clipboard-text=\"usdt.address\" id=\"usdtaddress\" @click=\"copy\">复制<span>地址</span></button>\r\n </div>\r\n <div class=\"tx\">\r\n <div>充值说明</div>\r\n <p>如您充值100USDT，将到账<b>{{ usdt.rate * 100 }}</b><em>FXB</em></p>\r\n <p>建议每次先充值1USDT，成功后再进行大额充值。</p>\r\n <p>充值成功后10-15分钟到账，如未到账请联系客服。</p>\r\n </div>\r\n </div>\r\n </div>\r\n </van-popup>\r\n\r\n <van-popup position=\"bottom\" v-model=\"showThrPopup\" @click-overlay='close' :duration=\".1\" v-if=\"ThrPayInfo\">\r\n <div class=\"fxpoplogin\">\r\n <h2>\r\n <span>扫码支付</span>\r\n <i @click=\"closeThr\"></i>\r\n </h2>\r\n <div class=\"fxpoplogin-con fxpay-con\">\r\n <div class=\"amt\">支付<span>{{sjamt}}</span>元</div>\r\n <div class=\"img\"><img :src=\"ThrPayInfo.code_url\"/></div>\r\n <div class=\"dsc\" v-if=\"zftype===1\">使用<span class=\"zfb\">支付宝</span>扫一扫支付</div>\r\n <div class=\"dsc\" v-else>使用<span class=\"wx\">微信</span>扫一扫支付</div>\r\n </div>\r\n </div>\r\n\r\n </van-popup>\r\n\r\n\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import '../../assets/css/user.css'\r\n import Title from '../public/title'\r\n import Clipboard from 'clipboard'\r\n export default {\r\n name: \"recharge\",\r\n components: {\r\n Title\r\n },\r\n data (){\r\n return {\r\n tel: this.$getContactTel(),\r\n showPopup: false,\r\n usdt: null,\r\n showPay: false,\r\n showZFB: false,\r\n showWX: false,\r\n isWhite: false,\r\n white_wx: false,\r\n white_zfb: false,\r\n\r\n zftype: 1,\r\n zfsel: 3,\r\n zfamt: '',\r\n sjamt: 2000,\r\n zsamt: 200,\r\n showThrPopup: false,\r\n ThrPayInfo: null,\r\n timer: null,\r\n payTimeout: 60*3 //支付超时 3分钟\r\n }\r\n },\r\n watch: {\r\n\r\n },\r\n activated() {\r\n let that = this\r\n this.$post(that.$api.member_payInfo, {url: window.location.href}).then(function (res) {\r\n if(res.code === 1){\r\n // that.showPay = res.data.showPay\r\n // that.isWhite = res.data.isWhite\r\n that.showZFB = res.data.showzfb\r\n that.showWX = res.data.showwx\r\n // that.white_wx = res.data.white_wx\r\n // that.white_zfb = res.data.white_zfb\r\n // if(that.isWhite === true){\r\n // that.zftype = 1\r\n // if(that.white_zfb === false && that.white_wx === true)\r\n // that.zftype = 2\r\n // }\r\n // else\r\n if(that.showZFB)\r\n that.zftype = 1\r\n else if(that.showWX)\r\n that.zftype = 2\r\n }\r\n })\r\n },\r\n deactivated() {\r\n let that = this\r\n clearInterval(that.timer)\r\n that.timer = null\r\n },\r\n methods: {\r\n close(){\r\n this.showPopup = false\r\n },\r\n getusdt(){\r\n let that = this\r\n that.$post(that.$api.member_getusdt).then(function (res) {\r\n if (res.code === 1) {\r\n that.showPopup = true\r\n that.usdt = res.data\r\n }\r\n })\r\n },\r\n copy(){\r\n let that = this\r\n let clipboard = new Clipboard('#usdtaddress');\r\n clipboard.on('success', function(e) {\r\n that.$toast.success('复制成功!')\r\n e.clearSelection()\r\n })\r\n clipboard.on('error', function() {\r\n that.$toast.fail('请选择“拷贝”进行复制!')\r\n })\r\n },\r\n closeThr(){\r\n let that = this\r\n that.showThrPopup = false\r\n clearInterval(that.timer)\r\n that.timer = null\r\n },\r\n changePayAmt(t, amt, s=true){\r\n this.zfsel = t\r\n if(s)\r\n this.zfamt = ''\r\n let zs = 0\r\n if(amt>=1000&&amt<3000)\r\n zs = parseInt(amt*0.1)\r\n else if(amt>=3000)\r\n zs = parseInt(amt*0.15)\r\n\r\n this.sjamt = amt\r\n this.zsamt = zs\r\n },\r\n changeAmt(e){\r\n // console.log(e.currentTarget.value)\r\n if(e.currentTarget.value === '')\r\n this.sjamt = 0\r\n else\r\n this.sjamt = e.currentTarget.value\r\n this.changePayAmt(this.zfsel, this.sjamt, false)\r\n },\r\n changePayType(i){\r\n this.zftype = i\r\n },\r\n getThrPay(){\r\n let that = this\r\n if(that.sjamt === 0) return\r\n if(that.sjamt < 0 || that.sjamt > 3000) {\r\n that.$toast('支付金额1-3000元')\r\n return\r\n }\r\n that.$post(that.$api.member_getpaytre, {type: that.zftype, amt: that.sjamt}).then(function (res) {\r\n if (res.code === 1) {\r\n that.showThrPopup = true\r\n that.ThrPayInfo = res.data\r\n let order_no = res.data.order_no\r\n //循环读取订单状态\r\n let timeout = 0\r\n that.timer = setInterval(function () {\r\n timeout += 8\r\n //支付超时 关闭\r\n if(timeout>=that.payTimeout){\r\n clearInterval(that.timer)\r\n that.showThrPopup = false\r\n that.ThrPayInfo = null\r\n return\r\n }\r\n that.$post(false, that.$api.member_getpaytre_status, {trade_no: order_no}).then(function (res) {\r\n if(res.code === 10) {\r\n clearInterval(that.timer)\r\n that.showThrPopup = false\r\n that.ThrPayInfo = null\r\n that.$toast.success('支付成功')\r\n }\r\n })\r\n\r\n }, 1000 * 8)\r\n }\r\n else{\r\n that.$toast.fail('请求失败，请稍后再试')\r\n }\r\n })\r\n }\r\n },\r\n }\r\n</script>\r\n\r\n<style scoped>\r\n\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!./recharge.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!./recharge.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./recharge.vue?vue&type=template&id=9e11a42e&scoped=true&\"\nimport script from \"./recharge.vue?vue&type=script&lang=js&\"\nexport * from \"./recharge.vue?vue&type=script&lang=js&\"\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 \"9e11a42e\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"help\"},[_c('Title',{attrs:{\"title\":\"帮助中心\",\"path\":\"/my\"}}),_c('div',{staticClass:\"fxboex abfxnav\"},[_c('van-tabs',{model:{value:(_vm.nav_active),callback:function ($$v) {_vm.nav_active=$$v},expression:\"nav_active\"}},_vm._l((_vm.navs),function(c,i){return _c('van-tab',{key:i,attrs:{\"title\":c}})}),1)],1),_vm._m(0)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"helpcon\"},[_c('div',{staticClass:\"helpitem\",attrs:{\"id\":\"help1\"}},[_c('div',{staticClass:\"helpitem-con helplc\"},[_c('h3',[_c('span',[_vm._v(\"消费流程\")])]),_c('div',[_c('p',{staticClass:\"fB\"},[_vm._v(\"1. \"),_c('a',{attrs:{\"href\":\"/register\"}},[_vm._v(\"注册\")]),_vm._v(\"成为烽行体育会员（会员可优先查看免费单场贴士）。\")]),_c('p',{staticClass:\"fB\"},[_vm._v(\"2. 登陆平台会员区进入“在线充值”页面中获取充值端口，充值金额后获得相应的FXB(烽行币)。\")]),_c('p',{staticClass:\"fB\"},[_vm._v(\"3. 进入专家预测列表，选择需要订阅的赛事预测。\")]),_c('p',{staticClass:\"fB\"},[_vm._v(\"4. 确定好需要订阅的赛事预测，按照所显示的价格，点击\\\"订阅\\\"或\\\"查看\\\"，确认提示，系统自动扣除会员相应FXB烽行币，即可查看预测的内容。（请确保足够点数订阅本场预测，提前充值好FXB烽行币）\")])])])]),_c('div',{staticClass:\"helpitem\",attrs:{\"id\":\"help2\"}},[_c('div',{staticClass:\"helpitem-con helpds\"},[_c('h3',[_c('span',[_vm._v(\"什么是FXB？\")])]),_c('div',[_vm._v(\" FXB是本平台专用代币，称“烽行币”用于订阅专家预测收费项目，充值比例\"),_c('span',{staticClass:\"red\"},[_vm._v(\"1元＝1FXB\")]),_vm._v(\"。 \")])])]),_c('div',{staticClass:\"helpitem\",attrs:{\"id\":\"help3\"}},[_c('div',{staticClass:\"helpitem-con helpds\"},[_c('h3',[_c('span',[_vm._v(\"什么是积分？\")])]),_c('div',[_c('p',[_vm._v(\"积分是烽行体育对线上用户的一种奖励。根据用户的使用服务、签到、活跃度等情况，通过累计积分的方式推出的一项长期回馈计划。\")]),_c('p',[_c('span',{staticClass:\"red\"},[_vm._v(\"1积分\")]),_vm._v(\"可抵扣\"),_c('span',{staticClass:\"red\"},[_vm._v(\"1FXB\")]),_vm._v(\"。\")])])])]),_c('div',{staticClass:\"helpitem\",attrs:{\"id\":\"help4\"}},[_c('div',{staticClass:\"helpitem-con helpxx\"},[_c('h3',[_c('span',[_vm._v(\"不中返还，信心保证！\")])]),_c('div',[_c('p',[_vm._v(\"为保障用户订阅专家预测的权益，推出\\\"不中100%全额返还\\\"保障服务。\")]),_c('p',[_vm._v(\"如订阅某专家预测赛事中含有“不中100%返还”时，即可享受平台保障服务。\")]),_c('p',[_vm._v(\"当订阅专家预测赛事的结果为平、负或取消等情况时，平台将24小时内将对应金额返还到你的账户上，如超时未返还到账可以联系本站微信或电话客服。\")]),_c('p',[_vm._v(\"使用优惠券订阅专家预测的订单，若发生不中返还，订阅单个专家预测的优惠，按实际支付金额返还；订阅多个专家预测的优惠，按专家预测售价所占订单金额比例等额拆分实际支付金额进行返还。\")])])])]),_c('div',{staticClass:\"helpitem\",attrs:{\"id\":\"help5\"}},[_c('div',{staticClass:\"helpitem-con helpxx\"},[_c('h3',[_c('span',[_vm._v(\"什么是优惠券\")])]),_c('div',[_c('p',[_vm._v(\"一、什么是优惠券\")]),_c('p',[_vm._v(\"优惠券是本站通过线上活动、推广活动等形式发放给用户，用于减免支付金额的优惠措施。\")]),_c('p',[_vm._v(\"满减券是用来直接减免部分订单金额的优惠券。满减券的使用受订单总金额的限制。订单必须符合满减券的使用条件才可使用。\")]),_c('p',[_vm._v(\"比如：消费满500FXB减50FXB代金券，需要在订单金额中，消费金额大于等于500FXB时才可减免50FXB。\")]),_c('p'),_c('p',[_vm._v(\"温馨提示：\")]),_c('p',[_vm._v(\"加入购物车合并订单支付可使用大额优惠券，“优惠券”可以和“积分抵扣”同时使用。\")]),_c('p'),_c('p',[_vm._v(\"二、优惠券使用细则\")]),_c('p',[_vm._v(\"1、优惠券适用于在本站注册的个人会员;\")]),_c('p',[_vm._v(\"2、每张优惠券仅能使用一次，不能兑换现金，不找零，不退换；\")]),_c('p',[_vm._v(\"3、优惠券应在券面标示或系统显示的有效期内使用，过期作废;\")]),_c('p',[_vm._v(\"4、使用优惠券订阅专家预测的订单，若发生不中返还，订阅单个专家预测的优惠，按实际支付金额返还；订阅多个专家预测的优惠，按专家预测售价所占订单金额比例等额拆分实际支付金额进行返还。\")]),_c('p',[_vm._v(\"5、本规则由本站依据国家相关法律法规及规章制度予以解释。\")])])])]),_c('div',{staticClass:\"helpitem\",attrs:{\"id\":\"help6\"}},[_c('div',{staticClass:\"helpitem-con helpcz\"},[_c('h3',[_c('span',[_vm._v(\"充值方式\")])]),_c('div',[_c('p',[_vm._v(\"1.数字货币（USDT）在线充值实时到账\")]),_c('p',[_vm._v(\"2.支付宝、微信在线充值实时到账\")]),_c('p',[_vm._v(\"3.支付宝、微信、paypal转账\")]),_c('p',[_vm._v(\"4.银行汇款（支持建设、工商、农业等)\")])])])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n <div class=\"help\">\r\n <Title title=\"帮助中心\" path=\"/my\"/>\r\n <div class=\"fxboex abfxnav\">\r\n <van-tabs v-model=\"nav_active\">\r\n <van-tab v-for=\"(c, i) in navs\" :key=\"i\" :title=\"c\"/>\r\n </van-tabs>\r\n </div>\r\n\r\n<!-- <div class=\"fxboex abfxnav\">-->\r\n<!-- <div v-for=\"(c,i) in navs\" :key=\"i\" :class=\"nav_active===i?'curr':''\" @click=\"changeNav(i)\">{{c}}</div>-->\r\n<!-- </div>-->\r\n\r\n <div class=\"helpcon\">\r\n\r\n <div class=\"helpitem\" id=\"help1\">\r\n <div class=\"helpitem-con helplc\">\r\n <h3><span>消费流程</span></h3>\r\n <div>\r\n <p class=\"fB\">1. <a href=\"/register\">注册</a>成为烽行体育会员（会员可优先查看免费单场贴士）。</p>\r\n <p class=\"fB\">2. 登陆平台会员区进入“在线充值”页面中获取充值端口，充值金额后获得相应的FXB(烽行币)。</p>\r\n <p class=\"fB\">3. 进入专家预测列表，选择需要订阅的赛事预测。</p>\r\n <p class=\"fB\">4. 确定好需要订阅的赛事预测，按照所显示的价格，点击\"订阅\"或\"查看\"，确认提示，系统自动扣除会员相应FXB烽行币，即可查看预测的内容。（请确保足够点数订阅本场预测，提前充值好FXB烽行币）</p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"helpitem\" id=\"help2\">\r\n <div class=\"helpitem-con helpds\">\r\n <h3><span>什么是FXB？</span></h3>\r\n <div>\r\n FXB是本平台专用代币，称“烽行币”用于订阅专家预测收费项目，充值比例<span class=\"red\">1元＝1FXB</span>。\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"helpitem\" id=\"help3\">\r\n <div class=\"helpitem-con helpds\">\r\n <h3><span>什么是积分？</span></h3>\r\n <div>\r\n <p>积分是烽行体育对线上用户的一种奖励。根据用户的使用服务、签到、活跃度等情况，通过累计积分的方式推出的一项长期回馈计划。</p>\r\n <p><span class=\"red\">1积分</span>可抵扣<span class=\"red\">1FXB</span>。</p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"helpitem\" id=\"help4\">\r\n <div class=\"helpitem-con helpxx\">\r\n <h3><span>不中返还，信心保证！</span></h3>\r\n <div>\r\n <p>为保障用户订阅专家预测的权益，推出\"不中100%全额返还\"保障服务。</p>\r\n <p>如订阅某专家预测赛事中含有“不中100%返还”时，即可享受平台保障服务。</p>\r\n <p>当订阅专家预测赛事的结果为平、负或取消等情况时，平台将24小时内将对应金额返还到你的账户上，如超时未返还到账可以联系本站微信或电话客服。</p>\r\n <p>使用优惠券订阅专家预测的订单，若发生不中返还，订阅单个专家预测的优惠，按实际支付金额返还；订阅多个专家预测的优惠，按专家预测售价所占订单金额比例等额拆分实际支付金额进行返还。</p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"helpitem\" id=\"help5\">\r\n <div class=\"helpitem-con helpxx\">\r\n <h3><span>什么是优惠券</span></h3>\r\n <div>\r\n <p>一、什么是优惠券</p>\r\n <p>优惠券是本站通过线上活动、推广活动等形式发放给用户，用于减免支付金额的优惠措施。</p>\r\n <p>满减券是用来直接减免部分订单金额的优惠券。满减券的使用受订单总金额的限制。订单必须符合满减券的使用条件才可使用。</p>\r\n <p>比如：消费满500FXB减50FXB代金券，需要在订单金额中，消费金额大于等于500FXB时才可减免50FXB。</p>\r\n <p></p>\r\n <p>温馨提示：</p>\r\n <p>加入购物车合并订单支付可使用大额优惠券，“优惠券”可以和“积分抵扣”同时使用。</p>\r\n <p></p>\r\n <p>二、优惠券使用细则</p>\r\n <p>1、优惠券适用于在本站注册的个人会员;</p>\r\n <p>2、每张优惠券仅能使用一次，不能兑换现金，不找零，不退换；</p>\r\n <p>3、优惠券应在券面标示或系统显示的有效期内使用，过期作废;</p>\r\n <p>4、使用优惠券订阅专家预测的订单，若发生不中返还，订阅单个专家预测的优惠，按实际支付金额返还；订阅多个专家预测的优惠，按专家预测售价所占订单金额比例等额拆分实际支付金额进行返还。</p>\r\n <p>5、本规则由本站依据国家相关法律法规及规章制度予以解释。</p>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"helpitem\" id=\"help6\">\r\n <div class=\"helpitem-con helpcz\">\r\n <h3><span>充值方式</span></h3>\r\n <div>\r\n <p>1.数字货币（USDT）在线充值实时到账</p>\r\n <p>2.支付宝、微信在线充值实时到账</p>\r\n <p>3.支付宝、微信、paypal转账</p>\r\n <p>4.银行汇款（支持建设、工商、农业等)</p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import Title from '../public/title'\r\n export default {\r\n name: \"help\",\r\n components: {\r\n Title\r\n },\r\n data() {\r\n // let vm = this\r\n return {\r\n tel: this.$getContactTel(),\r\n navs: ['消费流程', '什么是FXB', '会员积分', '不中返还', '什么是优惠券', '充值方式'],\r\n nav_active: 0\r\n }\r\n },\r\n watch: {\r\n nav_active(i){\r\n let id = 'help'+(i+1)\r\n let elemnt = document.getElementById(id)\r\n document.querySelector('#help'+(i+1)).scrollIntoView({behavior: 'smooth'})\r\n window.scrollTo(0, elemnt.offsetTop - 95);\r\n }\r\n },\r\n activated() {\r\n // this.tel = this.$getContactTel()\r\n this.$backTop()\r\n },\r\n methods: {\r\n\r\n },\r\n }\r\n</script>\r\n\r\n<style scoped>\r\n/*.help{height:calc(100vh - 100px);overflow-y: auto;}*/\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!./help.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!./help.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./help.vue?vue&type=template&id=1cbafa33&scoped=true&\"\nimport script from \"./help.vue?vue&type=script&lang=js&\"\nexport * from \"./help.vue?vue&type=script&lang=js&\"\nimport style0 from \"./help.vue?vue&type=style&index=0&id=1cbafa33&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 \"1cbafa33\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Title',{attrs:{\"title\":\"关于我们\",\"path\":\"/my\"}}),_c('div',{staticClass:\"abbox\"},[_c('div',{staticClass:\"abnav\"},[_c('router-link',{staticClass:\"curr\",attrs:{\"to\":\"/about\"}},[_vm._v(\"关于我们\")]),_c('router-link',{attrs:{\"to\":\"/mianze\"}},[_vm._v(\"免责声明\")]),_c('router-link',{attrs:{\"to\":\"/treaty\"}},[_vm._v(\"用户协议\")]),_c('router-link',{attrs:{\"to\":\"/contact\"}},[_vm._v(\"联系我们\")])],1),_c('div',{staticClass:\"abright\"},[_c('div',{staticClass:\"abmain\"},[_c('img',{staticClass:\"banner\",attrs:{\"src\":_vm.banner}}),_c('div',{staticClass:\"con\"},[_vm._v(\" 烽行体育网站主要为众多彩民而打造的一款竞彩专家推荐为特色的足球、篮球赛事分析类平台。烽行体育专注为广大网友提供足球、篮球等体育界新闻资讯、即时比分、赛事推介等信息，满足广大用户对体育方面的资讯需求。 \")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div>\r\n <Title title=\"关于我们\" path=\"/my\"/>\r\n\r\n <div class=\"abbox\">\r\n <div class=\"abnav\">\r\n <router-link to=\"/about\" class=\"curr\">关于我们</router-link>\r\n <router-link to=\"/mianze\">免责声明</router-link>\r\n <router-link to=\"/treaty\">用户协议</router-link>\r\n <router-link to=\"/contact\">联系我们</router-link>\r\n </div>\r\n <div class=\"abright\">\r\n <div class=\"abmain\">\r\n<!-- <div class=\"title\"><span>关于我们</span><em>/About US</em><i></i></div>-->\r\n <img :src=\"banner\" class=\"banner\" />\r\n <div class=\"con\">\r\n 烽行体育网站主要为众多彩民而打造的一款竞彩专家推荐为特色的足球、篮球赛事分析类平台。烽行体育专注为广大网友提供足球、篮球等体育界新闻资讯、即时比分、赛事推介等信息，满足广大用户对体育方面的资讯需求。\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import Title from '../public/title'\r\n import banner from '../../assets/images/banner1.jpg'\r\n export default {\r\n name: \"about\",\r\n components: {\r\n Title\r\n },\r\n data() {\r\n return {\r\n banner: banner\r\n }\r\n },\r\n activated() {\r\n this.$backTop()\r\n },\r\n methods: {\r\n },\r\n }\r\n</script>\r\n\r\n<style scoped>\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!./about.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!./about.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./about.vue?vue&type=template&id=28fb73e6&scoped=true&\"\nimport script from \"./about.vue?vue&type=script&lang=js&\"\nexport * from \"./about.vue?vue&type=script&lang=js&\"\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 \"28fb73e6\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Title',{attrs:{\"title\":\"联系我们\",\"path\":\"/my\"}}),_c('div',{staticClass:\"abbox\"},[_c('div',{staticClass:\"abnav\"},[_c('router-link',{attrs:{\"to\":\"/about\"}},[_vm._v(\"关于我们\")]),_c('router-link',{attrs:{\"to\":\"/mianze\"}},[_vm._v(\"免责声明\")]),_c('router-link',{attrs:{\"to\":\"/treaty\"}},[_vm._v(\"用户协议\")]),_c('router-link',{staticClass:\"curr\",attrs:{\"to\":\"/contact\"}},[_vm._v(\"联系我们\")])],1),_c('div',{staticClass:\"abright\"},[_c('div',{staticClass:\"abmain\"},[_c('div',{staticClass:\"con abcontact\"},[_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"icon icon1\"}),_c('div',{staticClass:\"itcc\"},[_c('div',{staticClass:\"nm\"},[_vm._v(\"客服热线\")]),_c('div',{staticClass:\"tel\"},[_vm._v(_vm._s(_vm.tel))])])]),_vm._m(0)]),_vm._m(1),_vm._m(2)])])])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"icon icon2\"}),_c('div',{staticClass:\"itcc chat\"},[_c('div',{staticClass:\"nm\"},[_vm._v(\"客服微信\")]),_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":require(\"../../assets/images/chat.jpg\")}})])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title\"},[_c('span',[_vm._v(\"工作时间\")]),_c('em',[_vm._v(\"/Working hours\")]),_c('i')])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"con abcontact\"},[_c('div',{staticClass:\"tm\"},[_c('p',[_c('span',[_vm._v(\"微信客服\")]),_vm._v(\"（周一至周日 09:00-24:00）\")]),_c('p',[_c('span',[_vm._v(\"电话客服\")]),_vm._v(\"（周一至周五 09:00-22:00，周六日 09:00-24:00）\")])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n <div>\r\n <Title title=\"联系我们\" path=\"/my\"/>\r\n\r\n <div class=\"abbox\">\r\n <div class=\"abnav\">\r\n <router-link to=\"/about\">关于我们</router-link>\r\n <router-link to=\"/mianze\">免责声明</router-link>\r\n <router-link to=\"/treaty\">用户协议</router-link>\r\n <router-link to=\"/contact\" class=\"curr\">联系我们</router-link>\r\n </div>\r\n <div class=\"abright\">\r\n <div class=\"abmain\">\r\n<!-- <div class=\"title\"><span>联系我们</span><em>/Contact US</em><i></i></div>-->\r\n <div class=\"con abcontact\">\r\n <div class=\"item\">\r\n <div class=\"icon icon1\"></div>\r\n <div class=\"itcc\">\r\n <div class=\"nm\">客服热线</div>\r\n <div class=\"tel\">{{tel}}</div>\r\n </div>\r\n </div>\r\n <div class=\"item\">\r\n <div class=\"icon icon2\"></div>\r\n <div class=\"itcc chat\">\r\n <div class=\"nm\">客服微信</div>\r\n <div class=\"img\"><img src=\"../../assets/images/chat.jpg\"/></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"title\"><span>工作时间</span><em>/Working hours</em><i></i></div>\r\n <div class=\"con abcontact\">\r\n <div class=\"tm\">\r\n <p><span>微信客服</span>（周一至周日 09:00-24:00）</p>\r\n <p><span>电话客服</span>（周一至周五 09:00-22:00，周六日 09:00-24:00）</p>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import Title from '../public/title'\r\n export default {\r\n name: \"about\",\r\n components: {\r\n Title\r\n },\r\n data() {\r\n return {\r\n 'tel': this.$getContactTel(),\r\n }\r\n },\r\n activated() {\r\n this.$backTop()\r\n },\r\n methods: {\r\n\r\n },\r\n }\r\n</script>\r\n\r\n<style scoped>\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!./contact.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!./contact.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./contact.vue?vue&type=template&id=0702e604&scoped=true&\"\nimport script from \"./contact.vue?vue&type=script&lang=js&\"\nexport * from \"./contact.vue?vue&type=script&lang=js&\"\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 \"0702e604\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Title',{attrs:{\"title\":\"免责声明\",\"path\":_vm.formPath}}),_c('div',{staticClass:\"abbox\"},[_c('div',{staticClass:\"abnav\"},[_c('router-link',{attrs:{\"to\":\"/about\"}},[_vm._v(\"关于我们\")]),_c('router-link',{staticClass:\"curr\",attrs:{\"to\":\"/mianze\"}},[_vm._v(\"免责声明\")]),_c('router-link',{attrs:{\"to\":\"/treaty\"}},[_vm._v(\"用户协议\")]),_c('router-link',{attrs:{\"to\":\"/contact\"}},[_vm._v(\"联系我们\")])],1),_c('div',{staticClass:\"abright\"},[_c('div',{staticClass:\"abmain\"},[_c('div',{staticClass:\"con abmianze\"},[_c('Mianze_mini')],1)])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div>\r\n <Title title=\"免责声明\" :path=\"formPath\"/>\r\n\r\n <div class=\"abbox\">\r\n <div class=\"abnav\">\r\n <router-link to=\"/about\">关于我们</router-link>\r\n <router-link to=\"/mianze\" class=\"curr\">免责声明</router-link>\r\n <router-link to=\"/treaty\">用户协议</router-link>\r\n <router-link to=\"/contact\">联系我们</router-link>\r\n </div>\r\n <div class=\"abright\">\r\n <div class=\"abmain\">\r\n <div class=\"con abmianze\">\r\n <Mianze_mini/>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import Title from '../public/title'\r\n import Mianze_mini from '../public/mianze_mini'\r\n export default {\r\n name: \"mianze\",\r\n components: {\r\n Title,\r\n Mianze_mini\r\n },\r\n data() {\r\n return {\r\n formPath: ''\r\n }\r\n },\r\n activated() {\r\n this.$backTop()\r\n },\r\n methods: {\r\n },\r\n beforeRouteEnter(to, form, next){\r\n next(vm => {\r\n vm.formPath = form.path === '/' ?'/my':''\r\n })\r\n }\r\n }\r\n</script>\r\n\r\n<style scoped>\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!./mianze.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!./mianze.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./mianze.vue?vue&type=template&id=30f8ca2f&scoped=true&\"\nimport script from \"./mianze.vue?vue&type=script&lang=js&\"\nexport * from \"./mianze.vue?vue&type=script&lang=js&\"\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 \"30f8ca2f\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Title',{attrs:{\"title\":\"用户协议\",\"path\":_vm.formPath}}),_c('div',{staticClass:\"abbox\"},[_c('div',{staticClass:\"abnav\"},[_c('router-link',{attrs:{\"to\":\"/about\"}},[_vm._v(\"关于我们\")]),_c('router-link',{attrs:{\"to\":\"/mianze\"}},[_vm._v(\"免责声明\")]),_c('router-link',{staticClass:\"curr\",attrs:{\"to\":\"/treaty\"}},[_vm._v(\"用户协议\")]),_c('router-link',{attrs:{\"to\":\"/contact\"}},[_vm._v(\"联系我们\")])],1),_c('div',{staticClass:\"abright\"},[_c('div',{staticClass:\"abmain\"},[_c('div',{staticClass:\"treaty\"},[_c('TreatyMini')],1)])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div>\r\n <Title title=\"用户协议\" :path=\"formPath\"/>\r\n\r\n <div class=\"abbox\">\r\n <div class=\"abnav\">\r\n <router-link to=\"/about\">关于我们</router-link>\r\n <router-link to=\"/mianze\">免责声明</router-link>\r\n <router-link to=\"/treaty\" class=\"curr\">用户协议</router-link>\r\n <router-link to=\"/contact\">联系我们</router-link>\r\n </div>\r\n <div class=\"abright\">\r\n <div class=\"abmain\">\r\n<!-- <div class=\"title\"><span>关于我们</span><em>/About US</em><i></i></div>-->\r\n <div class=\"treaty\">\r\n\r\n <TreatyMini/>\r\n\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import Title from '../public/title'\r\n import TreatyMini from '../public/treaty_mini'\r\n export default {\r\n name: \"about\",\r\n components: {\r\n Title,\r\n TreatyMini\r\n },\r\n data() {\r\n return {\r\n formPath: ''\r\n }\r\n },\r\n activated() {\r\n this.$backTop()\r\n },\r\n methods: {\r\n },\r\n beforeRouteEnter(to, form, next){\r\n next(vm => {\r\n vm.formPath = form.path === '/' ?'/my':''\r\n })\r\n }\r\n }\r\n</script>\r\n\r\n<style scoped>\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!./treaty.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!./treaty.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./treaty.vue?vue&type=template&id=171a0908&scoped=true&\"\nimport script from \"./treaty.vue?vue&type=script&lang=js&\"\nexport * from \"./treaty.vue?vue&type=script&lang=js&\"\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 \"171a0908\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Title',{attrs:{\"title\":\"新闻\",\"path\":_vm.formPath}}),(_vm.init === true)?_c('div',{staticClass:\"page-loading\"},[_c('van-skeleton',{attrs:{\"title\":\"\",\"row\":8}})],1):_c('div',{staticClass:\"main newsview\"},[(_vm.news)?[_c('h1',[_vm._v(_vm._s(_vm.news.title))]),_c('div',{staticClass:\"time\"},[_vm._v(\"时间：\"+_vm._s(_vm.news.time)+\" 来源：网络\")]),_c('div',{staticClass:\"content\",domProps:{\"innerHTML\":_vm._s(_vm.news.content)}}),_c('div',{staticClass:\"next\"},[(_vm.news_prev && _vm.news_prev.id)?_c('p',[_vm._v(\"上一篇：\"),_c('router-link',{attrs:{\"to\":'/news/v/'+_vm.news_prev.id}},[_vm._v(_vm._s(_vm.news_prev.title))])],1):_vm._e(),(_vm.news_next && _vm.news_next.id)?_c('p',[_vm._v(\"下一篇：\"),_c('router-link',{attrs:{\"to\":'/news/v/'+_vm.news_next.id}},[_vm._v(_vm._s(_vm.news_next.title))])],1):_vm._e()])]:_c('el-empty',{attrs:{\"description\":\"找不到内容~\"}})],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div>\r\n <Title title=\"新闻\" :path=\"formPath\"/>\r\n\r\n <div class=\"page-loading\" v-if=\"init === true\">\r\n <van-skeleton title :row=\"8\" />\r\n </div>\r\n <div class=\"main newsview\" v-else>\r\n <template v-if=\"news\">\r\n <h1>{{ news.title }}</h1>\r\n <div class=\"time\">时间：{{ news.time }} 来源：网络</div>\r\n <div class=\"content\" v-html=\"news.content\"></div>\r\n <div class=\"next\">\r\n <p v-if=\"news_prev && news_prev.id\">上一篇：<router-link :to=\"'/news/v/'+news_prev.id\">{{ news_prev.title }}</router-link></p>\r\n <p v-if=\"news_next && news_next.id\">下一篇：<router-link :to=\"'/news/v/'+news_next.id\">{{ news_next.title }}</router-link></p>\r\n </div>\r\n </template>\r\n <el-empty v-else description=\"找不到内容~\"/>\r\n </div>\r\n\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import Title from './../components/public/title'\r\n import \"../assets/css/news.css\"\r\n export default {\r\n name: \"index\",\r\n components: {\r\n Title\r\n },\r\n watch: {\r\n '$route': {\r\n handler (router) {\r\n // console.log(router)\r\n this.id = router.params.id\r\n this.init = true\r\n this.getData()\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n id: 0,\r\n init: true,\r\n news: null,\r\n news_prev: null,\r\n news_next: null,\r\n formPath: ''\r\n }\r\n },\r\n activated() {\r\n // console.log(this.$route)\r\n let id = this.$route.params.id\r\n this.id = id\r\n this.getData()\r\n },\r\n methods: {\r\n getData(){\r\n let that = this\r\n that.$get(that.$api.news_info, {id: that.id}).then(function (res) {\r\n // console.log(res.data)\r\n if(res.code === 1){\r\n if(res.data.news.isturn){\r\n location.href = res.data.news.turnUrl\r\n return\r\n }\r\n that.news = null\r\n that.news_prev = null\r\n that.news_next = null\r\n\r\n that.news = res.data.news\r\n if(res.data.news_prev)\r\n that.news_prev = res.data.news_prev\r\n if(res.data.news_next)\r\n that.news_next = res.data.news_next\r\n that.backTop()\r\n }\r\n that.init = false\r\n }).finally(function () {\r\n that.init = false\r\n })\r\n },\r\n backTop(){\r\n var timer = setInterval(function(){\r\n let osTop = document.documentElement.scrollTop || document.body.scrollTop;\r\n let ispeed = Math.floor(-osTop / 2);\r\n document.documentElement.scrollTop = document.body.scrollTop = osTop + ispeed;\r\n if(osTop === 0){\r\n clearInterval(timer);\r\n }\r\n },30)\r\n },\r\n },\r\n beforeRouteEnter(to, form, next){\r\n next(vm => {\r\n vm.formPath = form.path\r\n })\r\n }\r\n }\r\n</script>\r\n\r\n<style scoped>\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!./news_view.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!./news_view.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./news_view.vue?vue&type=template&id=f281106c&scoped=true&\"\nimport script from \"./news_view.vue?vue&type=script&lang=js&\"\nexport * from \"./news_view.vue?vue&type=script&lang=js&\"\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 \"f281106c\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Title',{attrs:{\"title\":\"新闻\",\"path\":_vm.formPath}}),(_vm.init === true)?_c('div',{staticClass:\"page-loading\"},[_c('van-skeleton',{attrs:{\"title\":\"\",\"row\":8}})],1):_c('div',{staticClass:\"main\"},[_c('div',{staticClass:\"newsnav\"},[_c('van-tabs',{model:{value:(_vm.tabs_active),callback:function ($$v) {_vm.tabs_active=$$v},expression:\"tabs_active\"}},_vm._l((_vm.class_list),function(c,i){return _c('van-tab',{key:i,attrs:{\"title\":c.name}})}),1)],1),(_vm.list.length>0)?[_c('div',{class:['newslist', 'newslist_type1', 'newslist_type'+_vm.class_object.group]},[_c('ul',_vm._l((_vm.list),function(c,i){return _c('li',{key:i},[_c('div',[_c('router-link',{attrs:{\"to\":'/news/v/'+ c.id}},[_vm._v(_vm._s(c.title))]),_c('span',[_vm._v(_vm._s(c.time))])],1)])}),0)])]:_c('el-empty')],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div>\r\n <Title title=\"新闻\" :path=\"formPath\"/>\r\n\r\n <div class=\"page-loading\" v-if=\"init === true\">\r\n <van-skeleton title :row=\"8\" />\r\n </div>\r\n <div class=\"main\" v-else>\r\n\r\n <div class=\"newsnav\">\r\n <van-tabs v-model=\"tabs_active\">\r\n <van-tab v-for=\"(c,i) in class_list\" :key=\"i\" :title=\"c.name\"/>\r\n </van-tabs>\r\n </div>\r\n\r\n <template v-if=\"list.length>0\">\r\n <div :class=\"['newslist', 'newslist_type1', 'newslist_type'+class_object.group]\">\r\n <ul>\r\n <li v-for=\"(c, i) in list\" :key=\"i\">\r\n <div>\r\n <router-link :to=\"'/news/v/'+ c.id\">{{ c.title }}</router-link><span>{{ c.time }}</span></div>\r\n<!-- -->\r\n<!-- <div v-if=\"class_object.group === 4\"><router-link :to=\"'/news/v/'+ c.id\">{{ c.title }}</router-link></div>-->\r\n<!-- <div v-else-if=\"class_object.group === 3 || class_object.group === 1\">-->\r\n<!-- <router-link :to=\"'/news/v/'+ c.id\">{{ c.title }}</router-link><span>{{ c.time }}</span></div>-->\r\n<!-- <div v-else-if=\"class_object.group === 2\"><a :href=\"'/news/v/'+ c.id\" target=\"_blank\">{{ c.title }}</a></div>-->\r\n </li>\r\n </ul>\r\n </div>\r\n<!-- <el-pagination-->\r\n<!-- background-->\r\n<!-- layout=\"prev,pager,next\"-->\r\n<!-- :total=\"total\"-->\r\n<!-- :size=\"size\"-->\r\n<!-- v-if=\"total>0\"-->\r\n<!-- @current-change=\"goPage\" />-->\r\n </template>\r\n <el-empty v-else />\r\n </div>\r\n\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import Title from './../components/public/title'\r\n import \"../assets/css/news.css\"\r\n export default {\r\n name: \"index\",\r\n components: {\r\n Title\r\n },\r\n watch: {\r\n // '$route': {\r\n // handler (router) {\r\n // // console.log(router)\r\n // this.name = router.params.name\r\n // // this.init = true\r\n // this.page = 1\r\n // this.total = 0\r\n // this.size = 0\r\n // this.getData()\r\n // }\r\n // }\r\n tabs_active(i){\r\n let zid = this.class_list[i].alias\r\n this.name = zid\r\n this.page = 1\r\n this.getData()\r\n }\r\n },\r\n data() {\r\n return {\r\n name: '',\r\n page: 1,\r\n init: true,\r\n class_object: null,\r\n class_list: [],\r\n list: [],\r\n total: 0,\r\n size: 0,\r\n tabs_active: 0,\r\n formPath: ''\r\n }\r\n },\r\n activated() {\r\n let name = this.$route.params.name\r\n if(this.name === '') {\r\n this.name = name\r\n this.getData()\r\n }\r\n },\r\n methods: {\r\n getData(){\r\n let that = this\r\n // console.log(that.page)\r\n that.$get(that.$api.news_class, {name: that.name, page: that.page}).then(function (res) {\r\n // console.log(res.data)\r\n if(res.code === 1){\r\n that.list = []\r\n\r\n that.list = res.data.list\r\n that.class_object = res.data.class_object\r\n that.class_list = res.data.class_list\r\n that.total = res.data.total\r\n that.size = res.data.size\r\n that.$backTop()\r\n\r\n that.setClassActive()\r\n }\r\n that.init = false\r\n }).finally(function () {\r\n that.init = false\r\n })\r\n },\r\n setClassActive(){\r\n let that = this\r\n that.class_list.forEach(function (c, i) {\r\n if(that.class_object.id === c.id){\r\n that.tabs_active = i\r\n }\r\n })\r\n },\r\n },\r\n beforeRouteEnter(to, form, next){\r\n next(vm => {\r\n if(form.name === 'index'){\r\n vm.name = ''\r\n }\r\n if(form.path.indexOf('news') > -1)\r\n vm.formPath = '/'\r\n else\r\n vm.formPath = form.path\r\n })\r\n },\r\n }\r\n</script>\r\n\r\n<style scoped>\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!./news_list.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!./news_list.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./news_list.vue?vue&type=template&id=a9f4ddde&scoped=true&\"\nimport script from \"./news_list.vue?vue&type=script&lang=js&\"\nexport * from \"./news_list.vue?vue&type=script&lang=js&\"\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 \"a9f4ddde\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"page_none\"},[_c('van-empty',{attrs:{\"description\":\"找不到内容~\"}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div>\r\n <div class=\"page_none\">\r\n <van-empty description=\"找不到内容~\" />\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n export default {\r\n name: \"none\",\r\n components: {\r\n\r\n },\r\n data() {\r\n return {\r\n timer: null\r\n }\r\n },\r\n watch: {\r\n\r\n },\r\n activated() {\r\n let that = this\r\n that.timer = setTimeout(function () {\r\n console.log(that.$route.path)\r\n if(that.$route.path !== '/free') {\r\n that.$router.replace({path: '/free'})\r\n }\r\n }, 1000 * 8)\r\n },\r\n deactivated(){\r\n let that = this\r\n clearTimeout(that.timer)\r\n that.timer = null\r\n },\r\n methods: {\r\n\r\n }\r\n }\r\n</script>\r\n\r\n<style scoped>\r\n .page_none{height:600px;}\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!./none.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!./none.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./none.vue?vue&type=template&id=8f64e3e0&scoped=true&\"\nimport script from \"./none.vue?vue&type=script&lang=js&\"\nexport * from \"./none.vue?vue&type=script&lang=js&\"\nimport style0 from \"./none.vue?vue&type=style&index=0&id=8f64e3e0&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 \"8f64e3e0\",\n null\n \n)\n\nexport default component.exports","import Vue from 'vue'\r\nimport Router from 'vue-router'\r\nimport $store from \"../store\"\r\n\r\nimport Home from '../components/index'\r\nimport Free from '../components/free'\r\n\r\nimport Login from '../components/login'\r\nimport Ball from '../components/ball'\r\nimport Dan from '../components/dan'\r\nimport Coupon from '../components/coupon'\r\nimport Expert from '../components/expert'\r\nimport Expert_View from '../components/expert_view'\r\nimport Match from '../components/match'\r\nimport Cart from '../components/cart'\r\nimport Register from '../components/register'\r\n\r\nimport My from '../components/my'\r\nimport MyInfo from '../components/account/info'\r\nimport MySubscribe from '../components/account/subscribe'\r\nimport MyCoupon from '../components/account/coupon'\r\nimport MyCost from '../components/account/cost'\r\nimport MyCharge from '../components/account/recharge'\r\n\r\nimport Help from '../components/about/help'\r\nimport About from '../components/about/about'\r\nimport Contact from '../components/about/contact'\r\nimport Mainze from '../components/about/mianze'\r\nimport Treaty from '../components/about/treaty'\r\n\r\nimport News_View from '../components/news_view'\r\nimport News_List from '../components/news_list'\r\n\r\nimport None from '../components/none'\r\n\r\nconst originalPush = Router.prototype.push\r\nconst originalReplace = Router.prototype.replace\r\nRouter.prototype.push = function push(location) {\r\n return originalPush.call(this, location).catch(err => err)\r\n}\r\nRouter.prototype.replace = function replace(location) {\r\n return originalReplace.call(this, location).catch(err => err)\r\n}\r\n\r\nVue.use(Router)\r\n\r\n\r\nlet router = new Router({\r\n mode: 'history',\r\n // scrollBehavior(to, from, savedPosition) {\r\n // return new Promise((resolve) => {\r\n // if(savedPosition){\r\n // setTimeout(() => {\r\n // resolve(savedPosition)\r\n // }, 50)\r\n // }\r\n // })\r\n // },\r\n routes: [\r\n //{path:'*', name: '404', redirect: '/404'},\r\n {path:'/', name: 'index', component: Home, meta: {footer: true}}, //title: '首页'\r\n {path:'*', name: 'none', component: None, meta: {footer: true, title: '找不到内容'}},\r\n {path:'/news/:name', name: 'news_list', component: News_List, meta: {footer: false}}, //, title: '新闻类别'\r\n {path:'/news/v/:id', name: 'news_view', component: News_View, meta: {footer: false}}, //, title: '新闻详情'\r\n {path:'/free', name: 'free', component: Free, meta: {footer: true, header: false, title: '预测', pageIndex: 2}},\r\n\r\n {path:'/football', name: 'ball', component: Ball, meta: {footer: true, header: false, ball: 1, title: '足球预测'}},\r\n {path:'/baskball', name: 'ball', component: Ball, meta: {footer: true, header: false, ball: 2, title: '篮球预测'}},\r\n {path:'/ball', name: 'ball', component: Ball, meta: {footer: true, header: false, title: '预测'}},\r\n {path:'/football/dan', name: 'football', component: Dan, meta: {footer: false, ball: 1, title: '足球单场'}},\r\n {path:'/baskball/dan', name: 'baskball', component: Dan, meta: {footer: false, ball: 2, title: '篮球单场'}},\r\n {path:'/coupon', name: 'coupon', component: Coupon, meta: {footer: true, header: false, title: '优惠'}},\r\n {path:'/expert', name: 'expert', component: Expert, meta: {footer: true, header: false, title: '专家'}},\r\n {path:'/expert/:name', name: 'expert', component: Expert_View, meta: {footer: false, header: false, title: '专家'}},\r\n {path:'/match/:id', name: 'match', component: Match, meta: {footer: false, header: false, title: '赛事精选'}},\r\n {path:'/cart', name: 'cart', component: Cart, meta: {auth: true, footer: false, header: false, title: '购物车', reload: true}},\r\n\r\n\r\n {path:'/login',name: 'login', component: Login, meta:{footer: true, header: false,title: '登录'}},\r\n {path:'/register', name: 'register', component: Register, meta:{footer: true, header: false,title: '注册'}},\r\n\r\n {path:'/help', name: 'help', component: Help, meta: {footer: false, header: false, title: '帮助'}},\r\n {path:'/contact', name: 'contact', component: Contact, meta: {footer: false, header: false, title: '联系我们'}},\r\n {path:'/about', name: 'about', component: About, meta: {footer: false, header: false, title: '关于我们'}},\r\n {path:'/mianze', name: 'mianze', component: Mainze, meta: {footer: false, header: false, title: '免责声明'}},\r\n {path:'/treaty', name: 'treaty', component: Treaty, meta: {footer: false, header: false, title: '用户协议'}},\r\n\r\n\r\n {path:'/my',name: 'my',component: My,meta: {footer: true, header: false, title: '会员中心'}},\r\n {path:'/account/info',name: 'myinfo',component: MyInfo,meta: {auth: true, footer: false, header: false, title: '用户信息'}},\r\n {path:'/account/subscribe', name: 'mysubscribe', component: MySubscribe, meta: { auth: true, footer: false, header: false, title: '我的订阅'}},\r\n {path:'/account/coupon', name: 'mysale', component: MyCoupon, meta: {auth: true, footer: false, header: false, title: '我的优惠'}},\r\n {path:'/account/cost', name: 'mycost', component: MyCost, meta: {auth: true, footer: false, header: false, title: '交易记录'}},\r\n {path:'/account/recharge', name: 'recharge', component: MyCharge, meta: {auth: true, footer: false, header: false, title: '在线充值'}},\r\n ]\r\n})\r\n//验证路由\r\nrouter.beforeEach((to, from, next) => {\r\n const {auth, header, footer, title} = to.meta\r\n // const {auth, title} = to.meta\r\n // console.log(from.path, to.path)\r\n if(to.name === 'login' && $store.state.token != null) {\r\n next({path:'/my'})\r\n return\r\n }\r\n if(to.name === 'register' && $store.state.token) {\r\n next({path:'/my'})\r\n return\r\n }\r\n if(to.name === 'match'){\r\n if(from.name !== 'match'){\r\n to.meta.path = from.path\r\n }\r\n // console.log(from.path, to.path)\r\n // if(from.path === to.path){\r\n // to.path = to.path + '?' + new Date().getTime()\r\n // }\r\n }\r\n // if(to.meta.pageIndex) $store.commit(\"SET_PAGE\", to.meta.pageIndex)\r\n let header0 = header\r\n if(header === undefined)\r\n header0 = true\r\n header0 === true ? $store.commit(\"SHOW_HEADER\") : $store.commit(\"HIDE_HEADER\")\r\n footer === true ? $store.commit(\"SHOW_FOOTER\") : $store.commit(\"HIDE_FOOTER\")\r\n //document.title = title+'-' || ''\r\n if(title)\r\n document.title = title + ' | 烽行体育贴士预测交易平台'\r\n else\r\n document.title = '足球分析师赛事预测,烽行体育足球贴士预测交易平台,篮球预测,贴士分析,篮球预测 | 烽行体育贴士预测交易平台'\r\n\r\n if(auth === true && $store.state.token == null){\r\n //if (from.name === \"login\") return\r\n console.log('要认证哦')\r\n next({path:'/login'})\r\n }\r\n\r\n next()\r\n})\r\n\r\nexport default router\r\n","import axios from \"axios\";\r\nimport qs from 'qs'\r\nimport $store from \"../store\"\r\n\r\nlet baseUrl = 'http://apiv8.fx8988.com' //process.env.VUE_APP_BASE_URL //\r\n// let baseUrl = 'http://127.0.0.1:10002'\r\nlet baseAPIUrl = baseUrl + '/apivc/'\r\n// let baseAPIUrl = baseUrl + '/apivc/'\r\naxios.defaults.timeout = 50000\r\naxios.defaults.baseURL = baseAPIUrl\r\naxios.defaults.withCredentials = false\r\n\r\nexport function api_url(){\r\n return {\r\n imgBaseUrl: baseUrl,\r\n news_list: 'news_list',\r\n news_class: 'news/getlist',\r\n news_info: 'news/getinfo',\r\n free: 'free',\r\n match_list: 'match_list',\r\n match_list_more: 'match_list_more',\r\n dan_list: 'dan_list',\r\n coupon_list: 'coupon_list',\r\n expert_list: 'expert_list',\r\n expert_info: 'expert_info',\r\n expert_rate: 'expert_getrate',\r\n match_view: 'match_view',\r\n match_get: 'match_get',\r\n\r\n login: 'authen/login',\r\n register: 'authen/register',\r\n dingyue: 'commonck/recommend-subscribe', //立即订阅(弹窗确认)\r\n dingyue_submit: 'commonck/recommend-submit', //立即订阅\r\n sign: 'commonck/sign',\r\n getCoupon: 'commonck/getcoupon',\r\n getUserInfo: 'commonck/getUserInfo',\r\n\r\n member_upnick: 'commonck/update-nick',\r\n member_uppwd: 'commonck/update-pwd',\r\n member_getusdt: 'commonck/getusdt',\r\n member_getpaytre: 'commonck/getpaytre',\r\n member_getpaytre_status: 'commonck/getpaytre-status',\r\n member_cost_action: 'commonck/cost-action',\r\n member_cost_delete: 'commonck/cost-delete',\r\n member_scribe_action: 'commonck/subscribe-action',\r\n member_scribe_delete: 'commonck/subscribe-del',\r\n member_coupon_delete: 'commonck/coupon-action',\r\n member_payInfo:'commonck/payInfo',\r\n addcart: 'commonck/cart-add',\r\n cartDelDg: 'commonck/cart-delete',\r\n cartDelPl: 'commonck/cart-delete-pl',\r\n cartClearOver: 'commonck/cart-clear',\r\n cartsubmit: 'commonck/cart-submit',\r\n\r\n cart_list: 'commonek/cart_list',\r\n memberinfo: 'commonek/account/info',\r\n member_subscribe: 'commonek/account/subscribe',\r\n member_coupon:'commonek/account/coupon',\r\n member_cost:'commonek/account/cost',\r\n\r\n }\r\n}\r\n/**\r\n * post方法，对应post请求\r\n * @param {String} url [请求的url地址]\r\n * @param {Object} params [请求时携带的参数]\r\n */\r\nexport function post(showLoading= true, url, params = {}){\r\n let that = this\r\n if(typeof showLoading == 'string'){\r\n params = url\r\n url = showLoading\r\n showLoading = true\r\n if(params === undefined)\r\n params = {}\r\n }\r\n // console.log(showLoading)\r\n // console.log(url)\r\n // console.log(params)\r\n return new Promise((resolve, reject) => {\r\n let token = that.$store.state.token\r\n // if(token === null || token === '' || token === undefined){\r\n // that.$store.commit('SHOW_LOGINPOP')\r\n // return\r\n // }\r\n axios.defaults.headers['token'] = token //token放在此处意味着可以实时读取最新的\r\n let timeout = 0\r\n\r\n if(showLoading) {\r\n that.$toast.loading({message: '请稍后...', duration: 0, forbidClick: true})\r\n timeout = 10\r\n }\r\n if(url===undefined){\r\n url = showLoading\r\n }\r\n setTimeout(function () {\r\n axios.post(url, qs.stringify(params)).then(response => {\r\n // console.log(response.data)\r\n // console.log(that.$router)\r\n if(showLoading)\r\n that.$toast.clear()\r\n if(response.data.code === 1002){\r\n that.$store.commit('LOGOUT')\r\n that.$store.commit('SHOW_LOGINPOP')\r\n }\r\n else {\r\n resolve(response.data)\r\n }\r\n }, err=>{\r\n // if(showLoading)\r\n // that.$toast.clear()\r\n reject(err)\r\n that.$toast.fail('reuqest fail~')\r\n })\r\n }, timeout)\r\n })\r\n}\r\n/**\r\n * get方法，对应get请求\r\n * @param {String} url [请求的url地址]\r\n * @param {Object} params [请求时携带的参数]\r\n */\r\nexport function get(url, params = {}){\r\n let that = this\r\n // console.log(that.$route.meta.auth)\r\n return new Promise((resolve, reject) => {\r\n axios.defaults.headers['token'] = $store.state.token //token放在此处意味着可以实时读取最新的\r\n axios.get(url, {params:params}).then(response => {\r\n if(response.data.code === 1002){\r\n that.$store.commit('LOGOUT')\r\n that.$router.replace({path: '/login'})\r\n }\r\n else if(response.data.code === 1005){\r\n that.$router.replace({path: '/error'})\r\n }\r\n else {\r\n resolve(response.data)\r\n }\r\n }, err=>{\r\n that.$toast.fail('reuqest fail~')\r\n reject(err)\r\n })\r\n })\r\n}\r\n","/*\r\n公共方法\r\n */\r\nexport function getContactTel(){\r\n return '15338170138'\r\n}\r\n\r\nexport function backTop(){\r\n // document.getElementById('wrap').scrollTop = 0\r\n // let that = this\r\n let timer = setInterval(function(){\r\n let osTop = document.documentElement.scrollTop || document.body.scrollTop;\r\n let ispeed = Math.floor(-osTop / 2);\r\n document.documentElement.scrollTop = document.body.scrollTop = osTop + ispeed;\r\n // let osTop = that.$refs.wrap.scrollTop\r\n // that.$nextTick(() => {\r\n // // that.$refs.wrap.scrollTop = 0\r\n // that.$refs.wrap.scrollTo({\r\n // top: 0,\r\n // behavior: 'smooth',\r\n // });\r\n // })\r\n if(osTop === 0){\r\n clearInterval(timer);\r\n }\r\n },30)\r\n}\r\n\r\nexport function formatTime(timeStr, type){\r\n var tsplist = timeStr.split('T')\r\n var dates = tsplist[0]\r\n var times = tsplist[1]\r\n var year = dates.split('-')[0]\r\n var month = dates.split('-')[1]\r\n var day = dates.split('-')[2]\r\n var hour = times.split(':')[0]\r\n var min = times.split(':')[1]\r\n //console.log(year)\r\n if(type === 1)\r\n return month + '-' + day + ' ' + hour + ':' + min\r\n return year + '-' + month + '-' + day + ' ' + hour + ':' + min\r\n}\r\n\r\nexport function formatSeconds(seconds, dateFormat = 'H:i:s') {\r\n if(seconds<=0){\r\n return '00:00:00'\r\n }\r\n else {\r\n var obj = {}\r\n obj.H = Number.parseInt(seconds / 3600)\r\n obj.i = Number.parseInt((seconds - obj.H * 3600) / 60)\r\n obj.s = Number.parseInt(seconds - obj.H * 3600 - obj.i * 60)\r\n if (obj.H < 10) {\r\n obj.H = '0' + obj.H\r\n }\r\n if (obj.i < 10) {\r\n obj.i = '0' + obj.i\r\n }\r\n if (obj.s < 10) {\r\n obj.s = '0' + obj.s\r\n }\r\n // 3.解析\r\n return dateFormat.replace('H', obj.H).replace('i', obj.i).replace('s', obj.s)\r\n }\r\n}\r\n","import Vue from 'vue'\r\nimport App from './App.vue'\r\nimport router from './router'\r\nimport store from './store'\r\nimport Vant from 'vant'\r\nimport VueAwesomeSwiper from \"vue-awesome-swiper\";\r\nimport {post, get, api_url} from './utils/http.js'\r\nimport {formatTime, formatSeconds, backTop, getContactTel} from \"./utils/helper\"\r\nimport 'vant/lib/index.css'\r\nimport 'swiper/dist/css/swiper.min.css'\r\nimport \"./assets/css/base.css\"\r\nimport \"./assets/css/style.css\"\r\n\r\nVue.config.productionTip = false\r\nVue.prototype.$post = post\r\nVue.prototype.$get = get\r\nVue.prototype.$api = api_url()\r\nVue.prototype.formatTime = formatTime\r\nVue.prototype.$formatSeconds = formatSeconds\r\nVue.prototype.$backTop = backTop\r\nVue.prototype.$getContactTel = getContactTel\r\nVue.use(Vant)\r\nVue.use(VueAwesomeSwiper)\r\nnew Vue({\r\n router,\r\n store,\r\n render: h => h(App),\r\n data: {\r\n timerId: ''\r\n },\r\n watch: {\r\n '$route': {\r\n handler () {\r\n // console.log('aaaaa')\r\n document.documentElement.scrollTop = this.$route.meta.y\r\n }\r\n }\r\n },\r\n mounted(){\r\n // console.log(this.justifyPos)\r\n window.addEventListener('scroll', this.justifyPos)\r\n },\r\n methods: {\r\n justifyPos () {\r\n if (this.timerId) clearTimeout(this.timerId)\r\n this.timerId = setTimeout(() => {\r\n // console.log(window.pageYOffset)\r\n this.$route.meta.y = window.pageYOffset\r\n }, 30)\r\n }\r\n },\r\n}).$mount('#app')\r\n//npm run build\r\n","module.exports = __webpack_public_path__ + \"img/chat.ae6edd8c.jpg\";","module.exports = __webpack_public_path__ + \"img/paypal.5e893ed4.png\";","module.exports = __webpack_public_path__ + \"img/bankccb.2568ef37.gif\";","module.exports = __webpack_public_path__ + \"img/banner1.59560198.jpg\";","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../node_modules/css-loader/dist/cjs.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!./App.vue?vue&type=style&index=0&id=51d21c68&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./ball.vue?vue&type=style&index=0&id=108df13f&scoped=true&lang=css&\""],"sourceRoot":""}