{"version":3,"sources":["webpack:///./src/components/productList/index.vue?9b16","webpack:///src/components/productList/index.vue","webpack:///./src/components/productList/index.vue?d5ca","webpack:///./src/components/productList/index.vue","webpack:///./src/components/productList/index.vue?dfcd"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","list","length","_l","item","index","key","on","$event","linkToProductDetais","id","video","JSON","parse","cover","attrs","banner","directives","name","rawName","value","expression","url","_e","_m","staticStyle","_v","_s","category","stopPropagation","linkToExhibitorDetails","exhibitorId","exhibitor","company","shortName","regionTxt","newestEvaluates","content","likes","avaItem","i","userInfo","avatarUrl","likeCount","isList","finished","moreClick","staticRenderFns","props","type","Boolean","default","loading","data","methods","setData","arr","$emit","component"],"mappings":"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","file":"static/js/chunk-83fd404e.03af77b1.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"productList\"},[(_vm.list && _vm.list.length)?_c('div',{staticClass:\"product-item\"},_vm._l((_vm.list),function(item,index){return _c('div',{key:index,staticClass:\"productList-list\",on:{\"click\":function($event){return _vm.linkToProductDetais(item.id)}}},[(item.video&&JSON.parse(item.video).cover&&JSON.parse(item.video).cover!=1)?[(JSON.parse(item.video).cover)?_c('img',{staticClass:\"pro_img\",attrs:{\"src\":JSON.parse(item.video).cover}}):_c('img',{staticClass:\"pro_img\",attrs:{\"src\":require(\"@/assets/img/empty.png\")}})]:[(JSON.parse(item.banner)[0])?_c('img',{directives:[{name:\"load\",rawName:\"v-load\",value:('oPro'),expression:\"'oPro'\"}],staticClass:\"pro_img\",attrs:{\"src\":JSON.parse(item.banner)[0]}}):_c('img',{staticClass:\"pro_img\",attrs:{\"src\":require(\"@/assets/img/empty.png\")}})],(item.video&&JSON.parse(item.video).url)?_c('div',{staticClass:\"play_video\"},[_c('i',{staticClass:\"iconfont icon-shipinmianxing\"})]):_vm._e(),(item.isPopularize)?_c('div',{staticClass:\"rebang\"},[_vm._m(0,true)]):_vm._e(),(item.view3DUrl)?_c('div',{staticClass:\"is_threeD\"},[_c('i',{staticClass:\"iconfont icon-d\",staticStyle:{\"font-size\":\"12px\",\"margin-left\":\"6px\",\"margin-right\":\"4px\",\"color\":\"#ff5c00\"}}),_c('span',{staticStyle:{\"font-size\":\"12px\",\"color\":\"#ff5c00\",\"display\":\"inline-block\"}},[_vm._v(\"3D\")])]):_vm._e(),(item.panoramaUrl)?_c('div',{staticClass:\"qj_div\"},[_c('i',{staticClass:\"iconfont icon-yuanxitubiao-\"})]):_vm._e(),(item.category)?_c('div',{staticClass:\"is_category\"},[_c('span',[_vm._v(_vm._s(item.category))])]):_vm._e(),_c('div',{staticClass:\"product-content\"},[_c('div',{staticClass:\"product-text\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"product-company\"},[_c('span',{staticClass:\"comp_name\",on:{\"click\":function($event){$event.stopPropagation();return _vm.linkToExhibitorDetails(item.exhibitorId)}}},[_vm._v(_vm._s(item.exhibitor.company.shortName || item.exhibitor.company.name))]),(item.exhibitor.company.regionTxt)?_c('span',{staticClass:\"diqu\",staticStyle:{\"font-size\":\"12px\",\"color\":\"#666\"}},[_c('i',{staticClass:\"iconfont icon-dizhi\"}),_vm._v(\" \"+_vm._s(item.exhibitor.company.regionTxt)+\" \")]):_vm._e()]),_c('div',{staticClass:\"user\"},[(item.newestEvaluates&&item.newestEvaluates.length)?_c('p',{staticClass:\"eval\"},[_vm._v(\"最新评价：\"+_vm._s(item.newestEvaluates[0].content))]):_vm._e(),(item.likes&&item.likes.length)?_c('div',{staticClass:\"like_count\"},[_vm._l((item.likes),function(avaItem,i){return [(avaItem.userInfo.avatarUrl)?_c('img',{key:i,attrs:{\"src\":avaItem.userInfo.avatarUrl}}):_c('img',{key:i,attrs:{\"src\":require(\"@/assets/img/user.png\")}})]}),_c('p',[_vm._v(\"共\"+_vm._s(item.likeCount)+\"人点赞推荐\")])],2):_vm._e()])])],2)}),0):_vm._e(),(!_vm.isList)?[(_vm.loading)?_c('div',{staticClass:\"no_more\"},[_c('p',[_vm._v(\"加载中...\")])]):(_vm.finished)?_c('div',{staticClass:\"no_more\"},[_c('p',[_vm._v(\"没有更多了\")])]):( _vm.list && _vm.list.length)?_c('div',{staticClass:\"more\",on:{\"click\":_vm.moreClick}},[_c('p',[_vm._v(\"加载更多\")])]):(!_vm.list && !_vm.list.length)?_c('div',{staticClass:\"no_more\"},[_vm._v(\"暂无数据！\")]):_vm._e()]:[(_vm.finished && !_vm.list.length)?_c('div',{staticClass:\"no_more\",staticStyle:{\"width\":\"100%\"}},[_vm._v(\"暂无数据！\")]):_vm._e()]],2)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"justify-content\":\"center\"}},[_c('i',{staticClass:\"iconfont icon-fire\",staticStyle:{\"font-size\":\"14px\",\"margin-right\":\"2px\"}}),_vm._v(\" 热榜 \")])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"productList\">\r\n    <div\r\n      class=\"product-item\"\r\n      v-if=\"list && list.length\"\r\n    >\r\n      <div\r\n        :key=\"index\"\r\n        @click=\"linkToProductDetais(item.id)\"\r\n        class=\"productList-list\"\r\n        v-for=\"(item, index) in list\"\r\n      >\r\n        <template v-if=\"item.video&&JSON.parse(item.video).cover&&JSON.parse(item.video).cover!=1\">\r\n          <img\r\n            :src=\"JSON.parse(item.video).cover\"\r\n            class=\"pro_img\"\r\n            v-if=\"JSON.parse(item.video).cover\" \r\n          />\r\n          <img\r\n            class=\"pro_img\"\r\n            src=\"@/assets/img/empty.png\"\r\n            v-else\r\n          />\r\n        </template>\r\n        <template v-else>\r\n          <img\r\n            :src=\"JSON.parse(item.banner)[0]\"\r\n            class=\"pro_img\"\r\n            v-if=\"JSON.parse(item.banner)[0]\"\r\n            v-load=\"'oPro'\"\r\n          />\r\n          <img\r\n            class=\"pro_img\"\r\n            src=\"@/assets/img/empty.png\"\r\n            v-else\r\n          />\r\n        </template>\r\n        <div\r\n          class=\"play_video\"\r\n          v-if=\"item.video&&JSON.parse(item.video).url\"\r\n        >\r\n          <i class=\"iconfont icon-shipinmianxing\"></i>\r\n        </div>\r\n        <div\r\n          class=\"rebang\"\r\n          v-if=\"item.isPopularize\"\r\n        >\r\n          <div style=\"display: flex; align-items: center; justify-content: center\">\r\n            <i\r\n              class=\"iconfont icon-fire\"\r\n              style=\"font-size: 14px; margin-right: 2px\"\r\n            ></i>\r\n            热榜\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"is_threeD\"\r\n          v-if=\"item.view3DUrl\"\r\n        >\r\n          <i\r\n            class=\"iconfont icon-d\"\r\n            style=\"\r\n              font-size: 12px;\r\n              margin-left: 6px;\r\n              margin-right: 4px;\r\n              color: #ff5c00;\r\n            \"\r\n          ></i>\r\n          <span style=\"font-size: 12px; color: #ff5c00; display: inline-block\">3D</span>\r\n        </div>\r\n        <div\r\n          class=\"qj_div\"\r\n          v-if=\"item.panoramaUrl\"\r\n        >\r\n          <i class=\"iconfont icon-yuanxitubiao-\"></i>\r\n        </div>\r\n        <div\r\n          class=\"is_category\"\r\n          v-if=\"item.category\"\r\n        >\r\n          <span>{{item.category}}</span>\r\n        </div>\r\n        <div class=\"product-content\">\r\n          <div class=\"product-text\">{{ item.name }}</div>\r\n          <div class=\"product-company\">\r\n            <span\r\n              @click.stop=\"linkToExhibitorDetails(item.exhibitorId)\"\r\n              class=\"comp_name\"\r\n            >{{ item.exhibitor.company.shortName || item.exhibitor.company.name }}</span>\r\n            <span\r\n              class=\"diqu\"\r\n              style=\"font-size: 12px; color: #666\"\r\n              v-if=\"item.exhibitor.company.regionTxt\"\r\n            >\r\n              <i class=\"iconfont icon-dizhi\"></i>\r\n              {{item.exhibitor.company.regionTxt}}\r\n            </span>\r\n          </div>\r\n          <div class=\"user\">\r\n            <p\r\n              class=\"eval\"\r\n              v-if=\"item.newestEvaluates&&item.newestEvaluates.length\"\r\n            >最新评价：{{item.newestEvaluates[0].content}}</p>\r\n            <div\r\n              class=\"like_count\"\r\n              v-if=\"item.likes&&item.likes.length\"\r\n            >\r\n              <template v-for=\"(avaItem,i) in item.likes\">\r\n                <img\r\n                  :key=\"i\"\r\n                  :src=\"avaItem.userInfo.avatarUrl\"\r\n                  v-if=\"avaItem.userInfo.avatarUrl\"\r\n                />\r\n                <img\r\n                  :key=\"i\"\r\n                  src=\"@/assets/img/user.png\"\r\n                  v-else\r\n                />\r\n              </template>\r\n              <p>共{{item.likeCount}}人点赞推荐</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <template v-if=\"!isList\">\r\n      <div class=\"no_more\" v-if=\"loading\">\r\n        <p>加载中...</p>\r\n      </div>\r\n      <div class=\"no_more\" v-else-if=\"finished\">\r\n        <p>没有更多了</p>\r\n      </div>\r\n      <div class=\"more\" @click=\"moreClick\"\r\n        v-else-if=\" list && list.length\">\r\n        <p>加载更多</p>\r\n      </div>\r\n      <div class=\"no_more\" v-else-if=\"!list && !list.length\">暂无数据！</div>\r\n    </template>\r\n    <template v-else>\r\n      <div class=\"no_more\" style=\"width:100%\" v-if=\"finished && !list.length\">暂无数据！</div>\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions } from 'vuex';\r\nexport default {\r\n  name: \"index\",\r\n  props: {\r\n    finished: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    loading: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    isList:{\r\n      type:Boolean,\r\n      default:false,\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      list: [],\r\n    };\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      linkToProductDetais: 'linkTo/linkToProductDetais',\r\n      linkToExhibitorDetails: 'linkTo/linkToExhibitorDetails'\r\n    }),\r\n    setData (arr) {\r\n      // console.log(arr, \"展品数据来了\");\r\n      this.list = arr;\r\n    },\r\n    moreClick () {\r\n      this.$emit(\"moreClick\");\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@import \"@assets/scss/my-theme/mixin.scss\";\r\n.productList {\r\n  width: 100%;\r\n  .product-item {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin-left: -20px;\r\n  }\r\n\r\n  &-list:hover {\r\n    border: 1px solid #1890ff;\r\n    @include border_color(#1890ff);\r\n    border-bottom: none;\r\n    .user {\r\n      display: block;\r\n      position: absolute;\r\n      top: 100%;\r\n      width: 215px;\r\n      z-index: 100;\r\n      left: -1px;\r\n      background-color: #fff;\r\n      border: 1px solid #1890ff;\r\n      @include border_color(#1890ff);\r\n      border-top: none;\r\n      .eval {\r\n        -webkit-box-orient: vertical;\r\n        -webkit-line-clamp: 2;\r\n        overflow: hidden;\r\n        display: -webkit-box;\r\n        margin: 0 0 8px 14px;\r\n      }\r\n      .like_count {\r\n        margin-left: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        margin-bottom: 8px;\r\n        img {\r\n          width: 21px;\r\n          height: 21px;\r\n          border-radius: 50%;\r\n          border: 1px solid #fff;\r\n          z-index: 3;\r\n          position: relative;\r\n          &:nth-child(2) {\r\n            z-index: 2;\r\n            margin-left: -10px;\r\n          }\r\n          &:nth-child(3) {\r\n            z-index: 1;\r\n            margin-left: -10px;\r\n          }\r\n        }\r\n        p {\r\n          color: #666;\r\n          font-size: 12px;\r\n          margin-left: 6px;\r\n          overflow: hidden;\r\n          text-overflow: ellipsis;\r\n          white-space: nowrap;\r\n        }\r\n      }\r\n      p {\r\n        color: #666;\r\n        font-size: 12px;\r\n        width: 178px;\r\n      }\r\n    }\r\n  }\r\n  &-list {\r\n    cursor: pointer;\r\n    .user {\r\n      display: none;\r\n    }\r\n    width: 215px;\r\n    height: 316px;\r\n    margin-left: 20px;\r\n    margin-bottom: 20px;\r\n    background-color: #fff;\r\n    border: solid 1px #ededed;\r\n    position: relative;\r\n    .pro_img {\r\n      width: 213px;\r\n      display: block;\r\n      object-fit: cover;\r\n      height: 214px;\r\n      position: relative;\r\n    }\r\n    .play_video {\r\n      width: 213px;\r\n      height: 214px;\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      background: rgba(0, 0, 0, 0.2);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      z-index: 3;\r\n      i {\r\n        font-size: 48px;\r\n        color: #fff;\r\n      }\r\n    }\r\n    .rebang {\r\n      position: absolute;\r\n      top: 10px;\r\n      left: 10px;\r\n      width: 48px;\r\n      height: 20px;\r\n      @include background_color(#ff5e00);\r\n      color: #fff;\r\n      font-size: 12px;\r\n    }\r\n    .is_threeD {\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0px;\r\n      width: 42px;\r\n      height: 20px;\r\n      background-color: #fff;\r\n      border-radius: 0px 0px 0px 5px;\r\n      border: solid 1px #ff5c00;\r\n      display: flex;\r\n      align-items: center;\r\n      z-index: 4;\r\n    }\r\n    .qj_div {\r\n      position: absolute;\r\n      right: 15px;\r\n      top: 159px;\r\n      background: rgba($color: #000, $alpha: 0.4);\r\n      border-radius: 50%;\r\n      height: 40px;\r\n      width: 40px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      z-index: 5;\r\n      i {\r\n        color: #fff;\r\n        font-size: 24px;\r\n      }\r\n    }\r\n    .is_category {\r\n      position: absolute;\r\n      top: 203px;\r\n      left: 14px;\r\n      max-width: calc(100% - 28px);\r\n      height: 24px;\r\n      padding: 0 5px;\r\n      @include background_color(#1890ff);\r\n      border-radius: 2px;\r\n      line-height: 24px;\r\n      text-align: center;\r\n      overflow: hidden;\r\n      white-space: nowrap;\r\n      text-overflow: ellipsis;\r\n      color: #fff;\r\n      font-size: 14px;\r\n      z-index: 4;\r\n    }\r\n    .product-content {\r\n      padding-left: 14px;\r\n      margin-top: 24px;\r\n      .product-text {\r\n        width: 182px;\r\n        height: 42px;\r\n        font-size: 14px;\r\n        color: #333;\r\n        -webkit-box-orient: vertical;\r\n        -webkit-line-clamp: 2;\r\n        overflow: hidden;\r\n        display: -webkit-box;\r\n      }\r\n      .product-company {\r\n        font-size: 12px;\r\n        color: #666;\r\n        margin-top: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        margin-right: 13px;\r\n        .comp_name {\r\n          overflow: hidden;\r\n          text-overflow: ellipsis;\r\n          white-space: nowrap;\r\n          &:hover {\r\n            @include font_color(#1890ff);\r\n          }\r\n        }\r\n        .diqu {\r\n          margin-left: 10px;\r\n          flex-shrink: 0;\r\n          .iconfont {\r\n            font-size: 12px;\r\n            color: #fe781d;\r\n            margin-right: 6px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .product-renzheng {\r\n      // width: 100px;\r\n      height: 22px;\r\n      background-color: #fff;\r\n      border: solid 1px #ffe7d9;\r\n      display: flex;\r\n      align-items: center;\r\n      background-color: #ffe7d9;\r\n    }\r\n  }\r\n  .no_more {\r\n    width: 100%;\r\n    font-size: 14px;\r\n    color: #999;\r\n    text-align: center;\r\n    margin: 20px 0 70px;\r\n  }\r\n  .more {\r\n    width: 100%;\r\n    font-size: 14px;\r\n    color: #999;\r\n    text-align: center;\r\n    cursor: pointer;\r\n    user-select: none;\r\n    margin: 20px 0 70px;\r\n    &:hover {\r\n      @include font_color(#1890ff);\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=398788e5&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=398788e5&scoped=true&lang=scss&\"\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  \"398788e5\",\n  null\n  \n)\n\nexport default component.exports","import mod 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-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-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=398788e5&scoped=true&lang=scss&\"; export default mod; 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-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-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=398788e5&scoped=true&lang=scss&\""],"sourceRoot":""}