{"version":3,"sources":["webpack:///./src/components/SkeletonComponents/searchSkeleton/searchSkeleton.vue?022d","webpack:///./src/views/Search/index.vue?1c81","webpack:///./src/views/Search/index.vue?8d1a","webpack:///./src/components/SkeletonComponents/searchSkeleton/searchSkeletonH5.vue?b874","webpack:///src/components/SkeletonComponents/searchSkeleton/searchSkeletonH5.vue","webpack:///./src/components/SkeletonComponents/searchSkeleton/searchSkeletonH5.vue","webpack:///./src/components/SkeletonComponents/searchSkeleton/searchSkeletonH5.vue?7385","webpack:///./src/components/SkeletonComponents/searchSkeleton/searchSkeletonPc.vue?18f9","webpack:///src/components/SkeletonComponents/searchSkeleton/searchSkeletonPc.vue","webpack:///./src/components/SkeletonComponents/searchSkeleton/searchSkeleton.vue?10b5","webpack:///src/components/SkeletonComponents/searchSkeleton/searchSkeleton.vue","webpack:///./src/components/SkeletonComponents/searchSkeleton/searchSkeletonPc.vue","webpack:///./src/components/SkeletonComponents/searchSkeleton/searchSkeletonPc.vue?f4e6","webpack:///./src/components/SkeletonComponents/searchSkeleton/searchSkeleton.vue","webpack:///./src/components/SkeletonComponents/searchSkeleton/searchSkeleton.vue?7ae0","webpack:///./src/views/Search/index.vue?3f2c","webpack:///src/views/Search/index.vue","webpack:///./src/views/Search/index.vue","webpack:///./src/components/SkeletonComponents/searchSkeleton/searchSkeletonPc.vue?03a8","webpack:///./src/components/SkeletonComponents/searchSkeleton/searchSkeletonH5.vue?166b"],"names":["name","components","SkeletonAnimation","data","storeSkeletonNums","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","key","PartItem","navCate","width","height","roundItem","swiper","allStores","SearchSkeletonH5","SearchSkeletonPc","attrs","margin","List","shopCard","SearchSkeleton","EmptyState","disabled","distance","autoLoad","filter","loadMoreStatus","loadMoreStatusRem","hasMore","page","count","recId","isDirtyWords","searchRsp","recommendRsp","lastShopId","recommendTitle","loading","computed","isHasData","filterListIds","decodeURIComponent","watch","handler","document","title","init","loadMore","immediate","mounted","eventBus","t","methods","handelBack","$router","go","destroyed","on","_v","_s","$t","length","index","shop","_e","slot","staticRenderFns"],"mappings":"kGAAA,W,6GCAA,W,2CCAA,I,4FCAyb,ECyBzb,CACEA,KAAM,mBACNC,WAAY,CACVC,kBAAJ,KAEEC,KALF,WAMI,MAAO,CACLC,kBAAmB,K,wBCbV,EAXC,YACd,GCTW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,oBAAoB,CAACA,EAAG,MAAM,CAACE,YAAY,iBAAiBN,EAAIO,GAAIP,EAAqB,4BAAWQ,GAAM,OAAOJ,EAAG,MAAM,CAACK,IAAID,EAAKF,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,aAAaF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,kBAAiB,MAAM,KACtc,IDUpB,EAEA,KACA,WACA,M,oBEfub,EC0Dzb,CACEX,KAAM,mBACNC,WAAY,CACVC,kBAAJ,IACIa,SAAJ,KAEEZ,KANF,WAOI,MAAO,CACLa,QAAS,CACPC,MAAO,QACPC,OAAQ,OACR,gBAAiB,OAEnBC,UAAW,CACTF,MAAO,OACPC,OAAQ,OACR,gBAAiB,QAEnBE,OAAQ,CACNH,MAAO,QACPC,OAAQ,QACR,gBAAiB,OAEnBG,UAAW,CACTJ,MAAO,QACPC,OAAQ,QACR,gBAAiB,UCpF8Z,ECUvb,CACElB,KAAM,iBACNC,WAAY,CACVqB,iBAAJ,EACIC,kB,UCNY,YACd,GCTW,WAAa,IAAIlB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,oBAAoB,CAACA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,WAAW,CAACe,MAAM,CAAC,OAAS,CACrQP,MAAO,QACPC,OAAQ,OACR,gBAAiB,YACb,GAAGT,EAAG,MAAM,CAACE,YAAY,uBAAuBN,EAAIO,GAAG,aAAcC,GAAM,OAAOJ,EAAG,MAAM,CAACK,IAAID,EAAKF,YAAY,qCAAqC,CAACF,EAAG,WAAW,CAACe,MAAM,CAAC,OAAS,CAC1LP,MAAO,OACPC,OAAQ,QACR,gBAAiB,eACjBO,OAAQ,kBACLhB,EAAG,WAAW,CAACe,MAAM,CAAC,OAAS,CAClCP,MAAO,QACPC,OAAQ,OACR,gBAAiB,OACjB,gBAAiB,WACdT,EAAG,WAAW,CAACe,MAAM,CAAC,OAAS,CAClCP,MAAO,QACPC,OAAQ,OACR,gBAAiB,WACb,MAAK,QAAQ,KACT,IDRpB,EAEA,KACA,WACA,O,UEIa,G,UAXC,YACd,GCTW,WAAa,IAAiBX,EAATD,KAAgBE,eAAmBC,EAAnCH,KAA0CI,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,MAAM,CAACE,YAAY,MAAM,CAACF,EAAG,qBAAqB,GAAGA,EAAG,MAAM,CAACE,YAAY,MAAM,CAACF,EAAG,qBAAqB,OAC3O,IDUpB,EAEA,KACA,WACA,O,wDEf6Z,ECqF/Z,CACET,KAAM,aACNC,WAAY,CACVyB,KAAJ,IACIC,SAAJ,IACIC,eAAJ,EACIC,WAAJ,KAEE1B,KARF,WASI,MAAO,CACL2B,UAASA,EACTC,SAAU,GACVC,UAASA,EACTC,OAAQ,GACRC,eAAgB,MAChBC,kBAAmB,MAEnBC,SAAQA,EACRC,KAAM,EACNC,MAAO,GAEPC,MAAO,GACPC,cAAaA,EACbC,UAAW,CACTtC,KAAM,GACNiC,SAAQA,GAEVM,aAAc,CACZvC,KAAM,GACNiC,SAAQA,GAEVO,WAAY,EACZC,eAAgB,GAChBC,SAAQA,IAGZC,SAAU,CACRC,UADJ,WACA,YACM,OAAN,kLAEIC,cAJJ,WAIA,QACM,OAAOC,mBAAmBA,mBAAhC,kFAGEC,MAAO,CACL,iBAAkB,CAChBC,QADN,SACA,KACQC,SAASC,MAAQ,OAAzB,IAAyB,CAAzB,GACQ/C,KAAKgD,OACLhD,KAAKiD,YAEPC,WAAUA,IAGdC,QAtDF,WAsDA,WACIC,EAAJ,sBACMC,EAAN,OACMA,EAAN,eAGEC,QAAS,CACPN,KADJ,WAEMhD,KAAKuC,WACLvC,KAAK+B,KAAO,EACZ/B,KAAKmC,UAAY,CACftC,KAAM,GACNiC,SAAQA,GAEV9B,KAAKoC,aAAe,CAClBvC,KAAM,GACNiC,SAAQA,GAEV9B,KAAKqC,WAAa,EAClBrC,KAAK8B,YAGPyB,WAhBJ,WAiBMvD,KAAKwD,QAAQC,IAAI,IAGnB,SApBJ,WAoBA,mNACA,2BACA,8BACA,aAHA,SAIA,gBACA,YACA,SACA,cACA,yBACA,UACA,0BAVA,OAIA,EAJA,OAYA,aACA,SAEA,cACA,qEACA,4BAEA,8BACA,mBACA,GADA,UACA,uBADA,aACA,kHADA,aACA,kBADA,SACA,UAGA,iBACA,wEACA,+BAEA,iCACA,mBACA,GADA,UACA,0BADA,aACA,QACA,6GAFA,aACA,EAEA,gBAHA,SACA,EAEA,QAGA,8BACA,kCACA,gBAEA,uFACA,6FAEA,GACA,6CACA,qBACA,OACA,4BACA,qDACA,YACA,6FACA,mGACA,EACA,kHACA,iHACA,yFACA,qFACA,OACA,oFACA,qFACA,OACA,eACA,qCACA,+EACA,iBAGA,iBAlEA,gDAqEEC,UArJF,WAsJIN,EAAJ,cCnOI,G,UAAY,YACd,GfTW,WAAa,IAAIrD,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAAEN,EAAIwC,SAAwB,IAAbxC,EAAIgC,KAAY5B,EAAG,kBAAkB,CAACA,EAAG,IAAI,CAACE,YAAY,UAAUsD,GAAG,CAAC,MAAQ5D,EAAIwD,aAAa,CAACpD,EAAG,IAAI,CAACE,YAAY,uBAAuBN,EAAI6D,GAAG,IAAI7D,EAAI8D,GAAG9D,EAAI+D,GAAG,iCAAiC,OAAQ/D,EAAa,UAAEI,EAAG,MAAM,CAAEJ,EAAIoC,UAAUtC,MAAQE,EAAIoC,UAAUtC,KAAKkE,OAAQ5D,EAAG,OAAO,CAACe,MAAM,CAAC,SAAWnB,EAAIyB,SAAS,YAAYzB,EAAI2B,SAAS,SAAW3B,EAAI0B,SAAS,mBAAmB1B,EAAI6B,gBAAgB+B,GAAG,CAAC,KAAO5D,EAAIkD,WAAW,CAAC9C,EAAG,SAAS,CAACE,YAAY,oBAAoBa,MAAM,CAAC,OAAS,KAAKnB,EAAIO,GAAIP,EAAIoC,UAAc,eAAW5B,EAAKyD,GAAO,OAAO7D,EAAG,SAAS,CAACK,IAAI,OAASwD,EAAM9C,MAAM,CAAC,GAAK,GAAG,GAAK,IAAI,CAACf,EAAG,YAAY,CAACE,YAAY,uBAAuBa,MAAM,CAAC,YAAYX,EAAK0D,KAAK,QAAUlE,EAAIgC,KAAK,cAAgBhC,EAAI2C,cAAc,eAAesB,MAAU,MAAK,IAAI,GAAGjE,EAAImE,KAAK/D,EAAG,KAAK,CAACE,YAAY,mBAAmB,CAACN,EAAI6D,GAAG7D,EAAI8D,GAAG9D,EAAIuC,mBAAoBvC,EAAIqC,aAAavC,MAAQE,EAAIqC,aAAavC,KAAKkE,OAAQ5D,EAAG,OAAO,CAACe,MAAM,CAAC,SAAWnB,EAAIyB,SAAS,YAAYzB,EAAI2B,SAAS,SAAW3B,EAAI0B,SAAS,mBAAmB1B,EAAI8B,mBAAmB8B,GAAG,CAAC,KAAO5D,EAAIkD,WAAW,CAAC9C,EAAG,SAAS,CAACE,YAAY,oBAAoBa,MAAM,CAAC,OAAS,KAAKnB,EAAIO,GAAIP,EAAIqC,aAAiB,eAAW7B,EAAKyD,GAAO,OAAO7D,EAAG,SAAS,CAACK,IAAI,OAASwD,EAAM9C,MAAM,CAAC,GAAK,GAAG,GAAK,IAAI,CAACf,EAAG,YAAY,CAACE,YAAY,uBAAuBa,MAAM,CAAC,YAAYX,EAAK0D,KAAK,QAAUlE,EAAIgC,KAAK,OAAS,YAAY,cAAgBhC,EAAI2C,cAAc,eAAesB,MAAU,MAAK,IAAI,GAAGjE,EAAImE,MAAM,GAAG/D,EAAG,aAAa,CAACe,MAAM,CAAC,UAAY,qBAAqB,CAACf,EAAG,MAAM,CAACe,MAAM,CAAC,KAAO,eAAeiD,KAAK,oBAAoB,KAC1sD,IeUpBC,EAEA,KACA,WACA,OAIa,Y,6CCnBf,W,2DCAA","file":"js/feed.83aa8e91.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./searchSkeleton.vue?vue&type=style&index=0&id=e23b804c&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=bd60a0f4&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"shop-list auto-content\"},[(_vm.loading && _vm.page === 0)?_c('SearchSkeleton'):[_c('p',{staticClass:\"my-back\",on:{\"click\":_vm.handelBack}},[_c('i',{staticClass:\"el-icon-arrow-left\"}),_vm._v(\" \"+_vm._s(_vm.$t('FoodC_supplement_Return_wVpv'))+\" \")]),(_vm.isHasData)?_c('div',[(_vm.searchRsp.data && _vm.searchRsp.data.length)?_c('List',{attrs:{\"disabled\":_vm.disabled,\"auto-load\":_vm.autoLoad,\"distance\":_vm.distance,\"load-more-status\":_vm.loadMoreStatus},on:{\"more\":_vm.loadMore}},[_c('el-row',{staticClass:\"shop-list-wrapper\",attrs:{\"gutter\":10}},_vm._l((_vm.searchRsp.data),function(item,index){return _c('el-col',{key:'shop' + index,attrs:{\"xs\":24,\"sm\":6}},[_c('shop-card',{staticClass:\"shop-item card-hover\",attrs:{\"card-data\":item.shop,\"pagenum\":_vm.page,\"filterListIds\":_vm.filterListIds,\"inside-index\":index}})],1)}),1)],1):_vm._e(),_c('h2',{staticClass:\"recommend-title\"},[_vm._v(_vm._s(_vm.recommendTitle))]),(_vm.recommendRsp.data && _vm.recommendRsp.data.length)?_c('List',{attrs:{\"disabled\":_vm.disabled,\"auto-load\":_vm.autoLoad,\"distance\":_vm.distance,\"load-more-status\":_vm.loadMoreStatusRem},on:{\"more\":_vm.loadMore}},[_c('el-row',{staticClass:\"shop-list-wrapper\",attrs:{\"gutter\":10}},_vm._l((_vm.recommendRsp.data),function(item,index){return _c('el-col',{key:'shop' + index,attrs:{\"xs\":24,\"sm\":6}},[_c('shop-card',{staticClass:\"shop-item card-hover\",attrs:{\"card-data\":item.shop,\"pagenum\":_vm.page,\"module\":\"recommend\",\"filterListIds\":_vm.filterListIds,\"inside-index\":index}})],1)}),1)],1):_vm._e()],1):_c('EmptyState',{attrs:{\"emptyType\":\"netNotResultData\"}},[_c('div',{attrs:{\"slot\":\"emptyAction\"},slot:\"emptyAction\"})])]],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/@vue/cli-plugin-babel/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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./searchSkeletonH5.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/@vue/cli-plugin-babel/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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./searchSkeletonH5.vue?vue&type=script&lang=js&\"","<!--\n * @Author: your name\n * @Date: 2021-09-06 11:01:56\n * @LastEditTime: 2021-09-17 00:37:27\n * @LastEditors: Please set LastEditors\n * @Description: In User Settings Edit\n * @FilePath: /b_c_i18n/src/components/SkeletonComponents/searchSkeleton/searchSkeletonH5.vue\n-->\n<template>\n  <div class=\"search-skeleton\">\n    <SkeletonAnimation>\n      <div class=\"store-content\">\n        <div v-for=\"item in storeSkeletonNums\" :key=\"item\" class=\"store-list\">\n          <div class=\"left\"><div class=\"block3\"></div></div>\n          <div class=\"right\">\n            <div class=\"block4\"></div>\n            <div class=\"block5\"></div>\n          </div>\n        </div>\n      </div>\n    </SkeletonAnimation>\n  </div>\n</template>\n<script>\nimport SkeletonAnimation from '../../SkeletonAnimation';\nexport default {\n  name: 'SearchSkeletonH5',\n  components: {\n    SkeletonAnimation,\n  },\n  data() {\n    return {\n      storeSkeletonNums: 6,\n    };\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.search-skeleton {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background: #f5f5f7;\n  padding-top: rem(60);\n   .animated-flicker{\n     width: 100%;\n  }\n  .skeleton-bg {\n  background: #e5e5eb;\n}\n .store-content {\n  .store-list {\n    height: rem(224);\n    opacity: 0.4;\n    background: #ffffff;\n    border-radius: rem(12);\n    padding: rem(18);\n    display: flex;\n    margin-bottom: rem(20);\n    .block3 {\n      @extend .skeleton-bg;\n      width: rem(252);\n      height: rem(188);\n      background: #e5e5eb;\n      border-radius: rem(8);\n      margin-right: rem(24);\n    }\n    .block4 {\n      width: rem(158);\n      height: rem(40);\n      background: #e5e5eb;\n      border-radius: rem(4);\n      margin-bottom: rem(14);\n    }\n    .block5 {\n      width: rem(355);\n      height: rem(28);\n      background: #e5e5eb;\n      border-radius: rem(4);\n    }\n  }\n}\n}\n\n</style>\n","import { render, staticRenderFns } from \"./searchSkeletonH5.vue?vue&type=template&id=0460c83b&scoped=true&\"\nimport script from \"./searchSkeletonH5.vue?vue&type=script&lang=js&\"\nexport * from \"./searchSkeletonH5.vue?vue&type=script&lang=js&\"\nimport style0 from \"./searchSkeletonH5.vue?vue&type=style&index=0&id=0460c83b&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0460c83b\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"search-skeleton\"},[_c('SkeletonAnimation',[_c('div',{staticClass:\"store-content\"},_vm._l((_vm.storeSkeletonNums),function(item){return _c('div',{key:item,staticClass:\"store-list\"},[_c('div',{staticClass:\"left\"},[_c('div',{staticClass:\"block3\"})]),_c('div',{staticClass:\"right\"},[_c('div',{staticClass:\"block4\"}),_c('div',{staticClass:\"block5\"})])])}),0)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/@vue/cli-plugin-babel/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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./searchSkeletonPc.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/@vue/cli-plugin-babel/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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./searchSkeletonPc.vue?vue&type=script&lang=js&\"","<template>\n  <div class=\"search-skeleton\">\n    <SkeletonAnimation>\n      <div class=\"all-stores\">\n        <div class=\"all-stores__header\">\n          <!-- <div class=\"all-stores__text\"></div> -->\n          <!-- <PartItem\n            v-for=\"item in 4\"\n            :key=\"item\"\n            class=\"margin-r__20\"\n            :styles=\"{ width: '176px', height: '40px', 'border-radius': '4px' }\"\n          ></PartItem> -->\n          <PartItem\n              :styles=\"{\n                width: '280px',\n                height: '22px',\n                'border-radius': '4px ',\n              }\"\n            ></PartItem>\n        </div>\n        <div class=\"all-stores__content\">\n          <div\n            v-for=\"item in 16\"\n            :key=\"item\"\n            class=\"part-item margin-r__20 store-list\"\n          >\n            <PartItem\n              :styles=\"{\n                width: '100%',\n                height: '129px',\n                'border-radius': '4px 4px 0 0 ',\n                margin: '0 auto 15px',\n              }\"\n            ></PartItem>\n            <PartItem\n              :styles=\"{\n                width: '220px',\n                height: '18px',\n                'border-radius': '4px ',\n                'margin-bottom': '10px',\n              }\"\n            ></PartItem>\n            <PartItem\n              :styles=\"{\n                width: '190px',\n                height: '16px',\n                'border-radius': '4px',\n              }\"\n            ></PartItem>\n          </div>\n        </div>\n      </div>\n    </SkeletonAnimation>\n  </div>\n</template>\n<script>\nimport SkeletonAnimation from '../../SkeletonAnimation';\nimport PartItem from '../partItem.vue';\nexport default {\n  name: 'SearchSkeletonPc',\n  components: {\n    SkeletonAnimation,\n    PartItem,\n  },\n  data() {\n    return {\n      navCate: {\n        width: '174px',\n        height: '72px',\n        'border-radius': '4px',\n      },\n      roundItem: {\n        width: '28px',\n        height: '28px',\n        'border-radius': '14px',\n      },\n      swiper: {\n        width: '368px',\n        height: '118px',\n        'border-radius': '8px',\n      },\n      allStores: {\n        width: '274px',\n        height: '210px',\n        'border-radius': '8px',\n      },\n    };\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.search-skeleton {\n  max-width: 1156px;\n  margin: 0 auto ;\n}\n.nav-cate {\n  position: relative;\n  flex-wrap: wrap;\n  display: flex;\n  margin-bottom: 36px;\n  .part-item {\n    margin-right: 20px;\n    margin-bottom: 20px;\n    border-radius: 8px;\n  }\n  .part-item:nth-child(6n) {\n    margin-right: 0;\n  }\n  .part-item__round {\n    position: absolute;\n    right: -45px;\n    top: 44%;\n    transform: translateY(-50%);\n  }\n}\n.swiper {\n  position: relative;\n  flex-wrap: wrap;\n  display: flex;\n  .part-item:nth-child(3) {\n    margin-right: 0;\n  }\n}\n.all-stores {\n  .all-stores__header {\n    // margin-bottom: 20px;\n    height: 60px;\n    display: flex;\n    align-items: center;\n    .all-stores__text {\n      width: 126px;\n      height: 40px;\n      font-size: 28px;\n      color: #000000;\n      font-weight: 500;\n      margin-right: 70px;\n      border-radius: 4px;\n      background: #e5e5eb;\n    }\n  }\n}\n.margin-r__20 {\n  margin-right: 20px;\n}\n.all-stores__content {\n  display: flex;\n  flex-wrap: wrap;\n  .part-item:nth-child(4n) {\n    margin-right: 0;\n  }\n  .part-item {\n    margin-bottom: 20px;\n  }\n  .store-list {\n    padding: 8px;\n    box-sizing: border-box;\n    width: 274px;\n    height: 231px;\n    border-radius: 8px;\n    background: #fff;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/@vue/cli-plugin-babel/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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./searchSkeleton.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/@vue/cli-plugin-babel/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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./searchSkeleton.vue?vue&type=script&lang=js&\"","<template>\n  <div class=\"search-skeleton-component\">\n    <div class=\"h5\"><SearchSkeletonH5 /></div>\n    <div class=\"pc\"><SearchSkeletonPc /></div>\n  </div>\n</template>\n<script>\nimport SearchSkeletonH5 from './searchSkeletonH5';\nimport SearchSkeletonPc from './searchSkeletonPc';\n\nexport default {\n  name: 'SearchSkeleton',\n  components: {\n    SearchSkeletonH5,\n    SearchSkeletonPc,\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.search-skeleton-component {\n  .h5 {\n    display: none;\n  }\n}\n@media screen and (max-width: 768px) {\n  .search-skeleton-component {\n    .h5 {\n      display: block;\n    }\n    .pc {\n      display: none;\n    }\n  }\n}\n</style>\n","import { render, staticRenderFns } from \"./searchSkeletonPc.vue?vue&type=template&id=69371e31&scoped=true&\"\nimport script from \"./searchSkeletonPc.vue?vue&type=script&lang=js&\"\nexport * from \"./searchSkeletonPc.vue?vue&type=script&lang=js&\"\nimport style0 from \"./searchSkeletonPc.vue?vue&type=style&index=0&id=69371e31&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"69371e31\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"search-skeleton\"},[_c('SkeletonAnimation',[_c('div',{staticClass:\"all-stores\"},[_c('div',{staticClass:\"all-stores__header\"},[_c('PartItem',{attrs:{\"styles\":{\n              width: '280px',\n              height: '22px',\n              'border-radius': '4px ',\n            }}})],1),_c('div',{staticClass:\"all-stores__content\"},_vm._l((16),function(item){return _c('div',{key:item,staticClass:\"part-item margin-r__20 store-list\"},[_c('PartItem',{attrs:{\"styles\":{\n              width: '100%',\n              height: '129px',\n              'border-radius': '4px 4px 0 0 ',\n              margin: '0 auto 15px',\n            }}}),_c('PartItem',{attrs:{\"styles\":{\n              width: '220px',\n              height: '18px',\n              'border-radius': '4px ',\n              'margin-bottom': '10px',\n            }}}),_c('PartItem',{attrs:{\"styles\":{\n              width: '190px',\n              height: '16px',\n              'border-radius': '4px',\n            }}})],1)}),0)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./searchSkeleton.vue?vue&type=template&id=e23b804c&scoped=true&\"\nimport script from \"./searchSkeleton.vue?vue&type=script&lang=js&\"\nexport * from \"./searchSkeleton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./searchSkeleton.vue?vue&type=style&index=0&id=e23b804c&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"e23b804c\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"search-skeleton-component\"},[_c('div',{staticClass:\"h5\"},[_c('SearchSkeletonH5')],1),_c('div',{staticClass:\"pc\"},[_c('SearchSkeletonPc')],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","<template>\n  <div class=\"shop-list auto-content\">\n    <SearchSkeleton v-if=\"loading && page === 0\" />\n    <template v-else>\n      <p class=\"my-back\" @click=\"handelBack\">\n        <i class=\"el-icon-arrow-left\" />\n        {{ $t('FoodC_supplement_Return_wVpv') }}\n      </p>\n      <div v-if=\"isHasData\">\n        <!-- 搜索列表 -->\n        <List\n          v-if=\"searchRsp.data && searchRsp.data.length\"\n          :disabled=\"disabled\"\n          :auto-load=\"autoLoad\"\n          :distance=\"distance\"\n          :load-more-status=\"loadMoreStatus\"\n          @more=\"loadMore\"\n        >\n          <el-row :gutter=\"10\" class=\"shop-list-wrapper\">\n            <el-col\n              :xs=\"24\"\n              :sm=\"6\"\n              v-for=\"(item, index) in searchRsp.data\"\n              :key=\"'shop' + index\"\n            >\n              <shop-card\n                class=\"shop-item card-hover\"\n                :card-data=\"item.shop\"\n                :pagenum=\"page\"\n                :filterListIds=\"filterListIds\"\n                :inside-index=\"index\"\n              ></shop-card>\n            </el-col>\n          </el-row>\n        </List>\n        <!-- 推荐列表 -->\n        <h2 class=\"recommend-title\">{{ recommendTitle }}</h2>\n        <List\n          v-if=\"recommendRsp.data && recommendRsp.data.length\"\n          :disabled=\"disabled\"\n          :auto-load=\"autoLoad\"\n          :distance=\"distance\"\n          :load-more-status=\"loadMoreStatusRem\"\n          @more=\"loadMore\"\n        >\n          <el-row :gutter=\"10\" class=\"shop-list-wrapper\">\n            <el-col\n              :xs=\"24\"\n              :sm=\"6\"\n              v-for=\"(item, index) in recommendRsp.data\"\n              :key=\"'shop' + index\"\n            >\n              <shop-card\n                class=\"shop-item card-hover\"\n                :card-data=\"item.shop\"\n                :pagenum=\"page\"\n                module=\"recommend\"\n                :filterListIds=\"filterListIds\"\n                :inside-index=\"index\"\n              ></shop-card>\n            </el-col>\n          </el-row>\n        </List>\n      </div>\n      <EmptyState emptyType=\"netNotResultData\" v-else>\n        <div slot=\"emptyAction\"></div>\n      </EmptyState>\n    </template>\n  </div>\n</template>\n\n<script>\n/**\n * 该组件是作为 list 组件的使用示例存在的\n * 首页 筛选结果列表\n */\nimport List from '@/components/List';\nimport shopCard from '@/components/ShopCard';\nimport qs from '@/utils/urlParam';\nimport SearchSkeleton from '@/components/SkeletonComponents/searchSkeleton/searchSkeleton.vue';\nimport api from '@/api';\nimport { GLOBAL_ADDRESS_CHANGE, eventBus } from '@/utils/eventBus';\nimport EmptyState from '@/components/EmptyState';\nimport { addTitlePrefixToSearch } from '@/utils/baseUtil'\n\nexport default {\n  name: 'SearchList',\n  components: {\n    List,\n    shopCard,\n    SearchSkeleton,\n    EmptyState,\n  },\n  data() {\n    return {\n      disabled: false,\n      distance: 30,\n      autoLoad: false,\n      filter: [],\n      loadMoreStatus: 'suc', // 加载状态 suc fail nomore loading\n      loadMoreStatusRem: 'suc',\n      //入参\n      hasMore: false,\n      page: 0,\n      count: 20,\n      //返回值\n      recId: '',\n      isDirtyWords: false,\n      searchRsp: {\n        data: [],\n        hasMore: false,\n      },\n      recommendRsp: {\n        data: [],\n        hasMore: false,\n      },\n      lastShopId: 0,\n      recommendTitle: '',\n      loading: false,\n    };\n  },\n  computed: {\n    isHasData() {\n      return this.recommendRsp?.data?.length || this.searchRsp?.data?.length;\n    },\n    filterListIds() {\n      return decodeURIComponent(decodeURIComponent(this.$route?.query?.q))\n    }\n  },\n  watch: {\n    '$route.query.q': {\n      handler(nVal, oVal) {\n        document.title = addTitlePrefixToSearch(nVal)\n        this.init();\n        this.loadMore();\n      },\n      immediate: true,\n    },\n  },\n  mounted() {\n    eventBus.$on(GLOBAL_ADDRESS_CHANGE, () => {\n      this.init();\n      this.loadMore();\n    });\n  },\n  methods: {\n    init() {\n      this.loading = true;\n      this.page = 0;\n      this.searchRsp = {\n        data: [],\n        hasMore: false,\n      };\n      this.recommendRsp = {\n        data: [],\n        hasMore: false,\n      };\n      this.lastShopId = 0;\n      this.hasMore = false;\n    },\n    /** @desc 返回上一层 **/\n    handelBack() {\n      this.$router.go(-1);\n    },\n    //加载更多\n    async loadMore() {\n      this.loadMoreStatus = 'loading';\n      this.loadMoreStatusRem = 'loading';\n      this.loading = true;\n      let res = await api.feedSearch({\n        page: this.page,\n        count: 20,\n        recId: this.recId,\n        keywords: this.filterListIds,\n        orderBy: 1,\n        lastShopId: this.lastShopId,\n      });\n      this.loading = false;\n      this.page++;\n\n      if (res.searchRsp) {\n        res?.searchRsp?.data.map((item) => {\n          this.searchRsp.data.push(item);\n        });\n        this.hasMore = res.searchRsp.hasMore;\n        this.lastShopId =\n          res?.searchRsp?.data[res?.searchRsp?.data?.length - 1]?.shop?.shopId;\n      }\n\n      if (res.recommendRsp) {\n        res?.recommendRsp?.data.map((item) => {\n          this.recommendRsp.data.push(item);\n        });\n        this.hasMore = res.recommendRsp.hasMore;\n        this.lastShopId =\n          res?.recommendRsp?.data[\n            res?.recommendRsp?.data?.length - 1\n          ]?.shop?.shopId;\n      }\n\n      this.isDirtyWords = res.isDirtyWords;\n      this.recommendTitle = res.recommendTitle;\n      this.recId = res.recId;\n\n      this.loadMoreStatus = res?.searchRsp?.hasMore ? 'suc' : 'nomore';\n      this.loadMoreStatusRem = res?.recommendRsp?.hasMore ? 'suc' : 'nomore';\n      //展现埋点\n      const trackParams = {\n        eventId: 'sailing_c_x_searchresult_common_sw',\n        eventLabel: '搜索结果页展示',\n        attrs: {\n          search_word: this.filterListIds,\n          search_word_source: qs('search_word_source'),\n          result_num:\n            res?.searchRsp?.data?.length ||\n            0 + res?.recommendRsp?.data?.length ||\n            0,\n          search_result_num: res?.searchRsp?.data?.length || 0,\n          recommend_num: res?.recommendRsp?.data?.length || 0,\n          out_range_num: res?.searchRsp?.data.filter(\n            (i) => i?.shop?.cShopStatus === 3\n          ).length,\n          open_num: res?.searchRsp?.data.filter(\n            (i) => i?.shop?.cShopStatus === 1\n          ).length,\n          rec_id: this.recId,\n          sug_rec_id: qs('sug_rec_id'),\n          sug_ck_json: decodeURIComponent(decodeURIComponent(qs('sug_ck_json'))),\n          page_id: this.page,\n        },\n      };\n      this.$trackEvent(trackParams);\n    },\n  },\n  destroyed() {\n    eventBus.$off(GLOBAL_ADDRESS_CHANGE);\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.shop-list {\n  padding-top: 0;\n}\n.my-back {\n  font-family: 'Aspira Medium';\n  font-size: 20px;\n  line-height: 60px;\n  cursor: pointer;\n  font-weight: 500;\n  display: inline-block;\n}\n// .shop-list-wrapper {\n//   overflow: hidden;\n// }\n.auto-content {\n  width: 1156px;\n  margin: 0 auto;\n}\n\n.shop-item {\n  float: left;\n  margin-right: 20px;\n  margin-bottom: 20px;\n  overflow: hidden;\n}\n.shop-item:nth-child(4n) {\n  margin-right: 0;\n}\n@media screen and (max-width: 768px) {\n  .auto-content {\n    width: 100%;\n    padding: 0 rem(20);\n  }\n  .shop-item {\n    float: none;\n    margin-right: 0;\n    margin-bottom: rem(20);\n  }\n}\n\n// 核心动画逻辑\n$skeletonBackgroundColor: #d9d9d9;\n\n@keyframes van-skeleton-blink {\n  50% {\n    opacity: 0.6;\n  }\n}\n\n.animated-flicker {\n  animation: van-skeleton-blink 1.2s ease-in-out infinite;\n}\n\n@keyframes loadingAnimation {\n  from {\n    background-position: -100vw 0px;\n  }\n  to {\n    background-position: 100vw 0px;\n  }\n}\n\n.animated-gradual_right {\n  animation-name: loadingAnimation;\n  animation-duration: 2s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-timing-function: linear;\n  // 90deg 从左往右\n  background: #f6f7f8;\n  background-image: linear-gradient(\n    90deg,\n    #e2e2e2 20%,\n    #f6f6f6 28%,\n    #e2e2e2 43%\n  );\n  position: relative;\n  background-size: 100vw 100vh;\n}\n.recommend-title {\n  font-size: 20px;\n  margin: 10px 0 20px 0;\n}\n.animated-gradual_right_bottom {\n  animation-name: loadingAnimation;\n  animation-duration: 2s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-timing-function: linear;\n  // 135deg 倾斜\n  background: #f6f7f8;\n  background-image: linear-gradient(\n    135deg,\n    #e2e2e2 20%,\n    #f6f6f6 28%,\n    #e2e2e2 43%\n  );\n  position: relative;\n  background-size: 100vw 100vh;\n}\n\n.list {\n  flex: auto;\n  height: 150px;\n  min-width: 22%;\n  margin-right: 10px;\n  margin-bottom: 30px;\n  background: #999;\n}\n.list:nth-child(4n) {\n  margin-right: 0;\n}\n.list:last-child {\n  margin-right: 0;\n}\n.list.mobile {\n  width: 100%;\n  margin-right: 0;\n}\n\n.header-img {\n  width: 100%;\n  height: 100px;\n  margin-bottom: 10px;\n  background-color: $skeletonBackgroundColor;\n}\n\n.header-info__text {\n  display: flex;\n  margin-bottom: 10px;\n}\n\n.info__text {\n  width: 180px;\n  height: 15px;\n  margin-left: 10px;\n  background-color: $skeletonBackgroundColor;\n}\n\n.info__icon {\n  width: 15px;\n  height: 15px;\n  border-radius: 10px;\n  margin-left: auto;\n  background-color: $skeletonBackgroundColor;\n}\n\n.header-info__text-small {\n  width: 150px;\n  height: 15px;\n  margin-left: 10px;\n  background-color: $skeletonBackgroundColor;\n}\n</style>\n","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=bd60a0f4&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=bd60a0f4&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"bd60a0f4\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./searchSkeletonPc.vue?vue&type=style&index=0&id=69371e31&lang=scss&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./searchSkeletonH5.vue?vue&type=style&index=0&id=0460c83b&lang=scss&scoped=true&\""],"sourceRoot":""}