{"version":3,"sources":["webpack:///./src/views/community/search/result.vue?7d3a","webpack:///./src/utils/axiosApi/communityApi.js","webpack:///./src/assets/images/community/like.png","webpack:///./src/components/contents/waterfallComponents.vue?57f4","webpack:///./src/components/contents/waterfallComponents.vue?afba","webpack:///src/components/contents/waterfallComponents.vue","webpack:///./src/components/contents/waterfallComponents.vue?415e","webpack:///./src/components/contents/waterfallComponents.vue","webpack:///./src/views/community/search/result.vue?51db","webpack:///./src/views/community/search/result.vue?56ce","webpack:///./src/views/community/search/result.vue","webpack:///./src/assets/images/community/liked.png","webpack:///./src/assets/images/babyFeeding/monthLine.png","webpack:///./src/assets/images/community/no-search.png","webpack:///src/views/community/search/result.vue"],"names":["searchLook","urlParams","params","callback","Http","post","hostName","res","searchResultData","searchLike","module","exports","render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","style","height","Math","max","leftHCount","rightHCount","_l","item","index","key","itemKey","refInFor","class","jumpType","opacity","attrs","on","$event","$emit","type","_t","staticRenderFns","component","backPage","directives","name","rawName","value","$route","expression","domProps","target","composing","$set","noStatus","_e","id","searchParams","queryCriteria","handleSelect","title","_v","_s","loadingParams","error","finished","bottomText","getArticleList","model","$$v","clickHander","styleEnd","scopedSlots","_u","fn","props","JSON","stringify","data","arg","staticStyle","userHeadImage","userName","stopPropagation","addLike","likeStatus","liked","noLike","fomatterNum","likeNum","_m"],"mappings":"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","file":"js/chunk-0b783a62.c78bae66.js","sourcesContent":["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!./result.vue?vue&type=style&index=0&id=a6bf5b5a&prod&lang=less&scoped=true&\"","/*\r\n * @Descripttion: 种草社区接口\r\n * @Author: Lu peng\r\n * @Date: 2022-12-05 17:16:44\r\n * @LastEditors: Lu peng\r\n * @LastEditTime: 2022-12-05 17:16:44\r\n */\r\nimport Http from \"./../http\";\r\n\r\nexport default {\r\n  // 搜索发现\r\n  searchLook(urlParams, params, callback) {\r\n    Http.post(Http.hostName + \"/xmh/lucky/content/search/query\", urlParams, params, res => {\r\n      callback(res);\r\n    })\r\n  },\r\n  // 搜索结果\r\n  searchResultData(urlParams, params, callback) {\r\n    Http.post(Http.hostName + \"/xmh/lucky/seeding/es/searchSeeding\", urlParams, params, res => {\r\n      callback(res);\r\n    })\r\n  },\r\n  // 搜索结果点赞\r\n  searchLike(urlParams, params, callback) {\r\n    Http.post(Http.hostName + \"/xmh/lucky/seeding/eventContent\", urlParams, params, res => {\r\n      callback(res);\r\n    })\r\n  },\r\n}","module.exports = \"data:image/png;base64,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\"","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!./waterfallComponents.vue?vue&type=style&index=0&id=794dc292&prod&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"waterfallcontent\",staticClass:\"water-fall-content\",style:({ height: Math.max(_vm.leftHCount, _vm.rightHCount) + 'px' })},_vm._l((_vm.curList),function(item,index){return _c('div',{key:item[_vm.itemKey] + '' + index,ref:\"waterFallCol\",refInFor:true,class:['water-fall-item', item.jumpType ? 'water-fall-jump': ''],style:({\n      opacity: 0,\n    }),attrs:{\"data-id\":index},on:{\"click\":function($event){return _vm.$emit('clickHander', item, _vm.type, index)}}},[_vm._t(\"default\",null,{\"data\":item,\"index\":index})],2)}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\n * @Description:瀑布流组件\n * @Author: taoyan\n * @Email: taoyan_work@163.com\n * @Date: 2022-03-16 16:45:37\n * @LastEditTime: 2022-12-24 18:12:31\n\n **********************\n  ***** 注意：如果有影响高度的图片必须给图片添加class=\"img-banner\"********\n * 清空列表数据 this.$refs.waterfall.resetDefaultData()\n * 第一次渲染列表数据，通过调用组件内的方法：this.$refs.waterfall.initData('init',this.dataList)\n * 如果有分页，则使用该行代码 ： this.$refs.waterfall.initData('push',this.copyDataList)\n **********************\n * @itemKey   for循环时绑定的key值的字段名\n * @leftRightGap 左侧列距左侧的距离，默认9\n * @upDownGap两列之间的间距，默认9\n * @clickHander 点击item的整个板块触发的方法\n * @slot作为一个默认插槽曝露，props是List的每一项数据，以props.data.XXXXX取值\n-->\n<!--\n使用示例,---<template scope=\"props\">作为默认插槽对外开放，template中的内容及逻辑自定，\n下述template中的代码是以专家视角的瀑布流为例\n <waterfallComponents ref='waterfall' class=\"water-fall\" @clickHander=\"jumpBjdoctor\">\n  <template scope=\"props\">\n    <div class=\"info-img\" v-lazy:background-image=\"props.data.imgUrl\">\n      <img class=\"play-btn\" :src=\"foodPlay\" alt=\"\" />\n      <span class=\"share-btn\" @click.stop=\"$emit('doctorShare', props.data, 'baby')\"\n        >分享</span\n      >\n      <div class=\"play-status\">\n        <span v-if=\"props.data.id % 3 == 0\">3月9日 15:00</span>\n        <span v-if=\"props.data.id % 3 == 1\" class=\"playing\">直播中</span>\n        <span v-if=\"props.data.id % 3 == 2\">回放</span>\n      </div>\n    </div>\n    <div class=\"bottom-content\">\n      <p class=\"item-title\">\n        {{\n          props.data.id % 2 == 0\n            ? props.data.name + \"kalfjlakjfliewifhkjhfkshdjhakhflsldfhdkslhfshdfhk\"\n            : props.data.name\n        }}\n      </p>\n      <div class=\"item-tagAndPlaynum\" v-if=\"props.data.tag\">\n        <span class=\"item-tag\">{{ props.data.tag }}</span>\n        <p class=\"item-playnum\">\n          <img src=\"./../../../assets/images/food/browse.png\" class=\"icon\" />\n          <span>{{ fomatterNum(props.data.playNum) || 0 }}</span>\n        </p>\n      </div>\n      <div class=\"subscribe\" v-if=\"props.data.id % 3 == 0\">\n        <img src=\"./../../../assets/images/food/browse.png\" class=\"icon\" />\n        <span>预约</span>\n      </div>\n    </div>\n  </template>\n</waterfallComponents\n-->\n<template>\n  <div\n      ref=\"waterfallcontent\"\n      :style=\"{ height: Math.max(leftHCount, rightHCount) + 'px' }\"\n      class=\"water-fall-content\"\n  >\n    <div\n        v-for=\"(item, index) in curList\"\n        :key=\"item[itemKey] + '' + index\"\n        ref=\"waterFallCol\"\n        :data-id=\"index\"\n        :style=\"{\n        opacity: 0,\n      }\"\n        :class=\"['water-fall-item', item.jumpType ? 'water-fall-jump': '']\"\n        @click=\"$emit('clickHander', item, type, index)\"\n    >\n      <slot :data=\"item\" :index=\"index\"></slot>\n    </div>\n  </div>\n</template>\n\n<script>\n\nexport default {\n  name: \"waterfall-components\",\n  props: {\n    itemKey: {\n      type: String,\n      default: \"id\"\n    },\n    type: {\n      type: String,\n      default: \"\"\n    },\n    pageMargin: {\n      type: Number,\n      default: 16,\n    },\n    leftRightGap: {\n      type: Number,\n      default: 8,\n    },\n    // 上下间距\n    upDownGap: {\n      type: Number,\n      default: 8,\n    },\n  },\n  data() {\n    return {\n      leftHCount: 0, // 左列高度\n      rightHCount: 0, // 右列高度\n      curList: [],\n      curListLen: 0,\n      imgloadedCount: 0,\n      itemWidth: 167, // 每个item的宽\n    };\n  },\n  mounted() {\n  },\n  watch: {\n    curList: {\n      handler(newValue) {\n        console.log(newValue, 'newValuenewValue')\n      }\n    },\n    deep: true\n  },\n  methods: {\n    // 初始化数据，type：init代表第一次调用，push表示添加数据到组件中，\n    /**\n     * 设置数据用来渲染列表数据\n     * @param type init,首次调用， push，往当前数据后追加数据\n     * @param list 要渲染的列表数据\n     */\n    initData(type, list) {\n      console.log(type, 'type')\n      if (list && list.length > 0) {\n        type == \"init\" && this.resetDefaultData();\n        this.itemWidth = (document.body.clientWidth - Number(this.pageMargin) * 2 - Number(this.leftRightGap)) / 2;\n        // 添加数据到当前数据列表中\n        this.curList = (type == \"push\") && this.curList.concat(list) || list;\n        this.$nextTick(() => {\n          // 首先判断每个板块的图片是否加载完成\n          this.doSort(type == \"push\" && this.curList.length - list.length || 0);\n        });\n      } else {\n        this.resetDefaultData()\n      }\n    },\n    doSort(startIndex) {\n      // console.log(startIndex, \"startIndex\");\n      // nodeList，数据渲染完后的页面元素，，重新对页面元素进行排列\n      const nodeList = this.$refs.waterFallCol;\n      for (let i = startIndex; i < nodeList.length; i++) {\n        nodeList[i].style.width = this.itemWidth + 'px';\n        // 每一个元素的宽度，高度+上下间距\n        const domHeight = nodeList[i].clientHeight + this.upDownGap;\n        // 定义每一个的左定位与上定位\n        let condition = this.leftHCount > this.rightHCount; //判断条件，左列高度>右列高度\n        let top = Math.min(this.rightHCount, this.leftHCount); // top值取小的\n        let left = condition && (this.itemWidth + this.leftRightGap + this.pageMargin) || this.pageMargin;\n        // 如果左列高度>右列高度，则累加右列的高度。否则，累加左列的高度\n        condition && (this.rightHCount += domHeight) || (this.leftHCount += domHeight);\n        // 将计算的定位值给curList\n        nodeList[i].style.left = left + 'px';\n        nodeList[i].style.top = top + 'px';\n        nodeList[i].style.opacity = 1;\n        // console.log(i, i == nodeList.length - 1)\n        if (i == nodeList.length - 1) {\n          this.$nextTick(() => {\n            setTimeout(() => {\n              this.$emit(\"styleEnd\")\n            }, 100)\n\n          })\n        }\n      }\n\n    },\n    // 清空当前设置的定位值，\n    resetDefaultData() {\n      console.log(\"resetdata\");\n      this.leftHCount = 0;\n      this.rightHCount = 0;\n      this.curList = [];\n      this.imgloadedCount = 0;\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.water-fall-content {\n  position: relative;\n  width: 100%;\n  margin: 0 auto;\n  box-sizing: border-box;\n  border-radius: 8px;\n\n  > .water-fall-item {\n    position: absolute;\n    width: 167px;\n    padding-bottom: 12px;\n    background: #ffffff;\n    box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.04);\n    border-radius: 4px;\n  }\n  > .water-fall-jump{\n    padding-bottom: 0!important;\n  }\n}\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!./waterfallComponents.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!./waterfallComponents.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./waterfallComponents.vue?vue&type=template&id=794dc292&scoped=true&\"\nimport script from \"./waterfallComponents.vue?vue&type=script&lang=js&\"\nexport * from \"./waterfallComponents.vue?vue&type=script&lang=js&\"\nimport style0 from \"./waterfallComponents.vue?vue&type=style&index=0&id=794dc292&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"794dc292\",\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-result\"},[_c('div',{staticClass:\"search-head\"},[_c('div',{staticClass:\"back\",on:{\"click\":function($event){return _vm.backPage('搜索结果-返回')}}}),_c('div',{staticClass:\"search-input\",on:{\"click\":function($event){return _vm.backPage('搜索结果-搜索框')}}},[_c('div',{staticClass:\"search-icon\"}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.$route.params.seatchHot),expression:\"$route.params.seatchHot\"}],staticClass:\"search-content\",attrs:{\"type\":\"text\",\"readonly\":\"\",\"unselectable\":\"on\"},domProps:{\"value\":(_vm.$route.params.seatchHot)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.$route.params, \"seatchHot\", $event.target.value)}}})])]),(!_vm.noStatus)?_c('div',{staticClass:\"no-nolist\"},[_c('ul',{staticClass:\"head-ul\"},_vm._l((_vm.activeList),function(item){return _c('li',{key:item.id,class:item.id === _vm.searchParams.queryCriteria ? 'ul-active' : '',on:{\"click\":function($event){return _vm.handleSelect(item.id,item.title)}}},[_vm._v(\"\\n        \"+_vm._s(item.title)+\"\\n        \"),(item.id === _vm.searchParams.queryCriteria)?_c('img',{attrs:{\"alt\":\"\",\"src\":require(\"@/assets/images/babyFeeding/monthLine.png\")}}):_vm._e()])}),0),_c('van-list',{attrs:{\"id\":\"vanList\",\"error\":_vm.loadingParams.error,\"finished\":_vm.loadingParams.finished,\"finished-text\":_vm.loadingParams.bottomText,\"error-text\":\"请求失败，点击重新加载\",\"immediate-check\":false},on:{\"update:error\":function($event){return _vm.$set(_vm.loadingParams, \"error\", $event)},\"load\":function($event){return _vm.getArticleList()}},model:{value:(_vm.loadingParams.loading),callback:function ($$v) {_vm.$set(_vm.loadingParams, \"loading\", $$v)},expression:\"loadingParams.loading\"}},[_c('waterfallComponents',{ref:'waterfall' + _vm.searchParams.queryCriteria,staticClass:\"water-fall\",attrs:{\"leftRightGap\":6,\"pageMargin\":12,\"upDownGap\":6},on:{\"clickHander\":_vm.clickHander,\"styleEnd\":_vm.styleEnd},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return [_c('div',{staticClass:\"info\",attrs:{\"data\":JSON.stringify(props.data)}},[_c('div',{directives:[{name:\"lazy\",rawName:\"v-lazy:background-image\",value:(props.data.contentImage),expression:\"props.data.contentImage\",arg:\"background-image\"}],staticClass:\"info-img\",staticStyle:{\"height\":\"230px\"}}),_c('div',{staticClass:\"bottom-content\"},[_c('div',{staticClass:\"item-title\"},[_vm._v(_vm._s(props.data.title))]),_c('div',{staticClass:\"user-info\"},[_c('div',{staticClass:\"user-message\"},[_c('img',{attrs:{\"src\":props.data.userHeadImage,\"alt\":\"\"}}),_c('div',{staticClass:\"user-name\"},[_vm._v(_vm._s(props.data.userName))])]),_c('div',{staticClass:\"user-like\",on:{\"click\":function($event){$event.stopPropagation();return _vm.addLike(props.data)}}},[_c('img',{attrs:{\"src\":props.data.likeStatus === 1 ? _vm.liked : _vm.noLike,\"alt\":\"\"}}),_c('div',{staticClass:\"like-number\"},[_vm._v(_vm._s(_vm.fomatterNum(props.data.likeNum, false)))])])])])])]}}],null,false,2947963407)})],1)],1):_vm._e(),(_vm.noStatus)?_c('div',{staticClass:\"nolist\"},[_vm._m(0)]):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"no-content\"},[_c('img',{attrs:{\"alt\":\"\",\"src\":require(\"../../../assets/images/community/no-search.png\")}}),_c('p',[_vm._v(\"无搜索结果，换个关键词试试\")])])}]\n\nexport { render, staticRenderFns }","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!./result.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!./result.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./result.vue?vue&type=template&id=a6bf5b5a&scoped=true&\"\nimport script from \"./result.vue?vue&type=script&lang=js&\"\nexport * from \"./result.vue?vue&type=script&lang=js&\"\nimport style0 from \"./result.vue?vue&type=style&index=0&id=a6bf5b5a&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a6bf5b5a\",\n  null\n  \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABOlJREFUeF7tm3tsVEUUxn/l0VooRatFDNYH1j9QCqVRq5SKRkVAIAViRBAIpdIgxkQTNEoTMSkaJdHEiAiWGp5iDLABFESNYikKGh4WH4kFH0hEqlWgUMur5uSyiZa9e2fuzt29297z5+6Z73zz7bzOmdmU1tbWVjqwpQQCBCMgmALBGtCB10CCRTDYBUzsAgcboaYe6hvgjyZoPAFH/4EeaZDVHa7vBcW5MPBK6Nwp+ow7ew72/mrh/XDEwjreAj0vsrAuy4DcbAsvJyvm2et+CgjRDXWweR/83KhG5PJMKCuCIbmR/bfVQ1Ut/H5MDe/qLBjeH0bnOQtrg+hOgH2HYMFW+OlPNaJtvfJz4MlhcEk365u/TsJLW2DPQXd411wKs4ZC/z7a7fUFWLEDVu7UDnRBAxnOc0ZYH8/bZA31WG3SLfBQoRaKngBV22DNbq0AUZ27nF8Pzpwzhzl+EJQNUcZTF6C6Ft7dpQycUMf7C6C0SImCmgCyKj+9DpLlzJgCvDDW2nUczFmAk6dg5io4ctwJy1/f9+oBCydCt9SovJwFkG1pTZIM/bZdHV9gbbtRLLoAzadhcjWcOOWvX1eVTfdUWF4K6V1tW0QXYMPX8PpW1XD+9HtkKIwe4FIAmftuDzt+kUMOSbIW2Jj9CPi7GR6s8ks3YuPxdhlcnB4Rw16A2v1Q+X5sgf3SumIkFF2nKcCiGgjt8UsXYuNRkg/lxZoCPBOC3S6Tk9jomm89KAeeL9EUYNZqONBgnkwiEPtmw4IJmgJMeQsamhJB13zM7AxYNk1TgJKF0HLGPJlEIKZ1gdBMTQHGvQFyEmwPlp4Ka8s1BZixEqTW1x5MaoeLJ2kKMCcEu9rJLlCQA/N0d4EOfw6Qwufste1hAsD8cbYFU/ujsNyZTlwCkhMks0kOsGo6pEiZ6EKLng5LKiwpcTKbpMKSEttYdAHkIDR9GZw+m5wSdO0MS6aAHIRcCSCNFn0Gob3JKUDJQCi/PSp355qgrAGlS5PvUCRlsOqptnWAsCrOAojne3Xw2qfJNQoevQPuy3PkrCaAwMzdCDt+dAT0hUPhtTB3lBIVdQGONlv3A3KR6WeTC1epAfaMXAJrS11dAGkpt7cV60Guxv1o8vagcgzI7bOi6QkgoB9+By9/pAgfZ7cn7oZ7+mkF1RdA4Fd/CUu/0ArkufPUW2HCzdph3AkgYWRXkN3BDyarvaz6Lsy9AJIrvPoJbP7GRViDTYbfCI/daXvWd4rkXoAw8uIaWJeg8vnYfJgRudzt1PHw97ELIEimns2oshY/F89hIsGbEUCQZRS8WeP9IwrJah8uBvn1DZg5AYTM5wdg/hbv8gY5388eBrf1NdB1C8KsAIIot8nPbYTDim/9VLvSOxOeHQVy22vQzAsg5I41Q+UmqDtkhmpeH6gYAZlqx1udoN4IIAzk6ZusCetjrCiNGWDN+fCTOp3eKfh6J0A4+Pb98MrH0NSiQOc/Lhlp8PhdMDjytbYemL239wJIbHlh9uIH8O1varxvuAKeuhfkpZfHFh8BpBOSQa7YCe98BXb/0pHK7QM3weRC6BS5imtaj/gJEGYuC2P1dvj+8P/70q83TBsMsuDF0eIvQLhzsl3+cv7u8aos49ubqoaJE0CVocd+gQDBf4ZM/GfI42HqJXwwBYIp0MGnwL9TfBNfrp9jMAAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAwCAYAAABT9ym6AAAAAXNSR0IArs4c6QAABCtJREFUaEPtmV1oHFUUx39nNo1p0iqiL6XWYkUUDEJBFGJtje5OqApVH4q0FSyS3U1NkCKohNIugrRG+kGFJDvkIYIS6oMfYMHdSZoqVQQRpC8WrNEHbUUlBsRUm2aObBKSTbO7M7O7sxmC83rP+Z/zu+fO3DP3CivkkRXCQWhANG7fjuhLqD4CNCOMo5yBuoNiPfaD24SHAkQT9jPgDKDcvDRh+Qc4IJZ5tBTMsoNo0t6M43wNRErPeuRpsaIfFbNZVhBVFZLZr1AecFs6wDjcskGs+ycL2S4vSNx+ApxPPEDMmkQiMemLDocPJJE9jerjnkFEXpe0eShUINqZuYMpLqIYPkAOS9rsDhdIInsE1Vc9Q+QMRXZJ2hwKDYh2fX8D//74M+itPkAmaaxfLydaJ8IDkrTbcRzLB0SuHANime2h+fzOVmPsInCbL5A62Sy95rfhAUlm9uNwzBcEfClW20Oh2dn1lXNrmZgc8/lugBHZI/3R98IDErcPgZPyVQ2R31i3foOk7r0aChCNj9wJ184Djb5A4A2x2g64+dSkRZntqeyzqG51S2jxuEwQWb1J+h7+082vNiAJuwt1Trols2Rc5DVJm2968QscRDuGNzHtnAdt8pLQvI3ILzSuuUuOt1zx4hcoiKZGG7g0dRb0QS/JXLes2sUyB7z6BQsSzw6BPus1mTy7C0TNZtkp0159AwPRZCaFQ8GW2zU5MZ6SdOxjV7s8g0BANG7vAqfkBlY0SeGUpNt8V7HqIJrMPo+jubXt8g9eEOUyTWub5XjLuJ9q5GyrCqLx7MvAW6Bl6hpPihU77ReiaiBzG95h3z9KizIu3aa7wZU5cwuy+uLIRq5ND84drLnFKzwu/MRNTfdJz5a/yhOocGlpwt4LzgmUG8tNAORvIrpN+tq+KV+jTBCN21sQ5yBKrJLgwDQYO8p9L/Jj+1pamrTbUO323/wVwRXpkLTZX+FkzLiXBNF9o2vQqUdx2I6yHXRjNYLOakiPWKa/U5QSwQuCaHy4FZwO0B1AffWSn1MSGaI/tltEtFrai0A0pQaX7EHQ56oVYImOGL2si3ZJSpxqxlgMksgOoPpCNQMsaOVmX7rFih0JQn8eROOj98DV74IIAjKFYex1O0CoJPYCSCJzEqWrErEivuOI7JS0ORKA9rxkXkUyXwAtVQ0m8iGRVfukt/XXquoWEMurSPYcqiUPwbwnI38gRqeko6e8+1RmmVcR+xg4+yuTmzkxf5/6hk55e+vvFWv5EFgA6ThzN9NTF3z45n2QcEA+IGL0SG80dx9Y86eyz6/IFVQHoe6olyvkIOmWboiX7XdQ3VM86Mx18ecY+imrVr9b6yVULK/CLUoyk+uvuhC2gTSgOoZgQyRDY+NnXs+agqzA9dq+ut9aJuY31v8gfmcsaPsVU5H/AIfvUkCqygXOAAAAAElFTkSuQmCC\"","module.exports = __webpack_public_path__ + \"img/no-search.12165646.png\";","<template>\r\n  <div class=\"search-result\">\r\n    <!-- 搜索头部 -->\r\n    <div class=\"search-head\">\r\n      <div class=\"back\" @click=\"backPage('搜索结果-返回')\"></div>\r\n      <div class=\"search-input\" @click=\"backPage('搜索结果-搜索框')\">\r\n        <div class=\"search-icon\"></div>\r\n        <input type=\"text\" v-model=\"$route.params.seatchHot\" class=\"search-content\"  readonly unselectable=\"on\" >\r\n      </div>\r\n    </div>\r\n    <div v-if=\"!noStatus\" class=\"no-nolist\">\r\n      <!-- tab切换 -->\r\n      <ul class=\"head-ul\">\r\n        <li\r\n            v-for=\"item in activeList\"\r\n            :key=\"item.id\"\r\n            :class=\"item.id === searchParams.queryCriteria ? 'ul-active' : ''\"\r\n            @click=\"handleSelect(item.id,item.title)\"\r\n        >\r\n          {{ item.title }}\r\n          <img\r\n              v-if=\"item.id === searchParams.queryCriteria\"\r\n              alt=\"\"\r\n              src=\"@/assets/images/babyFeeding/monthLine.png\"\r\n          />\r\n        </li>\r\n      </ul>\r\n      <!-- 搜索结果列表数据 -->\r\n      <van-list\r\n        id=\"vanList\"\r\n        v-model=\"loadingParams.loading\"\r\n        :error.sync=\"loadingParams.error\"\r\n        :finished=\"loadingParams.finished\"\r\n        :finished-text=\"loadingParams.bottomText\"\r\n        error-text=\"请求失败，点击重新加载\"\r\n        :immediate-check=\"false\"\r\n        @load=\"getArticleList()\"\r\n      >\r\n        <waterfallComponents\r\n            :ref=\"'waterfall' + searchParams.queryCriteria\"\r\n            :leftRightGap=\"6\"\r\n            :pageMargin=\"12\"\r\n            :upDownGap=\"6\"\r\n            class=\"water-fall\"\r\n            @clickHander=\"clickHander\"\r\n            @styleEnd=\"styleEnd\"\r\n        >\r\n          <template slot-scope=\"props\">\r\n            <div :data=\"JSON.stringify(props.data)\" class=\"info\">\r\n              <div\r\n                  v-lazy:background-image=\"props.data.contentImage\"\r\n                  class=\"info-img\"\r\n                  style=\"height: 230px;\"\r\n              ></div>\r\n              <div class=\"bottom-content\">\r\n                <div class=\"item-title\">{{ props.data.title }}</div>\r\n                <div class=\"user-info\">\r\n                  <div class=\"user-message\">\r\n                    <img :src=\"props.data.userHeadImage\" alt=\"\" />\r\n                    <div class=\"user-name\">{{ props.data.userName  }}</div>\r\n                  </div>\r\n                  <div class=\"user-like\" @click.stop=\"addLike(props.data)\">\r\n                    <img\r\n                      :src=\"props.data.likeStatus === 1 ? liked : noLike\"\r\n                      alt=\"\"\r\n                    />\r\n                    <div class=\"like-number\">{{ fomatterNum(props.data.likeNum, false) }}</div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </template>\r\n        </waterfallComponents>\r\n      </van-list>\r\n    </div>\r\n    <div v-if=\"noStatus\" class=\"nolist\">\r\n      <div class=\"no-content\">\r\n        <img alt=\"\" src=\"../../../assets/images/community/no-search.png\">\r\n        <p>无搜索结果，换个关键词试试</p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport API from \"../../../utils/axiosApi/communityApi\";\r\nimport waterfallComponents from \"@/components/contents/waterfallComponents.vue\"; //瀑布流\r\nimport {Debounce,isUserLogin,globalGoLogin,getUserInfo,fomatterNum,initClassTop, setClassTop} from '@/assets/js/common.js';\r\nimport { xmhh5CommunityClick_fn, BuiedPointClick_Fn } from \"@/assets/js/BuriedPointEvent\";\r\nexport default {\r\n  components: { waterfallComponents },\r\n  name:\"grassResult\",\r\n  data() {\r\n    return {\r\n      activeList: [],\r\n      showEmpty: false,\r\n      dataShow: false,\r\n      loadingParams: {\r\n        loading: false,\r\n        finished: false,\r\n        bottomText: \"\",\r\n        error: false,\r\n      },\r\n      searchParams: {\r\n        queryCriteria:sessionStorage.getItem(\"tabIndex\") ? JSON.parse(sessionStorage.getItem(\"tabIndex\")) :  0,\r\n        content: this.$route.params.seatchHot,\r\n        pageNum: 1,\r\n        pageSize: 10,\r\n        crmId: getUserInfo(),\r\n      },\r\n      noLike: require(\"@/assets/images/community/like.png\"),\r\n      liked: require(\"@/assets/images/community/liked.png\"),\r\n      noStatus: false, //空状态\r\n    };\r\n  },\r\n  // 监听属性 类似于data概念\r\n  computed: {},\r\n  // 监控data中的数据变化\r\n  watch: {},\r\n  // 方法集合\r\n  methods: {\r\n    fomatterNum,\r\n    // 请求搜索结果\r\n    getArticleList: Debounce(function () {\r\n      // this.loadingParams.loading = true;\r\n      API.searchResultData({}, this.searchParams, (res) => {\r\n        console.log(346711, res, res.data);\r\n        if (res.code == 200) {\r\n          const {total, data} = res.data;\r\n          if (this.searchParams.pageNum == 1) {\r\n            this.noStatus = data.length > 0 ? false : true\r\n            if (data.length > 0) {\r\n              this.activeList = [\r\n                {title: \"全部\", id: 0},\r\n                {title: \"最新\", id: 1},\r\n                {title: \"最热\", id: 2},\r\n              ]\r\n            } else {\r\n              this.activeList = []\r\n            }\r\n          }\r\n          let id = this.searchParams.queryCriteria;\r\n          if (this.searchParams.pageNum > 1) {\r\n            this.$refs[\"waterfall\" + id].initData(\"push\", data);\r\n          } else {\r\n            this.$refs[\"waterfall\" + id].initData(\"init\", data);\r\n          }\r\n          this.$nextTick(() => {\r\n            if (\r\n                this.searchParams.pageNum * this.searchParams.pageSize >=\r\n                total\r\n            ) {\r\n              this.loadingParams.finished = true;\r\n              this.loadingParams.bottomText = \"暂时没有更多内容啦~\";\r\n            } else {\r\n              this.searchParams.pageNum++;\r\n              this.loadingParams.loading = false;\r\n            }\r\n          });\r\n        } else {\r\n          this.$toast(\"网络异常\");\r\n          this.loadingParams.loading = false;\r\n          this.loadingParams.error = true;\r\n        }\r\n        console.log(11111, res);\r\n      });\r\n    }),\r\n    handleSelect: Debounce(function (value, type) {\r\n      xmhh5CommunityClick_fn(\"xmhh5CommunityClick\", {\r\n        xmhh5_Community_Search_Click: type,\r\n      })\r\n      this.$refs[\"waterfall\" + this.searchParams.queryCriteria].resetDefaultData();\r\n      // document.getElementById(\"vanList\").style.marginTop = \"110px\"\r\n      this.searchParams.pageNum = 1\r\n      this.loadingParams.finished = false;\r\n      this.searchParams.queryCriteria = value;\r\n      sessionStorage.setItem(\"tabIndex\", value)\r\n      this.getArticleList();\r\n    }),\r\n    // 跳转至详情页\r\n    clickHander: Debounce(function (item) {\r\n      this.$router.push({path: \"/communityDetail/\" + item.id})\r\n    }),\r\n    styleEnd() {\r\n      this.loadingParams.loading = false;\r\n      console.log(this.loadingParams.loading, 'styleEndloading')\r\n    },\r\n    addLike: Debounce(function (item) {\r\n      console.log(33333, item)\r\n      if (isUserLogin()) {\r\n        globalGoLogin()\r\n      } else {\r\n        const params = {\r\n          contentId: item.id,\r\n          crmId: getUserInfo(),\r\n          type: 2,\r\n          state: item.likeStatus === 1 ? false : true\r\n        }\r\n        API.searchLike({}, params, (res) => {\r\n          if (res.code == 200) {\r\n            item.likeStatus = res.data.likeState ? 1 : 0\r\n            if (item.likeStatus === 1) {\r\n              item.likeNum = item.likeNum + 1\r\n            } else {\r\n              item.likeNum = item.likeNum - 1\r\n            }\r\n            console.log(11111, item.likeStatus)\r\n          }\r\n        })\r\n      }\r\n\r\n    }),\r\n    backPage: Debounce(function (value) {\r\n      this.searchParams.content = \"\"\r\n      sessionStorage.removeItem(\"tabIndex\")\r\n      this.$store.commit('removeIncludes')\r\n      if (window.history.length > 1) {\r\n        this.$router.back(-1);\r\n        setTimeout(()=>{\r\n          $(\"input\").focus()\r\n        },500)\r\n      } else {\r\n        this.$router.push({ path: \"/grassSearch/\" + \"搜索\"});\r\n        setTimeout(()=>{\r\n          $(\"input\").focus()\r\n        },500)\r\n      }\r\n      xmhh5CommunityClick_fn(\"xmhh5CommunityClick\", {\r\n        xmhh5_Community_Search_Click: value,\r\n      })\r\n    })\r\n  },\r\n  activated() {\r\n    setClassTop('community_Index')\r\n\r\n  },\r\n  beforeRouteLeave(to, from, next) {\r\n    initClassTop('community_Index')\r\n    next();\r\n  },\r\n  // 生命周期 - 创建完成（可以访问当前this实例）\r\n  created() {\r\n    this.$store.commit(\"changeIncludes\", [ \"grassResult\"]);\r\n      BuiedPointClick_Fn(\"xmhh5CommunityallPageView\", {\r\n      xmhh5_Community_Page_Name: \"搜索结果页\"\r\n    })\r\n    this.getArticleList();\r\n  },\r\n  // 生命周期 - 挂载完成（可以访问DOM元素）\r\n  mounted() {\r\n    window.onscroll = function () {\r\n    let scrollTop = document.documentElement.scrollTop || document.body.scrollTop\r\n    if (scrollTop < 0) {\r\n      document.querySelector('.search-head').style.position = 'absolute'\r\n      document.querySelector('.head-ul').style.position = 'absolute'\r\n    } else {\r\n      document.querySelector('.search-head').style.position = 'fixed'\r\n      document.querySelector('.head-ul').style.position = 'fixed'\r\n    }\r\n  }\r\n  },\r\n};\r\n</script>\r\n<style lang=\"less\" scoped>\r\n// @import url(); 引入公共css类\r\n.search-head {\r\n  padding: 12px 12px 0 4px;\r\n  display: flex;\r\n  background-color: #F9F9F9;\r\n    position: fixed;\r\n    top: 0;\r\n    z-index: 999;\r\n    width: 95%;\r\n\r\n  .back {\r\n    width: 32px;\r\n    height: 32px;\r\n    background-image: url(../../../assets/images/community/back.png);\r\n    background-size: 100% 100%;\r\n    background-repeat: no-repeat;\r\n    background-position: center center;\r\n  }\r\n\r\n  .search-input {\r\n    width: 319px;\r\n    height: 30px;\r\n    background: rgba(255, 255, 255, 0.5);\r\n    border-radius: 16px;\r\n    border: 1px solid #f3a0d7;\r\n    margin-left: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    .search-icon {\r\n      width: 14px;\r\n      height: 14px;\r\n      background-image: url(../../../assets/images/babyFeeding/search.png);\r\n      background-size: 100% 100%;\r\n      background-repeat: no-repeat;\r\n      background-position: center center;\r\n      margin-left: 10px;\r\n      margin-right: 2px;\r\n    }\r\n\r\n    .search-content {\r\n      width: 280px;\r\n      height: 30px;\r\n      font-size: 14px;\r\n      font-family: PingFangSC-Regular, PingFang SC;\r\n      font-weight: 400;\r\n      color: #333333;\r\n      line-height: 30px;\r\n      overflow: hidden;\r\n      border: 0;\r\n      display: block;\r\n      background-color: transparent;\r\n      // margin-top: -1px;\r\n    }\r\n  }\r\n}\r\n\r\n.search-result {\r\n  height: 100vh;\r\n  background: #F9F9F9;\r\n}\r\n\r\n.head-ul {\r\n  display: flex;\r\n  width: 363px;\r\n  padding: 16px 0 16px 12px;\r\n  background-color: #F9F9F9;\r\n  position: fixed;\r\n  top: 44px;\r\n  z-index: 999;\r\n\r\n  li {\r\n    height: 25px;\r\n    font-size: 14px;\r\n    font-family: PingFangSC-Medium, PingFang SC;\r\n    font-weight: 500;\r\n    color: #666666;\r\n    display: flex;\r\n    // line-height: 25px;\r\n    position: relative;\r\n    margin-right: 24px;\r\n    display: flex;\r\n    align-items: flex-end;\r\n\r\n    img {\r\n      width: 10px;\r\n      position: absolute;\r\n      bottom: -2px;\r\n      right: -10px;\r\n    }\r\n  }\r\n\r\n  .ul-active {\r\n    height: 25px;\r\n    font-size: 18px;\r\n    font-family: PingFangSC-Medium, PingFang SC;\r\n    font-weight: 500;\r\n    color: #333333;\r\n    display: flex;\r\n    align-items: flex-end;\r\n  }\r\n}\r\n\r\n/deep/ .van-list {\r\n  background-color: #F9F9F9;\r\n}\r\n\r\n.no-nolist {\r\n  padding-top: 103px;\r\n  // height: 100%;\r\n  background-color: #f9f9f9;\r\n}\r\n\r\n.water-fall {\r\n  background-color: #F9F9F9;\r\n}\r\n/deep/ .water-fall .water-fall-item {\r\n  border-radius: 6px;\r\n  padding-bottom: 0px;\r\n  overflow: hidden;\r\n\r\n  .info-img {\r\n    border-radius: 6px 6px 0px 0px;\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n  }\r\n  .bottom-content{\r\n   padding: 8px;\r\n  }\r\n  .item-title{\r\n    height: 40px;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    color: #333333;\r\n    line-height: 20px;\r\n    word-break: break-all;\r\n    text-overflow: -o-ellipsis-lastline;\r\n    display: -webkit-box;\r\n    -webkit-box-orient: vertical;\r\n    -webkit-line-clamp: 2;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .user-info {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-top: 14px;\r\n\r\n    .user-message {\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      img {\r\n        width: 15px;\r\n        height: 16px;\r\n        border-radius: 50%;\r\n        margin-right: 2px;\r\n      }\r\n    }\r\n    .user-message {\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      .user-name {\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n      }\r\n    }\r\n    .user-message,\r\n    .user-like {\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      img {\r\n        width: 16px;\r\n        height: 16px;\r\n        border-radius: 50%;\r\n        margin-right: 2px;\r\n      }\r\n\r\n      .like-number {\r\n        font-size: 12px;\r\n        font-weight: 400;\r\n        color: #999999;\r\n        height: 16px;\r\n        line-height: 16px;\r\n        font-family: PingFangSC-Regular, PingFang SC;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.nolist {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  .no-content {\r\n    img {\r\n      width: 90px;\r\n      height: 90px;\r\n      margin: 155px auto 16px;\r\n      display: block;\r\n    }\r\n    p{\r\n      // width: 182px;\r\n      height: 20px;\r\n      font-size: 14px;\r\n      font-family: PingFangSC-Regular, PingFang SC;\r\n      font-weight: 400;\r\n      color: #999999;\r\n      line-height: 20px;\r\n    }\r\n  }\r\n}\r\n\r\n/deep/ .van-list__loading {\r\n  background: #F9F9F9;\r\n  // padding-top: 20px;\r\n}\r\n\r\n/deep/ .van-list__finished-text {\r\n  background: #F9F9F9;\r\n}\r\n</style>\r\n"],"sourceRoot":""}