{"version":3,"sources":["webpack:///./src/view/privilege/privilege.vue?9fda","webpack:///./src/components/top-bar/top-bar.vue?b14e","webpack:///./src/components/top-bar/top-bar.vue?11f8","webpack:///src/components/top-bar/top-bar.vue","webpack:///./src/components/top-bar/top-bar.vue?cf18","webpack:///./src/components/top-bar/top-bar.vue?87a2","webpack:///./src/components/top-bar/index.js","webpack:///./node_modules/core-js/modules/es.array.find.js","webpack:///./src/view/privilege/privilege.vue?4229","webpack:///src/view/privilege/privilege.vue","webpack:///./src/view/privilege/privilege.vue?99ab","webpack:///./src/view/privilege/privilege.vue?2c1b","webpack:///./src/view/privilege/index.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","barTheme","style","staticClass","on","returnFn","_t","_m","attrs","showLayer","showPdf","staticRenderFns","_v","component","TopBar","$","$find","find","addToUnscopables","FIND","SKIPS_HOLES","Array","target","proto","forced","callbackfn","arguments","length","undefined","slot","viewHeight","_l","item","key","id","_s","name","navSlideWidth","barLeft","outBlackIcon","_e","domProps","content","useDirections","rule","immediatelyUseLink","Privilege"],"mappings":"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","file":"js/chunk-70d0a18d.48eae186.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./privilege.vue?vue&type=style&index=0&id=445fa943&lang=less&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./top-bar.vue?vue&type=style&index=0&id=25752bb2&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:(\"top-bar \" + (_vm.barTheme ? _vm.barTheme : '') + \" wrap vc\"),style:(_vm.barStyle)},[_c('div',{staticClass:\"bar-left vc\"},[_c('a',{staticClass:\"icon-wrap\",on:{\"click\":_vm.returnFn}},[_c('i',{staticClass:\"icon icon-return\"})]),_vm._t(\"title\")],2),_vm._m(0),_c('div',{staticClass:\"bar-right vc\"},[_c('a',{staticClass:\"icon icon-chat\",attrs:{\"href\":\"javascript: void(0)\"},on:{\"click\":_vm.showLayer}}),_c('a',{staticClass:\"icon icon-tel\",attrs:{\"href\":\"tel:400-820-7293\"}}),_c('a',{staticClass:\"icon icon-note\",attrs:{\"href\":\"javascript: void(0)\"},on:{\"click\":_vm.showPdf}})])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{attrs:{\"href\":\"/\"}},[_c('h1',{staticClass:\"logo\"},[_vm._v(\"皇家游享荟\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div :class=\"`top-bar ${barTheme ? barTheme : ''} wrap vc`\" :style=\"barStyle\">\r\n        <div class=\"bar-left vc\">\r\n            <a class=\"icon-wrap\" @click=\"returnFn\">\r\n                <i class=\"icon icon-return\"></i>\r\n            </a>\r\n            <slot name=\"title\"></slot>\r\n        </div>\r\n        <a href=\"/\">\r\n            <h1 class=\"logo\">皇家游享荟</h1>\r\n        </a>\r\n        <div class=\"bar-right vc\">\r\n            <a class=\"icon icon-chat\" href=\"javascript: void(0)\" @click=\"showLayer\"></a>\r\n            <a class=\"icon icon-tel\" href=\"tel:400-820-7293\"></a>\r\n            <a class=\"icon icon-note\" href=\"javascript: void(0)\" @click=\"showPdf\"></a>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        name: 'TopBar',\r\n        props: ['barTheme', 'barStyle'],\r\n        data () {\r\n            return {}\r\n        },\r\n        methods: {\r\n            showLayer () {\r\n                window.open('https://rcclchina.udesk.cn/im_client/?web_plugin_id=75221', 'newwindow', 'height=400, width=400')\r\n            },\r\n            showPdf () {\r\n                window.open('/content/rewardprivacy')\r\n            },\r\n            returnFn () {\r\n                if (this.$route.path !== '/recommend/courtesy') {\r\n                    if (window.history.length <= 1) {\r\n                        window.location.href = \"/Rccl.UserCenter/CustomerInfo/Info\";\r\n                    } else {\r\n                        window.history.back()\r\n                    }\r\n                } else {\r\n                    window.history.back()\r\n                }\r\n\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n    .top-bar{\r\n        justify-content: space-around;\r\n        -webkit-justify-content: space-around;\r\n        position: fixed;\r\n        left: 0;\r\n        top: 0;\r\n        z-index: 100;\r\n        width: 100%;\r\n        height: 1.00rem;\r\n        .bar-left{\r\n            width: 2.50rem;\r\n            height: 100%;\r\n            .icon-wrap{\r\n                display: block;\r\n                width: 0.40rem;\r\n                height: 0.40rem;\r\n            }\r\n            .icon-return{\r\n                width: 0.32rem;\r\n                height: 0.40rem;\r\n                background: url(\"../../assets/images/return.png\") no-repeat;\r\n                background-size: 100% 100%;\r\n            }\r\n            .page-title{\r\n                padding-left: 0.06rem;\r\n                font-size: 0.32rem;\r\n                transform: scale(0.9375);\r\n                -webkit-transform: scale(0.9375);\r\n            }\r\n        }\r\n        .logo{\r\n            font-size: 0.32rem;\r\n            color: #4A90E2;\r\n            // display: block;\r\n            // width: 0.54rem;\r\n            // height: 0.60rem;\r\n            // background: url(\"../../assets/images/logo.png\") no-repeat;\r\n            // background-size: cover;\r\n        }\r\n        .bar-right {\r\n            justify-content: flex-end;\r\n            -webkit-justify-content: flex-end;\r\n            width: 2.4rem;\r\n            height: 100%;\r\n            .icon {\r\n                display: block;\r\n                width: 0.47rem;\r\n                height: 0.47rem;\r\n                margin-left: 0.24rem;\r\n                &.icon-chat{\r\n                    background: url(\"../../assets/images/icon_chat.png\") no-repeat;\r\n                    background-size: 0.47rem 0.47rem;\r\n                }\r\n                &.icon-tel{\r\n                    background: url(\"../../assets/images/icon_tel.png\") no-repeat;\r\n                    background-size: 0.46rem 0.47rem;\r\n                }\r\n                &.icon-note{\r\n                    background: url(\"../../assets/images/icon_note.png\") no-repeat;\r\n                    background-size: 0.47rem 0.47rem;\r\n                }\r\n            }\r\n        }\r\n        &.white{\r\n            .icon-return{\r\n                background: url(\"../../assets/images/return_white.png\") no-repeat;\r\n                background-size: 100% 100%;\r\n            }\r\n            .logo{\r\n                color: white;\r\n                // background: url(\"../../assets/images/logo_white.png\") no-repeat;\r\n                // background-size: 100% 100%;\r\n            }\r\n            .icon {\r\n                &.icon-chat{\r\n                    background: url(\"../../assets/images/icon_chat_white.png\") no-repeat;\r\n                    background-size: 100% 100%;\r\n                }\r\n                &.icon-tel{\r\n                    background: url(\"../../assets/images/icon_tel_white.png\") no-repeat;\r\n                    background-size: 100% 100%;\r\n                }\r\n                &.icon-note{\r\n                    background: url(\"../../assets/images/icon_note_white.png\") no-repeat;\r\n                    background-size: 100% 100%;\r\n                }\r\n            }\r\n        }\r\n        .popup{\r\n            position: fixed;\r\n            left: 120%;\r\n            top: 0;\r\n            width: 100%;\r\n            height: 100vh;\r\n            z-index: 999999;\r\n            background: #fff;\r\n            overflow: auto;\r\n            transition: all ease 0.5s;\r\n            -webkit-transition: all ease 0.5s;\r\n            &.popup-show{\r\n                left: 0;\r\n            }\r\n            .shorexDetail-title{\r\n                padding: 15px 20px;\r\n                background-color: #fff;\r\n                overflow: hidden;\r\n                text-align: center;\r\n                margin-bottom: 10px;\r\n                position: fixed;\r\n                width: 100%;\r\n                z-index: 10;\r\n                p{\r\n                    font-size: 14px;\r\n                    color: #333333;\r\n                    letter-spacing: 1px;\r\n                    text-align: center;\r\n                    margin: 0;\r\n                }\r\n                .shorexDetail-returnButton{\r\n                    width: 30px;\r\n                    position: absolute;\r\n                    top: 15px;\r\n                    left: 20px;\r\n                    text-align: left;\r\n                    img{\r\n                        width: 33%;\r\n                    }\r\n                }\r\n            }\r\n            .ruleDetail{\r\n                margin-top: 60px;\r\n                height: calc(100vh - 60px);\r\n                overflow: scroll;\r\n                padding-bottom: 60px;\r\n                .rule-item{\r\n                    margin-bottom: 10px;\r\n                    padding: 0 20px 12px;\r\n                    font-size: 12px;\r\n                    line-height: 20px;\r\n                    color: #666;\r\n                    letter-spacing: 0;\r\n                    background-color: #fff;\r\n                    .faq-content{\r\n                        margin-bottom: 10px;\r\n                        padding-bottom: 10px;\r\n                        border-bottom: 1px solid #f3eeee;\r\n                        .faq-question{\r\n                            color: #333;\r\n                            font-weight: bold;\r\n                            .visa_right__titlt{\r\n                                width: 90%;\r\n                                display: inline-block;\r\n                                vertical-align: top;\r\n                                margin-top: 0 !important;\r\n                            }\r\n                            .faq-hot{\r\n                                display: inline-block;\r\n                                width: 20px;\r\n                                vertical-align: middle;\r\n                            }\r\n                            .f7-icons{\r\n                                display: inline-block;\r\n                                width: 0.22rem;\r\n                                height: 0.22rem;\r\n                                background: url(\"../../assets/images/down.png\") no-repeat;\r\n                                background-size: 100% 100%;\r\n                                margin-left: 0.2rem;\r\n                                margin-top: 0.1rem;\r\n                                text-indent: -2000px;\r\n                                transform: rotateZ(-90deg);\r\n                                -webkit-transform: rotateZ(-90deg);\r\n                            }\r\n                        }\r\n                        .faq-answer{\r\n                            display: none;\r\n                            padding-top: 10px;\r\n                        }\r\n                        &.active{\r\n                            .faq-question{\r\n                                .f7-icons{\r\n                                    transform: rotateZ(0deg);\r\n                                    -webkit-transform: rotateZ(0deg);\r\n                                }\r\n                            }\r\n                            .faq-answer{\r\n                                display: block;\r\n                            }\r\n                        }\r\n                    }\r\n                    .faq-more{\r\n                        display: block;\r\n                        width: 126px;\r\n                        text-align: center;\r\n                        height: 24px;\r\n                        line-height: 24px;\r\n                        border: 1px solid #4A90E2;\r\n                        border-radius: 25px;\r\n                        color: #4A90E2;\r\n                        font-size: 14px;\r\n                        margin: 20px auto 0;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./top-bar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./top-bar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./top-bar.vue?vue&type=template&id=25752bb2&scoped=true&\"\nimport script from \"./top-bar.vue?vue&type=script&lang=js&\"\nexport * from \"./top-bar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./top-bar.vue?vue&type=style&index=0&id=25752bb2&lang=less&scoped=true&\"\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  \"25752bb2\",\n  null\n  \n)\n\nexport default component.exports","import TopBar from './top-bar'\r\nexport default TopBar\r\n","'use strict';\nvar $ = require('../internals/export');\nvar $find = require('../internals/array-iteration').find;\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\nvar FIND = 'find';\nvar SKIPS_HOLES = true;\n\n// Shouldn't skip holes\nif (FIND in []) Array(1)[FIND](function () { SKIPS_HOLES = false; });\n\n// `Array.prototype.find` method\n// https://tc39.es/ecma262/#sec-array.prototype.find\n$({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {\n  find: function find(callbackfn /* , that = undefined */) {\n    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\n// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables(FIND);\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content\"},[_c('TopBar',{attrs:{\"barStyle\":\"background-color: #fff;\"}},[_c('span',{staticClass:\"page-title\",attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(\"会员福利\")])]),_c('div',{staticClass:\"privilege\",style:((\"height: \" + _vm.viewHeight + \"px\"))},[_c('div',{staticClass:\"part-nav\"},[_c('div',{staticClass:\"swiper-container\",attrs:{\"id\":\"nav\"}},[_c('div',{staticClass:\"swiper-wrapper\"},[_vm._l((_vm.privilegeList),function(item){return _c('div',{key:item.id,staticClass:\"swiper-slide\"},[_c('span',{staticClass:\"item-text el\"},[_vm._v(_vm._s(item.name))])])}),_c('div',{staticClass:\"bar\",style:((\"width: \" + _vm.navSlideWidth + \"; transform: translateX(\" + _vm.barLeft + \"px); -webkit-transform: translateX(\" + _vm.barLeft + \"px);\"))},[_c('div',{staticClass:\"icon icon-line\"})])],2)])]),_c('div',{staticClass:\"part-detail\"},[_c('div',{staticClass:\"swiper-container\",attrs:{\"id\":\"page\"}},[_c('div',{staticClass:\"swiper-wrapper\"},_vm._l((_vm.privilegeList),function(item){return _c('div',{key:item.id,staticClass:\"swiper-slide\",style:((\"height: \" + _vm.viewHeight + \"px\"))},[_c('div',{staticClass:\"page-content\"},[(item.outBlackIcon)?_c('div',{staticClass:\"content-top\"},[_c('div',{staticClass:\"pic-box hvc\"},[_c('img',{attrs:{\"src\":item.outBlackIcon,\"alt\":item.name}})]),_c('div',{staticClass:\"text-box\"},[_vm._v(_vm._s(item.name))])]):_vm._e(),_c('div',{staticClass:\"content-detail wrap\"},[_c('ul',[_c('li',[_vm._m(0,true),_c('div',{staticClass:\"item-detail\",domProps:{\"innerHTML\":_vm._s(item.content)}})]),_c('li',[_vm._m(1,true),_c('div',{staticClass:\"item-detail\",domProps:{\"innerHTML\":_vm._s(item.useDirections)}})]),_c('li',[_vm._m(2,true),_c('div',{staticClass:\"item-detail\",domProps:{\"innerHTML\":_vm._s(item.rule)}})])])])]),(item.immediatelyUseFlag)?_c('div',{staticClass:\"btn-wrap hvc\"},[_c('a',{staticClass:\"btn-item btn-use hvc\",attrs:{\"href\":item.immediatelyUseLink}},[_vm._v(\"立即使用\")])]):_vm._e()])}),0)])])])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"item-title vc\"},[_c('i',{staticClass:\"icon icon-line\"}),_vm._v(\"福利内容\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"item-title vc\"},[_c('i',{staticClass:\"icon icon-line\"}),_vm._v(\"使用说明\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"item-title vc\"},[_c('i',{staticClass:\"icon icon-line\"}),_vm._v(\"福利规则\")])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"content\">\r\n        <TopBar barStyle=\"background-color: #fff;\">\r\n            <span class=\"page-title\" slot=\"title\">会员福利</span>\r\n        </TopBar>\r\n        <!--<div class=\"top-bar wrap vc\">\r\n            <div class=\"bar-left vc\">\r\n                <a class=\"icon-wrap\" href=\"javascript: history.back()\">\r\n                    <i class=\"icon icon-return\"></i>\r\n                </a>\r\n                <span class=\"page-title\">会员权益说明</span>\r\n            </div>\r\n        </div>-->\r\n        <div class=\"privilege\" :style=\"`height: ${viewHeight}px`\">\r\n            <div class=\"part-nav\">\r\n                <div id=\"nav\" class=\"swiper-container\">\r\n                    <div class=\"swiper-wrapper\">\r\n                        <div class=\"swiper-slide\" v-for=\"item in privilegeList\" :key=\"item.id\">\r\n                            <span class=\"item-text el\">{{item.name}}</span>\r\n                        </div>\r\n                        <div class=\"bar\" :style=\"`width: ${navSlideWidth}; transform: translateX(${barLeft}px); -webkit-transform: translateX(${barLeft}px);`\">\r\n                            <div class=\"icon icon-line\"></div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"part-detail\">\r\n                <div id=\"page\" class=\"swiper-container\">\r\n                    <div class=\"swiper-wrapper\">\r\n                        <div class=\"swiper-slide\" v-for=\"item in privilegeList\" :key=\"item.id\" :style=\"`height: ${viewHeight}px`\">\r\n                            <div class=\"page-content\">\r\n                                <div class=\"content-top\" v-if=\"item.outBlackIcon\">\r\n                                    <div class=\"pic-box hvc\">\r\n                                        <img :src=\"item.outBlackIcon\" :alt=\"item.name\">\r\n                                    </div>\r\n                                    <div class=\"text-box\">{{item.name}}</div>\r\n                                </div>\r\n                                <div class=\"content-detail wrap\">\r\n                                    <ul>\r\n                                        <li>\r\n                                            <div class=\"item-title vc\"><i class=\"icon icon-line\"></i>福利内容</div>\r\n                                            <div class=\"item-detail\" v-html=\"item.content\"></div>\r\n                                        </li>\r\n                                        <li>\r\n                                            <div class=\"item-title vc\"><i class=\"icon icon-line\"></i>使用说明</div>\r\n                                            <div class=\"item-detail\" v-html=\"item.useDirections\"></div>\r\n                                        </li>\r\n                                        <li>\r\n                                            <div class=\"item-title vc\"><i class=\"icon icon-line\"></i>福利规则</div>\r\n                                            <div class=\"item-detail\" v-html=\"item.rule\"></div>\r\n                                        </li>\r\n                                    </ul>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"btn-wrap hvc\" v-if=\"item.immediatelyUseFlag\">\r\n                                <a class=\"btn-item btn-use hvc\" :href=\"item.immediatelyUseLink\">立即使用</a>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import axios from '@/libs/api.request'\r\n    import 'swiper/dist/css/swiper.css'\r\n    import Swiper from 'swiper'\r\n    import { delayDev } from '@/libs/tools'\r\n    import TopBar from '@/components/top-bar/'\r\n    export default {\r\n        name: 'privilege',\r\n        components: {\r\n            TopBar\r\n        },\r\n        data: () => {\r\n            return {\r\n                userLevel: 1,\r\n                privilegeList: [],\r\n                viewHeight: 'auto',\r\n                navSwiper: null,\r\n                navSlideWidth: 0,\r\n                navSum: 0,\r\n                clientWidth: 0,\r\n                navWidth: 0,\r\n                pageSwiper: null,\r\n                barLeft: 0,\r\n                activeIndex: 0,\r\n                activeSlidePosition: 0,\r\n                navActiveSlideLeft: 0\r\n            }\r\n        },\r\n        created () {\r\n            this.getUserPrivilege()\r\n                .then(res => {\r\n                    this.privilegeList = res\r\n                    delayDev(300, () => {\r\n                        let that = this\r\n                        this.navSlide()\r\n                        this.pageSlide()\r\n                        this.navSwiper.$el.on('touchstart', function (e) {\r\n                            e.preventDefault()\r\n                        })\r\n                        this.navSwiper.on('tap', function () {\r\n                            let clickIndex = this.clickedIndex\r\n                            let clickSlide = this.slides.eq(clickIndex)\r\n                            that.pageSwiper.slideTo(clickIndex, 0);\r\n                            this.slides.find('.item-text').removeClass('cur')\r\n                            clickSlide.find('.item-text').addClass('cur')\r\n                        })\r\n                    })\r\n                })\r\n        },\r\n        mounted () {\r\n            this.adaptView()\r\n            this.getUserLevelPrivilege()\r\n                .then(res => {\r\n                    this.userLevel = this.getLevel(res.customerInfo.userLevel)\r\n                })\r\n            this.activeIndex = parseInt(this.$route.query.index)\r\n        },\r\n        methods: {\r\n            adaptView () {\r\n                let $target = document.querySelector('.privilege')\r\n                let viewHeight = window.innerHeight\r\n                let targetHeight = $target.offsetHeight\r\n                if (viewHeight > targetHeight) {\r\n                    this.viewHeight = viewHeight\r\n                }\r\n            },\r\n            getUserPrivilege () {\r\n                return new Promise(resolve => {\r\n                    axios.request({\r\n                        url: '/api/CustomerInfo/ApiGetUserPrivilege',\r\n                        method: 'post',\r\n                        headers: {\r\n                            'Content-Type': 'application/json',\r\n                            'Authorization': `Bearer ${this.$store.state.user.token}`\r\n                        },\r\n                        data: {\r\n                            loyaltyId: this.$store.state.user.loyaltyId\r\n                        }\r\n                    })\r\n                        .then(res => {\r\n                            let data = res.data\r\n                            if (data.errCode === 0) {\r\n                                resolve(data.data)\r\n                            } else if (data.errCode === 1000) {\r\n                                window.console.log('失败')\r\n                            } else {\r\n                                window.console.log('系统错误')\r\n                            }\r\n                        })\r\n                        .catch(err => {\r\n                            window.console.log(err)\r\n                        })\r\n                })\r\n            },\r\n            navSlide () {\r\n                let that = this\r\n                this.navSwiper = new Swiper('#nav', {\r\n                    initialSlide: this.activeIndex,\r\n                    slidesPerView: 3.5,\r\n                    freeMode: true,\r\n                    on: {\r\n                        init: function() {\r\n                            this.slides.eq(that.activeIndex).find('.item-text').addClass('cur')\r\n                            that.navSlideWidth = this.slides.eq(that.activeIndex).css('width');\r\n                            that.navSum = this.slides[this.slides.length - 1].offsetLeft\r\n                            that.clientWidth = parseInt(this.$wrapperEl.css('width'))\r\n                            for (let i = 0, len = this.slides.length; i < len; i++) {\r\n                                that.navWidth += parseInt(this.slides.eq(i).css('width'))\r\n                            }\r\n                        }\r\n                    }\r\n                })\r\n            },\r\n            pageSlide () {\r\n                let that = this\r\n                this.pageSwiper = new Swiper('#page', {\r\n                    initialSlide: this.activeIndex,\r\n                    watchSlidesProgress: true,\r\n                    resistanceRatio: 0,\r\n                    on: {\r\n                        touchMove: function() {\r\n                            that.barLeft = that.navSum * this.progress\r\n                        },\r\n                        transitionStart: function() {\r\n                            let activeIndex= this.activeIndex\r\n                            let navSwiper = that.navSwiper\r\n                            let clientWidth = that.clientWidth\r\n                            let navActiveSlideLeft = that.navSwiper.slides[activeIndex].offsetLeft\r\n                            let navWidth = that.navWidth\r\n                            let navSlideWidth = that.navSlideWidth\r\n                            that.navActiveSlideLeft = navActiveSlideLeft\r\n                            that.activeIndex = activeIndex\r\n                            that.barLeft = navSwiper.slides[activeIndex].offsetLeft\r\n\r\n                            navSwiper.setTransition(300)\r\n                            navSwiper.slides.eq(activeIndex).find('.item-text').addClass('cur')\r\n                            if (activeIndex > 0) {\r\n                                navSwiper.slides.eq(activeIndex - 1).find('.item-text').removeClass('cur')\r\n                            }\r\n                            if (activeIndex < this.slides.length) {\r\n                                navSwiper.slides.eq(activeIndex + 1).find('.item-text').removeClass('cur')\r\n                            }\r\n                            if (navActiveSlideLeft < (clientWidth - parseInt(navSlideWidth)) / 2) {\r\n                                navSwiper.setTranslate(0)\r\n                            } else if (navActiveSlideLeft > navWidth - (parseInt(navSlideWidth) + clientWidth) / 2) {\r\n                                navSwiper.setTranslate(clientWidth - navWidth)\r\n                            } else {\r\n                                navSwiper.setTranslate((clientWidth - parseInt(navSlideWidth)) / 2 - navActiveSlideLeft)\r\n                            }\r\n                        }\r\n                    }\r\n                })\r\n            },\r\n            getUserLevelPrivilege () {\r\n                return new Promise(resolve => {\r\n                    axios.request({\r\n                        url: '/api/CustomerInfo/ApiGetUserLevelPrivilege',\r\n                        method: 'post',\r\n                        headers: {\r\n                            'Content-Type': 'application/json',\r\n                            'Authorization': `Bearer ${this.$store.state.user.token}`\r\n                        },\r\n                        data: {\r\n                            loyaltyId: this.$store.state.user.loyaltyId\r\n                        }\r\n                    })\r\n                        .then(res => {\r\n                            let data = res.data\r\n                            if (data.errCode === 0) {\r\n                                resolve(data.data)\r\n                            } else if (data.errCode === 1000) {\r\n                                window.console.log('失败')\r\n                            } else {\r\n                                window.console.log('系统错误')\r\n                            }\r\n                        })\r\n                        .catch(err => {\r\n                            window.console.log(err)\r\n                        })\r\n                })\r\n            },\r\n            getLevel (userLevelText) {\r\n                switch (userLevelText) {\r\n                    case '初级会员':\r\n                        return 1\r\n                    case '高级会员':\r\n                        return 2\r\n                    case '精英会员':\r\n                        return 3\r\n                    case '卓越会员':\r\n                        return 4\r\n                }\r\n            }\r\n            /*checkType (type, userLevel) {\r\n                if (type === 0 || type === 1 && userLevel === 1 || type === 2 && userLevel !== 1) return true\r\n            }*/\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n    .top-bar{\r\n        position: fixed;\r\n        left: 0;\r\n        top: 0;\r\n        z-index: 99;\r\n        width: 100%;\r\n        height: 1.00rem;\r\n        background-color: #fff;\r\n        border-bottom: #d3dbde solid 0.02rem;\r\n        .bar-left{\r\n            width: 3.00rem;\r\n            height: 100%;\r\n            .icon-wrap{\r\n                display: block;\r\n                width: 0.40rem;\r\n                height: 0.40rem;\r\n            }\r\n            .icon-return{\r\n                width: 0.32rem;\r\n                height: 0.40rem;\r\n                background: url(\"../../assets/images/return.png\") no-repeat;\r\n                background-size: 100% 100%;\r\n            }\r\n            .page-title{\r\n                font-size: 0.30rem;\r\n            }\r\n        }\r\n    }\r\n    .privilege{\r\n        background-color: #f5f6f8;\r\n        .part-nav{\r\n            position: fixed;\r\n            left: 0;\r\n            top: 1.00rem;\r\n            z-index: 99;\r\n            width: 100%;\r\n            height: 1.00rem;\r\n            background-color: #fff;\r\n            .item-text{\r\n                display: block;\r\n                width: 90%;\r\n                height: 1.00rem;\r\n                margin: 0 auto;\r\n                color: #747d80;\r\n                line-height: 1.00rem;\r\n                text-align: center;\r\n                transition: all ease 0.3s;\r\n                -webkit-transition: all ease 0.3s;\r\n                &.cur{\r\n                    color: #ffa70d;\r\n                }\r\n            }\r\n            .bar{\r\n                position: absolute;\r\n                left: 0;\r\n                bottom: 0;\r\n                width: 2.00rem;\r\n                height: 0.04rem;\r\n                background-color: #fac400;\r\n                transition: all ease 0.3s;\r\n                -webkit-transition: all ease 0.3s;\r\n            }\r\n        }\r\n        .part-detail{\r\n            height: 100%;\r\n            .page-content{\r\n                height: 100%;\r\n                padding-top: 2.40rem;\r\n                padding-bottom: 1.26rem;\r\n                overflow-y: scroll;\r\n                .content-top{\r\n                    padding-bottom: 0.46rem;\r\n                    .pic-box{\r\n                        width: 1.50rem;\r\n                        height: 1.50rem;\r\n                        margin: 0 auto;\r\n                        background-color: #fac400;\r\n                        border-radius: 100%;\r\n                        img{\r\n                            width: 1.20rem;\r\n                        }\r\n                    }\r\n                    .text-box{\r\n                        padding-top: 0.12rem;\r\n                        font-size: 0.30rem;\r\n                        line-height: 0.48rem;\r\n                        text-align: center;\r\n                    }\r\n                }\r\n                .content-detail{\r\n                    padding-top: 0.02rem;\r\n                    ul{\r\n                        li{\r\n                            margin-bottom: 0.40rem;\r\n                            .item-title{\r\n                                padding-bottom: 0.34rem;\r\n                                font-size: 0.30rem;\r\n                                .icon-line{\r\n                                    width: 0.04rem;\r\n                                    height: 0.30rem;\r\n                                    margin-right: 0.10rem;\r\n                                    background-color: #fbc500;\r\n                                    border-radius: 0.02rem;\r\n                                }\r\n                            }\r\n                            .item-detail{\r\n                                padding-left: 0.14rem;\r\n                                color: #747d80;\r\n                                line-height: 0.32rem;\r\n                                word-break: break-all;\r\n                                word-wrap: break-word;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n            .btn-wrap{\r\n                position: absolute;\r\n                left: 0;\r\n                bottom: 0;\r\n                width: 100%;\r\n                z-index: 9999;\r\n                height: 1.26rem;\r\n                border-top: #d4dbde solid 0.02rem;\r\n                background-color: #fff;\r\n                .btn-use{\r\n                    display: flex;\r\n                    display: -webkit-flex;\r\n                    width: 6.92rem;\r\n                    height: 0.95rem;\r\n                    background-color: #fbc500;\r\n                    border-radius: 0.05rem;\r\n                    font-size: 0.30rem;\r\n                }\r\n            }\r\n        }\r\n    }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./privilege.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./privilege.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./privilege.vue?vue&type=template&id=445fa943&scoped=true&\"\nimport script from \"./privilege.vue?vue&type=script&lang=js&\"\nexport * from \"./privilege.vue?vue&type=script&lang=js&\"\nimport style0 from \"./privilege.vue?vue&type=style&index=0&id=445fa943&lang=less&scoped=true&\"\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  \"445fa943\",\n  null\n  \n)\n\nexport default component.exports","import Privilege from './privilege'\r\nexport default Privilege"],"sourceRoot":""}