{"version":3,"sources":["webpack:///./src/view/member-welfare/member-welfare.vue?cf93","webpack:///./src/components/loading/loading.vue?72a4","webpack:///src/components/loading/loading.vue","webpack:///./src/components/loading/loading.vue?ef51","webpack:///./src/components/loading/loading.vue","webpack:///./src/components/loading/index.js","webpack:///./src/view/member-welfare/member-welfare.vue?0fe9","webpack:///src/view/member-welfare/member-welfare.vue","webpack:///./src/view/member-welfare/member-welfare.vue?5dcc","webpack:///./src/view/member-welfare/member-welfare.vue","webpack:///./src/view/member-welfare/index.js","webpack:///./src/assets/images/logo_50.png","webpack:///./src/components/loading/loading.vue?2e45","webpack:///./node_modules/core-js/modules/es.array.map.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","preventEvents","_m","_e","staticRenderFns","attrs","component","Loading","class","userLevel","_v","_s","customerInfo","fullName","showRule","formatTime","levelExpireDate","validShipCount","welfareCount","_l","item","index","key","levelCN","domProps","times","privilegeCount","closeRuleLayer","cur","tabLevel","$event","showLevel","getLevelText","enjoyPrivilege","showWelfare","id","outIcon","outGrayIcon","name","maxWidth","privilege","outBlackIcon","content","useDirections","rule","immediatelyUseFlag","checkType","type","immediatelyUseLink","closeWelfareLayer","logo","loading","staticStyle","MemberWelfare","module","exports","$","$map","map","arrayMethodHasSpeciesSupport","HAS_SPECIES_SUPPORT","target","proto","forced","callbackfn","arguments","length","undefined"],"mappings":"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","file":"js/chunk-02d7e912.12268fc4.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!./member-welfare.vue?vue&type=style&index=0&id=1ed87003&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.loading)?_c('div',{staticClass:\"mask-loading\",on:{\"touchmove\":_vm.preventEvents}},[_vm._m(0)]):_vm._e()}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"loading-wrap\"},[_c('img',{staticClass:\"loading-gif\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/loading/pcloading-2.gif\",\"alt\":\"loading\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"mask-loading\" @touchmove=\"preventEvents\" v-if=\"loading\">\r\n        <div class=\"loading-wrap\">\r\n            <img class=\"loading-gif\" src=\"https://resource.rcclchina.com.cn/loading/pcloading-2.gif\" alt=\"loading\">\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        name: 'Loading',\r\n        props: {\r\n            loading: {\r\n                type: Boolean,\r\n                default: true\r\n            }\r\n        },\r\n        methods: {\r\n            preventEvents (e) {\r\n                e.preventDefault()\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n    .mask-loading{\r\n        position: fixed;\r\n        left: 0;\r\n        top: 0;\r\n        z-index: 999999;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0,0,0,0.7);\r\n        .loading-wrap{\r\n            position: absolute;\r\n            left: 50%;\r\n            top: 50%;\r\n            width: 210px;\r\n            height: 210px;\r\n            padding: 30px;\r\n            margin-top: -105px;\r\n            margin-left: -105px;\r\n            background-color: #fff;\r\n            border-radius: 35px;\r\n        }\r\n        .loading-gif{\r\n            width: 150px;\r\n            height: 150px;\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!./loading.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!./loading.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./loading.vue?vue&type=template&id=f85ed6c2&scoped=true&\"\nimport script from \"./loading.vue?vue&type=script&lang=js&\"\nexport * from \"./loading.vue?vue&type=script&lang=js&\"\nimport style0 from \"./loading.vue?vue&type=style&index=0&id=f85ed6c2&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  \"f85ed6c2\",\n  null\n  \n)\n\nexport default component.exports","import Loading from './loading'\r\nexport default Loading\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"member-welfare\"},[_c('div',{class:(\"part-card member-0\" + _vm.userLevel)},[_c('div',{staticClass:\"info-card fix\"},[_c('div',{staticClass:\"card-item user-level l fix\"},[_c('i',{class:(\"icon icon-member icon-member-0\" + _vm.userLevel + \" l\")}),_c('div',{staticClass:\"rank-text l\"},[_c('div',{staticClass:\"wel-text\"},[_vm._v(\"尊敬的：\"+_vm._s(_vm.customerInfo.fullName))]),_c('div',{staticClass:\"level-text\"},[_c('h3',[_vm._v(_vm._s(_vm.customerInfo.userLevel))]),_c('div',{staticClass:\"level-rule\",on:{\"click\":_vm.showRule}},[_c('i',{staticClass:\"icon icon-tip\"}),_c('span',[_vm._v(\"等级规则\")])])])])]),_c('div',{staticClass:\"card-item user-expire-date l\"},[_c('div',{staticClass:\"item-title\"},[_vm._v(\"等级结算日\")]),_c('div',{staticClass:\"item-text\"},[_vm._v(_vm._s(_vm.formatTime(_vm.customerInfo.levelExpireDate)))])]),_c('div',{staticClass:\"card-item user-level-des l\"},[(_vm.userLevel !== 4)?_c('div',{staticClass:\"des-wrap\"},[_c('div',{staticClass:\"item-title\"},[_vm._v(\"距升级Lv\"+_vm._s(_vm.userLevel + 1)+\"还差\")]),_c('div',{staticClass:\"item-text\"},[_c('span',[_vm._v(_vm._s(_vm.customerInfo.validShipCount)+\"次出行\")]),_c('a',{staticClass:\"btn-item btn-up-level\",attrs:{\"href\":\"/Rccl.Cruise/CruiseSearch/Search\"}},[_vm._v(\"立即升级\")])])]):_c('div',{staticClass:\"des-wrap\"},[_c('div',{staticClass:\"item-title\"},[_vm._v(\"距保级还差\")]),_vm._m(0)])]),_c('div',{staticClass:\"card-item user-welfare-times l\"},[_c('div',{staticClass:\"item-title\"},[_vm._v(\"可享福利\")]),_c('div',{staticClass:\"item-text\"},[_vm._v(_vm._s(_vm.customerInfo.welfareCount)+\"项\")])])]),(_vm.ruleShow)?_c('div',{staticClass:\"rule-layer\"},[_c('div',{staticClass:\"content-wrap\"},[_c('div',{staticClass:\"content-scroll\"},[_c('div',{staticClass:\"level-list\"},[_c('ul',{staticClass:\"fix\"},_vm._l((_vm.levelList),function(item,index){return _c('li',{key:index},[_c('i',{class:(\"icon icon-level level-0\" + (index + 1))}),_c('h3',{class:(\"level-0\" + (index + 1))},[_vm._v(_vm._s(item.levelCN))]),_c('p',{staticClass:\"level-tip\"},[(index !== 0)?_c('span',[_vm._v(\"等级有效期内\")]):_vm._e(),_c('br'),_vm._v(\"出行次数\")]),_c('p',{staticClass:\"times\",domProps:{\"innerHTML\":_vm._s(item.times)}}),_c('p',{staticClass:\"welfare-tip\"},[_vm._v(\"享受福利\")]),_c('p',{staticClass:\"welfare\"},[_vm._v(_vm._s(item.privilegeCount))])])}),0)]),_vm._m(1)]),_c('a',{staticClass:\"btn-item btn-close\",attrs:{\"href\":\"javascript: void(0)\"},on:{\"click\":_vm.closeRuleLayer}})])]):_vm._e()]),_c('div',{staticClass:\"part-level\"},[_c('span',{class:{cur: _vm.tabLevel === 1},on:{\"click\":function($event){return _vm.showLevel(1)}}},[_vm._v(\"初级会员\")]),_c('span',{class:{cur: _vm.tabLevel === 2},on:{\"click\":function($event){return _vm.showLevel(2)}}},[_vm._v(\"高级会员\")]),_c('span',{class:{cur: _vm.tabLevel === 3},on:{\"click\":function($event){return _vm.showLevel(3)}}},[_vm._v(\"精英会员\")]),_c('span',{class:{cur: _vm.tabLevel === 4},on:{\"click\":function($event){return _vm.showLevel(4)}}},[_vm._v(\"卓越会员\")])]),_c('div',{staticClass:\"part-privilege\"},[_c('div',{staticClass:\"privilege-title\"},[_c('span',{class:(\"cur cur-0\" + _vm.tabLevel)},[_vm._v(_vm._s(_vm.getLevelText(_vm.tabLevel)))]),_vm._v(\"尊享\"+_vm._s(_vm.welfareCount)+\"项福利\")]),_c('div',{staticClass:\"privilege-list\"},[_c('ul',{staticClass:\"fix\"},_vm._l((_vm.privilegeList),function(item,index){return _c('li',{key:index,class:(\"type-0\" + _vm.tabLevel + \" \" + (item.enjoyPrivilege ? 'cur' : '')),on:{\"click\":function($event){return _vm.showWelfare(item.id)}}},[_c('div',{staticClass:\"icon-box\"},[_c('img',{attrs:{\"src\":item.enjoyPrivilege ? item.outIcon : item.outGrayIcon,\"alt\":item.name}}),(index === 0)?_c('div',{staticClass:\"item-tip vc\",class:{maxWidth: _vm.tabLevel !== 1}},[_vm._v(_vm._s(_vm.tabLevel === 1 ? '$50' : '95折'))]):_vm._e()]),_c('div',{staticClass:\"text-box\"},[_vm._v(_vm._s(item.name))])])}),0),(_vm.welfareShow)?_c('div',{staticClass:\"welfare-layer\"},[_c('div',{staticClass:\"content-wrap\"},[_c('div',{staticClass:\"welfare-detail\"},[_c('div',{staticClass:\"layer-title\"},[_c('div',{staticClass:\"icon icon-welfare\"},[_c('img',{attrs:{\"src\":_vm.privilege.outBlackIcon,\"alt\":_vm.privilege.name,\"title\":_vm.privilege.name}})]),_c('span',[_vm._v(_vm._s(_vm.privilege.name))])]),_c('div',{staticClass:\"layer-detail\"},[_c('ul',[_c('li',[_c('div',{staticClass:\"item-title\"},[_vm._v(\"福利内容\")]),_c('div',{staticClass:\"item-detail\",domProps:{\"innerHTML\":_vm._s(_vm.privilege.content)}})]),_c('li',[_c('div',{staticClass:\"item-title\"},[_vm._v(\"使用说明\")]),_c('div',{staticClass:\"item-detail\",domProps:{\"innerHTML\":_vm._s(_vm.privilege.useDirections)}})]),_c('li',[_c('div',{staticClass:\"item-title\"},[_vm._v(\"福利规则\")]),_c('div',{staticClass:\"item-detail\",domProps:{\"innerHTML\":_vm._s(_vm.privilege.rule)}})])])]),(_vm.privilege.immediatelyUseFlag && _vm.checkType(_vm.privilege.type, _vm.tabLevel))?_c('div',{staticClass:\"btn-wrap\"},[_c('a',{staticClass:\"btn-item btn-use\",attrs:{\"href\":_vm.privilege.immediatelyUseLink}},[_vm._v(\"立即使用\")])]):_vm._e()]),_c('a',{staticClass:\"btn-item btn-close\",attrs:{\"href\":\"javascript: void(0)\"},on:{\"click\":_vm.closeWelfareLayer}})])]):_vm._e()]),_c('div',{staticClass:\"welfare-des\"},[_c('a',{attrs:{\"href\":\"/cas/benefits\",\"target\":\"_blank\"}},[_c('img',{staticClass:\"bottom-logo\",attrs:{\"src\":_vm.logo,\"alt\":\"logo\"}}),_c('span',[_vm._v(\"查看皇冠铁锚俱乐部全球会员权益\")])])])])]),_c('Loading',{attrs:{\"loading\":_vm.loading}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"item-text\"},[_c('span',[_vm._v(\"1次出行\")]),_c('a',{staticClass:\"btn-item btn-up-level\",attrs:{\"href\":\"/Rccl.Cruise/CruiseSearch/Search\"}},[_vm._v(\"立即预订\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"part-detail\"},[_c('p',[_vm._v(\"1. “皇家游享荟”会员等级可分为初级会员、高级会员、精英会员和卓越会员；会员需完善信息后，方可累积会员等级所需的出行次数。\")]),_c('p',[_vm._v(\"2. 等级有效期：自等级生效期起两年，如2020年6月5日升级为高级会员，则2022年6月5日该等级到期。\")]),_c('p',{staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\"3. 满足如下条件，即可成为相应等级的会员：\")]),_c('p',{staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\"初级会员: 注册成功即成为初级会员，在等级有效期内完成0次符合资格的出行\")]),_c('p',{staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\"高级会员: 在等级有效期内完成1次符合资格的出行\")]),_c('p',{staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\"精英会员: 在等级有效期内完成2-3次符合资格的出行\")]),_c('p',[_vm._v(\"卓越会员: 在等级有效期内至少完成4次及以上符合资格的出行\")]),_c('p',{staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\"4. 会员等级的升级、降级和保级规则\")]),_c('p',{staticStyle:{\"margin-bottom\":\"0\",\"text-indent\":\"1em\"}},[_vm._v(\"4.1 升级规则：用户在原等级有效期内达到下一等级条件，则新的等级立即生效，并从升级当日计算新等级的有效期。\")]),_c('p',{staticStyle:{\"margin-bottom\":\"0\",\"text-indent\":\"1em\"}},[_vm._v(\"4.2 保级规则（适用于精英会员及以上等级）：在等级有效期2年内至少有一次符合资格的出行；若满足该保级规则，则原等级有效期再延长2年。\")]),_c('p',{staticStyle:{\"text-indent\":\"1em\"}},[_vm._v(\"4.3 降级规则（适用于高级会员及以上等级）：有效期到期且不满足保级或升级条件的，会员等级自动下降一个级别，并从降级当日计算新等级有效期；初级会员无降级规则。\")]),_c('p',{staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\"5.“符合资格的出行”指：\")]),_c('p',[_vm._v(\"会员出行的航次，属于“符合资格的预订”下的航次，即构成符合资格的出行。\")]),_c('p',[_vm._v(\"6. 会员等级将在会员离船日起10日后自动更新；若会员等级未自动更新的，可在离船日起12个月内申请会员等级补登，逾期不予办理，补登办理过程中，会员应根据皇家的要求提供相关的凭证。\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"content\">\r\n        <div class=\"member-welfare\">\r\n            <div :class=\"`part-card member-0${userLevel}`\">\r\n                <div class=\"info-card fix\">\r\n                    <div class=\"card-item user-level l fix\">\r\n                        <i :class=\"`icon icon-member icon-member-0${userLevel} l`\"></i>\r\n                        <div class=\"rank-text l\">\r\n                            <div class=\"wel-text\">尊敬的：{{ customerInfo.fullName }}</div>\r\n                            <div class=\"level-text\">\r\n                                <h3>{{customerInfo.userLevel}}</h3>\r\n                                <div class=\"level-rule\" @click=\"showRule\">\r\n                                    <i class=\"icon icon-tip\"></i>\r\n                                    <span>等级规则</span>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"card-item user-expire-date l\">\r\n                        <div class=\"item-title\">等级结算日</div>\r\n                        <div class=\"item-text\">{{formatTime(customerInfo.levelExpireDate)}}</div>\r\n                    </div>\r\n                    <div class=\"card-item user-level-des l\">\r\n                        <div class=\"des-wrap\" v-if=\"userLevel !== 4\">\r\n                            <div class=\"item-title\">距升级Lv{{ userLevel + 1 }}还差</div>\r\n                            <div class=\"item-text\"><span>{{ customerInfo.validShipCount }}次出行</span><a class=\"btn-item btn-up-level\" href=\"/Rccl.Cruise/CruiseSearch/Search\">立即升级</a></div>\r\n                        </div>\r\n                        <div class=\"des-wrap\" v-else>\r\n                            <div class=\"item-title\">距保级还差</div>\r\n                            <div class=\"item-text\"><span>1次出行</span><a class=\"btn-item btn-up-level\" href=\"/Rccl.Cruise/CruiseSearch/Search\">立即预订</a></div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"card-item user-welfare-times l\">\r\n                        <div class=\"item-title\">可享福利</div>\r\n                        <div class=\"item-text\">{{customerInfo.welfareCount}}项</div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"rule-layer\" v-if=\"ruleShow\">\r\n                    <div class=\"content-wrap\">\r\n                        <div class=\"content-scroll\">\r\n                            <div class=\"level-list\">\r\n                                <ul class=\"fix\">\r\n                                    <li v-for=\"(item, index) in levelList\" :key=\"index\">\r\n                                        <i :class=\"`icon icon-level level-0${index + 1}`\"></i>\r\n                                        <h3 :class=\"`level-0${index + 1}`\">{{item.levelCN}}</h3>\r\n                                        <p class=\"level-tip\"><span v-if=\"index !== 0\">等级有效期内</span><br>出行次数</p>\r\n                                        <p class=\"times\" v-html=\"item.times\"></p>\r\n                                        <p class=\"welfare-tip\">享受福利</p>\r\n                                        <p class=\"welfare\">{{item.privilegeCount}}</p>\r\n                                    </li>\r\n                                </ul>\r\n                            </div>\r\n                            <div class=\"part-detail\">\r\n                                <p>1. “皇家游享荟”会员等级可分为初级会员、高级会员、精英会员和卓越会员；会员需完善信息后，方可累积会员等级所需的出行次数。</p>\r\n                                <p>2. 等级有效期：自等级生效期起两年，如2020年6月5日升级为高级会员，则2022年6月5日该等级到期。</p>\r\n                                <p style=\"margin-bottom: 0;\">3. 满足如下条件，即可成为相应等级的会员：</p>\r\n                                <p style=\"margin-bottom: 0;\">初级会员: 注册成功即成为初级会员，在等级有效期内完成0次符合资格的出行</p>\r\n                                <p style=\"margin-bottom: 0;\">高级会员: 在等级有效期内完成1次符合资格的出行</p>\r\n                                <p style=\"margin-bottom: 0;\">精英会员: 在等级有效期内完成2-3次符合资格的出行</p>\r\n                                <p>卓越会员: 在等级有效期内至少完成4次及以上符合资格的出行</p>\r\n                                <p style=\"margin-bottom: 0;\">4. 会员等级的升级、降级和保级规则</p>\r\n                                <p style=\"margin-bottom: 0; text-indent: 1em;\">4.1 升级规则：用户在原等级有效期内达到下一等级条件，则新的等级立即生效，并从升级当日计算新等级的有效期。</p>\r\n                                <p style=\"margin-bottom: 0; text-indent: 1em;\">4.2 保级规则（适用于精英会员及以上等级）：在等级有效期2年内至少有一次符合资格的出行；若满足该保级规则，则原等级有效期再延长2年。</p>\r\n                                <p style=\"text-indent: 1em;\">4.3 降级规则（适用于高级会员及以上等级）：有效期到期且不满足保级或升级条件的，会员等级自动下降一个级别，并从降级当日计算新等级有效期；初级会员无降级规则。</p>\r\n                                <p style=\"margin-bottom: 0;\">5.“符合资格的出行”指：</p>\r\n                                <p>会员出行的航次，属于“符合资格的预订”下的航次，即构成符合资格的出行。</p>\r\n                                <p>6. 会员等级将在会员离船日起10日后自动更新；若会员等级未自动更新的，可在离船日起12个月内申请会员等级补登，逾期不予办理，补登办理过程中，会员应根据皇家的要求提供相关的凭证。</p>\r\n                            </div>\r\n                        </div>\r\n                        <a class=\"btn-item btn-close\" href=\"javascript: void(0)\" @click=\"closeRuleLayer\"></a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"part-level\">\r\n                <span v-bind:class=\"{cur: tabLevel === 1}\" @click=\"showLevel(1)\">初级会员</span>\r\n                <span v-bind:class=\"{cur: tabLevel === 2}\" @click=\"showLevel(2)\">高级会员</span>\r\n                <span v-bind:class=\"{cur: tabLevel === 3}\" @click=\"showLevel(3)\">精英会员</span>\r\n                <span v-bind:class=\"{cur: tabLevel === 4}\" @click=\"showLevel(4)\">卓越会员</span>\r\n            </div>\r\n            <div class=\"part-privilege\">\r\n                <div class=\"privilege-title\"><span :class=\"`cur cur-0${ tabLevel }`\">{{ getLevelText(tabLevel) }}</span>尊享{{ welfareCount }}项福利</div>\r\n                <div class=\"privilege-list\">\r\n                    <ul class=\"fix\">\r\n                        <li :class=\"`type-0${ tabLevel } ${ item.enjoyPrivilege ? 'cur' : '' }`\" v-for=\"(item, index) in privilegeList\" :key=\"index\" @click=\"showWelfare(item.id)\">\r\n                            <div class=\"icon-box\">\r\n                                <img :src=\"item.enjoyPrivilege ? item.outIcon : item.outGrayIcon\" :alt=\"item.name\">\r\n                                <div class=\"item-tip vc\" v-bind:class=\"{maxWidth: tabLevel !== 1}\" v-if=\"index === 0\">{{tabLevel === 1 ? '$50' : '95折'}}</div>\r\n                            </div>\r\n                            <div class=\"text-box\">{{ item.name }}</div>\r\n                        </li>\r\n                    </ul>\r\n                    <div class=\"welfare-layer\" v-if=\"welfareShow\">\r\n                        <div class=\"content-wrap\">\r\n                            <div class=\"welfare-detail\">\r\n                                <div class=\"layer-title\">\r\n                                    <div class=\"icon icon-welfare\">\r\n                                        <img :src=\"privilege.outBlackIcon\" :alt=\"privilege.name\" :title=\"privilege.name\">\r\n                                    </div>\r\n                                    <span>{{privilege.name}}</span>\r\n                                </div>\r\n                                <div class=\"layer-detail\">\r\n                                    <ul>\r\n                                        <li>\r\n                                            <div class=\"item-title\">福利内容</div>\r\n                                            <div class=\"item-detail\" v-html=\"privilege.content\"></div>\r\n                                        </li>\r\n                                        <li>\r\n                                            <div class=\"item-title\">使用说明</div>\r\n                                            <div class=\"item-detail\" v-html=\"privilege.useDirections\"></div>\r\n                                        </li>\r\n                                        <li>\r\n                                            <div class=\"item-title\">福利规则</div>\r\n                                            <div class=\"item-detail\" v-html=\"privilege.rule\"></div>\r\n                                        </li>\r\n                                    </ul>\r\n                                </div>\r\n                                <div class=\"btn-wrap\" v-if=\"privilege.immediatelyUseFlag && checkType(privilege.type, tabLevel)\">\r\n                                    <a class=\"btn-item btn-use\" :href=\"privilege.immediatelyUseLink\">立即使用</a>\r\n                                </div>\r\n                            </div>\r\n                            <a class=\"btn-item btn-close\" href=\"javascript: void(0)\" @click=\"closeWelfareLayer\"></a>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"welfare-des\">\r\n                    <a href=\"/cas/benefits\" target=\"_blank\"><img class=\"bottom-logo\" :src=\"logo\" alt=\"logo\"><span>查看皇冠铁锚俱乐部全球会员权益</span></a>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <Loading :loading=\"loading\"></Loading>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import axios from '@/libs/api.request'\r\n    import { dateFormat } from '@/libs/tools'\r\n    import logo from '@/assets/images/logo_50.png'\r\n    import { mapMutations } from 'vuex'\r\n    import Loading from '@/components/loading'\r\n    export default {\r\n        name: 'memberWelfare',\r\n        components: {\r\n            Loading\r\n        },\r\n        data: () => {\r\n            return {\r\n                customerInfo: {},\r\n                userLevel: 1,\r\n                tabLevel: 1,\r\n                welfareCount: 0,\r\n                privilegeList: [],\r\n                logo,\r\n                ruleShow: false,\r\n                timesList: [\r\n                    {\r\n                        times: '0次'\r\n                    },\r\n                    {\r\n                        times: '1次'\r\n                    },\r\n                    {\r\n                        times: '2-3次'\r\n                    },\r\n                    {\r\n                        times: '4次及以上'\r\n                    }\r\n                ],\r\n                levelList: [],\r\n                privilege: {},\r\n                welfareShow: false,\r\n                loading: false\r\n            }\r\n        },\r\n        mounted () {\r\n            this.loading = true\r\n\r\n            this.checkCustomerInfo()\r\n                .then(res => {\r\n                    if (!res) {\r\n                        let href = window.location.href\r\n                        window.location.href = `/Rccl.UserCenter/CustomerInfo/SignUpReward?returnUrl=${encodeURIComponent(href)}`\r\n                    }\r\n                })\r\n\r\n            this.getUserLevelPrivilege()\r\n                .then(res => {\r\n                    this.customerInfo = res.customerInfo\r\n                    this.userLevel = this.getLevel(res.customerInfo.userLevel)\r\n\r\n                    // 初始化\r\n                    this.tabLevel = this.userLevel\r\n                    this.welfareCount = this.customerInfo.welfareCount\r\n\r\n                    // 存储信息\r\n                    this.storeInfo(res.customerInfo)\r\n                    this.storePrivilegeList(res.privilegeList)\r\n                })\r\n            this.getUserMobile()\r\n                .then(res => {\r\n                    if (!this.customerInfo.fullName) {\r\n                        this.customerInfo.fullName = res.mobile\r\n                        this.customerInfo = Object.assign({}, this.customerInfo)\r\n\r\n                        // 存储信息\r\n                        this.storeInfo(this.customerInfo)\r\n                    }\r\n                })\r\n            this.getUserPrivilegeList()\r\n                .then(res => {\r\n                    this.privilegeList = res.privilegeList\r\n                })\r\n            this.getUserLevelRule()\r\n                .then(res => {\r\n                    this.levelList = res\r\n                    this.combineObject(this.levelList, this.timesList)\r\n\r\n                    this.loading = false\r\n                })\r\n        },\r\n        methods: {\r\n            ...mapMutations(['storeInfo', 'storePrivilegeList']),\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            getLevelText (level) {\r\n                switch (level) {\r\n                    case 1:\r\n                        return '初级会员'\r\n                    case 2:\r\n                        return '高级会员'\r\n                    case 3:\r\n                        return '精英会员'\r\n                    case 4:\r\n                        return '卓越会员'\r\n                }\r\n            },\r\n            formatTime (str) {\r\n                let time = new Date(str).getTime()\r\n                return dateFormat(time, 'YYYY.MM.DD')\r\n            },\r\n            showRule () {\r\n                this.ruleShow = true\r\n            },\r\n            closeRuleLayer () {\r\n                this.ruleShow = false\r\n            },\r\n            combineObject (obj1, obj2) {\r\n                obj1.map((item, index) => {\r\n                    Object.assign(item, obj2[index])\r\n                });\r\n            },\r\n            showWelfare (id) {\r\n                this.getPrivilegeById(id)\r\n                    .then(res => {\r\n                        this.welfareShow = true\r\n                        this.privilege = res\r\n                    })\r\n            },\r\n            closeWelfareLayer () {\r\n                this.welfareShow = false\r\n                this.privilege = {}\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            showLevel (level) {\r\n                this.tabLevel = level\r\n                this.getNeedLevelPrivilege(`T${level}`)\r\n                    .then(res => {\r\n                        this.privilegeList = res\r\n                        this.welfareCount = this.statisticsAmount(res)\r\n                    })\r\n            },\r\n            statisticsAmount (list) {\r\n                let amount = 0\r\n                for (let i = 0, len = list.length; i < len; i++) {\r\n                    if (list[i].enjoyPrivilege) {\r\n                        amount++\r\n                    }\r\n                }\r\n                return amount\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            getUserMobile () {\r\n                return new Promise(resolve => {\r\n                    axios.request({\r\n                        url: '/Rccl.OpenApi/User/GetUserPoint',\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.success) {\r\n                                resolve(data.data)\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            getUserPrivilegeList () {\r\n                return new Promise(resolve => {\r\n                    axios.request({\r\n                        url: '/api/CustomerInfo/ApiGetUserPrivilegeList',\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            getUserLevelRule () {\r\n                return new Promise(resolve => {\r\n                    axios.request({\r\n                        url: '/api/CustomerLevel/ApiGetUserLevelRule',\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                    })\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            getPrivilegeById (Id) {\r\n                return new Promise(resolve => {\r\n                    axios.request({\r\n                        url: '/api/Privilege/ApiGetPrivlegeById',\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                            Id\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            checkCustomerInfo () {\r\n                return new Promise(resolve => {\r\n                    axios.request({\r\n                        url: '/api/CustomerInfo/ApiCheckCustomerInfo',\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            getNeedLevelPrivilege (levelEN) {\r\n                return new Promise(resolve => {\r\n                    axios.request({\r\n                        url: '/api/CustomerLevel/ApiGetNeedLevelPrivilege',\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                            levelEN\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        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.member-welfare{\r\n    padding-bottom: 84px;\r\n    ::-webkit-scrollbar {\r\n        display: none;\r\n        -webkit-appearance: none;\r\n        appearance: none;\r\n    }\r\n    ::-webkit-scrollbar:vertical {\r\n        width: 2px;\r\n    }\r\n    ::-webkit-scrollbar:horizontal {\r\n        height: 10px;\r\n    }\r\n    ::-webkit-scrollbar-thumb {\r\n        background-color: rgba(0, 0, 0, 0.6);\r\n        border-radius: 1px;\r\n        border: 1px solid rgba(255, 255, 255, 0.5);\r\n    }\r\n    ::-webkit-scrollbar-track {\r\n        border-radius: 1px;\r\n        background-color: rgba(255, 255, 255, 0.8);\r\n    }\r\n    ::-webkit-scrollbar-track-piece {\r\n        background-color: rgba(255, 255, 255, 0.8);\r\n        border-left: 1px solid rgba(255, 255, 255, 0.8);\r\n    }\r\n    .part-card{\r\n        padding-top: 23px;\r\n        padding-bottom: 17px;\r\n        background-color: #fff;\r\n        .card-item{\r\n            height: 78px;\r\n            position: relative;\r\n            .item-title{\r\n                color: #747d80;\r\n                line-height: 18px;\r\n            }\r\n            .item-text{\r\n                padding-top: 12px;\r\n                font-size: 16px;\r\n                color: #ffa70d;\r\n                font-weight: bold;\r\n                line-height: 22px;\r\n                span{\r\n                    display: inline-block;\r\n                    vertical-align: middle;\r\n                }\r\n                .btn-up-level{\r\n                    display: inline-block;\r\n                    width: 86px;\r\n                    height: 22px;\r\n                    margin-left: 8px;\r\n                    background-color: #fbc500;\r\n                    border-radius: 11px;\r\n                    color: #282b2c;\r\n                    font-size: 12px;\r\n                    font-weight: normal;\r\n                    line-height: 22px;\r\n                    text-align: center;\r\n                }\r\n            }\r\n            &::after{\r\n                content: \"\";\r\n                display: block;\r\n                position: absolute;\r\n                right: 0;\r\n                top: 50%;\r\n                width: 1px;\r\n                height: 53px;\r\n                margin-top: -26px;\r\n                background-color: #d3dadd;\r\n            }\r\n        }\r\n        .user-level{\r\n            width: 347px;\r\n            padding-left: 22px;\r\n            .icon{\r\n                display: block;\r\n                width: 78px;\r\n                height: 78px;\r\n            }\r\n            .rank-text{\r\n                padding-left: 15px;\r\n                padding-top: 10px;\r\n                .wel-text{\r\n                    line-height: 18px;\r\n                }\r\n                h3{\r\n                    display: inline-block;\r\n                    vertical-align: middle;\r\n                    font-size: 26px;\r\n                    line-height: 36px;\r\n                }\r\n            }\r\n            .level-rule{\r\n                display: inline-block;\r\n                vertical-align: middle;\r\n                padding-left: 10px;\r\n                cursor: pointer;\r\n                .icon-tip{\r\n                    display: inline-block;\r\n                    vertical-align: middle;\r\n                    width: 14px;\r\n                    height: 14px;\r\n                    margin-right: 3px;\r\n                    background: url(\"../../assets/images/tip.png\") no-repeat;\r\n                }\r\n                span{\r\n                    display: inline-block;\r\n                    vertical-align: middle;\r\n                    font-size: 14px;\r\n                    color: #0073bb;\r\n                }\r\n            }\r\n        }\r\n        .user-expire-date{\r\n            width: 168px;\r\n            padding-top: 10px;\r\n            text-align: center;\r\n        }\r\n        .user-level-des{\r\n            width: 238px;\r\n            padding-top: 10px;\r\n            text-align: center;\r\n        }\r\n        .user-welfare-times{\r\n            width: 136px;\r\n            padding-top: 10px;\r\n            text-align: center;\r\n            &::after{\r\n                display: none;\r\n            }\r\n        }\r\n        &.member-01{\r\n            .icon-member{\r\n                background: url(\"../../assets/images/member_01.png\");\r\n            }\r\n            .rank-text{\r\n                h3{\r\n                    color: #3a5d9b;\r\n                }\r\n            }\r\n        }\r\n        &.member-02{\r\n            .icon-member{\r\n                background: url(\"../../assets/images/member_02.png\");\r\n            }\r\n            .rank-text{\r\n                h3{\r\n                    color: #5c6376;\r\n                }\r\n            }\r\n        }\r\n        &.member-03{\r\n            .icon-member{\r\n                background: url(\"../../assets/images/member_03.png\");\r\n            }\r\n            .rank-text{\r\n                h3{\r\n                    color: #8e5543;\r\n                }\r\n            }\r\n        }\r\n        &.member-04{\r\n            .icon-member{\r\n                background: url(\"../../assets/images/member_04.png\");\r\n            }\r\n            .rank-text{\r\n                h3{\r\n                    color: #a78856;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .part-level{\r\n        padding: 33px 0 28px;\r\n        margin-top: 20px;\r\n        background-color: #fff;\r\n        text-align: center;\r\n        font-size: 0;\r\n        span{\r\n            display: inline-block;\r\n            width: 200px;\r\n            height: 44px;\r\n            margin-right: 2px;\r\n            background-color: #f0f0f0;\r\n            line-height: 44px;\r\n            text-align: center;\r\n            font-size: 16px;\r\n            cursor: pointer;\r\n            &:first-child{\r\n                border-bottom-left-radius: 22px;\r\n                border-top-left-radius: 22px;\r\n            }\r\n            &:last-child{\r\n                margin-right: 0;\r\n                border-bottom-right-radius: 22px;\r\n                border-top-right-radius: 22px;\r\n            }\r\n            &.cur{\r\n                background-color: #fbc500;\r\n            }\r\n        }\r\n    }\r\n    .part-privilege{\r\n        background-color: #fff;\r\n        .privilege-title{\r\n            font-size: 30px;\r\n            line-height: 46px;\r\n            text-align: center;\r\n            .cur{\r\n                font-weight: bold;\r\n                &.cur-01{\r\n                    color: #3a5d9b;\r\n                }\r\n                &.cur-02{\r\n                    color: #282b2c;\r\n                }\r\n                &.cur-03{\r\n                    color: #8e5543;\r\n                }\r\n                &.cur-04{\r\n                    color: #a78856;\r\n                }\r\n            }\r\n        }\r\n        .privilege-list{\r\n            padding-top: 23px;\r\n            &>ul{\r\n                padding: 0 44px;\r\n                &>li{\r\n                    float: left;\r\n                    width: 16.666666%;\r\n                    height: 156px;\r\n                    padding: 0 16px;\r\n                    margin-bottom: 20px;\r\n                    cursor: pointer;\r\n                    .icon-box{\r\n                        position: relative;\r\n                        width: 88px;\r\n                        height: 88px;\r\n                        margin: 0 auto;\r\n                        border: #d6dddf solid 2px;\r\n                        border-radius: 100%;\r\n                        img{\r\n                            display: block;\r\n                            position: absolute;\r\n                            left: 50%;\r\n                            top: 50%;\r\n                            width: 72px;\r\n                            transform: translate(-50%, -50%);\r\n                            -webkit-transform: translate(-50%, -50%);\r\n                        }\r\n                        .item-tip{\r\n                            position: absolute;\r\n                            left: 54px;\r\n                            top: 0;\r\n                            height: 22px;\r\n                            min-width: 40px;\r\n                            padding: 0 10px;\r\n                            border-radius: 11px;\r\n                            background-color: #f00;\r\n                            color: #fff;\r\n                            line-height: 22px;\r\n                            text-align: center;\r\n                            &.maxWidth{\r\n                                min-width: 50px;\r\n                            }\r\n                        }\r\n                    }\r\n                    .text-box{\r\n                        padding-top: 6px;\r\n                        font-size: 16px;\r\n                        line-height: 24px;\r\n                        color: #b5b5b5;\r\n                        text-align: center;\r\n                    }\r\n                    &.type-01{\r\n                        &.cur{\r\n                            .icon-box{\r\n                                border: none;\r\n                                background: url(\"../../assets/images/privilege_01.png\") no-repeat;\r\n                                background-size: 100% 100%;\r\n                            }\r\n                            .text-box{\r\n                                color: #3a5d9b;\r\n                            }\r\n                        }\r\n                    }\r\n                    &.type-02{\r\n                        &.cur{\r\n                            .icon-box{\r\n                                border: none;\r\n                                background: url(\"../../assets/images/privilege_02.png\") no-repeat;\r\n                                background-size: 100% 100%;\r\n                            }\r\n                            .text-box{\r\n                                color: #282b2c;\r\n                            }\r\n                        }\r\n                    }\r\n                    &.type-03{\r\n                        &.cur{\r\n                            .icon-box{\r\n                                border: none;\r\n                                background: url(\"../../assets/images/privilege_03.png\") no-repeat;\r\n                                background-size: 100% 100%;\r\n                            }\r\n                            .text-box{\r\n                                color: #8e5543;\r\n                            }\r\n                        }\r\n                    }\r\n                    &.type-04{\r\n                        &.cur{\r\n                            .icon-box{\r\n                                border: none;\r\n                                background: url(\"../../assets/images/privilege_04.png\") no-repeat;\r\n                                background-size: 100% 100%;\r\n                            }\r\n                            .text-box{\r\n                                color: #a78856;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .welfare-des{\r\n        padding: 58px 0 90px;\r\n        text-align: center;\r\n        a {\r\n            font-size: 12px;\r\n            color: #000f57;\r\n            line-height: 26px;\r\n            text-decoration: underline;\r\n        }\r\n    }\r\n    .bottom-logo{\r\n        display: inline-block;\r\n        position: relative;\r\n        top: -1px;\r\n        vertical-align: middle;\r\n        width: 14px;\r\n        margin-right: 3px;\r\n    }\r\n    .rule-layer{\r\n        position: fixed;\r\n        left: 0;\r\n        top: 0;\r\n        z-index: 99;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0,0,0,0.5);\r\n        .content-wrap{\r\n            position: absolute;\r\n            left: 50%;\r\n            top: 50%;\r\n            width: 816px;\r\n            padding: 38px 36px 20px;\r\n            margin-left: -283px;\r\n            border-radius: 3px;\r\n            background-color: #fff;\r\n            box-shadow: 0 0 12px rgba(46,65,80,0.17);\r\n            -webkit-box-shadow: 0 0 12px rgba(46,65,80,0.17);\r\n            -moz-box-shadow: 0 0 12px rgba(46,65,80,0.17);\r\n            -o-box-shadow: 0 0 12px rgba(46,65,80,0.17);\r\n            transform: translateY(-50%);\r\n            -webkit-transform: translateY(-50%);\r\n            -moz-transform: translateY(-50%);\r\n            -o-transform: translateY(-50%);\r\n            -ms-transform: translateY(-50%);\r\n            .content-scroll{\r\n                max-height: 500px;\r\n                overflow-y: scroll;\r\n            }\r\n            .level-list{\r\n                padding-top: 32px;\r\n                ul{\r\n                    padding: 0 58px;\r\n                    li{\r\n                        float: left;\r\n                        position: relative;\r\n                        width: 136px;\r\n                        height: 248px;\r\n                        padding-top: 52px;\r\n                        margin-right: 22px;\r\n                        background-color: #fff;\r\n                        border: #d4dbde solid 1px;\r\n                        border-radius: 6px;\r\n                        box-shadow: 0 0 24px rgba(146, 146, 146, 0.13);\r\n                        -webkit-box-shadow: 0 0 24px rgba(146, 146, 146, 0.13);\r\n                        -moz-box-shadow: 0 0 24px rgba(146, 146, 146, 0.13);\r\n                        -o-box-shadow: 0 0 24px rgba(146, 146, 146, 0.13);\r\n                        text-align: center;\r\n                        &:last-child{\r\n                            margin-right: 0;\r\n                        }\r\n                        .icon-level{\r\n                            position: absolute;\r\n                            left: 50%;\r\n                            top: -34px;\r\n                            width: 80px;\r\n                            height: 80px;\r\n                            transform: translateX(-50%);\r\n                            -webkit-transform: translateX(-50%);\r\n                            &.level-01{\r\n                                background: url(\"../../assets/images/member_01.png\") no-repeat center center;\r\n                                background-size: 78px 78px;\r\n                            }\r\n                            &.level-02{\r\n                                background: url(\"../../assets/images/member_02.png\") no-repeat center center;\r\n                                background-size: 78px 78px;\r\n                            }\r\n                            &.level-03{\r\n                                background: url(\"../../assets/images/member_03.png\") no-repeat center center;\r\n                                background-size: 78px 78px;\r\n                            }\r\n                            &.level-04{\r\n                                background: url(\"../../assets/images/member_04.png\") no-repeat center center;\r\n                                background-size: 78px 78px;\r\n                            }\r\n                        }\r\n                        h3{\r\n                            font-size: 18px;\r\n                            line-height: 26px;\r\n                            &.level-01{\r\n                                color: #3a5d9b;\r\n                            }\r\n                            &.level-02{\r\n                                color: #282b2c;\r\n                            }\r\n                            &.level-03{\r\n                                color: #8e5543;\r\n                            }\r\n                            &.level-04{\r\n                                color: #a78856;\r\n                            }\r\n                        }\r\n                        .level-tip{\r\n                            margin-top: 14px;\r\n                            line-height: 18px;\r\n                            color: #747d80;\r\n                        }\r\n                        .times{\r\n                            margin-top: 6px;\r\n                            line-height: 18px;\r\n                            color: #282b2c;\r\n                        }\r\n                        .welfare-tip{\r\n                            margin-top: 24px;\r\n                            line-height: 18px;\r\n                            color: #ffa80f;\r\n                        }\r\n                        .welfare{\r\n                            font-size: 24px;\r\n                            line-height: 34px;\r\n                            color: #ffa80f;\r\n                            font-weight: bold;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n            .part-detail{\r\n                padding-top: 18px;\r\n                p{\r\n                    margin-bottom: 20px;\r\n                    color: #747d80;\r\n                    line-height: 20px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .welfare-layer{\r\n        position: fixed;\r\n        left: 0;\r\n        top: 0;\r\n        z-index: 99;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0,0,0,0.5);\r\n        .content-wrap {\r\n            position: absolute;\r\n            left: 50%;\r\n            top: 50%;\r\n            width: 800px;\r\n            padding: 20px 36px;\r\n            margin-left: -275px;\r\n            border-radius: 3px;\r\n            background-color: #fff;\r\n            box-shadow: 0 0 12px rgba(46, 65, 80, 0.17);\r\n            -webkit-box-shadow: 0 0 12px rgba(46, 65, 80, 0.17);\r\n            -moz-box-shadow: 0 0 12px rgba(46, 65, 80, 0.17);\r\n            -o-box-shadow: 0 0 12px rgba(46, 65, 80, 0.17);\r\n            transform: translateY(-50%);\r\n            -webkit-transform: translateY(-50%);\r\n            -moz-transform: translateY(-50%);\r\n            -o-transform: translateY(-50%);\r\n            -ms-transform: translateY(-50%);\r\n            .welfare-detail{\r\n                max-height: 500px;\r\n                padding-right: 10px;\r\n                overflow-y: scroll;\r\n            }\r\n            .layer-title{\r\n                padding-bottom: 10px;\r\n                border-bottom: #fac400 solid 1px;\r\n                .icon-welfare{\r\n                    display: inline-block;\r\n                    vertical-align: middle;\r\n                    position: relative;\r\n                    width: 54px;\r\n                    height: 54px;\r\n                    background-color: #fac400;\r\n                    border-radius: 27px;\r\n                    img{\r\n                        position: absolute;\r\n                        left: 50%;\r\n                        top: 50%;\r\n                        width: 46px;\r\n                        margin-left: -23px;\r\n                        margin-top: -23px;\r\n                    }\r\n                }\r\n                span{\r\n                    display: inline-block;\r\n                    vertical-align: middle;\r\n                    padding-left: 8px;\r\n                    font-size: 24px;\r\n                    color: #fac400;\r\n                }\r\n            }\r\n            .layer-detail{\r\n                padding-top: 16px;\r\n                padding-bottom: 10px;\r\n                ul{\r\n                    li{\r\n                        margin-bottom: 34px;\r\n                        &:last-child{\r\n                            margin-bottom: 0;\r\n                        }\r\n                        .item-title{\r\n                            margin-bottom: 3px;\r\n                            font-size: 22px;\r\n                            line-height: 32px;\r\n                        }\r\n                        .item-detail{\r\n                            color: #747d80;\r\n                            line-height: 20px;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .btn-close{\r\n        position: absolute;\r\n        right: 10px;\r\n        top: 10px;\r\n        width: 29px;\r\n        height: 29px;\r\n        background: url(\"../../assets/images/close.png\") no-repeat center center #d3dadd;\r\n        background-size: 16px 16px;\r\n        border-radius: 50%;\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!./member-welfare.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!./member-welfare.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./member-welfare.vue?vue&type=template&id=1ed87003&scoped=true&\"\nimport script from \"./member-welfare.vue?vue&type=script&lang=js&\"\nexport * from \"./member-welfare.vue?vue&type=script&lang=js&\"\nimport style0 from \"./member-welfare.vue?vue&type=style&index=0&id=1ed87003&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  \"1ed87003\",\n  null\n  \n)\n\nexport default component.exports","import MemberWelfare from './member-welfare'\r\nexport default MemberWelfare","module.exports = __webpack_public_path__ + \"img/logo_50.40c4a025.png\";","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!./loading.vue?vue&type=style&index=0&id=f85ed6c2&lang=less&scoped=true&\"","'use strict';\nvar $ = require('../internals/export');\nvar $map = require('../internals/array-iteration').map;\nvar arrayMethodHasSpeciesSupport = require('../internals/array-method-has-species-support');\n\nvar HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('map');\n\n// `Array.prototype.map` method\n// https://tc39.es/ecma262/#sec-array.prototype.map\n// with adding support of @@species\n$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {\n  map: function map(callbackfn /* , thisArg */) {\n    return $map(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n"],"sourceRoot":""}