{"version":3,"sources":["webpack:///./src/views/pages/product/product.vue?193a","webpack:///src/views/pages/product/product.vue","webpack:///./src/views/pages/product/product.vue?0e88","webpack:///./src/views/pages/product/product.vue","webpack:///./src/views/pages/product/product.vue?3344"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","cateChange","regionChange","staticStyle","ref","loading","finished","moreClick","totalCount","pageSize","pageIndex","changePage","changePageSize","_e","_v","staticRenderFns","name","data","bannerList","dataList","options","categories","regions","cateArr","regionArr","components","gSwiper","gSwiperCommon","categoryRegionSelect","productList","computed","watch","searchTxt","$store","commit","init","created","forEach","document","title","exhibitionInfo","methods","setShare","getProList","arr","conditionChange","length","e","component"],"mappings":"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","file":"static/js/chunk-d5a8ceca.a4fc792b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"product\"},[_c('gSwiperCommon',{attrs:{\"bannerType\":'show.page.products.pc'}}),_c('div',{staticClass:\"exhibitor\"},[_c('categoryRegionSelect',{on:{\"cateChange\":_vm.cateChange,\"regionChange\":_vm.regionChange}}),_c('div',{staticStyle:{\"width\":\"100%\"}},[_c('productList',{ref:\"productList\",attrs:{\"loading\":_vm.loading,\"finished\":_vm.finished,\"isList\":true},on:{\"moreClick\":_vm.moreClick}}),(_vm.totalCount > _vm.pageSize)?_c('div',{staticClass:\"my-page\"},[_c('Page',{attrs:{\"current\":_vm.pageIndex,\"page-size\":_vm.pageSize,\"total\":_vm.totalCount,\"show-elevator\":\"\",\"show-total\":\"\"},on:{\"on-change\":_vm.changePage,\"on-page-size-change\":_vm.changePageSize}})],1):_vm._e(),(_vm.loading)?_c('div',{staticClass:\"u-empty\"},[_vm._v(\"数据加载中...\")]):_vm._e()],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"product\">\r\n    <!-- <gSwiper :list=\"bannerList\" v-if=\"bannerList.length\"></gSwiper> -->\r\n    <gSwiperCommon :bannerType=\"'show.page.products.pc'\"></gSwiperCommon>\r\n    <div class=\"exhibitor\">\r\n      <categoryRegionSelect\r\n        @cateChange=\"cateChange\"\r\n        @regionChange=\"regionChange\"\r\n      ></categoryRegionSelect>\r\n      <div style=\"width:100%\">\r\n        <productList\r\n          ref=\"productList\"\r\n          :loading=\"loading\"\r\n          :finished=\"finished\"\r\n          @moreClick=\"moreClick\"\r\n          :isList=\"true\"\r\n        ></productList>\r\n        <div class=\"my-page\" v-if=\"totalCount > pageSize\">\r\n          <Page :current=\"pageIndex\" :page-size=\"pageSize\" :total=\"totalCount\" @on-change=\"changePage\" @on-page-size-change=\"changePageSize\" show-elevator show-total />\r\n        </div>\r\n        <div class=\"u-empty\" v-if=\"loading\">数据加载中...</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport gSwiper from \"@components/gSwiper/gSwiper.vue\";\r\nimport categoryRegionSelect from \"@components/categoryRegionSelect/categoryRegionSelect.vue\";\r\nimport productList from \"@components/productList/index.vue\";\r\nimport gSwiperCommon from \"@components/gSwiperCommon/gSwiperCommon.vue\";\r\nimport { mapActions, mapGetters } from \"vuex\";\r\nexport default {\r\n  name: \"product\",\r\n  data() {\r\n    return {\r\n      bannerList: [\r\n        \"https://images.unsplash.com/photo-1602809096240-0c89916a2676?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=400&ixlib=rb-1.2.1&q=80&w=1920\",\r\n        \"https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1240888316,1729450859&fm=26&gp=0.jpg\",\r\n      ],\r\n      dataList: [],\r\n      finished: false,\r\n      loading: true,\r\n      totalCount: 0,\r\n      pageIndex: 1,\r\n      pageSize: 20,\r\n      options: {\r\n        categories: [],\r\n        regions: \"\",\r\n      },\r\n      cateArr: [],\r\n      regionArr: [],\r\n    };\r\n  },\r\n  components: {\r\n    gSwiper,\r\n    gSwiperCommon,\r\n    categoryRegionSelect,\r\n    productList,\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      searchType: \"getSearchType\",\r\n      searchTxt: \"getSearchTxt\",\r\n      exhibitionId: \"getExhibitionId\",\r\n      exhibitionInfo: \"getExhibitionInfo\",\r\n      productPage:'getProductPage',\r\n      cateArrVuex:'getCateArrVuex',\r\n      regionArrNameVuex:'getRegionArrNameVuex',\r\n    }),\r\n  },\r\n  watch: {\r\n    searchTxt(val, oldVal) {\r\n      this.$store.commit('setProductPage',1)\r\n      this.pageIndex=1;\r\n      this.init();\r\n    },\r\n  },\r\n  created() {\r\n    if(this.productPage){\r\n      this.pageIndex=this.productPage;\r\n    }\r\n    if(this.cateArrVuex&&this.cateArrVuex.length){\r\n      this.cateArr=JSON.parse(JSON.stringify(this.cateArrVuex));\r\n      this.cateArr.forEach((e) => {\r\n        this.options.categories.push(e.name);\r\n      });\r\n    }\r\n    if(this.regionArrNameVuex&&this.regionArrNameVuex.length){\r\n      this.regionArr=JSON.parse(JSON.stringify(this.regionArrNameVuex)) \r\n      this.options.regions =this.regionArr\r\n    }\r\n    this.init()\r\n    document.title = this.exhibitionInfo\r\n      ? `展品列表-${this.exhibitionInfo.name}`\r\n      : \"展商秀\";\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      graphqlPost: \"graphqlPostByZXS\",\r\n      getShareConfig:'share/getShareConfig',\r\n    }),\r\n    init(){\r\n      this.setShare();\r\n      this.getProList();\r\n    },\r\n    async setShare(){\r\n      let data=await this.getShareConfig({id:this.exhibitionId,name:'share.exhibition.config'});\r\n      let share = {\r\n        url:location.href,\r\n        title:'展品列表-'+this.exhibitionInfo.name,\r\n        desc:'',\r\n        summary:this.exhibitionInfo.remark,\r\n        pics:this.exhibitionInfo.logo,\r\n      };\r\n      if(data){\r\n        let dataJson=JSON.parse(data);\r\n        if(dataJson.content){\r\n          share.title=dataJson.content\r\n        }\r\n        if(dataJson.des){\r\n          share.desc=dataJson.des;\r\n          share.summary=dataJson.des;\r\n        }\r\n      }\r\n      this.$store.commit('setShare',share);\r\n    },\r\n    //类别改变\r\n    cateChange(arr) {\r\n      this.cateArr = arr; \r\n      this.conditionChange();\r\n    },\r\n    conditionChange() {\r\n      this.options = {\r\n        categories: [],\r\n        regions: \"\",\r\n      };\r\n      if (this.cateArr.length) {\r\n        this.cateArr.forEach((e) => {\r\n          this.options.categories.push(e.name);\r\n        });\r\n      }\r\n      // console.log(this.regionArr,'arrarar')\r\n      if (this.regionArr.length) {\r\n        this.options.regions =this.regionArr\r\n      }\r\n        // console.log(this.regionArr)\r\n      // console.log(this.options)\r\n      this.$store.commit('setProductPage',1)\r\n      this.pageIndex = 1;\r\n      this.totalCount=0;\r\n      this.finished = false;\r\n      this.getProList();\r\n    },\r\n    //地区改变\r\n    regionChange(arr) {\r\n      this.regionArr = arr;\r\n      this.$store.commit('setRegionArrNameVuex',arr)\r\n      this.conditionChange(); \r\n    },\r\n    changePage(e) {\r\n      this.$store.commit('setProductPage',e)\r\n      this.pageIndex = e;\r\n      this.getProList();\r\n    },\r\n    changePageSize(e) {\r\n      this.pageSize = e;\r\n    },\r\n    async getProList() {\r\n      this.loading = true;\r\n      let query = `\r\n        query($query:QueryProductInput!){\r\n          productQuery{\r\n            queryCustom(query:$query){\r\n                hasNextPage\r\n                pageIndex\r\n                totalCount\r\n                items{\r\n                  id\r\n                  name\r\n                  banner\r\n                  category\r\n                  exhibitorId\r\n                  isPopularize\r\n                  panoramaUrl\r\n                  exhibitor {\r\n                    businesses(num: 3) {\r\n                      isSample\r\n                      remark\r\n                    }\r\n                    isLiving\r\n                    category\r\n                    boothInfo\r\n                    company {\r\n                      id\r\n                      name\r\n                      logo\r\n                      region\r\n                      shortName\r\n                    }\r\n                  }\r\n                  likes{\r\n                    userInfo\r\n                  }\r\n                  likeCount\r\n                  selling\r\n                  newestEvaluates{\r\n                    content\r\n                  }\r\n                  video\r\n                  view3DUrl\r\n                  topicStart\r\n                  topicEnd\r\n                  topicType\r\n                  region\r\n                }\r\n              }\r\n            }\r\n        }\r\n      `;\r\n      // let EqualContent = {};\r\n      // if (this.searchType === \"2\") {\r\n      //   EqualContent = this.searchTxt\r\n      //     ? { Like: { n: \"name\", v: `%${this.searchTxt}%` } }\r\n      //     : {};\r\n      // }\r\n      let opt = {\r\n        query: query,\r\n        variables: {\r\n          query: {\r\n            name:  this.searchType === \"2\" ? this.searchTxt : '',\r\n            exhibitionId: this.exhibitionId,\r\n            page: this.pageIndex,\r\n            size: this.pageSize,\r\n            ...this.options,\r\n          },\r\n        },\r\n      }; \r\n      let data = await this.graphqlPost(opt);\r\n      let res = JSON.parse(JSON.stringify(data.data.productQuery.queryCustom));\r\n      // console.log(res, \"res展品\");\r\n      res.items.map((c) => {\r\n        if (c.category && c.category.indexOf(\"[\") !== -1) {\r\n          if (JSON.parse(c.category)[0]) {\r\n            c.category = JSON.parse(c.category)[0].Value;\r\n          } else {\r\n            c.category = \"\";\r\n          }\r\n        }\r\n        if (c.likes && c.likes.length) {\r\n          c.likes.forEach((e) => {\r\n            e.userInfo = JSON.parse(e.userInfo);\r\n          });\r\n        }\r\n        if (c.exhibitor.company.region) {\r\n          let arr = c.exhibitor.company.region.split(\"/\");\r\n          c.exhibitor.company.regionTxt =\r\n            arr[arr.length - 2] + \"·\" + arr[arr.length - 1];\r\n        } else {\r\n          c.exhibitor.company.regionTxt = \"\";\r\n        }\r\n      });\r\n      this.dataList = res.items;\r\n      this.loading = false;\r\n      this.totalCount=res.totalCount;\r\n      if (!res.hasNextPage) {\r\n        this.finished = true;\r\n      }\r\n      this.$nextTick(() => {\r\n        if (this.$refs.productList) {\r\n          this.$refs.productList.setData(this.dataList);\r\n        }\r\n      });\r\n    },\r\n    //点击加载更多\r\n    moreClick() {\r\n      if (this.finished) return;\r\n      this.pageIndex += 1;\r\n      this.getProList();\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"@assets/scss/my-theme/mixin.scss\";\r\n.product {\r\n  .exhibitor {\r\n    width: 1200px;\r\n    margin: 20px auto 0;\r\n    display: flex;\r\n    .my-page{\r\n      width: 100%;\r\n      flex-shrink: 0;\r\n      height: 50px;\r\n      width: 100%;\r\n      display: flex;\r\n      justify-content: center;\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!./product.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!./product.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./product.vue?vue&type=template&id=043f87ef&scoped=true&\"\nimport script from \"./product.vue?vue&type=script&lang=js&\"\nexport * from \"./product.vue?vue&type=script&lang=js&\"\nimport style0 from \"./product.vue?vue&type=style&index=0&id=043f87ef&lang=scss&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  \"043f87ef\",\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!./product.vue?vue&type=style&index=0&id=043f87ef&lang=scss&scoped=true&\"; 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!./product.vue?vue&type=style&index=0&id=043f87ef&lang=scss&scoped=true&\""],"sourceRoot":""}