{"version":3,"sources":["webpack:///./src/views/booking/ProductList.vue?98bc","webpack:///src/views/booking/ProductList.vue","webpack:///./src/views/booking/ProductList.vue?d040","webpack:///./src/views/booking/ProductList.vue","webpack:///./src/views/PageProductSearch.vue?77cb","webpack:///./src/assets/icons/icon_search.png","webpack:///./src/assets/icons/icon_add.png","webpack:///./src/views/PageProductSearch.vue?5862","webpack:///src/views/PageProductSearch.vue","webpack:///./src/views/PageProductSearch.vue?b4df","webpack:///./src/views/PageProductSearch.vue","webpack:///./src/views/booking/ProductList.vue?ae12"],"names":["render","_vm","this","_h","$createElement","_c","_self","_l","item","key","id","staticClass","_v","_s","termCondition","_e","priceCondition","on","$event","goToDetail","attrs","mobileBanner","promotionImage","name","descriptionShort","class","priceUnit","length","priceDiscountedFormat","hasBindTicket","priceByRouteDays","priceByRouteNights","priceFormat","applyTo","handleBooking","bookingShow","currentProduct","staticRenderFns","components","DialogBooking","props","list","type","Array","category","String","data","computed","Boolean","bindTicket","methods","calcResult","toFixed","checkResult","subcategroy","current","subCategoryName","categoryName","$router","push","component","module","exports","getProductList","directives","rawName","value","expression","domProps","indexOf","_k","keyCode","target","composing","searchValue","show","swiperOption","shipItem","cur","shipActive","model","callback","$$v","activeNames","index","slot","productList","ProductList","shipList","classifyList","freeMode","slidesPerView","spaceBetween","click","activated","$route","query","keyword","$store","state"],"mappings":"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","file":"js/chunk-fd070cac.282eb86d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._l((_vm.list),function(item){return _c('div',{key:item.id,staticClass:\"product-item\"},[_c('p',{staticClass:\"item-tip\"},[(item.termCondition)?_c('span',[_vm._v(_vm._s(item.termCondition))]):_vm._e(),(item.priceCondition)?_c('span',[_vm._v(\"注: \"+_vm._s(item.priceCondition))]):_vm._e()]),_c('div',{staticClass:\"left-side\"},[_c('a',{on:{\"click\":function($event){return _vm.goToDetail(item)}}},[_c('van-image',{staticClass:\"product-img\",attrs:{\"src\":item.mobileBanner}}),(item.promotionImage)?_c('div',{staticClass:\"label\"},[_c('img',{staticClass:\"label-img\",attrs:{\"src\":item.promotionImage}})]):_vm._e()],1)]),_c('div',{staticClass:\"right-side\"},[_c('a',{on:{\"click\":function($event){return _vm.goToDetail(item)}}},[_c('p',{staticClass:\"product-name el2\"},[_vm._v(_vm._s(item.name))]),_c('p',{staticClass:\"product-info el2\"},[_vm._v(_vm._s(item.descriptionShort))]),_c('div',{class:['price', {'new-line': item.priceUnit.length > 6}]},[_c('p',[_c('span',[_vm._v(_vm._s(_vm.priceDiscountedFormat(item)))]),_vm._v(_vm._s(_vm.hasBindTicket && (item.priceByRouteDays || item.priceByRouteNights) ? '美元/航次' : item.priceUnit))]),(_vm.priceFormat(item) && _vm.priceFormat(item) !== _vm.priceDiscountedFormat(item))?_c('p',{staticClass:\"old-price\"},[_vm._v(_vm._s(_vm.priceFormat(item))+_vm._s(_vm.hasBindTicket && (item.priceByRouteDays || item.priceByRouteNights) ? '美元/航次' : item.priceUnit))]):_vm._e()]),_c('p',{staticClass:\"info-info\"},[_vm._v(_vm._s(item.applyTo))])]),_c('a',{staticClass:\"btn-common small item-btn btn-detail\",on:{\"click\":function($event){return _vm.goToDetail(item)}}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../../assets/icons/icon_add.png\"),\"alt\":\"\"}}),_vm._v(\" 查看详情 \")]),_c('a',{staticClass:\"btn-common small item-btn btn-cart\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleBooking(item)}}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../../assets/icons/icon_cart.png\"),\"alt\":\"\"}}),_vm._v(\" 立即预订 \")])])])}),_c('dialog-booking',{attrs:{\"visible\":_vm.bookingShow,\"goodsInfo\":_vm.currentProduct},on:{\"update:visible\":function($event){_vm.bookingShow=$event}}})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"product-item\" v-for=\"item in list\" :key=\"item.id\">\r\n      <p class=\"item-tip\">\r\n        <span v-if=\"item.termCondition\">{{item.termCondition}}</span>\r\n        <span v-if=\"item.priceCondition\">注: {{item.priceCondition}}</span>\r\n      </p>\r\n      <div class=\"left-side\">\r\n        <a @click=\"goToDetail(item)\">\r\n          <van-image class=\"product-img\" :src=\"item.mobileBanner\"/>\r\n          <div class=\"label\" v-if=\"item.promotionImage\">\r\n            <img class=\"label-img\" :src=\"item.promotionImage\" />\r\n          </div>\r\n        </a>\r\n      </div>\r\n      <div class=\"right-side\">\r\n        <a @click=\"goToDetail(item)\">\r\n          <p class=\"product-name el2\">{{item.name}}</p>\r\n          <p class=\"product-info el2\">{{item.descriptionShort}}</p>\r\n          <div :class=\"['price', {'new-line': item.priceUnit.length > 6}]\">\r\n            <p><span>{{priceDiscountedFormat(item)}}</span>{{hasBindTicket && (item.priceByRouteDays || item.priceByRouteNights) ? '美元/航次' : item.priceUnit}}</p>\r\n            <p class=\"old-price\" v-if=\"priceFormat(item) && priceFormat(item) !== priceDiscountedFormat(item)\">{{priceFormat(item)}}{{hasBindTicket && (item.priceByRouteDays || item.priceByRouteNights) ? '美元/航次' : item.priceUnit}}</p>\r\n          </div>\r\n          <p class=\"info-info\">{{item.applyTo}}</p>\r\n        </a>\r\n        <a class=\"btn-common small item-btn btn-detail\" @click=\"goToDetail(item)\">\r\n          <img class=\"icon\" src=\"../../assets/icons/icon_add.png\" alt=\"\">\r\n          查看详情\r\n        </a>\r\n        <a href=\"javascript:;\" class=\"btn-common small item-btn btn-cart\" @click=\"handleBooking(item)\">\r\n          <img class=\"icon\" src=\"../../assets/icons/icon_cart.png\" alt=\"\">\r\n          立即预订\r\n        </a>\r\n      </div>\r\n    </div>\r\n    <!-- 预定弹框 -->\r\n    <dialog-booking :visible.sync=\"bookingShow\" :goodsInfo=\"currentProduct\"/>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport DialogBooking from '@/views/DialogBooking'\r\nimport pick from 'lodash/pick'\r\nimport { showAlert } from '@/utils/tools'\r\nimport { checkOrderState, gioTracking } from '@/plugins/common'\r\nimport { mapState } from 'vuex'\r\n\r\nexport default {\r\n  name: 'ProductList',\r\n\r\n  components: {\r\n    DialogBooking\r\n  },\r\n\r\n  props: {\r\n    list: {\r\n      type: Array,\r\n      default () {\r\n        return []\r\n      }\r\n    },\r\n    category: {\r\n      type: String,\r\n      default() {\r\n        return ''\r\n      }\r\n    }\r\n  },\r\n\r\n  data () {\r\n    return {\r\n      bookingShow: false,\r\n      currentProduct: {}\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    ...mapState(['bindTicket']),\r\n    hasBindTicket () {\r\n      return Boolean(this.bindTicket)\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    priceDiscountedFormat (current) {\r\n      const calcResult = current.priceDiscounted - current.priceDiscountedServiceCharge\r\n      return calcResult % 1 === 0 ? calcResult : calcResult.toFixed(2)\r\n    },\r\n    priceFormat (current) {\r\n      const calcResult = current.price - current.priceServiceCharge\r\n      return calcResult % 1 === 0 ? calcResult : calcResult.toFixed(2)\r\n    },\r\n    handleBooking (current) {\r\n      checkOrderState(checkResult => {\r\n        if (checkResult) {\r\n          if (checkResult !== 'cancel') showAlert(checkResult)\r\n        } else {\r\n          this.currentProduct = {\r\n            ...pick(current, ['id', 'mobileBanner', 'name', 'applyTo', 'needSync']),\r\n            subcategroy: current.subCategoryName,\r\n            categoryName: this.category\r\n          }\r\n          this.bookingShow = true\r\n        }\r\n      })\r\n    },\r\n    goToDetail (item) {\r\n      gioTracking('track','evt_prdClick', {'productID': item.id,'Product_Category': this.category,'Product_DetailProduct': item.name })\r\n      this.$router.push(`/Rccl.PCP/product/detail/${item.id}`)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.product-item {\r\n  display: flex;\r\n  position: relative;\r\n  padding: 20px 20px 36px 20px;\r\n  margin-bottom: 20px;\r\n  background-color: #fff;\r\n  .left-side {\r\n    flex: 0;\r\n    width: 305px;\r\n    padding-right: 30px;\r\n    .product-img {\r\n      display: block;\r\n      width: 305px;\r\n    }\r\n    .label {\r\n      padding-top: 12px;\r\n      .label-img {\r\n        display: block;\r\n        height: 30px;\r\n        margin-right: 6px;\r\n      }\r\n    }\r\n  }\r\n  .right-side {\r\n    .product-name {\r\n      margin-top: 3px;\r\n      font-size: 26px;\r\n      color: @main-color;\r\n      line-height: 38px;\r\n      font-weight: bold;\r\n    }\r\n    .product-info {\r\n      margin-top: 3px;\r\n      font-size: 20px;\r\n      line-height: 30px;\r\n      color: @main-gray3;\r\n    }\r\n    .price {\r\n      display: flex;\r\n      align-items: baseline;\r\n      justify-content: space-between;\r\n      width: 275px;\r\n      margin-top: 16px;\r\n      font-size: 20px;\r\n      color: @main-gray4;\r\n      line-height: 44px;\r\n      span {\r\n        font-size: 32px;\r\n        font-weight: bold;\r\n        color: @second-color;\r\n      }\r\n      .old-price {\r\n        text-decoration: line-through;\r\n      }\r\n      &.new-line {\r\n        flex-wrap: wrap;\r\n        .old-price {\r\n          width: 100%;\r\n        }\r\n      }\r\n    }\r\n    .info-info {\r\n      margin-bottom: 24px;\r\n      font-size: 20px;\r\n      color: @main-gray4;\r\n    }\r\n    .item-btn {\r\n      width: 156px;\r\n      height: 46px;\r\n      margin: 10px 0 0 0;\r\n      border-radius: 6px;\r\n      .icon {\r\n        margin-right: 10px;\r\n      }\r\n      &.btn-detail {\r\n        color: #fff;\r\n        background: #1174b8;\r\n        .icon {\r\n          width: 14px;\r\n        }\r\n      }\r\n      &.btn-cart .icon {\r\n        width: 21px;\r\n      }\r\n    }\r\n  }\r\n  .item-tip {\r\n    position: absolute;\r\n    left: 20px;\r\n    bottom: 30px;\r\n    z-index: 1;\r\n    font-size: 20px;\r\n    color: @main-gray4;\r\n    span {\r\n      display: block;\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!./ProductList.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!./ProductList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductList.vue?vue&type=template&id=04d3eb90&scoped=true&\"\nimport script from \"./ProductList.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductList.vue?vue&type=style&index=0&id=04d3eb90&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  \"04d3eb90\",\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/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageProductSearch.vue?vue&type=style&index=0&id=59a4f1eb&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/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageProductSearch.vue?vue&type=style&index=0&id=59a4f1eb&lang=less&scoped=true&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAACRklEQVRIib2W22tTQRDGfz2pWq3GWK2XXhTvD4IgiiK++aeLIvggvuhbAoLWS9vQ1lvSBCOr36bT2T1NTlL84JCTObvzzc7ObYbxMAecBxrACaAABsBPYAf4CvwYUxejSBeAmyIchTbQBD6PWFdKOgvcAS4nX0YjnPoN0C1bWUsk/1z5uOR0feCbnp72ex3zwDKwDuwmGjInPQo8AU46+SfgPbAJ/Hb7zwCreqy+QPg8d9ee9JE7YXDRa2AjMTdFHbjvDA4eeeYM3eeaFeCG+f8LeAFsJ+rzCAZ+BBZ1RQHH9LtpdxTmxLeNPFj2SilRBT3ts3d5XdeWkF5Q/kU0lX+ToAO8c95czZFeNLKQ9K0JCSM+iDzC6h+SLhhZuyzUK2CgfI04bYO20GNd256SMKenZjkKCWzqdDgceD01S+qRk02CUj2FSptN3rlk1WQ47nYNa3FsUd/Nx8VDIj1r3vueFFcx6ira02DWldNsRVpzBLemJL0m4oh9+iNpCO8tIw91+FKiajw01PgjumWkAW+dynvAuYqEp4CHTm/roC4TusoR9cdo0LLetxRwByHU1we+uKsardtA8l1/Q4tiT5zRaVd0R311koG+zYvsLnClJDcDx5Ilzs1IhVy7lHzZQ09eqYLhJJGbkQYaT7pqBLk1ORm6u6Y85dfUFJxfcie1CPdzVS70FcZiV+2spdioa7jz9xuwM+6wjRQ1VCbjvo7Gme1MoOWIg3Evq5BOgkAcpssQhH8Jp5hIKiGk4FMZ8F+x51HgDxcycQqNdmMJAAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAlElEQVQoka2SQQrCUAxEn27tQrv3FtJeTU+g17FX6NZTaN2qC13KlELEwE9tKQ4MhEwm5DMfSRELSRdjEegkDWOlL46BzpwYK9fNo4k+4yAmG2eSSmALZK6/AZZWP4CT057AoTOegXWy8jeuU099f07dAYuRp76AfZKPsXY5dvXoHAfxd+Pd1bdwoueNpaTGmH5yiRaE3Mj8pKVK4gAAAABJRU5ErkJggg==\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"search-box\"},[_c('div',{staticClass:\"ipt-box\"},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../assets/icons/icon_search.png\"),\"alt\":\"\"},on:{\"click\":_vm.getProductList}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchValue),expression:\"searchValue\"}],attrs:{\"type\":\"text\",\"placeholder\":\"请输入关键词进行搜索\"},domProps:{\"value\":(_vm.searchValue)},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.getProductList($event)},\"input\":function($event){if($event.target.composing){ return; }_vm.searchValue=$event.target.value}}}),_c('a',{class:['btn-clear', {show: _vm.searchValue}],attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){_vm.searchValue = ''}}},[_c('van-icon',{attrs:{\"name\":\"cross\"}})],1)])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.hasBindTicket),expression:\"!hasBindTicket\"}],staticClass:\"ship-list\"},[_c('swiper',{staticClass:\"ship-list-swiper\",attrs:{\"options\":_vm.swiperOption}},_vm._l((_vm.shipList),function(shipItem){return _c('swiper-slide',{key:shipItem.value,class:['classify-item', {cur: shipItem.value === _vm.shipActive}],attrs:{\"data-val\":shipItem.value}},[_c('span',{attrs:{\"data-val\":shipItem.value}},[_vm._v(_vm._s(shipItem.name))])])}),1)],1),_c('van-collapse',{staticClass:\"classify-list\",attrs:{\"border\":false},model:{value:(_vm.activeNames),callback:function ($$v) {_vm.activeNames=$$v},expression:\"activeNames\"}},_vm._l((_vm.classifyList),function(item,index){return _c('van-collapse-item',{key:index,attrs:{\"name\":item.categoryName,\"value\":_vm.activeNames.indexOf(item.categoryName) >= 0 ? '收起' : '展开'}},[_c('span',{staticClass:\"label-classify\",attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(_vm._s(item.categoryName))]),_c('div',{staticClass:\"product-list-box\"},[_c('product-list',{attrs:{\"list\":item.productList}})],1),_c('div',{staticClass:\"interval\"})])}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"search-box\">\r\n      <div class=\"ipt-box\">\r\n        <img class=\"icon\" src=\"../assets/icons/icon_search.png\" alt=\"\" @click=\"getProductList\">\r\n        <input type=\"text\" placeholder=\"请输入关键词进行搜索\" v-model=\"searchValue\" @keyup.enter=\"getProductList\" />\r\n        <a href=\"javascript:;\" :class=\"['btn-clear', {show: searchValue}]\" @click=\"searchValue = ''\">\r\n          <van-icon name=\"cross\" />\r\n        </a>\r\n      </div>\r\n    </div>\r\n    <div class=\"ship-list\" v-show=\"!hasBindTicket\">\r\n      <swiper class=\"ship-list-swiper\" :options=\"swiperOption\">\r\n        <swiper-slide\r\n          v-for=\"shipItem in shipList\"\r\n          :key=\"shipItem.value\"\r\n          :class=\"['classify-item', {cur: shipItem.value === shipActive}]\"\r\n          :data-val=\"shipItem.value\">\r\n          <span :data-val=\"shipItem.value\">{{shipItem.name}}</span>\r\n        </swiper-slide>\r\n      </swiper>\r\n    </div>\r\n    <van-collapse class=\"classify-list\" v-model=\"activeNames\" :border=\"false\">\r\n      <van-collapse-item v-for=\"(item, index) in classifyList\" :key=\"index\" :name=\"item.categoryName\" :value=\"activeNames.indexOf(item.categoryName) >= 0 ? '收起' : '展开'\">\r\n        <span slot=\"title\" class=\"label-classify\">{{item.categoryName}}</span>\r\n        <div class=\"product-list-box\">\r\n          <product-list :list=\"item.productList\" />\r\n        </div>\r\n        <div class=\"interval\"></div>\r\n      </van-collapse-item>\r\n    </van-collapse>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ProductList from './booking/ProductList'\r\nimport { shipList } from '@/utils/dict'\r\nimport api from '@/api'\r\nimport { showLoading, hideLoading, showAlert } from '@/utils/tools'\r\nimport uniq from 'lodash/uniq'\r\n\r\nexport default {\r\n  name: 'PageProductSearch',\r\n\r\n  components: {\r\n    ProductList\r\n  },\r\n\r\n  data () {\r\n    return {\r\n      shipList,\r\n      searchValue: '',\r\n      classifyList: [],\r\n      activeNames: [],\r\n      swiperOption: {\r\n        freeMode: true,\r\n        slidesPerView: 'auto',\r\n        spaceBetween: 11,\r\n        on: {\r\n          click: swiper => {\r\n            this.shipActive = swiper.target.attributes['data-val'].nodeValue\r\n            this.getProductList()\r\n          }\r\n        }\r\n      },\r\n      shipActive: shipList[0].value\r\n    }\r\n  },\r\n\r\n  activated () {\r\n    if (this.$route.query.keyword) {\r\n      this.searchValue = this.$route.query.keyword\r\n      this.getProductList()\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    hasBindTicket () {\r\n      return Boolean(this.$store.state.bindTicket)\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    async getProductList () {\r\n      showLoading()\r\n      this.classifyList = []\r\n      const params = {\r\n        keyword: this.searchValue.trim()\r\n      }\r\n      if (!this.hasBindTicket) params.shipCode = this.shipActive\r\n      const { errCode, errMsg, data } = await api.searchProductByName(params)\r\n      hideLoading()\r\n      if (errCode === 0) {\r\n        if (data.rows.length) {\r\n          const categoryNames = uniq(data.rows.map(x => x.categoryName))\r\n          this.activeNames = categoryNames\r\n          for (let i = 0; i < categoryNames.length; i++) {\r\n            this.classifyList.push({\r\n              categoryName: categoryNames[i],\r\n              productList: data.rows.filter(x => x.categoryName === categoryNames[i])\r\n            })\r\n          }\r\n        }\r\n      } else {\r\n        showAlert(errMsg || '查询失败，请稍后重试')\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.search-box {\r\n  padding: 24px 35px 28px;\r\n  .ipt-box {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    height: 72px;\r\n    border-radius: 36px;\r\n    background-color: #fff;\r\n    overflow: hidden;\r\n    .icon {\r\n      width: 29px;\r\n      height: 29px;\r\n      margin: 0 18px 0 40px;\r\n    }\r\n    input {\r\n      flex: 1;\r\n      height: 34px;\r\n      margin-top: 3px;\r\n      padding-right: 78px;\r\n      font-size: 24px;\r\n      color: #333;\r\n      line-height: 34px;\r\n      border: none;\r\n      outline: none;\r\n    }\r\n    .btn-clear {\r\n      position: absolute;\r\n      top: 50%;\r\n      right: 10px;\r\n      z-index: 1;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      width: 42px;\r\n      height: 42px;\r\n      margin-top: -21px;\r\n      font-size: 20px;\r\n      color: #333;\r\n      border-radius: 50%;\r\n      opacity: 0;\r\n      transition: all .3s;\r\n      background-color: #e5e5e5;\r\n      &.show {\r\n        opacity: 1;\r\n        right: 20px;\r\n      }\r\n    }\r\n  }\r\n}\r\n.ship-list {\r\n  padding: 2px 50px 28px;\r\n}\r\n.ship-list-swiper {\r\n  width: 100%;\r\n  .classify-item {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: auto;\r\n    height: 48px;\r\n    padding: 0 34px;\r\n    border-radius: 24px;\r\n    font-size: 24px;\r\n    color: #1174b8;\r\n    background-color: #fff;\r\n    &.cur {\r\n      .btn-linear-gradient;\r\n      color: #333;\r\n    }\r\n  }\r\n}\r\n.classify-list {\r\n  ::v-deep .van-cell {\r\n    padding: 18px .5rem;\r\n    &:not(:last-child)::after {\r\n      visibility: hidden;\r\n    }\r\n  }\r\n  ::v-deep .van-collapse-item__content {\r\n    padding: 0;\r\n  }\r\n  ::v-deep .van-cell__right-icon {\r\n    margin-top: -1.5px;\r\n    color: #1174b8;\r\n  }\r\n  ::v-deep .van-cell__value {\r\n    font-size: .24rem;\r\n    color: #1174b8;\r\n  }\r\n  .label-classify {\r\n    display: inline-block;\r\n    height: 46px;\r\n    padding: 0 24px;\r\n    border-radius: 23px;\r\n    font-size: 24px;\r\n    color: #333;\r\n    line-height: 46px;\r\n    background-color: #f0f0f0;\r\n  }\r\n  .product-list-box {\r\n    padding: 0 50px 30px;\r\n  }\r\n  ::v-deep .product-item {\r\n    border: 1Px solid #eaeaea;\r\n    border-radius: 6px;\r\n    &:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n  .interval {\r\n    height: 30px;\r\n    background-color: #f0f0f0;\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!./PageProductSearch.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!./PageProductSearch.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PageProductSearch.vue?vue&type=template&id=59a4f1eb&scoped=true&\"\nimport script from \"./PageProductSearch.vue?vue&type=script&lang=js&\"\nexport * from \"./PageProductSearch.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PageProductSearch.vue?vue&type=style&index=0&id=59a4f1eb&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  \"59a4f1eb\",\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/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductList.vue?vue&type=style&index=0&id=04d3eb90&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/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductList.vue?vue&type=style&index=0&id=04d3eb90&lang=less&scoped=true&\""],"sourceRoot":""}