{"version":3,"sources":["webpack:///./src/components/Ship/ShipExperienceGroup.vue","webpack:///src/components/Ship/ShipExperienceGroup.vue","webpack:///./src/components/Ship/ShipExperienceGroup.vue?62c3","webpack:///./src/components/Ship/ShipExperienceGroup.vue?b070","webpack:///./src/components/Ship/ShipExperienceGroup.vue?c3d6"],"names":["render","_vm","this","_c","_self","staticClass","subCategories","length","_l","subCategory","i","directives","name","rawName","value","getItemListBySubCategories","expression","key","class","active","currentSubCategory","on","$event","onSubCategoryClick","_v","_s","_e","item","j","id","onItemClick","image","attrs","ships","indexOf","vrUrl","isMenuFixed","staticRenderFns","props","items","type","Array","default","category","String","Function","Boolean","scrollToStart","beforeMount","data","methods","filter","r","computed","shipCode","params","$router","currentRoute","watch","newValue","component"],"mappings":"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","file":"js/chunk-00505954.4bdeeb03.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"shipDetail-pcpMenuCon\"},[(_vm.subCategories && _vm.subCategories.length > 1)?_c('div',{staticClass:\"pcpMenuCon-secondMenuList\"},_vm._l((_vm.subCategories),function(subCategory,i){return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.getItemListBySubCategories(subCategory).length>0),expression:\"getItemListBySubCategories(subCategory).length>0\"}],key:('subCategoryMenu_'+i),staticClass:\"pcpMenuCon-secondMenu\",class:{ active: _vm.currentSubCategory==subCategory},on:{\"click\":function($event){return _vm.onSubCategoryClick(subCategory)}}},[_c('p',{},[_vm._v(_vm._s(subCategory)),_c('span',[_vm._v(\"(\"+_vm._s(_vm.getItemListBySubCategories(subCategory).length)+\")\")])]),_c('span',{staticClass:\"menuBorderActive\"})])}),0):_vm._e(),_c('div',{staticClass:\"pcpMenuCon-menuPicsCon\"},_vm._l((_vm.subCategories),function(subCategory,i){return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.currentSubCategory==subCategory),expression:\"currentSubCategory==subCategory\"}],key:('subCategoryGroup_'+i),staticClass:\"pcpMenuCon-menuPics\"},_vm._l((_vm.getItemListBySubCategories(subCategory)),function(item,j){return _c('div',{key:('item_'+item.id),class:{ 'pcpMenuCon-menuPics-bigPic': j == 0, 'pcpMenuCon-menuPics-smallPic': j > 0},on:{\"click\":function($event){return _vm.onItemClick(item)}}},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(item.image),expression:\"item.image\"}],attrs:{\"alt\":item.name}}),_c('div',{staticClass:\"pcpMenuCon-menuPics-txt\"},[_vm._v(_vm._s(item.name))]),(item.ships.indexOf('海洋光谱号')!==-1&&item.vrUrl && item.vrUrl.length>0)?_c('div',{staticClass:\"viewVrMiniSite\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/wechatMiniProgram/vrImg/vrIcon.png\",\"alt\":\"\"}})]):_vm._e()])}),0)}),0),(_vm.subCategories && _vm.subCategories.length > 1)?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isMenuFixed),expression:\"isMenuFixed\"}],staticClass:\"secondMenuListActive\"},[_c('div',{staticClass:\"pcpMenuCon-secondMenuList\"},_vm._l((_vm.subCategories),function(subCategory,i){return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.getItemListBySubCategories(subCategory).length>0),expression:\"getItemListBySubCategories(subCategory).length>0\"}],key:('subCategoryMenu_'+i),staticClass:\"pcpMenuCon-secondMenu\",class:{ active: _vm.currentSubCategory==subCategory},on:{\"click\":function($event){return _vm.onSubCategoryClick(subCategory)}}},[_c('p',{},[_vm._v(_vm._s(subCategory)),_c('span',[_vm._v(\"(\"+_vm._s(_vm.getItemListBySubCategories(subCategory).length)+\")\")])]),_c('span',{staticClass:\"menuBorderActive\"})])}),0)]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"shipDetail-pcpMenuCon\">\r\n        <div class=\"pcpMenuCon-secondMenuList\" v-if=\"subCategories && subCategories.length > 1\">\r\n            <div class=\"pcpMenuCon-secondMenu\" v-for=\"(subCategory, i) in subCategories\" :key=\"('subCategoryMenu_'+i)\"\r\n            :class=\"{ active: currentSubCategory==subCategory}\"\r\n            @click=\"onSubCategoryClick(subCategory)\" v-show=\"getItemListBySubCategories(subCategory).length>0\">\r\n                <p class=\"\">{{subCategory}}<span>({{getItemListBySubCategories(subCategory).length}})</span></p>\r\n                <span class=\"menuBorderActive\"></span>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"pcpMenuCon-menuPicsCon\">\r\n            <div class=\"pcpMenuCon-menuPics\" v-for=\"(subCategory, i) in subCategories\" :key=\"('subCategoryGroup_'+i)\"\r\n            v-show=\"currentSubCategory==subCategory\">\r\n                <div class=\"\" :class=\"{ 'pcpMenuCon-menuPics-bigPic': j == 0, 'pcpMenuCon-menuPics-smallPic': j > 0}\" \r\n                    @click=\"onItemClick(item)\"\r\n                    v-for=\"(item, j) in getItemListBySubCategories(subCategory)\" :key=\"('item_'+item.id)\">\r\n                    <img v-lazy=\"item.image\" :alt=\"item.name\">\r\n                    <div class=\"pcpMenuCon-menuPics-txt\">{{item.name}}</div>\r\n                    <div v-if=\"item.ships.indexOf('海洋光谱号')!==-1&&item.vrUrl && item.vrUrl.length>0\" class=\"viewVrMiniSite\">\r\n                      <img src=\"https://resource.rcclchina.com.cn/wechatMiniProgram/vrImg/vrIcon.png\" alt=\"\">\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"secondMenuListActive\" v-show=\"isMenuFixed\" v-if=\"subCategories && subCategories.length > 1\">\r\n            <div class=\"pcpMenuCon-secondMenuList\">\r\n                <div class=\"pcpMenuCon-secondMenu\" \r\n                 v-for=\"(subCategory, i) in subCategories\" :key=\"('subCategoryMenu_'+i)\"\r\n            :class=\"{ active: currentSubCategory==subCategory}\"\r\n            @click=\"onSubCategoryClick(subCategory)\" v-show=\"getItemListBySubCategories(subCategory).length>0\">\r\n                    <p class=\"\">{{subCategory}}<span>({{getItemListBySubCategories(subCategory).length}})</span></p>\r\n                    <span class=\"menuBorderActive\"></span>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: \"ShipExperienceGroup\",\r\n    props: {\r\n        items: {\r\n            type: Array,\r\n            default () {\r\n                return []\r\n            }\r\n        },\r\n        subCategories: {\r\n            type: Array,\r\n            default () {\r\n                return []\r\n            }\r\n        },\r\n        category: {\r\n            type: String\r\n        },\r\n        onItemClick: {\r\n            type: Function\r\n        },\r\n        isMenuFixed: {\r\n            type: Boolean\r\n        },\r\n        scrollToStart: {\r\n            type: Function\r\n        }\r\n    },\r\n    beforeMount () {\r\n        if (this.subCategories && this.subCategories.length > 0 && this.currentSubCategory == \"\") {\r\n            this.currentSubCategory = this.subCategories[0]\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            currentSubCategory: \"\"\r\n        }\r\n    },\r\n    methods: {\r\n        getItemListBySubCategories (subCategory) {\r\n            if (subCategory == '') return this.items\r\n\r\n            return this.items.filter(r=> r.subCategory == subCategory)\r\n        },\r\n        onSubCategoryClick (subCategory) {\r\n            this.currentSubCategory = subCategory\r\n            this.scrollToStart()\r\n        }\r\n    },\r\n    computed: {\r\n      shipCode () {\r\n        const params = this.$router.currentRoute.params || {}\r\n        return params.shipCode || \"\"\r\n      }\r\n    },\r\n    watch: {\r\n        subCategories (newValue) {\r\n            if (newValue && newValue.length > 0 && this.currentSubCategory == \"\") {\r\n                this.currentSubCategory = newValue[0]\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.f-dn { display: none !important }\r\n\r\n.shipDetail-pcpMenuCon {\r\n    .pcpMenuCon-secondMenuList {\r\n        overflow: hidden;\r\n        clear: both;\r\n        border-bottom: 1px solid #eee;\r\n        padding: 0 3.2%;\r\n        text-align: center;\r\n        background-color: #fff;\r\n        position: relative;\r\n        .pcpMenuCon-secondMenu {\r\n            display: inline-block;\r\n            margin-right: 3.6%;\r\n            margin-bottom: 5px;\r\n            p {\r\n                color: #333;\r\n                font-size: 12px;\r\n                transform: scale(.95);\r\n                -webkit-transform: scale(.95);\r\n                -moz-transform: scale(.95);\r\n                -o-transform: scale(.95);\r\n                margin: 9px 0;\r\n            }\r\n            .menuBorderActive {\r\n                display: none;\r\n                width: 31px;\r\n                height: 3px;\r\n                background-color: #f0af11;\r\n                border-radius: 30px;\r\n                margin: 0 auto;\r\n            }\r\n        }\r\n\r\n        .pcpMenuCon-secondMenu.active {\r\n            p {\r\n                color: #061556;\r\n                font-size: 13px;\r\n                font-weight: bolder;\r\n            }\r\n            .menuBorderActive {\r\n                display: block;\r\n            }\r\n        }\r\n    }\r\n\r\n    .pcpMenuCon-menuPicsCon {\r\n        .pcpMenuCon-menuPics {\r\n            margin-top: 7px;\r\n            clear: both;\r\n            overflow: hidden;\r\n            padding: 0 3.2%;\r\n            .pcpMenuCon-menuPics-bigPic {\r\n                overflow: hidden;\r\n                width: 100%;\r\n                height: 245px;\r\n                position: relative;\r\n                margin-bottom: 3%;\r\n                img {\r\n                    width: 103%;\r\n                }\r\n                .pcpMenuCon-menuPics-txt {\r\n                    width: 100%;\r\n                    position: absolute;\r\n                    bottom: 0;\r\n                    left: 0;\r\n                    background-color: rgba(0,0,0,.6);\r\n                    color: #fff;\r\n                    text-align: center;\r\n                    font-size: 13px;\r\n                    padding: 3px 4px;\r\n                }\r\n            }\r\n            .pcpMenuCon-menuPics-smallPic {\r\n                float: left;\r\n                width: 172px;\r\n                height: 121px;\r\n                position: relative;\r\n                margin-bottom: 1.3%;\r\n                overflow: hidden;\r\n                margin-bottom: 1.3%;\r\n                img {\r\n                    width: 105%;\r\n                }\r\n                .pcpMenuCon-menuPics-txt {\r\n                    width: 100%;\r\n                    position: absolute;\r\n                    bottom: 0;\r\n                    left: 0;\r\n                    background-color: rgba(0,0,0,.6);\r\n                    color: #fff;\r\n                    text-align: center;\r\n                    font-size: 13px;\r\n                    padding: 3px 4px;\r\n                }\r\n            }\r\n            .pcpMenuCon-menuPics-smallPic:nth-child(2n) {\r\n                margin-right: 1.3%;\r\n            }\r\n        }\r\n        \r\n    }\r\n    \r\n    .secondMenuListActive {\r\n        width: 100%;\r\n        position: fixed;\r\n        top: 102px;\r\n        z-index: 11;\r\n    }\r\n}\r\n.viewVrMiniSite{\r\n  position: absolute;\r\n  width: 30px;\r\n  height: 21px;\r\n  overflow: hidden;\r\n  top: 7px;\r\n  right: 9px;\r\n  z-index: 9;\r\n  & img{\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n}\r\n</style>","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!./ShipExperienceGroup.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!./ShipExperienceGroup.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ShipExperienceGroup.vue?vue&type=template&id=eca10294&scoped=true\"\nimport script from \"./ShipExperienceGroup.vue?vue&type=script&lang=js\"\nexport * from \"./ShipExperienceGroup.vue?vue&type=script&lang=js\"\nimport style0 from \"./ShipExperienceGroup.vue?vue&type=style&index=0&id=eca10294&prod&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  \"eca10294\",\n  null\n  \n)\n\nexport default component.exports","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!./ShipExperienceGroup.vue?vue&type=style&index=0&id=eca10294&prod&lang=less&scoped=true\""],"sourceRoot":""}