{"version":3,"sources":["webpack:///./src/assets/images/level_all.jpg","webpack:///./src/view/member-personal/member-personal.vue?5f2a","webpack:///./src/view/member-personal/member-personal.vue?ba89","webpack:///src/view/member-personal/member-personal.vue","webpack:///./src/view/member-personal/member-personal.vue?25c5","webpack:///./src/view/member-personal/member-personal.vue?d55d","webpack:///./src/view/member-personal/index.js"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","slot","_v","_s","mileageNumber","userLevelText","userPoint","level","_m","staticRenderFns","component","MemberPersonal"],"mappings":"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","file":"js/chunk-5e19e58e.87b856a5.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/level_all.2cbd5997.jpg\";","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-personal.vue?vue&type=style&index=0&id=31a77756&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content\"},[_c('TopBar',{attrs:{\"barTheme\":\"white\",\"barStyle\":(\"background: url(\" + (require('@/assets/images/personal_top_bg.png')) + \") no-repeat; background-size: 100%;\")}},[_c('span',{staticClass:\"page-title\",attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(\"会员权益\")])]),_c('div',{staticClass:\"member-personal\"},[_c('div',{staticClass:\"part-info\"},[_c('div',{staticClass:\"member-info\"},[(_vm.userLevelText)?_c('div',{staticClass:\"member-text is-member\"},[_c('div',{staticClass:\"hc\"},[_vm._v(\"里程号：\"+_vm._s(_vm.mileageNumber))]),_c('div',{staticClass:\"text-show hvc\"},[_c('p',[_vm._v(\"当前等级：\"+_vm._s(_vm.userLevelText))]),_c('i',{staticClass:\"icon icon-line\"}),_c('p',[_vm._v(\"有效积分：\"+_vm._s(_vm.userPoint)+\"分\")])])]):_c('div',{staticClass:\"member-text not-member hvc\"},[_c('p',[_vm._v(\"您当前不是Global会员\")]),_c('a',{staticClass:\"btn-item btn-binding hvc\",attrs:{\"href\":\"/member/index\"}},[_vm._v(\"点击绑定\")])])])]),_c('div',{staticClass:\"part-level wrap\"},[_c('img',{attrs:{\"src\":_vm.level,\"alt\":\"level\"}})]),_vm._m(0)])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"part-list wrap\"},[_c('ul',{staticClass:\"list-courtesy\"},[_c('li',{staticClass:\"vc\"},[_c('span',[_vm._v(\"船上礼遇\")]),_c('i',{staticClass:\"icon icon-go\"})]),_c('li',{staticClass:\"vc\"},[_c('span',[_vm._v(\"行前礼遇\")]),_c('i',{staticClass:\"icon icon-go\"})]),_c('li',{staticClass:\"vc\"},[_c('span',[_vm._v(\"更多礼遇\")]),_c('i',{staticClass:\"icon icon-go\"})]),_c('li',{staticClass:\"vc\"},[_c('span',[_vm._v(\"青少年礼遇\")]),_c('i',{staticClass:\"icon icon-go\"})])]),_c('ul',{staticClass:\"list-clause\"},[_c('li',{staticClass:\"vc\"},[_c('span',[_vm._v(\"通用条款与条件\")]),_c('i',{staticClass:\"icon icon-go\"})])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"content\">\r\n        <TopBar barTheme=\"white\" :barStyle=\"`background: url(${require('@/assets/images/personal_top_bg.png')}) no-repeat; background-size: 100%;`\">\r\n            <span class=\"page-title\" slot=\"title\">会员权益</span>\r\n        </TopBar>\r\n        <div class=\"member-personal\">\r\n            <div class=\"part-info\">\r\n                <div class=\"member-info\">\r\n                    <div class=\"member-text is-member\" v-if=\"userLevelText\">\r\n                        <div class=\"hc\">里程号：{{mileageNumber}}</div>\r\n                        <div class=\"text-show hvc\">\r\n                            <p>当前等级：{{userLevelText}}</p>\r\n                            <i class=\"icon icon-line\"></i>\r\n                            <p>有效积分：{{userPoint}}分</p>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"member-text not-member hvc\" v-else>\r\n                        <p>您当前不是Global会员</p>\r\n                        <a class=\"btn-item btn-binding hvc\" href=\"/member/index\">点击绑定</a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"part-level wrap\">\r\n                <img :src=\"level\" alt=\"level\">\r\n                <!--<div class=\"current-level\">\r\n                    <i :class=\"`icon icon-level level-0${userLevel}`\"></i>\r\n                    <p>{{userLevelText}}</p>\r\n                </div>\r\n                <div class=\"next-level\" v-if=\"userLevel < 6\">\r\n                    <i :class=\"`icon icon-level level-0${userLevel + 1}`\"></i>\r\n                    <p>{{nextLevelText}}</p>\r\n                </div>-->\r\n            </div>\r\n            <div class=\"part-list wrap\">\r\n                <ul class=\"list-courtesy\">\r\n                    <li class=\"vc\">\r\n                        <span>船上礼遇</span>\r\n                        <i class=\"icon icon-go\"></i>\r\n                    </li>\r\n                    <li class=\"vc\">\r\n                        <span>行前礼遇</span>\r\n                        <i class=\"icon icon-go\"></i>\r\n                    </li>\r\n                    <li class=\"vc\">\r\n                        <span>更多礼遇</span>\r\n                        <i class=\"icon icon-go\"></i>\r\n                    </li>\r\n                    <li class=\"vc\">\r\n                        <span>青少年礼遇</span>\r\n                        <i class=\"icon icon-go\"></i>\r\n                    </li>\r\n                </ul>\r\n                <ul class=\"list-clause\">\r\n                    <li class=\"vc\">\r\n                        <span>通用条款与条件</span>\r\n                        <i class=\"icon icon-go\"></i>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import TopBar from '@/components/top-bar/'\r\n    import level from '@/assets/images/level_all.jpg'\r\n    export default {\r\n        name: 'memberPersonal',\r\n        components: {\r\n            TopBar\r\n        },\r\n        data: () => {\r\n            return {\r\n                mileageNumber: '222234444',\r\n                userLevelText: '黄金会员',\r\n                userLevel: 1,\r\n                nextLevelText: '',\r\n                userPoint: 1,\r\n                level\r\n            }\r\n        },\r\n        mounted () {\r\n            this.adaptView()\r\n            this.userLevel = this.getLevel(this.userLevelText)\r\n            this.nextLevelText = this.getLevelText(this.userLevel + 1)\r\n        },\r\n        methods: {\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                    case '超级钻石会员':\r\n                        return 5\r\n                    case '尖峰俱乐部会员':\r\n                        return 6\r\n                }\r\n            },\r\n            getLevelText (userLevel) {\r\n                switch (userLevel) {\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                    case 5:\r\n                        return '超级钻石会员'\r\n                    case 6:\r\n                        return '尖峰俱乐部会员'\r\n                }\r\n            },\r\n            adaptView () {\r\n                let $target = document.querySelector('.member-personal')\r\n                let viewHeight = window.innerHeight\r\n                let targetHeight = $target.offsetHeight\r\n                if (viewHeight > targetHeight) {\r\n                    $target.style.height = viewHeight + 'px'\r\n                }\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n    .page-title{\r\n        color: #fff;\r\n    }\r\n    .member-personal{\r\n        /*background-color: #f6f7f8;*/\r\n        .part-info{\r\n            height: 1.94rem;\r\n            padding-top: 1.00rem;\r\n            background: url(\"../../assets/images/personal_top_bg.png\") no-repeat;\r\n            background-size: 100%;\r\n            color: #fff;\r\n            .member-info{\r\n                height: 0.62rem;\r\n                font-size: 0.20rem;\r\n                .member-text{\r\n                    height: 100%;\r\n                    .text-show{\r\n                        padding-top: 0.16rem;\r\n                    }\r\n                }\r\n                .icon-line{\r\n                    width: 0.02rem;\r\n                    height: 0.24rem;\r\n                    margin: 0 0.20rem;\r\n                    background-color: #fff;\r\n                }\r\n                .btn-binding{\r\n                    display: flex;\r\n                    display: -webkit-flex;\r\n                    width: 1.29rem;\r\n                    height: 0.44rem;\r\n                    margin-left: 0.20rem;\r\n                    border: #fff solid 0.02rem;\r\n                    border-radius: 0.22rem;\r\n                }\r\n            }\r\n        }\r\n        .part-level{\r\n            height: 3.24rem;\r\n            padding-top: 0.44rem;\r\n            background-color: #fff;\r\n            .current-level{\r\n                width: 2.00rem;\r\n                height: 2.00rem;\r\n                margin-left: -1.00rem;\r\n                text-align: center;\r\n                .icon-level{\r\n                    width: 1.45rem;\r\n                    height: 1.45rem;\r\n                    border-radius: 100%;\r\n                    box-shadow: 0.20rem 0.20rem 0.40rem rgba(0, 0, 0, 0.2);\r\n                    -webkit-box-shadow: 0.20rem 0.20rem 0.40rem rgba(0, 0, 0, 0.2);\r\n                    &.level-01{\r\n                        background: url(\"../../assets/images/member_level_01.png\") no-repeat -0.01rem -0.01rem;\r\n                        background-size: 1.47rem 1.47rem;\r\n                    }\r\n                    &.level-02{\r\n                        background: url(\"../../assets/images/member_level_02.png\") no-repeat -0.01rem -0.01rem;\r\n                        background-size: 1.47rem 1.47rem;\r\n                    }\r\n                    &.level-03{\r\n                        background: url(\"../../assets/images/member_level_03.png\") no-repeat -0.01rem -0.01rem;\r\n                        background-size: 1.47rem 1.47rem;\r\n                    }\r\n                    &.level-04{\r\n                        background: url(\"../../assets/images/member_level_04.png\") no-repeat -0.01rem -0.01rem;\r\n                        background-size: 1.47rem 1.47rem;\r\n                    }\r\n                    &.level-05{\r\n                        background: url(\"../../assets/images/member_level_05.png\") no-repeat -0.01rem -0.01rem;\r\n                        background-size: 1.47rem 1.47rem;\r\n                    }\r\n                    &.level-06{\r\n                        background: url(\"../../assets/images/member_level_06.png\") no-repeat -0.01rem -0.01rem;\r\n                        background-size: 1.47rem 1.47rem;\r\n                    }\r\n                }\r\n                p{\r\n                    margin-top: 0.06rem;\r\n                }\r\n            }\r\n            .next-level{\r\n                position: absolute;\r\n                left: 50%;\r\n                top: 0;\r\n                width: 2.00rem;\r\n                height: 2.00rem;\r\n                padding-top: 0.33rem;\r\n                margin-left: -1.00rem;\r\n                transform: translateX(2.33rem);\r\n                text-align: center;\r\n                .icon-level{\r\n                    width: 0.80rem;\r\n                    height: 0.80rem;\r\n                    border-radius: 100%;\r\n                    box-shadow: 0.12rem 0.12rem 0.24rem rgba(0, 0, 0, 0.2);\r\n                    -webkit-box-shadow: 0.12rem 0.12rem 0.24rem rgba(0, 0, 0, 0.2);\r\n                    &.level-01{\r\n                        background: url(\"../../assets/images/member_level_01.png\") no-repeat;\r\n                        background-size: 0.80rem 0.80rem;\r\n                    }\r\n                    &.level-02{\r\n                        background: url(\"../../assets/images/member_level_02.png\") no-repeat;\r\n                        background-size: 0.80rem 0.80rem;\r\n                    }\r\n                    &.level-03{\r\n                        background: url(\"../../assets/images/member_level_03.png\") no-repeat;\r\n                        background-size: 0.80rem 0.80rem;\r\n                    }\r\n                    &.level-04{\r\n                        background: url(\"../../assets/images/member_level_04.png\") no-repeat;\r\n                        background-size: 0.80rem 0.80rem;\r\n                    }\r\n                    &.level-05{\r\n                        background: url(\"../../assets/images/member_level_05.png\") no-repeat;\r\n                        background-size: 0.80rem 0.80rem;\r\n                    }\r\n                    &.level-06{\r\n                        background: url(\"../../assets/images/member_level_06.png\") no-repeat;\r\n                        background-size: 0.80rem 0.80rem;\r\n                    }\r\n                }\r\n                p{\r\n                    margin-top: 0.06rem;\r\n                }\r\n            }\r\n        }\r\n        .part-list{\r\n            padding-top: 0.30rem;\r\n            background-color: #fff;\r\n            .list-courtesy{\r\n                background-color: #0072a4;\r\n                li{\r\n                    justify-content: space-between;\r\n                    -webkit-justify-content: space-between;\r\n                    height: 0.66rem;\r\n                    padding: 0 0.24rem;\r\n                    border-bottom: #b0c3cf solid 0.02rem;\r\n                    color: #fff;\r\n                    .icon-go{\r\n                        width: 0.24rem;\r\n                        height: 0.30rem;\r\n                        background: url(\"../../assets/images/go.png\") no-repeat;\r\n                        background-size: 100% 100%;\r\n                    }\r\n                }\r\n            }\r\n            .list-clause{\r\n                padding-top: 0.24rem;\r\n                li{\r\n                    justify-content: space-between;\r\n                    -webkit-justify-content: space-between;\r\n                    height: 0.66rem;\r\n                    padding: 0 0.24rem;\r\n                    border-top: #b3b3b3 solid 0.02rem;\r\n                    border-bottom: #b3b3b3 solid 0.02rem;\r\n                    .icon-go{\r\n                        width: 0.24rem;\r\n                        height: 0.30rem;\r\n                        background: url(\"../../assets/images/go_black.png\") no-repeat;\r\n                        background-size: 100% 100%;\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!./member-personal.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-personal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./member-personal.vue?vue&type=template&id=31a77756&scoped=true&\"\nimport script from \"./member-personal.vue?vue&type=script&lang=js&\"\nexport * from \"./member-personal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./member-personal.vue?vue&type=style&index=0&id=31a77756&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  \"31a77756\",\n  null\n  \n)\n\nexport default component.exports","import MemberPersonal from './member-personal'\r\nexport default MemberPersonal"],"sourceRoot":""}