{"version":3,"sources":["webpack:///./src/components/Cruise/CruiseDetail/CruiseDetailNav.vue?09f8","webpack:///src/components/Cruise/CruiseDetail/CruiseDetailNav.vue","webpack:///./src/components/Cruise/CruiseDetail/CruiseDetailNav.vue?17b4","webpack:///./src/components/Cruise/CruiseDetail/CruiseDetailNav.vue","webpack:///./src/components/Cruise/CruiseDetail/CruiseDetailNav.vue?4e72"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","class","isNavFixed","active","activeMenu","on","$event","goSection","_v","_e","directives","name","rawName","value","expression","showShoppingCart","_s","shoppingCarts","length","totalAmount","toFixed","attrs","staticRenderFns","component"],"mappings":"kJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,IAAI,WAAWC,YAAY,WAAWC,MAAM,CAAE,WAAcR,EAAIS,aAAa,CAACL,EAAG,MAAM,CAACG,YAAY,oBAAoB,CAACH,EAAG,KAAK,CAACG,YAAY,gBAAgB,CAAEP,EAAkB,eAAEI,EAAG,KAAK,CAACG,YAAY,OAAOC,MAAM,CAAEE,OAAQV,EAAIW,WAAW,IAAIC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOb,EAAIc,UAAU,MAAM,CAACV,EAAG,IAAI,CAACG,YAAY,WAAW,CAACP,EAAIe,GAAG,YAAYf,EAAIgB,KAAKZ,EAAG,KAAK,CAACG,YAAY,OAAOC,MAAM,CAAEE,OAAQV,EAAIW,WAAW,IAAIC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOb,EAAIc,UAAU,MAAM,CAACV,EAAG,IAAI,CAACG,YAAY,WAAW,CAACP,EAAIe,GAAG,YAAYX,EAAG,KAAK,CAACG,YAAY,OAAOC,MAAM,CAAEE,OAAQV,EAAIW,WAAW,IAAIC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOb,EAAIc,UAAU,MAAM,CAACV,EAAG,IAAI,CAACG,YAAY,WAAW,CAACP,EAAIe,GAAG,YAAYX,EAAG,KAAK,CAACG,YAAY,OAAOC,MAAM,CAAEE,OAAQV,EAAIW,WAAW,IAAIC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOb,EAAIc,UAAU,MAAM,CAACV,EAAG,IAAI,CAACG,YAAY,WAAW,CAACP,EAAIe,GAAG,aAAaX,EAAG,KAAK,CAACG,YAAY,OAAOC,MAAM,CAAEE,OAAQV,EAAIW,WAAW,IAAIC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOb,EAAIc,UAAU,MAAM,CAACV,EAAG,IAAI,CAACG,YAAY,WAAW,CAACP,EAAIe,GAAG,aAAaX,EAAG,KAAK,CAACG,YAAY,OAAOC,MAAM,CAAEE,OAAQV,EAAIW,WAAW,IAAIC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOb,EAAIc,UAAU,MAAM,CAACV,EAAG,IAAI,CAACG,YAAY,WAAW,CAACP,EAAIe,GAAG,aAAaX,EAAG,KAAK,CAACa,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOpB,EAAgB,aAAEqB,WAAW,iBAAiBd,YAAY,OAAOC,MAAM,CAAEE,OAAQV,EAAIW,WAAW,IAAIC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOb,EAAIc,UAAU,MAAM,CAACV,EAAG,IAAI,CAACG,YAAY,WAAW,CAACP,EAAIe,GAAG,YAAYX,EAAG,MAAM,CAACG,YAAY,QAAQ,CAACH,EAAG,OAAO,CAACG,YAAY,uCAAuCK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOb,EAAIsB,sBAAsB,CAACtB,EAAIe,GAAGf,EAAIuB,GAAGvB,EAAIwB,cAAcC,QAAQ,OAAOrB,EAAG,OAAO,CAACG,YAAY,eAAe,CAACH,EAAG,KAAK,CAACG,YAAY,eAAe,CAACP,EAAIe,GAAG,SAASX,EAAG,KAAK,CAACG,YAAY,QAAQ,CAACP,EAAIe,GAAG,OAAOf,EAAIe,GAAG,KAAKX,EAAG,KAAK,CAACG,YAAY,2BAA2B,CAACP,EAAIe,GAAGf,EAAIuB,GAAGvB,EAAI0B,YAAYC,QAAQ,SAASvB,EAAG,2BAA2B,CAACG,YAAY,WAAWqB,MAAM,CAAC,cAAgB5B,EAAIwB,kBAAkB,QACplEK,EAAkB,GCmCtB,G,wCAAA,oEACA,GACE,KAAF,kBACE,WAAF,CACI,yBAAJ,GAEE,MAAF,CACI,cAAJ,CACM,KAAN,OAEI,aAAJ,CACM,KAAN,SAEI,eAAJ,CACM,KAAN,UAGE,KAhBF,WAiBI,MAAJ,CACM,YAAN,EACM,WAAN,yBAGE,YAtBF,WAuBA,sBACM,KAAN,mCAEI,OAAJ,+CAEE,cA5BF,WA6BI,OAAJ,kDAEE,QAAF,CACI,cADJ,WAEM,GAAN,kDACA,qBACA,sCAEA,qCACA,oCAAM,CAEA,IAAN,kDAEQ,KAAR,WADA,IAMM,IAAN,IACA,sBACQ,EAAR,iEAEM,IAAN,kEACA,kEACA,kEACA,kEACA,kEACA,kEAEM,KAAN,kCACM,IAAN,KACA,IACQ,KAAR,2BACA,IACQ,KAAR,2BACA,IACQ,KAAR,2BACA,IACQ,KAAR,2BACA,IACQ,KAAR,2BACA,IACQ,KAAR,2BACA,0BACQ,KAAR,6BAGI,UA7CJ,SA6CA,GACM,IAAN,kBACM,QAAN,OACM,IAAN,6BACM,OAAN,QACQ,IAAR,gDACQ,SAAR,YAGI,iBAtDJ,WAuDM,KAAN,mCAGE,SAAF,CACI,YADJ,WAEM,IAAN,IAIM,OAHA,KAAN,mCACQ,GAAR,YAEA,KCpIuX,I,wBCQnXC,EAAY,eACd,EACA/B,EACA8B,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,6CCnBf,yBAA0lB,EAAG","file":"js/chunk-ea8b1476.e3ed7bfe.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"part4Nav\",staticClass:\"part4_hd\",class:{ 'scroll_fix': _vm.isNavFixed}},[_c('div',{staticClass:\"part4_hd_box fix\"},[_c('ul',{staticClass:\"fix f-fl nav\"},[(_vm.isFeaturesShow)?_c('li',{staticClass:\"f-fl\",class:{ active: _vm.activeMenu[0]},on:{\"click\":function($event){return _vm.goSection(0)}}},[_c('a',{staticClass:\"nav_box\"},[_vm._v(\"游轮特色\")])]):_vm._e(),_c('li',{staticClass:\"f-fl\",class:{ active: _vm.activeMenu[1]},on:{\"click\":function($event){return _vm.goSection(1)}}},[_c('a',{staticClass:\"nav_box\"},[_vm._v(\"航程介绍\")])]),_c('li',{staticClass:\"f-fl\",class:{ active: _vm.activeMenu[2]},on:{\"click\":function($event){return _vm.goSection(2)}}},[_c('a',{staticClass:\"nav_box\"},[_vm._v(\"费用说明\")])]),_c('li',{staticClass:\"f-fl\",class:{ active: _vm.activeMenu[3]},on:{\"click\":function($event){return _vm.goSection(3)}}},[_c('a',{staticClass:\"nav_box\"},[_vm._v(\"签证及保险\")])]),_c('li',{staticClass:\"f-fl\",class:{ active: _vm.activeMenu[4]},on:{\"click\":function($event){return _vm.goSection(4)}}},[_c('a',{staticClass:\"nav_box\"},[_vm._v(\"预订及退改\")])]),_c('li',{staticClass:\"f-fl\",class:{ active: _vm.activeMenu[5]},on:{\"click\":function($event){return _vm.goSection(5)}}},[_c('a',{staticClass:\"nav_box\"},[_vm._v(\"支付及发票\")])]),_c('li',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShowReview),expression:\"isShowReview\"}],staticClass:\"f-fl\",class:{ active: _vm.activeMenu[6]},on:{\"click\":function($event){return _vm.goSection(6)}}},[_c('a',{staticClass:\"nav_box\"},[_vm._v(\"游记\")])])]),_c('div',{staticClass:\"f-fr\"},[_c('span',{staticClass:\"room_num all_room_num cursor-pointer\",on:{\"click\":function($event){return _vm.showShoppingCart()}}},[_vm._v(_vm._s(_vm.shoppingCarts.length)+\"间\")]),_c('span',{staticClass:\"totle_price\"},[_c('em',{staticClass:\"price_title\"},[_vm._v(\"总价：\")]),_c('em',{staticClass:\"unit\"},[_vm._v(\"￥\")]),_vm._v(\" \"),_c('em',{staticClass:\"price_num all_price_num\"},[_vm._v(_vm._s(_vm.totalAmount.toFixed(0)))])]),_c('SubmitShoppingCartButton',{staticClass:\"next_btn\",attrs:{\"shoppingCarts\":_vm.shoppingCarts}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"part4_hd\" ref=\"part4Nav\" :class=\"{ 'scroll_fix': isNavFixed}\">\r\n        <div class=\"part4_hd_box fix\"  >\r\n            <ul class=\"fix f-fl nav\">\r\n                <li v-if=\"isFeaturesShow\" class=\"f-fl\" :class=\"{ active: activeMenu[0]}\" @click=\"goSection(0)\">\r\n                  <a class=\"nav_box\">游轮特色</a>\r\n                </li>\r\n                <li class=\"f-fl\" :class=\"{ active: activeMenu[1]}\" @click=\"goSection(1)\">\r\n                    <a class=\"nav_box\">航程介绍</a>\r\n                </li>\r\n                <li class=\"f-fl\" :class=\"{ active: activeMenu[2]}\" @click=\"goSection(2)\">\r\n                    <a class=\"nav_box\">费用说明</a>\r\n                </li>\r\n                <li class=\"f-fl\" :class=\"{ active: activeMenu[3]}\" @click=\"goSection(3)\">\r\n                    <a class=\"nav_box\">签证及保险</a>\r\n                </li>\r\n                <li class=\"f-fl\" :class=\"{ active: activeMenu[4]}\" @click=\"goSection(4)\">\r\n                    <a class=\"nav_box\">预订及退改</a>\r\n                </li>\r\n                <li class=\"f-fl\" :class=\"{ active: activeMenu[5]}\" @click=\"goSection(5)\">\r\n                    <a class=\"nav_box\">支付及发票</a>\r\n                </li>\r\n                <li class=\"f-fl\" :class=\"{ active: activeMenu[6]}\" @click=\"goSection(6)\" v-show=\"isShowReview\">\r\n                    <a class=\"nav_box\">游记</a>\r\n                </li>\r\n            </ul>\r\n            <div class=\"f-fr\">\r\n                <span class=\"room_num all_room_num cursor-pointer\" @click=\"showShoppingCart()\">{{shoppingCarts.length}}间</span>\r\n                <span class=\"totle_price\"><em class=\"price_title\">总价：</em><em class=\"unit\">￥</em> <em class=\"price_num all_price_num\">{{totalAmount.toFixed(0)}}</em></span>\r\n                <SubmitShoppingCartButton class=\"next_btn\" :shoppingCarts=\"shoppingCarts\"/>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nconst SubmitShoppingCartButton = () => import('@/components/Cruise/CruiseDetail/SubmitShoppingCartButton.vue')\r\nexport default {\r\n    name: \"CruiseDetailNav\",\r\n    components: {\r\n        SubmitShoppingCartButton\r\n    },\r\n    props: {\r\n        shoppingCarts: {\r\n            type: Array\r\n        },\r\n        isShowReview: {\r\n            type: Boolean\r\n        },\r\n        isFeaturesShow: {\r\n          type: Boolean\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            isNavFixed: false,\r\n            activeMenu: [true, false, false, false, false, false, false]\r\n        }\r\n    },\r\n    beforeMount () {\r\n        if(!this.isFeaturesShow) {\r\n          this.activeMenu = [false, true, false, false, false, false, false]\r\n        }\r\n        window.addEventListener('scroll', this.scrollHandler)\r\n    },\r\n    beforeDestroy () {\r\n        window.removeEventListener('scroll', this.scrollHandler)\r\n    },\r\n    methods: {\r\n        scrollHandler () {\r\n            if (this.$router.currentRoute.name != \"CruiseDetail\") return\r\n            if(this.isFeaturesShow) {\r\n              if (!document.getElementById('section1')) return\r\n            }\r\n            if (!document.getElementById('section2')) return\r\n            if (!document.getElementById('section3')) return\r\n\r\n            const part4Top = this.$refs.part4Nav.getBoundingClientRect().top\r\n            if (part4Top < 0) {\r\n                this.isNavFixed = true\r\n            } else {\r\n                this.isNavFixed = false\r\n            }\r\n\r\n            let section1 = 0;\r\n            if(this.isFeaturesShow) {\r\n              section1 = document.getElementById('section1').getBoundingClientRect().top\r\n            }\r\n            const section2 = document.getElementById('section2').getBoundingClientRect().top\r\n            const section3 = document.getElementById('section3').getBoundingClientRect().top\r\n            const section4 = document.getElementById('section4').getBoundingClientRect().top\r\n            const section5 = document.getElementById('section5').getBoundingClientRect().top\r\n            const section6 = document.getElementById('section6').getBoundingClientRect().top\r\n            const section7 = document.getElementById('section7').getBoundingClientRect().top\r\n\r\n            this.activeMenu = [false, false, false, false, false, false, false]\r\n            const offset = 85\r\n            if (section7 < offset) {\r\n              this.$set(this.activeMenu, 6, true)\r\n            } else if (section6 < offset) {\r\n                this.$set(this.activeMenu, 5, true)\r\n            } else if (section5 < offset) {\r\n                this.$set(this.activeMenu, 4, true)\r\n            } else if (section4 < offset) {\r\n                this.$set(this.activeMenu, 3, true)\r\n            } else if (section3 < offset) {\r\n                this.$set(this.activeMenu, 2, true)\r\n            } else if (section2 < offset) {\r\n                this.$set(this.activeMenu, 1, true)\r\n            } else if (section1 < offset && this.isFeaturesShow) {\r\n                this.$set(this.activeMenu, 0, true)\r\n            }\r\n        },\r\n        goSection (index) {\r\n            const sectionName = \"section\" + (index+1)\r\n          console.log(sectionName)\r\n            const section = document.getElementById(sectionName)\r\n            window.scroll({\r\n                top: section.getBoundingClientRect().top + window.scrollY - 80,\r\n                behavior: 'smooth'\r\n            })\r\n        },\r\n        showShoppingCart () {\r\n            this.$store.commit('SET_LEFT_MENU', 1)\r\n        }\r\n    },\r\n    computed: {\r\n         totalAmount () {\r\n            let amount = 0\r\n            this.shoppingCarts.forEach(shoppingCart => {\r\n                amount += shoppingCart.amount\r\n            })\r\n            return amount\r\n        },\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.part4_hd {\r\n    border-bottom: 2px solid #e7f5ff;\r\n    background: #fff;\r\n    height: 45px;\r\n    overflow: hidden;\r\n    ul {\r\n        margin-bottom: 0;\r\n    }\r\n    .nav_box {\r\n        font-size: 16px;\r\n        line-height: 50px;\r\n        padding: 0 20px;\r\n        display: block;\r\n        color: black;\r\n        cursor: pointer;\r\n    }\r\n    .active .nav_box {\r\n        color: #ffa70d;\r\n        background: transparent;\r\n        border-bottom: 2px solid #ffa70d;\r\n        text-decoration: none;\r\n    }\r\n    .nav_box:hover {\r\n        color: #ffa70d;\r\n        background: transparent;\r\n        text-decoration: none;\r\n    }\r\n    .f-fr {\r\n        display: none;\r\n    }\r\n}\r\n.scroll_fix {\r\n    .part4_hd_box {\r\n        position: fixed;\r\n        width: 1200px;\r\n        top: 0;\r\n        // left: 50%;\r\n        // margin-left: -600px;\r\n        z-index: 100;\r\n        background: #fffbec;\r\n        border: 1px solid #fbc500;\r\n    }\r\n    .f-fr {\r\n        display: block;\r\n        text-align: right;\r\n        .room_num {\r\n            color: #0073bb;\r\n            position: relative;\r\n            cursor: pointer;\r\n        }\r\n        span {\r\n            display: inline-block;\r\n            margin-left: 30px;\r\n            vertical-align: middle;\r\n            line-height: 52px;\r\n            height: 52px;\r\n        }\r\n        .room_num:after {\r\n            content: '';\r\n            display: block;\r\n            width: 1px;\r\n            height: 12px;\r\n            background: #a6aeb1;\r\n            position: absolute;\r\n            top: 19px;\r\n            right: -19px;\r\n        }\r\n        .totle_price {\r\n            em {\r\n                display: inline-block;\r\n                vertical-align: text-bottom;\r\n                font-style: normal;\r\n            }\r\n            .unit {\r\n                color: #ff3022;\r\n                font-weight: bold;\r\n            }\r\n            .price_num {\r\n                color: #ff3022;\r\n                font-size: 30px;\r\n                font-weight: bold;\r\n            }\r\n        }\r\n        .next_btn {\r\n            font-size: 18px;\r\n            color: #282b2c;\r\n            background: #fbc500;\r\n            padding: 0 30px;\r\n            cursor: pointer;\r\n            display: inline-block;\r\n            margin-left: 30px;\r\n            vertical-align: middle;\r\n            line-height: 52px;\r\n            height: 52px;\r\n        }\r\n    }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CruiseDetailNav.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CruiseDetailNav.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CruiseDetailNav.vue?vue&type=template&id=58211a96&scoped=true&\"\nimport script from \"./CruiseDetailNav.vue?vue&type=script&lang=js&\"\nexport * from \"./CruiseDetailNav.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CruiseDetailNav.vue?vue&type=style&index=0&id=58211a96&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  \"58211a96\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CruiseDetailNav.vue?vue&type=style&index=0&id=58211a96&lang=less&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CruiseDetailNav.vue?vue&type=style&index=0&id=58211a96&lang=less&scoped=true&\""],"sourceRoot":""}