{"version":3,"sources":["webpack:///./src/views/Booking/ShoppingCart.vue?848f","webpack:///./src/views/Booking/ShoppingCart.vue?64d5","webpack:///src/views/Booking/ShoppingCart.vue","webpack:///./src/views/Booking/ShoppingCart.vue?3ce4","webpack:///./src/views/Booking/ShoppingCart.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","directives","name","rawName","value","shoppingCarts","length","expression","_m","class","hide","isNavFixed","attrs","_v","_s","hpShoppingCartCount","rowShoppingCartLink","rowShoppingCartCount","_l","cruiseShoppingCart","i","key","getSelectShoppingCartsByCruise","cruise","shipCode","sailDate","onCruiseSelected","onStateroomSelected","onConnectRoomSelected","onAddShoppingCart","onDeleteShoppingCart","onDeleteConnectRoom","onDeleteByStateroom","onDeleteCruiseClicked","showConnectRoomPopup","showQiaohuPopup","selectedCruise","isDownPayCruise","packageId","selectShoppingCarts","onDeleteCruiseShoppingCart","closeQiaohuPopup","isShowQiaohuPopup","closeConnectRoomPopup","isShowConnectRoomPopup","staticRenderFns","components","ShoppingCartCruise","CruiseShoppingCart","QiaohuPopup","ConnectRoomPopup","data","beforeMount","userToken","$router","push","query","returnUrl","location","href","initPage","$store","commit","window","addEventListener","self","pageScrollHandler","scrollY","onpopstate","beforeDestroy","methods","getShoppingCart","getShoppingCartSuccessHandler","bookings","lists","filter","concat","firstCruiseShoppingCarts","selected","forEach","alreadyIn","getShoppingCartRequest","viewModel","shoppingCart","productPackageId","stateroomCategoryCode","berthedCategoryCode","stateroomClass","stateroomType","fareCode","guestNumber","originAmount","netAmount","isNrp","isnrp","groupAgencyId","groupAgencyName","agencyName","requestsequence","requestSequence","groupType","groupId","connectId","requestData","showPopup","history","pushState","scrollTop","computed","state","booking","cruiseShoppingCarts","cruises","console","log","watch","component"],"mappings":"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","file":"js/chunk-7171a594.5b935047.js","sourcesContent":["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!./ShoppingCart.vue?vue&type=style&index=0&id=1036cfe6&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!./ShoppingCart.vue?vue&type=style&index=0&id=1036cfe6&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"shoppingCart\"},[_c('div',{staticClass:\"shoppingCartContent\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.shoppingCarts.length > 0),expression:\"shoppingCarts.length > 0\"}],staticClass:\"normalCar scroll-container\"},[_vm._m(0),_c('div',{class:{ hide: _vm.isNavFixed },attrs:{\"id\":\"carCategory-normal1\"}},[_c('div',{staticClass:\"carCategory\"},[_c('div',{staticClass:\"carCategory-tab carCategory-tab-l\"},[_c('img',{staticClass:\"carCategory-tab-bg\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/tui2/shoppingcart/tab_hp.png\"}}),_c('div',{staticClass:\"carCategory-tab-txt\"},[_vm._v(\" 中国出发航线 \"),_c('div',{staticClass:\"carCategory-tab-num js-carCategoryNum1\"},[_vm._v(\" \"+_vm._s(_vm.hpShoppingCartCount)+\" \")])])]),_c('a',{staticClass:\"carCategory-tab carCategory-tab-r external\",attrs:{\"href\":_vm.rowShoppingCartLink}},[_c('img',{staticClass:\"carCategory-tab-bg\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/tui2/shoppingcart/tab_row.png\"}}),_c('div',{staticClass:\"carCategory-tab-txt\"},[_vm._v(\" 海外出发航线 \"),_c('div',{staticClass:\"carCategory-tab-num js-carCategoryNum2 dn\"},[_vm._v(\" \"+_vm._s(_vm.rowShoppingCartCount)+\" \")])])])])]),_vm._l((_vm.cruiseShoppingCarts),function(cruiseShoppingCart,i){return _c('ShoppingCartCruise',{key:'cruise_' + i,attrs:{\"shoppingCarts\":cruiseShoppingCart.shoppingCarts,\"selectedShoppingCarts\":_vm.getSelectShoppingCartsByCruise(\n            cruiseShoppingCart.cruise.shipCode,\n            cruiseShoppingCart.cruise.sailDate\n          ),\"onCruiseSelected\":_vm.onCruiseSelected,\"onStateroomSelected\":_vm.onStateroomSelected,\"onConnectRoomSelected\":_vm.onConnectRoomSelected,\"onAddShoppingCart\":_vm.onAddShoppingCart,\"onDeleteShoppingCart\":_vm.onDeleteShoppingCart,\"onDeleteConnectRoom\":_vm.onDeleteConnectRoom,\"onDeleteByStateroom\":_vm.onDeleteByStateroom,\"onDeleteCruiseClicked\":_vm.onDeleteCruiseClicked,\"showConnectRoomPopup\":_vm.showConnectRoomPopup,\"showQiaohuPopup\":_vm.showQiaohuPopup}})})],2),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.shoppingCarts.length == 0),expression:\"shoppingCarts.length == 0\"}],staticClass:\"emptyCar scroll-container\"},[_c('div',{staticClass:\"emptyCar-m\"},[_c('img',{staticClass:\"emptyCar-m-icon\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/tui2/shoppingcart/icon01.png\"}}),_vm._m(1),_c('div',{staticClass:\"emptyCar-m-link\"},[_c('router-link',{staticClass:\"external\",attrs:{\"to\":\"/Rccl.Cruise/CruiseSearch/Search\"}},[_vm._v(\"搜索及添加心仪航线\")])],1)])])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isNavFixed || _vm.shoppingCarts.length == 0),expression:\"isNavFixed || shoppingCarts.length == 0\"}],attrs:{\"id\":\"carCategory-normal2\"}},[_c('div',{staticClass:\"carCategory carCategory2\"},[_c('div',{staticClass:\"carCategory-tab carCategory-tab-l\"},[_c('div',{staticClass:\"carCategory-tab-txt\"},[_vm._v(\" 中国出发航线 \"),_c('div',{staticClass:\"carCategory-tab-num js-carCategoryNum1\"},[_vm._v(\" \"+_vm._s(_vm.hpShoppingCartCount)+\" \")])])]),_c('a',{staticClass:\"carCategory-tab carCategory-tab-r external\",attrs:{\"href\":_vm.rowShoppingCartLink}},[_c('div',{staticClass:\"carCategory-tab-txt\"},[_vm._v(\" 海外出发航线 \"),_c('div',{staticClass:\"carCategory-tab-num js-carCategoryNum2 dn\"},[_vm._v(\" \"+_vm._s(_vm.rowShoppingCartCount)+\" \")])])])])]),_c('CruiseShoppingCart',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.shoppingCarts.length > 0),expression:\"shoppingCarts.length > 0\"}],attrs:{\"isShowTips\":true,\"isDownPayCruise\":_vm.selectedCruise.isDownPayCruise,\"shipCode\":_vm.selectedCruise.shipCode,\"sailDate\":_vm.selectedCruise.sailDate,\"packageCode\":_vm.selectedCruise.packageId,\"shoppingCarts\":_vm.selectShoppingCarts,\"onShoppingCartDelete\":_vm.onDeleteCruiseShoppingCart,\"showConnectRoomPopup\":_vm.showConnectRoomPopup}}),_c('QiaohuPopup',{attrs:{\"shipCode\":_vm.selectedCruise.shipCode,\"sailDate\":_vm.selectedCruise.sailDate,\"onGoBack\":_vm.closeQiaohuPopup,\"isShow\":_vm.isShowQiaohuPopup}}),_c('ConnectRoomPopup',{attrs:{\"onGoBack\":_vm.closeConnectRoomPopup,\"isShow\":_vm.isShowConnectRoomPopup}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pullDownRefresh\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/tui2/shoppingcart/icon08.png\"}}),_vm._v(\" 下拉刷新获取最新价格及库存信息 \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"emptyCar-m-txt\"},[_vm._v(\" 你的购物车还是空的～\"),_c('br'),_vm._v(\" 这怎么能行，快来添加您的美好旅行计划吧！\"),_c('br')])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"shoppingCart\">\r\n    <div class=\"shoppingCartContent\" style=\"\">\r\n      <!-- 默认的下拉刷新层 -->\r\n      <!-- <div class=\"pull-to-refresh-layer scroll-container\">\r\n                <div class=\"preloader\"></div>\r\n                <div class=\"pull-to-refresh-arrow\"></div>\r\n            </div> -->\r\n      <div class=\"normalCar scroll-container\" v-show=\"shoppingCarts.length > 0\">\r\n        <div class=\"pullDownRefresh\">\r\n          <img\r\n            src=\"https://resource.rcclchina.com.cn/tui2/shoppingcart/icon08.png\"\r\n          />\r\n          下拉刷新获取最新价格及库存信息\r\n        </div>\r\n\r\n        <div id=\"carCategory-normal1\" :class=\"{ hide: isNavFixed }\">\r\n          <div class=\"carCategory\">\r\n            <div class=\"carCategory-tab carCategory-tab-l\">\r\n              <img\r\n                class=\"carCategory-tab-bg\"\r\n                src=\"https://resource.rcclchina.com.cn/tui2/shoppingcart/tab_hp.png\"\r\n              />\r\n\r\n              <div class=\"carCategory-tab-txt\">\r\n                中国出发航线\r\n                <div class=\"carCategory-tab-num js-carCategoryNum1\">\r\n                  {{ hpShoppingCartCount }}\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <a\r\n              :href=\"rowShoppingCartLink\"\r\n              class=\"carCategory-tab carCategory-tab-r external\"\r\n            >\r\n              <img\r\n                class=\"carCategory-tab-bg\"\r\n                src=\"https://resource.rcclchina.com.cn/tui2/shoppingcart/tab_row.png\"\r\n              />\r\n              <div class=\"carCategory-tab-txt\">\r\n                海外出发航线\r\n                <div class=\"carCategory-tab-num js-carCategoryNum2 dn\">\r\n                  {{ rowShoppingCartCount }}\r\n                </div>\r\n              </div>\r\n            </a>\r\n          </div>\r\n        </div>\r\n\r\n        <ShoppingCartCruise\r\n          v-for=\"(cruiseShoppingCart, i) in cruiseShoppingCarts\"\r\n          :key=\"'cruise_' + i\"\r\n          :shoppingCarts=\"cruiseShoppingCart.shoppingCarts\"\r\n          :selectedShoppingCarts=\"\r\n            getSelectShoppingCartsByCruise(\r\n              cruiseShoppingCart.cruise.shipCode,\r\n              cruiseShoppingCart.cruise.sailDate\r\n            )\r\n          \"\r\n          :onCruiseSelected=\"onCruiseSelected\"\r\n          :onStateroomSelected=\"onStateroomSelected\"\r\n          :onConnectRoomSelected=\"onConnectRoomSelected\"\r\n          :onAddShoppingCart=\"onAddShoppingCart\"\r\n          :onDeleteShoppingCart=\"onDeleteShoppingCart\"\r\n          :onDeleteConnectRoom=\"onDeleteConnectRoom\"\r\n          :onDeleteByStateroom=\"onDeleteByStateroom\"\r\n          :onDeleteCruiseClicked=\"onDeleteCruiseClicked\"\r\n          :showConnectRoomPopup=\"showConnectRoomPopup\"\r\n          :showQiaohuPopup=\"showQiaohuPopup\"\r\n        />\r\n      </div>\r\n\r\n      <div class=\"emptyCar scroll-container\" v-show=\"shoppingCarts.length == 0\">\r\n        <!-- <div id=\"carCategory-emptyCar\">\r\n                    <div class=\"carCategory carCategory2 carCategory3\">\r\n                        <div class=\"carCategory-tab carCategory-tab-l\">\r\n                            <div class=\"carCategory-tab-txt\">\r\n                                中国出发航线<div class=\"carCategory-tab-num js-carCategoryNum1 dn\">0</div>\r\n                            </div>\r\n                        </div>\r\n                        <a href=\"/Rccl.Campaign/RedirectToTui?redirectUrl=http%3a%2f%2ftest.rclrow.com%2fBooking%2fMobileShoppingCart\" class=\"carCategory-tab carCategory-tab-r external\">\r\n                            <div class=\"carCategory-tab-txt\">\r\n                                海外出发航线<div class=\"carCategory-tab-num js-carCategoryNum2 dn\">0</div>\r\n                            </div>\r\n                        </a>\r\n                        \r\n                    </div>\r\n                </div> -->\r\n\r\n        <div class=\"emptyCar-m\">\r\n          <img\r\n            class=\"emptyCar-m-icon\"\r\n            src=\"https://resource.rcclchina.com.cn/tui2/shoppingcart/icon01.png\"\r\n          />\r\n          <div class=\"emptyCar-m-txt\">\r\n            你的购物车还是空的～<br />\r\n            这怎么能行，快来添加您的美好旅行计划吧！<br />\r\n          </div>\r\n          <div class=\"emptyCar-m-link\">\r\n            <router-link class=\"external\" to=\"/Rccl.Cruise/CruiseSearch/Search\"\r\n              >搜索及添加心仪航线</router-link\r\n            >\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div\r\n      id=\"carCategory-normal2\"\r\n      v-show=\"isNavFixed || shoppingCarts.length == 0\"\r\n    >\r\n      <div class=\"carCategory carCategory2\">\r\n        <div class=\"carCategory-tab carCategory-tab-l\">\r\n          <div class=\"carCategory-tab-txt\">\r\n            中国出发航线\r\n            <div class=\"carCategory-tab-num js-carCategoryNum1\">\r\n              {{ hpShoppingCartCount }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <a\r\n          :href=\"rowShoppingCartLink\"\r\n          class=\"carCategory-tab carCategory-tab-r external\"\r\n        >\r\n          <div class=\"carCategory-tab-txt\">\r\n            海外出发航线\r\n            <div class=\"carCategory-tab-num js-carCategoryNum2 dn\">\r\n              {{ rowShoppingCartCount }}\r\n            </div>\r\n          </div>\r\n        </a>\r\n      </div>\r\n    </div>\r\n\r\n    <CruiseShoppingCart\r\n      v-show=\"shoppingCarts.length > 0\"\r\n      :isShowTips=\"true\"\r\n      :isDownPayCruise=\"selectedCruise.isDownPayCruise\"\r\n      :shipCode=\"selectedCruise.shipCode\"\r\n      :sailDate=\"selectedCruise.sailDate\"\r\n      :packageCode=\"selectedCruise.packageId\"\r\n      :shoppingCarts=\"selectShoppingCarts\"\r\n      :onShoppingCartDelete=\"onDeleteCruiseShoppingCart\"\r\n      :showConnectRoomPopup=\"showConnectRoomPopup\"\r\n    />\r\n\r\n    <QiaohuPopup\r\n      :shipCode=\"selectedCruise.shipCode\"\r\n      :sailDate=\"selectedCruise.sailDate\"\r\n      :onGoBack=\"closeQiaohuPopup\"\r\n      :isShow=\"isShowQiaohuPopup\"\r\n    />\r\n\r\n    <ConnectRoomPopup\r\n      :onGoBack=\"closeConnectRoomPopup\"\r\n      :isShow=\"isShowConnectRoomPopup\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport api from \"@/api\";\r\nimport _ from \"lodash\";\r\nconst ShoppingCartCruise = () => import(\"@/components/Booking/ShoppingCartCruise\");\r\nconst CruiseShoppingCart = () => import(\"@/components/Cruise/CruiseShoppingCart\");\r\nconst QiaohuPopup = () => import(\"@/components/Cruise/QiaohuPopup\");\r\nconst ConnectRoomPopup = () => import(\"@/components/Cruise/ConnectRoomPopup\");\r\nimport { gioTracking } from \"@/utilities/tools\";\r\n\r\nexport default {\r\n  name: \"ShoppingCart\",\r\n  components: {\r\n    ShoppingCartCruise,\r\n    CruiseShoppingCart,\r\n    QiaohuPopup,\r\n    ConnectRoomPopup,\r\n  },\r\n  data() {\r\n    return {\r\n      shoppingCarts: [],\r\n      selectShoppingCarts: [],\r\n      sailDate: \"\",\r\n      shipCode: \"\",\r\n      isNavFixed: false,\r\n      isShowQiaohuPopup: false,\r\n      isShowConnectRoomPopup: false,\r\n    };\r\n  },\r\n  beforeMount() {\r\n    const userToken = this.$store.state.user.userToken;\r\n    if (!userToken || userToken.length == 0) {\r\n      return this.$router.push({\r\n        name: \"Login\",\r\n        query: {\r\n          returnUrl: location.href,\r\n        },\r\n      });\r\n    } else {\r\n      this.initPage();\r\n    }\r\n    this.$store.commit(\"SET_PAGE_TITLE\", \"购物车\");\r\n    const self = this;\r\n    window.addEventListener(\"scroll\", function () {\r\n      self.pageScrollHandler(window.scrollY);\r\n    });\r\n    window.onpopstate = () => {\r\n      if (self.isShowQiaohuPopup) {\r\n        self.closeQiaohuPopup();\r\n      }\r\n      if (self.isShowConnectRoomPopup) {\r\n        self.closeConnectRoomPopup();\r\n      }\r\n    };\r\n  },\r\n  beforeDestroy() {\r\n    window.onpopstate = () => {};\r\n  },\r\n  methods: {\r\n    initPage() {\r\n      const query = this.$router.currentRoute.query;\r\n      if (query.shipCode && query.shipCode.length > 0) {\r\n        this.shipCode = query.shipCode;\r\n      }\r\n      if (query.sailDate && query.sailDate.length > 0) {\r\n        this.sailDate = query.sailDate;\r\n      }\r\n      this.getShoppingCart(true);\r\n    },\r\n    async getShoppingCart(isFirstLoad) {\r\n      this.$loading.show();\r\n      const userToken = this.$store.state.user.userToken;\r\n      if (userToken && userToken.length > 0) {\r\n        const { data } = await api.booking.getShoppingCart({\r\n          type: 0,\r\n          userName: userToken,\r\n        });\r\n        if (data) {\r\n          this.getShoppingCartSuccessHandler(data, isFirstLoad);\r\n          this.$store.dispatch(\"GET_SHOPPING_CART_COUNT\");\r\n        }\r\n      }\r\n      this.$loading.hide();\r\n    },\r\n    getShoppingCartSuccessHandler(data, isFirstLoad) {\r\n      if (!data.bookings) {\r\n        data.bookings = [];\r\n      }\r\n      // 过滤row航线\r\n      let shoppingCarts = data.bookings.filter(\r\n        (r) => r.cruisePartRecord && !r.cruisePartRecord.isRow\r\n      );\r\n      // 默认第一条航线自动选中，如果url上带有shipCode,saildate，那先把这条航线购物车放到最顶端，再默认选中\r\n      if (\r\n        this.shipCode &&\r\n        this.shipCode.length > 0 &&\r\n        this.sailDate &&\r\n        this.sailDate.length > 0\r\n      ) {\r\n        let lists = shoppingCarts.filter(\r\n          (r) => r.shipCode == this.shipCode && r.sailDate == this.sailDate\r\n        );\r\n        if (lists && lists.length > 0) {\r\n          shoppingCarts = shoppingCarts.filter(\r\n            (r) => !(r.shipCode == this.shipCode && r.sailDate == this.sailDate)\r\n          );\r\n          shoppingCarts = lists.concat(shoppingCarts);\r\n        }\r\n      }\r\n      this.shoppingCarts = shoppingCarts;\r\n      if (\r\n        shoppingCarts.length > 0 &&\r\n        this.selectShoppingCarts.length == 0 &&\r\n        isFirstLoad\r\n      ) {\r\n        const firstCruiseId = shoppingCarts[0].cruiseId;\r\n        const firstCruiseShoppingCarts = shoppingCarts.filter(\r\n          (r) => r.cruiseId == firstCruiseId\r\n        );\r\n        this.selectShoppingCarts = firstCruiseShoppingCarts;\r\n      }\r\n    },\r\n    getSelectShoppingCartsByCruise(shipCode, sailDate) {\r\n      return this.selectShoppingCarts.filter(\r\n        (r) => r.shipCode == shipCode && r.sailDate == sailDate\r\n      );\r\n    },\r\n    // 选择航线，如果之前都选中了，就反选，其他情况都选中\r\n    onCruiseSelected(shoppingCarts) {\r\n      if (!shoppingCarts || shoppingCarts.length == 0) return;\r\n      const cruiseId = shoppingCarts[0].cruiseId;\r\n      const selected = this.selectShoppingCarts.filter(\r\n        (r) => r.cruiseId == cruiseId\r\n      );\r\n      if (shoppingCarts.length == selected.length) {\r\n        // 反选\r\n        this.selectShoppingCarts = [];\r\n      } else {\r\n\t\t\t\t// 添加\r\n        this.selectShoppingCarts = [];\r\n        shoppingCarts.forEach((shoppingCart) => {\r\n          this.selectShoppingCarts.push(shoppingCart);\r\n        });\r\n\t\t\t\tgioTracking('track','evt_CartBoxChecked')\r\n      }\r\n    },\r\n    // 选择舱房，如果有选中就删除，没有就选中，并反选其他航线的\r\n    onStateroomSelected(shoppingCarts) {\r\n      if (shoppingCarts.length == 0) return;\r\n      const shoppingCart = shoppingCarts[0];\r\n\t\t\tlet alreadyIn = this.selectShoppingCarts.some(\r\n\t\t\t\t(r) =>\r\n\t\t\t\t\tr.cruiseId == shoppingCart.cruiseId &&\r\n\t\t\t\t\tr.berthedCategoryCode == shoppingCart.berthedCategoryCode &&\r\n\t\t\t\t\tr.isnrp == shoppingCart.isnrp\r\n\t\t\t);\r\n      if (alreadyIn) {\r\n\t\t\t\t// 删除\r\n        this.selectShoppingCarts = this.selectShoppingCarts.filter(\r\n          (r) =>\r\n            !(\r\n              r.cruiseId == shoppingCart.cruiseId &&\r\n              r.berthedCategoryCode == shoppingCart.berthedCategoryCode &&\r\n              r.isnrp == shoppingCart.isnrp\r\n            )\r\n        );\r\n      } else {\r\n\t\t\t\t// 添加\r\n        this.selectShoppingCarts = this.selectShoppingCarts.filter(\r\n          (r) => r.cruiseId == shoppingCart.cruiseId\r\n        );\r\n        this.selectShoppingCarts = this.selectShoppingCarts.concat(\r\n          shoppingCarts\r\n        );\r\n\t\t\t\tgioTracking('track','evt_CartBoxChecked')\r\n      }\r\n    },\r\n    // 选择连通房\r\n    onConnectRoomSelected(connectId, cruiseId) {\r\n\t\t\tlet alreadyIn = this.selectShoppingCarts.some((r) => r.connectId == connectId);\r\n      if (alreadyIn) {\r\n\t\t\t\t// 删除\r\n        this.selectShoppingCarts = this.selectShoppingCarts.filter(\r\n          (r) => r.connectId != connectId\r\n        );\r\n      } else {\r\n\t\t\t\t// 添加\r\n        this.selectShoppingCarts = this.selectShoppingCarts.filter(\r\n          (r) => r.cruiseId == cruiseId\r\n        );\r\n        const shoppingCarts = this.shoppingCarts.filter(\r\n          (r) => r.connectId == connectId\r\n        );\r\n        this.selectShoppingCarts = this.selectShoppingCarts.concat(\r\n          shoppingCarts\r\n        );\r\n\t\t\t\tgioTracking('track','evt_CartBoxChecked')\r\n      }\r\n    },\r\n    // 点击加号添加购物车\r\n    async onAddShoppingCart(shoppingCart) {\r\n      let requestData = {\r\n        viewModel: {\r\n          shipCode: shoppingCart.shipCode,\r\n          sailDate: shoppingCart.sailDate,\r\n          productPackageId: -1,\r\n          packageId: shoppingCart.packageId,\r\n          stateroomCategoryCode: shoppingCart.berthedCategoryCode,\r\n          stateroomClass: shoppingCart.stateroomType,\r\n          fareCode: shoppingCart.fareCode,\r\n          guestNumber: shoppingCart.guestNumber,\r\n          originAmount: shoppingCart.originAmount,\r\n          netAmount: shoppingCart.netAmount,\r\n          isNrp: shoppingCart.isnrp,\r\n          groupAgencyId: shoppingCart.groupAgencyId || \"\",\r\n          groupAgencyName: shoppingCart.agencyName || \"\",\r\n          requestsequence: shoppingCart.requestSequence || \"\",\r\n          groupType: shoppingCart.groupType || \"\",\r\n          groupId: shoppingCart.groupId || \"\",\r\n          connectId: \"\",\r\n        },\r\n      };\r\n      try {\r\n\t\t\t\t\r\n        if (window.gio && requestData.viewModel.isNrp) {\r\n          gioTracking(\"track\", \"NRP_ShoppingcarBF01\");\r\n        }\r\n\t\t\t\tgioTracking(\"track\", \"BF_EventTracking\");\r\n\r\n        gioTracking(\"track\", \"evt_CartAddRoom\", {\r\n          GuestNumber: requestData.viewModel.guestNumber,\r\n          RoomClass: requestData.viewModel.stateroomClass,\r\n          RoomCategory: requestData.viewModel.stateroomCategoryCode,\r\n\t\t\t\t\tRoomType: requestData.viewModel.groupType == 'QIAOHU' ? 'Qiaohu': 'nil'\r\n        });\r\n        \r\n      } catch (e) {\r\n        console.error(e);\r\n      }\r\n\r\n      this.$loading.show();\r\n      const { success, data, errMsg } = await api.booking.addShoppingCart(\r\n        requestData\r\n      );\r\n      this.$loading.hide();\r\n      if (!success) {\r\n        this.$alert.show(errMsg);\r\n        return;\r\n      }\r\n      let newShoppingCart = _.cloneDeep(shoppingCart);\r\n      newShoppingCart.shoppingCartId = data.shoppingCartId;\r\n      this.shoppingCarts.push(newShoppingCart);\r\n      this.$store.dispatch(\"GET_SHOPPING_CART_COUNT\");\r\n\r\n      // 检查舱房是否已经被选中，选中的话还需要push到selectShoppingCart里面\r\n      if (\r\n        this.selectShoppingCarts.some(\r\n          (r) =>\r\n            r.cruiseId == newShoppingCart.cruiseId &&\r\n            r.berthedCategoryCode == newShoppingCart.berthedCategoryCode &&\r\n            r.isnrp == newShoppingCart.isnrp\r\n        )\r\n      ) {\r\n        this.selectShoppingCarts.push(newShoppingCart);\r\n      }\r\n    },\r\n    // 减号删除舱房\r\n    async onDeleteShoppingCart(shoppingCart) {\r\n      const requestData = this.getShoppingCartRequest(shoppingCart);\r\n      await this.callDeleteShoppingCartApi(\r\n        requestData,\r\n        shoppingCart.shoppingCartId\r\n      );\r\n    },\r\n    async onDeleteCruiseShoppingCart(shoppingCart) {\r\n      const requestData = this.getShoppingCartRequest(shoppingCart);\r\n      await this.callDeleteShoppingCartApi(\r\n        requestData,\r\n        shoppingCart.shoppingCartId\r\n      );\r\n    },\r\n    async callDeleteShoppingCartApi(requestData, shoppingCartId) {\r\n      try {\r\n        if (window.gio && requestData.viewModel.isNrp) {\r\n          gioTracking(\"track\", \"NRP_ShoppingcarBF01\");\r\n        }\r\n      } catch (e) {\r\n        console.error(e);\r\n      }\r\n\r\n      this.$loading.show();\r\n      const { success, errMsg } = await api.booking.deleteShoppingCart(\r\n        requestData\r\n      );\r\n      this.$loading.hide();\r\n      if (!success) {\r\n        this.$alert.show(errMsg);\r\n        return;\r\n      }\r\n      this.$store.dispatch(\"GET_SHOPPING_CART_COUNT\");\r\n      if (\r\n        requestData.viewModel.connectId &&\r\n        requestData.viewModel.connectId.length > 0\r\n      ) {\r\n        this.shoppingCarts = this.shoppingCarts.filter(\r\n          (r) => r.connectId != requestData.viewModel.connectId\r\n        );\r\n      } else {\r\n        this.shoppingCarts = this.shoppingCarts.filter(\r\n          (r) => r.shoppingCartId != shoppingCartId\r\n        );\r\n      }\r\n    },\r\n    getShoppingCartRequest(shoppingCart) {\r\n      const requestData = {\r\n        viewModel: {\r\n          shipCode: shoppingCart.shipCode,\r\n          sailDate: shoppingCart.sailDate,\r\n          productPackageId: -1,\r\n          packageId: shoppingCart.packageId,\r\n          stateroomCategoryCode: shoppingCart.stateroomCategoryCode ? shoppingCart.stateroomCategoryCode : shoppingCart.berthedCategoryCode,\r\n          stateroomClass: shoppingCart.stateroomType,\r\n          fareCode: shoppingCart.fareCode,\r\n          guestNumber: shoppingCart.guestNumber,\r\n          originAmount: shoppingCart.originAmount,\r\n          netAmount: shoppingCart.netAmount,\r\n          isNrp: shoppingCart.isnrp,\r\n          groupAgencyId: shoppingCart.groupAgencyId || \"\",\r\n          groupAgencyName: shoppingCart.agencyName || \"\",\r\n          requestsequence: shoppingCart.requestSequence || \"\",\r\n          groupType: shoppingCart.groupType || \"\",\r\n          groupId: shoppingCart.groupId || \"\",\r\n          connectId: shoppingCart.connectId || \"\",\r\n        },\r\n      };\r\n      return requestData;\r\n    },\r\n    // 删除连通房\r\n    async onDeleteConnectRoom(connectId) {\r\n      const connectRooms = this.shoppingCarts.filter(\r\n        (r) => r.connectId == connectId\r\n      );\r\n      if (!connectRooms || connectRooms.length == 0) return;\r\n      await this.onDeleteCruiseShoppingCart({\r\n        connectId,\r\n        guestNumber: connectRooms[0].guestNumber,\r\n        shipCode: connectRooms[0].shipCode,\r\n        sailDate: connectRooms[0].sailDate,\r\n        stateroomCategoryCode: connectRooms[0].berthedCategoryCode,\r\n      });\r\n    },\r\n    // 删除多间舱房\r\n    async onDeleteByStateroom(shoppingCarts) {\r\n      this.$loading.show();\r\n      for (let i = 0; i < shoppingCarts.length; i++) {\r\n        const requestData = this.getShoppingCartRequest(shoppingCarts[i]);\r\n        try {\r\n          if (window.gio && requestData.viewModel.isNrp) {\r\n            gioTracking(\"track\", \"NRP_ShoppingcarBF01\");\r\n          }\r\n        } catch (e) {\r\n          console.error(e);\r\n        }\r\n\r\n        const { success, errMsg } = await api.booking.deleteShoppingCart(\r\n          requestData\r\n        );\r\n        if (!success) {\r\n          this.$alert.show(errMsg);\r\n          this.$loading.hide();\r\n          return;\r\n        }\r\n      }\r\n      this.$loading.hide();\r\n      this.getShoppingCart(false);\r\n    },\r\n    // 删除购物车，并添加心愿单\r\n    async onDeleteCruiseClicked(shipCode, sailDate, packageId, cruiseId) {\r\n      this.$loading.show();\r\n      const deleteCruise = {\r\n        viewModel: {\r\n          shipCode: shipCode,\r\n          sailDate: sailDate,\r\n          packageId: packageId,\r\n          productPackageId: -1,\r\n        },\r\n      };\r\n      const { success, errMsg } = await api.booking.deleteShoppingCartCruise(\r\n        deleteCruise\r\n      );\r\n      if (!success) {\r\n        this.$loading.hide();\r\n        this.$alert.show(errMsg);\r\n        return;\r\n      }\r\n      this.$loading.hide();\r\n      this.addWishList(cruiseId);\r\n      this.getShoppingCart(false);\r\n    },\r\n    // 添加心愿单\r\n    async addWishList(cruiseId) {\r\n      this.$loading.show();\r\n      const requestData = {\r\n        cruiseId: cruiseId,\r\n        source: \"mobile\",\r\n      };\r\n      await api.cruise.addWishList(requestData);\r\n      this.$loading.hide();\r\n    },\r\n    showQiaohuPopup() {\r\n      this.isShowQiaohuPopup = true;\r\n      this.showPopup();\r\n    },\r\n    closeQiaohuPopup() {\r\n      this.isShowQiaohuPopup = false;\r\n    },\r\n    showConnectRoomPopup() {\r\n      this.isShowConnectRoomPopup = true;\r\n      this.showPopup();\r\n    },\r\n    closeConnectRoomPopup() {\r\n      this.isShowConnectRoomPopup = false;\r\n    },\r\n    showPopup() {\r\n      history.pushState({ page: \"shoppingCart\" }, null);\r\n    },\r\n    pageScrollHandler(scrollTop) {\r\n      if (scrollTop > 110) {\r\n        this.isNavFixed = true;\r\n      } else {\r\n        this.isNavFixed = false;\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    hpShoppingCartCount() {\r\n      return this.$store.state.booking.hpShoppingCartCount;\r\n    },\r\n    rowShoppingCartCount() {\r\n      return this.$store.state.booking.rowShoppingCartCount;\r\n    },\r\n    // 将购物车按照航线切分\r\n    cruiseShoppingCarts() {\r\n      let cruises = [];\r\n      this.shoppingCarts.forEach((shoppingCart) => {\r\n        let cruise = cruises.filter(\r\n          (r) =>\r\n            r.cruise.shipCode == shoppingCart.shipCode &&\r\n            r.cruise.sailDate == shoppingCart.sailDate\r\n        );\r\n        if (cruise.length > 0) {\r\n          cruise[0].shoppingCarts.push(shoppingCart);\r\n        } else {\r\n          cruises.push({\r\n            cruise: {\r\n              shipCode: shoppingCart.shipCode,\r\n              sailDate: shoppingCart.sailDate,\r\n            },\r\n            shoppingCarts: [shoppingCart],\r\n          });\r\n        }\r\n      });\r\n      return cruises;\r\n    },\r\n    selectedCruise() {\r\n      if (this.selectShoppingCarts.length == 0) {\r\n        return {};\r\n      }\r\n      console.log(this.selectShoppingCarts[0])\r\n      return this.selectShoppingCarts[0];\r\n    },\r\n    rowShoppingCartLink() {\r\n      const rowLink = `${process.env.VUE_APP_TUI_URL}/Booking/MobileShoppingCart`;\r\n      return `${\r\n        process.env.VUE_APP_BASE_URL\r\n      }/Rccl.Campaign/RedirectToTui?redirectUrl=${encodeURIComponent(rowLink)}`;\r\n    },\r\n  },\r\n  watch: {\r\n    // 当购物车发生变动时，需要检查已选中的舱房是否已经删除\r\n    shoppingCarts(newOne) {\r\n      const shoppingCartIds = newOne.map((r) => r.shoppingCartId);\r\n      this.selectShoppingCarts = this.selectShoppingCarts.filter((r) =>\r\n        shoppingCartIds.some((sc) => sc == r.shoppingCartId)\r\n      );\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.shoppingCart {\r\n  background-color: #f6f7f8;\r\n  margin-top: 50px;\r\n  .shoppingCartContent {\r\n    // margin-top: -40px;\r\n    // height: calc(100% + 50px);\r\n    .normalCar {\r\n      padding-bottom: 120px;\r\n      .pullDownRefresh {\r\n        display: -webkit-box;\r\n        display: -webkit-flex;\r\n        display: -moz-box;\r\n        display: -ms-flexbox;\r\n        display: flex;\r\n        -webkit-box-align: center;\r\n        -webkit-align-items: center;\r\n        -moz-box-align: center;\r\n        -ms-flex-align: center;\r\n        align-items: center;\r\n        -webkit-box-pack: center;\r\n        -webkit-justify-content: center;\r\n        -moz-box-pack: center;\r\n        -ms-flex-pack: center;\r\n        justify-content: center;\r\n        padding: 14px 0 12px;\r\n        font-size: 11px;\r\n        line-height: 14px;\r\n        color: #666;\r\n        img {\r\n          display: block;\r\n          width: 12px;\r\n          margin-right: 5px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .carCategory {\r\n    display: -webkit-box;\r\n    display: -webkit-flex;\r\n    display: -moz-box;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    .carCategory-tab {\r\n      -webkit-box-flex: 1;\r\n      -webkit-flex: 1;\r\n      -moz-box-flex: 1;\r\n      -ms-flex: 1;\r\n      flex: 1;\r\n      position: relative;\r\n      display: -webkit-box;\r\n      display: -webkit-flex;\r\n      display: -moz-box;\r\n      display: -ms-flexbox;\r\n      display: flex;\r\n      -webkit-box-pack: center;\r\n      -webkit-justify-content: center;\r\n      -moz-box-pack: center;\r\n      -ms-flex-pack: center;\r\n      justify-content: center;\r\n      height: 46px;\r\n      font-size: 14px;\r\n      line-height: 46px;\r\n      .carCategory-tab-bg {\r\n        position: absolute;\r\n        top: 50%;\r\n        -webkit-transform: translateY(-50%);\r\n        -moz-transform: translateY(-50%);\r\n        -ms-transform: translateY(-50%);\r\n        -o-transform: translateY(-50%);\r\n        transform: translateY(-50%);\r\n        width: 204px;\r\n        max-width: unset;\r\n      }\r\n      .carCategory-tab-txt {\r\n        position: relative;\r\n        z-index: 5;\r\n        height: 100%;\r\n        padding: 0 5px;\r\n      }\r\n      .carCategory-tab-num {\r\n        position: absolute;\r\n        left: 100%;\r\n        top: 50%;\r\n        -webkit-transform: translate3d(0, -50%, 0);\r\n        -moz-transform: translate3d(0, -50%, 0);\r\n        transform: translate3d(0, -50%, 0);\r\n        width: 16px;\r\n        height: 16px;\r\n        font-size: 12px;\r\n        line-height: 16px;\r\n        color: #fff;\r\n        text-align: center;\r\n        font-weight: bold;\r\n        background-color: #ff5055;\r\n        border-radius: 100%;\r\n      }\r\n    }\r\n\r\n    .carCategory-tab-l {\r\n      .carCategory-tab-bg {\r\n        left: 0;\r\n        z-index: 1;\r\n      }\r\n      .carCategory-tab-txt {\r\n        color: #fff;\r\n        font-weight: bold;\r\n      }\r\n    }\r\n    .carCategory-tab-r {\r\n      .carCategory-tab-bg {\r\n        right: 0;\r\n      }\r\n      .carCategory-tab-txt {\r\n        color: #666;\r\n      }\r\n    }\r\n  }\r\n\r\n  .carCategory2 {\r\n    position: fixed;\r\n    left: 0;\r\n    top: 50px;\r\n    z-index: 100;\r\n    width: 100%;\r\n    background: #ffffff;\r\n    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);\r\n    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);\r\n    .carCategory-tab-l::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: 0;\r\n      top: 50%;\r\n      -webkit-transform: translateY(-50%);\r\n      -moz-transform: translateY(-50%);\r\n      -ms-transform: translateY(-50%);\r\n      -o-transform: translateY(-50%);\r\n      transform: translateY(-50%);\r\n      width: 1px;\r\n      height: 26px;\r\n      background-color: #ccc;\r\n    }\r\n    .carCategory-tab-l .carCategory-tab-txt {\r\n      color: #4a90e2;\r\n    }\r\n    .carCategory-tab-l .carCategory-tab-txt::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      bottom: 0;\r\n      width: 100%;\r\n      height: 2px;\r\n      background-color: #4a90e2;\r\n      border-radius: 2px;\r\n    }\r\n  }\r\n\r\n  #carCategory-normal1.hide {\r\n    opacity: 0;\r\n  }\r\n\r\n  .emptyCar {\r\n    .emptyCar-m {\r\n      padding: 86px 0 20px;\r\n      .emptyCar-m-icon {\r\n        display: block;\r\n        width: 45px;\r\n        margin: 0 auto 15px;\r\n      }\r\n      .emptyCar-m-txt {\r\n        padding-bottom: 10px;\r\n        font-size: 14px;\r\n        line-height: 21px;\r\n        color: #aaa;\r\n        text-align: center;\r\n      }\r\n      .emptyCar-m-link {\r\n        text-align: center;\r\n        a {\r\n          display: inline-block;\r\n          padding: 0 20px;\r\n          font-size: 14px;\r\n          line-height: 21px;\r\n          color: #4a90e2;\r\n          border: 1px solid #4a90e2;\r\n          border-radius: 14px;\r\n        }\r\n      }\r\n    }\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!./ShoppingCart.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!./ShoppingCart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ShoppingCart.vue?vue&type=template&id=1036cfe6&scoped=true&\"\nimport script from \"./ShoppingCart.vue?vue&type=script&lang=js&\"\nexport * from \"./ShoppingCart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ShoppingCart.vue?vue&type=style&index=0&id=1036cfe6&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  \"1036cfe6\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}