{"version":3,"sources":["webpack:///./src/components/videoPlayer/videoPlayer.vue?b37b","webpack:///src/components/videoPlayer/videoPlayer.vue","webpack:///./src/components/videoPlayer/videoPlayer.vue?8e2a","webpack:///./src/components/videoPlayer/videoPlayer.vue","webpack:///./src/assets/img/tongpai.png","webpack:///./src/assets/img/3dgif.gif","webpack:///./src/components/orderModal/index.vue?0cbc","webpack:///./src/views/pages/product/product-detail/index.vue?0f48","webpack:///./src/components/orderModal/index.vue?fb3d","webpack:///src/components/orderModal/index.vue","webpack:///./src/components/orderModal/index.vue?707e","webpack:///./src/components/orderModal/index.vue","webpack:///./src/components/inquiryModal/index.vue?de52","webpack:///src/components/inquiryModal/index.vue","webpack:///./src/components/inquiryModal/index.vue?5454","webpack:///./src/components/inquiryModal/index.vue","webpack:///./src/views/pages/product/product-detail/index.vue?bbe2","webpack:///./src/components/productDetail-top/index.vue?6e1e","webpack:///src/components/productDetail-top/index.vue","webpack:///./src/components/productDetail-top/index.vue?ed7a","webpack:///./src/components/productDetail-top/index.vue","webpack:///src/views/pages/product/product-detail/index.vue","webpack:///./src/views/pages/product/product-detail/index.vue?75f9","webpack:///./src/views/pages/product/product-detail/index.vue","webpack:///./src/components/productDetail-top/index.vue?f977","webpack:///./src/assets/img/yinpai.png","webpack:///./src/assets/img/jinpai.png","webpack:///./src/components/videoPlayer/videoPlayer.vue?3865","webpack:///./src/components/inquiryModal/index.vue?b6ef"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","height","on","$event","preventDefault","rightClcik","ref","attrs","playerOptions","onPlayerPlay","onPlayerPause","_e","staticRenderFns","component","module","exports","cancel","model","value","callback","$$v","show","expression","slot","_v","staticStyle","_l","item","index","key","class","activeIndex","activeType","_s","maxRows","minRows","categoryList","con","submit","hintShow","goToLook","name","props","exhibitorId","type","String","default","data","editInfo","isEdit","computed","created","methods","open","info","forEach","e","content","check","$router","push","amount","console","log","productInfo","visitOpt","onLineTalk","_m","index1","text","fontSize","color","position","domProps","$service","replaceSpeace","picture","padding","itm","idx","spacing","url","video","link","cover","Time","evaluateCount","productId","evaluateTags","List","length","slice","goProduct","id","JSON","parse","banner","selling","loading","view3DUrl","directives","rawName","previewUrl","panoramaUrl","duration","player","left","right","nextleft","nextright","imghover","mouseOver","deProLove","followCount","addProLove","isLike","addproductLike","likeCount","category","exhibitor","advisoryCount","viewCount","totalCount","inquiryOpen","company","logo","exhibitionId","exhibition","Totour","boothInfo","continuouNumber","productNumber","activityNumber","imgList","isFollow","components","videoPlayer","orderModal","inquiryModal","isRegOk","init","userInfo","userId","getFollowAndLikeState","mounted","setTimeout","$Message","warning","$emit","unverifiedDialog","linkToTour","$store","commit","unshift","orderOpen","$refs","autoplay","img","getQrCode","width","correctLevel","finished","page","size","items","pictureList","introduction","pageIndex","pageSize","proCategory","shareBanner","talkShow","productDetailTop","evaluate","chatTalkUser","memberId","isServer","ser","$route","query","$Bus","$off","$on","addView","target","targetId","opt","addAllView","linkToProductDetais","getCate","arr","str","i","Value","addAppointmentNumber"],"mappings":"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","file":"static/js/chunk-338d1fa0.39681e3b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.url)?_c('div',{staticClass:\"video_box\",style:(_vm.height ? (\"height:\" + _vm.height + \"rem\") : '')},[_c('div',{staticClass:\"container\",style:(_vm.height ? (\"height:\" + _vm.height + \"rem\") : '')},[_c('div',{staticClass:\"player\",style:(_vm.height ? (\"height:\" + _vm.height + \"rem\") : ''),on:{\"contextmenu\":function($event){$event.preventDefault();return _vm.rightClcik()}}},[_c('video-player',{ref:\"videoPlayer\",staticClass:\"video-player vjs-custom-skin video-swiper\",attrs:{\"playsinline\":true,\"options\":_vm.playerOptions},on:{\"play\":function($event){return _vm.onPlayerPlay($event)},\"pause\":function($event){return _vm.onPlayerPause($event)}}})],1)])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"video_box\" :style=\"height ? `height:${height}rem` : ''\" v-if=\"url\">\r\n        <div class=\"container\" :style=\"height ? `height:${height}rem` : ''\">\r\n            <div class=\"player\" :style=\"height ? `height:${height}rem` : ''\" @contextmenu.prevent=\"rightClcik()\">\r\n                <video-player\r\n                        class=\"video-player vjs-custom-skin video-swiper\"\r\n                        ref=\"videoPlayer\"\r\n                        :playsinline=\"true\"\r\n                        :options=\"playerOptions\"\r\n                        @play=\"onPlayerPlay($event)\"\r\n                        @pause=\"onPlayerPause($event)\"\r\n                ></video-player>\r\n                \r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import { videoPlayer } from \"vue-video-player\";\r\n    import { mapMutations } from \"vuex\";\r\n    export default {\r\n        props: [\"url\",'cover','time','height'],\r\n        data() {\r\n            return {\r\n                videoUrl:\r\n                    \"http://exshow.oss-cn-shanghai.aliyuncs.com/exshow/imgs/201902/f87d763f83af49d69d90cd0561fc02f2.jpg\",\r\n                playerOptions: {\r\n                    autoplay: false,\r\n                    muted: false,\r\n                    loop: false,\r\n                    preload: \"auto\",\r\n                    language: \"zh-CN\",\r\n                    aspectRatio: \"16:9\",\r\n                    fluid: true,\r\n                    sources: [\r\n                        {\r\n                            type: \"video/mp4\",\r\n                            src: this.url\r\n                        }\r\n                    ],\r\n                    poster: this.videoUrl, //你的封面地址\r\n                    width: document.documentElement.clientWidth,\r\n                    notSupportedMessage: \"此视频暂无法播放，请稍后再试\",\r\n                    controlBar: {\r\n                        timeDivider: true,\r\n                        durationDisplay: true,\r\n                        remainingTimeDisplay: false,\r\n                        fullscreenToggle: true //全屏按钮\r\n                    }\r\n                },\r\n                state: \"\",\r\n                paused: \"\",\r\n                running: \"\",\r\n                autoplay:0,\r\n            };\r\n        },\r\n        created() {\r\n            if (this.url) {\r\n                if(this.cover){\r\n                    this.videoUrl = this.cover;\r\n                } else if(this.time){\r\n                    this.videoUrl = `${this.url}?x-oss-process=video/snapshot,t_${this.time},f_jpg,w_590,h_332,m_fast`;\r\n                }\r\n                this.playerOptions = {\r\n                    autoplay: false,\r\n                    muted: false,\r\n                    loop: false,\r\n                    preload: \"auto\",\r\n                    language: \"zh-CN\",\r\n                    aspectRatio: \"16:9\",\r\n                    fluid: true,\r\n                    sources: [\r\n                        {\r\n                            type: \"video/mp4\",\r\n                            src: this.url\r\n                        }\r\n                    ],\r\n                    poster: this.videoUrl, //你的封面地址\r\n                    width: document.documentElement.clientWidth,\r\n                    notSupportedMessage: \"此视频暂无法播放，请稍后再试\",\r\n                    controlBar: {\r\n                        timeDivider: true,\r\n                        durationDisplay: true,\r\n                        remainingTimeDisplay: false,\r\n                        fullscreenToggle: true //全屏按钮\r\n                    }\r\n                };\r\n                const that = this;\r\n            }\r\n        },\r\n        computed: {\r\n            player() {\r\n                return this.$refs.videoPlayer.player;\r\n            }\r\n        },\r\n        components: {\r\n            videoPlayer\r\n        },\r\n        methods: {\r\n            onPlayerPlay(e){\r\n                this.$emit('onPlayerPlay', this.autoplay)\r\n                console.log(e,'视频播放');\r\n                this.$emit('VideoPaly');\r\n            },\r\n            onPlayerPause(e){\r\n                // console.log(e,'暂停播放');\r\n                this.$emit('VideoPalyfalse');\r\n            },\r\n            //轮播改变暂停播放\r\n            Pause(){\r\n                // console.log('轮播改变暂停播放');\r\n                this.player.pause();\r\n            },\r\n            rightClcik(){\r\n                // console.log('右键了')\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\r\n    .video_box{\r\n        margin: 0;\r\n    }\r\n    .container,\r\n    .player{\r\n        height:100%;\r\n    }\r\n    .video-player {\r\n        height: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n    ::v-deep{\r\n        .vjs-poster{\r\n          background-size: 100% 100%;\r\n        }\r\n        .vjs-big-play-button:focus{\r\n          border:none !important;\r\n          background-color: rgba(0,0,0,0.45) !important;\r\n          outline: none !important;\r\n        }\r\n        .video-js .vjs-tech:focus{\r\n          outline: none !important;\r\n        }\r\n        .video-js .vjs-big-play-button {\r\n            width: 72px;\r\n            height: 72px;\r\n            border-radius: 100%;\r\n            z-index: 100;\r\n            color: #fff;\r\n            border: solid 1px #979797;\r\n        }\r\n        .vjs-custom-skin > .video-js .vjs-big-play-button{\r\n            margin-left: -36px;\r\n        }\r\n        .container {\r\n            background-color: #f5f5f5;\r\n            min-height: 100%;\r\n            margin: 0;\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!./videoPlayer.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!./videoPlayer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./videoPlayer.vue?vue&type=template&id=f72250a4&scoped=true&\"\nimport script from \"./videoPlayer.vue?vue&type=script&lang=js&\"\nexport * from \"./videoPlayer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./videoPlayer.vue?vue&type=style&index=0&id=f72250a4&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  \"f72250a4\",\n  null\n  \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAMAAAAsYw3eAAAA9lBMVEUAAAD2vZH////505f1zpf40Zf10JX2z5X4v5dZjNFQZ6j42JnoWF/eGhux2f2Iq+j0Hx4DZO8HRMf51qTfHynbESb62qz405b4zZP50pn4ND750Zb60Zz2NEj62Z0ngf/4z5g+bdv85KH40Zbtdnz54p/0hYr4zJj72KD61Z340JTrqFzklUDon0/////736b2y43trWT/2p752J3505r5xpL1x4j+zYf0xYXqpVjlmkfijjem4P+Dsv7/+vr5//k1g/b///L90s0bTMX3wMD+rqz7m53/25T90Y3usWnmmknmmkj2OUPjkjzhITL1BRrZAATyAAO/abaqAAAAKHRSTlMAG/J9Vz40Egb6+fn5+fLy6uPLop+ZlpaJiHt0bGlmZEk7NjMpKBUIvHofmAAAAJ9JREFUCNcljNUSgmAYRD9BwO7u9g86BezueP+XEXRvds7szoHGncnkAQpZJlWCyecgr7v9nbx9jwDar+U8nljIzzIAxHLHzem82qcjAYyTlu44ukUGAUwVQ7t6lCjhEkUXX5J8ijsArKHeJJW44gzVoI5UT8IKDaAa3rQHpaKLW6Eam5ooUoJCAU8wtm0TkV4AAsc3EWKHnAD/VIq/+gKGTRWp28kDlAAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"static/img/3dgif.f9bd749b.gif\";","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=09204cfc&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=09204cfc&scoped=true&lang=scss&\"","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=ecd42286&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=ecd42286&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Modal',{attrs:{\"footer-hide\":true,\"mask-closable\":false,\"class-name\":\"vertical-center-modal\",\"width\":\"640\"},on:{\"on-cancel\":_vm.cancel},model:{value:(_vm.show),callback:function ($$v) {_vm.show=$$v},expression:\"show\"}},[_c('div',{staticClass:\"Modal-head\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('div',{staticClass:\"Modal-head-left\"}),_c('div',{staticClass:\"Modal-head-right\"},[_vm._v(\"预约\")])]),_c('div',{staticClass:\"Modal-center\"},[_c('div',{staticClass:\"Modal-item\",staticStyle:{\"margin-bottom\":\"30px\"}},[_c('span',[_vm._v(\"预约：\")]),_vm._l((_vm.categoryList),function(item,index){return _c('div',{key:index,staticClass:\"btn\",class:_vm.activeIndex == index ? 'activeNames' : '',on:{\"click\":function($event){_vm.activeIndex = index;\n            _vm.activeType = item;}}},[_vm._v(_vm._s(item))])})],2),_c('div',{staticClass:\"Modal-item\",staticStyle:{\"margin-bottom\":\"30px\"}},[_c('span',[_vm._v(\"内容：\")]),_c('Input',{staticClass:\"text_area\",staticStyle:{\"width\":\"500px\",\"padding\":\"0\"},attrs:{\"autosize\":{ maxRows: 4, minRows: 4 },\"placeholder\":(\"请详细描述您需要\" + (_vm.categoryList[_vm.activeIndex] || '见面') + \"的产品\"),\"rows\":4,\"type\":\"textarea\"},model:{value:(_vm.con),callback:function ($$v) {_vm.con=$$v},expression:\"con\"}})],1),_c('div',{staticStyle:{\"margin\":\"0 auto\",\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('Button',{staticStyle:{\"width\":\"130px\",\"height\":\"36px\",\"margin-right\":\"20px\"},on:{\"click\":_vm.cancel}},[_vm._v(\"取消\")]),_c('Button',{staticStyle:{\"width\":\"130px\",\"height\":\"36px\"},attrs:{\"type\":\"primary\"},on:{\"click\":_vm.submit}},[_vm._v(\"提交\")])],1)])]),_c('Modal',{attrs:{\"footer-hide\":true,\"mask-closable\":false,\"class-name\":\"vertical-center-modal\",\"width\":\"640\"},on:{\"on-cancel\":function($event){_vm.hintShow = false}},model:{value:(_vm.hintShow),callback:function ($$v) {_vm.hintShow=$$v},expression:\"hintShow\"}},[_c('p',[_vm._v(\"您的预约信息已成功发送\")]),_c('p',[_vm._v(\"后续动态请在个人中心预约中查询\")]),_c('div',{staticStyle:{\"margin\":\"0 auto\",\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('Button',{staticStyle:{\"width\":\"130px\",\"height\":\"36px\",\"margin-right\":\"20px\"},on:{\"click\":function($event){_vm.hintShow = false}}},[_vm._v(\"取消\")]),_c('Button',{staticStyle:{\"width\":\"130px\",\"height\":\"36px\"},attrs:{\"type\":\"primary\"},on:{\"click\":_vm.goToLook}},[_vm._v(\"去看看\")])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <Modal\r\n      :footer-hide=\"true\"\r\n      :mask-closable=\"false\"\r\n      @on-cancel=\"cancel\"\r\n      class-name=\"vertical-center-modal\"\r\n      v-model=\"show\"\r\n      width=\"640\"\r\n    >\r\n      <div\r\n        class=\"Modal-head\"\r\n        slot=\"header\"\r\n      >\r\n        <div class=\"Modal-head-left\"></div>\r\n        <div class=\"Modal-head-right\">预约</div>\r\n      </div>\r\n      <div class=\"Modal-center\">\r\n        <div\r\n          class=\"Modal-item\"\r\n          style=\"margin-bottom: 30px\"\r\n        >\r\n          <span>预约：</span>\r\n          <div\r\n            :class=\"activeIndex == index ? 'activeNames' : ''\"\r\n            :key=\"index\"\r\n            @click=\"\r\n              activeIndex = index;\r\n              activeType = item;\r\n            \"\r\n            class=\"btn\"\r\n            v-for=\"(item, index) in categoryList\"\r\n          >{{ item }}</div>\r\n        </div>\r\n        <!-- <div class=\"Modal-item\" style=\"margin-bottom: 30px\">\r\n          <span>预约日期：</span>\r\n          <DatePicker\r\n            type=\"date\"\r\n            placeholder=\"请选择预约日期\"\r\n            style=\"width: 500px\"\r\n          ></DatePicker>\r\n        </div>\r\n        <div class=\"Modal-item\" style=\"margin-bottom: 30px\">\r\n          <span>预约时间：</span>\r\n          <TimePicker\r\n            type=\"time\"\r\n            placeholder=\"请选择预约时间\"\r\n            style=\"width: 500px\"\r\n          ></TimePicker>\r\n        </div>-->\r\n        <div\r\n          class=\"Modal-item\"\r\n          style=\"margin-bottom: 30px\"\r\n        >\r\n          <span>内容：</span>\r\n          <Input\r\n            :autosize=\"{ maxRows: 4, minRows: 4 }\"\r\n            :placeholder=\"`请详细描述您需要${ categoryList[activeIndex] || '见面'}的产品`\"\r\n            :rows=\"4\"\r\n            class=\"text_area\"\r\n            style=\"width: 500px; padding: 0;\"\r\n            type=\"textarea\"\r\n            v-model=\"con\"\r\n          />\r\n        </div>\r\n        <div style=\"margin: 0 auto; display: flex; justify-content: center\">\r\n          <Button\r\n            @click=\"cancel\"\r\n            style=\"width: 130px; height: 36px; margin-right: 20px\"\r\n          >取消</Button>\r\n          <Button\r\n            @click=\"submit\"\r\n            style=\"width: 130px; height: 36px\"\r\n            type=\"primary\"\r\n          >提交</Button>\r\n        </div>\r\n      </div>\r\n    </Modal>\r\n    <Modal\r\n      :footer-hide=\"true\"\r\n      :mask-closable=\"false\"\r\n      @on-cancel=\"hintShow = false\"\r\n      class-name=\"vertical-center-modal\"\r\n      v-model=\"hintShow\"\r\n      width=\"640\"\r\n    >\r\n      <p>您的预约信息已成功发送</p>\r\n      <p>后续动态请在个人中心预约中查询</p>\r\n      <div style=\"margin: 0 auto; display: flex; justify-content: center\">\r\n        <Button\r\n          @click=\"hintShow = false\"\r\n          style=\"width: 130px; height: 36px; margin-right: 20px\"\r\n        >取消</Button>\r\n        <Button\r\n          @click=\"goToLook\"\r\n          style=\"width: 130px; height: 36px\"\r\n          type=\"primary\"\r\n        >去看看</Button>\r\n      </div>\r\n    </Modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport moment from \"moment\";\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nexport default {\r\n  name: \"orderModal\",\r\n  props: {\r\n    exhibitorId: {\r\n      type: String,\r\n      default: ''\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      categoryList: [\"见面\", \"采购\", \"代理\", \"其他\"],\r\n      activeIndex: -1,\r\n      activeType: \"\",\r\n      show: false,\r\n      con: \"\",\r\n      editInfo: {},\r\n      isEdit: false,\r\n      hintShow: false,\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      exhibitionId: \"getExhibitionId\",\r\n      user: \"getUser\"\r\n    }),\r\n  },\r\n  created () { },\r\n  methods: {\r\n    ...mapActions({\r\n      graphqlPost: \"graphqlPostByZXS\",\r\n      addOrder: \"exhibitor/addOrder\",\r\n      editOrder: 'user/editOrder',\r\n      getUserAdvisorySetting:\"roleModule/getUserAdvisorySetting\"\r\n    }),\r\n    open (info = null) {\r\n      this.show = true;\r\n      if (info) {\r\n        this.isEdit = true;\r\n        this.editInfo = info;\r\n        this.categoryList.forEach((e, i) => {\r\n          if (e == info.type) {\r\n            this.activeIndex = i;\r\n            this.activeType = e;\r\n          }\r\n        });\r\n        this.con = info.content;\r\n      }\r\n    },\r\n    async submit () {\r\n      if (!this.exhibitorId && !this.isEdit) {\r\n        this.$Message.warning(\"展商信息有误！\");\r\n        return;\r\n      }\r\n      if (!this.activeType) {\r\n        this.$Message.warning(`请选择预约类型！`);\r\n        return;\r\n      }\r\n      if (!this.con) {\r\n        this.$Message.warning(\"请输入内容！\");\r\n        return;\r\n      }\r\n      if (this.isEdit) {\r\n        let body = {\r\n          id: this.editInfo.id,\r\n          opt: {\r\n            type: this.activeType,\r\n            content: this.con,\r\n            auditState: 0\r\n          }\r\n        }\r\n        let result = await this.editOrder(body);\r\n        if (result.result) {\r\n          this.$Message.success('修改成功');\r\n          this.$emit('finish')\r\n          this.cancel();\r\n        } else {\r\n          this.$Message.error(result.message || '修改失败');\r\n        }\r\n        //编辑模式\r\n      } else {\r\n        // 新增模式\r\n        let body = {\r\n          exhibitionId: this.exhibitionId,\r\n          exhibitorId: this.exhibitorId,\r\n          memberId: this.user.id,\r\n          type: this.activeType,\r\n          content: this.con,\r\n        };\r\n        let result = await this.addOrder(body);\r\n        if (result.result) {\r\n          this.show = false;\r\n          this.hintShow = true;\r\n        } else {\r\n          this.$Message.error(result.message || '发送失败');\r\n        }\r\n        this.getUserAdvisorySetting()\r\n        this.cancel();\r\n      }\r\n    },\r\n    cancel () {\r\n      this.show = false;\r\n      this.check = \"见面\";\r\n      this.isEdit = false;\r\n      this.con = \"\";\r\n      this.info = {};\r\n      this.activeIndex = -1;\r\n      this.activeType = \"\";\r\n    },\r\n    goToLook () {\r\n      this.$router.push({ path: '/user/order' });\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.Modal-head {\r\n  display: flex;\r\n  align-items: center;\r\n  &-left {\r\n    width: 4px;\r\n    height: 18px;\r\n    border: solid 3px #1890ff;\r\n    @include border_color(#1890ff);\r\n    margin-right: 10px;\r\n  }\r\n  &-right {\r\n    font-size: 16px;\r\n    font-weight: bold;\r\n    color: #333;\r\n  }\r\n}\r\n.Modal-center {\r\n  padding: 24px 18px;\r\n}\r\n.Modal-item {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.btn {\r\n  width: 117px;\r\n  height: 36px;\r\n  background-color: #f7f7f7;\r\n  border-radius: 4px;\r\n  border: solid 1px #dedede;\r\n  color: #333;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-right: 10px;\r\n  cursor: pointer;\r\n  user-select: none;\r\n  &:hover,\r\n  &.activeNames {\r\n    @include background_color(#1890ff);\r\n    color: #fff;\r\n  }\r\n}\r\n::v-deep {\r\n  .ivu-modal-body {\r\n    padding-left: 0;\r\n    .text_area {\r\n      textarea {\r\n        resize: none;\r\n      }\r\n    }\r\n    p {\r\n      text-align: center;\r\n      line-height: 24px;\r\n      margin-bottom: 20px;\r\n      &:first-child {\r\n        margin-top: 20px;\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n  .vertical-center-modal {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    .ivu-modal {\r\n      top: 0;\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=09204cfc&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=09204cfc&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  \"09204cfc\",\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',[_c('Modal',{attrs:{\"width\":\"640\",\"mask-closable\":false,\"footer-hide\":true,\"class-name\":\"vertical-center-modal\"},on:{\"on-cancel\":_vm.cancel},model:{value:(_vm.show),callback:function ($$v) {_vm.show=$$v},expression:\"show\"}},[_c('div',{staticClass:\"Modal-head\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('div',{staticClass:\"Modal-head-left\"}),_c('div',{staticClass:\"Modal-head-right\"},[_vm._v(\"询盘\")])]),_c('div',{staticClass:\"Modal-center\"},[_c('div',{staticClass:\"Modal-item\",staticStyle:{\"margin-bottom\":\"30px\"}},[_c('span',[_vm._v(\"采购数量：\")]),_c('Input',{staticClass:\"text_area\",staticStyle:{\"width\":\"500px\",\"padding\":\"0\"},attrs:{\"placeholder\":\"请输入采购数量\"},model:{value:(_vm.amount),callback:function ($$v) {_vm.amount=$$v},expression:\"amount\"}})],1),_c('div',{staticClass:\"Modal-item\",staticStyle:{\"margin-bottom\":\"30px\"}},[_c('span',[_vm._v(\"备注内容：\")]),_c('Input',{staticClass:\"text_area\",staticStyle:{\"width\":\"500px\",\"padding\":\"0\"},attrs:{\"type\":\"textarea\",\"autosize\":{ maxRows: 4, minRows: 4 },\"rows\":4,\"placeholder\":\"请简要说明一下询盘的内容\"},model:{value:(_vm.con),callback:function ($$v) {_vm.con=$$v},expression:\"con\"}})],1),_c('div',{staticStyle:{\"margin\":\"0 auto\",\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('Button',{staticStyle:{\"width\":\"130px\",\"height\":\"36px\",\"margin-right\":\"20px\"},on:{\"click\":_vm.cancel}},[_vm._v(\"取消\")]),_c('Button',{staticStyle:{\"width\":\"130px\",\"height\":\"36px\"},attrs:{\"type\":\"primary\"},on:{\"click\":_vm.submit}},[_vm._v(\"提交\")])],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <Modal\r\n      v-model=\"show\"\r\n      width=\"640\"\r\n      :mask-closable=\"false\"\r\n      :footer-hide=\"true\"\r\n      @on-cancel=\"cancel\"\r\n      class-name=\"vertical-center-modal\"\r\n    >\r\n      <div slot=\"header\" class=\"Modal-head\">\r\n        <div class=\"Modal-head-left\"></div>\r\n        <div class=\"Modal-head-right\">询盘</div>\r\n      </div>\r\n      <div class=\"Modal-center\">\r\n        <div class=\"Modal-item\" style=\"margin-bottom: 30px\">\r\n          <span>采购数量：</span>\r\n          <Input\r\n            v-model=\"amount\"\r\n            class=\"text_area\"\r\n            placeholder=\"请输入采购数量\"\r\n            style=\"width: 500px; padding: 0;\"\r\n          />\r\n        </div>\r\n        <div class=\"Modal-item\" style=\"margin-bottom: 30px\">\r\n          <span>备注内容：</span>\r\n          <Input\r\n            v-model=\"con\"\r\n            type=\"textarea\"\r\n            class=\"text_area\"\r\n            :autosize=\"{ maxRows: 4, minRows: 4 }\"\r\n            :rows=\"4\"\r\n            placeholder=\"请简要说明一下询盘的内容\"\r\n            style=\"width: 500px; padding: 0;\"\r\n          />\r\n        </div>\r\n        <div style=\"margin: 0 auto; display: flex; justify-content: center\">\r\n          <Button\r\n            style=\"width: 130px; height: 36px; margin-right: 20px\"\r\n            @click=\"cancel\"\r\n            >取消</Button\r\n          >\r\n          <Button\r\n            type=\"primary\"\r\n            style=\"width: 130px; height: 36px\"\r\n            @click=\"submit\"\r\n            >提交</Button\r\n          >\r\n        </div>\r\n      </div>\r\n    </Modal>\r\n    <!-- <Modal\r\n      v-model=\"hintShow\"\r\n      width=\"640\"\r\n      :footer-hide=\"true\"\r\n      :mask-closable=\"false\"\r\n      @on-cancel=\"hintShow = false\"\r\n      class-name=\"vertical-center-modal\"\r\n    >\r\n      <p>您的预约洽谈信息已成功发送</p>\r\n      <p>后续动态请在个人中心预约中查询</p>\r\n      <div style=\"margin: 0 auto; display: flex; justify-content: center\">\r\n        <Button\r\n          style=\"width: 130px; height: 36px; margin-right: 20px\"\r\n          @click=\"hintShow = false\"\r\n          >取消</Button\r\n        >\r\n        <Button\r\n          type=\"primary\"\r\n          style=\"width: 130px; height: 36px\"\r\n          @click=\"goToLook\"\r\n          >去看看</Button\r\n        >\r\n      </div>\r\n    </Modal> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport moment from \"moment\";\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nexport default {\r\n  name: \"inquiryModal\",\r\n  props: {\r\n    isEdit:{\r\n      type:Boolean,\r\n      default:false,\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      activeType: \"\",\r\n      show: false,\r\n      con: \"\",\r\n      amount:\"\",\r\n      info: {},\r\n      hintShow: false,\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      exhibitionId: \"getExhibitionId\",\r\n      user:\"getUser\"\r\n    }),\r\n  },\r\n  created() {},\r\n  methods: {\r\n    ...mapActions({\r\n      graphqlPost: \"graphqlPostByZXS\",\r\n      addEnquiryNew: \"exhibitor/addEnquiryNew\",\r\n      editOrder:'user/editOrder',\r\n      editEnquiryNew:'user/editEnquiryNew',\r\n      getUserAdvisorySetting:\"roleModule/getUserAdvisorySetting\"\r\n    }),\r\n    open(info = null) {\r\n      this.info=info;\r\n       if(this.isEdit){\r\n        this.amount=info.amount;\r\n        this.con=info.remark;\r\n      }\r\n      console.log('xunpaninfo ',info)\r\n      this.show = true;\r\n    },\r\n    async submit() {\r\n      if(!this.info.exhibitorId&&!this.isEdit){\r\n        this.$Message.warning(\"展商信息有误！\");\r\n        return;\r\n      }\r\n      if (!this.amount) {\r\n        this.$Message.warning(\"请输入采购数量！\");\r\n        return;\r\n      }\r\n      if (!this.con) {\r\n        this.$Message.warning(\"请输入备注内容！\");\r\n        return;\r\n      }\r\n      if (this.isEdit) {\r\n        let opt={\r\n          id:this.info.id,\r\n          opt:{\r\n            remark:this.con,\r\n            amount:this.amount,\r\n            auditState:0\r\n          }\r\n        }\r\n        let result = await this.editEnquiryNew(opt);\r\n        if(result.result){\r\n          this.$Message.success('修改成功');\r\n          this.$emit('finish')\r\n          this.cancel();\r\n        }else{\r\n          this.$Message.error(result.message || '修改失败');\r\n        }\r\n        //编辑模式\r\n      } else {\r\n        // 新增模式\r\n        let body = {\r\n          exhibitionId: this.exhibitionId,\r\n          exhibitorId: this.info.exhibitorId,\r\n          productId: this.info.productId,\r\n          userId: this.user.userId,\r\n          remark: this.con,\r\n          productName:this.info.productName,\r\n          amount:this.amount,\r\n        };\r\n        let result = await this.addEnquiryNew(body);\r\n        if(result.result){\r\n          this.show=false;\r\n          this.$Message.success('发送成功');\r\n        }else{\r\n          this.$Message.error(result.message || '发送失败');\r\n        }\r\n        this.getUserAdvisorySetting();\r\n      }\r\n    },\r\n    cancel() {\r\n      this.show = false;\r\n      this.con = \"\";\r\n      this.amount=\"\";\r\n      this.info = {};\r\n    },\r\n    goToLook(){\r\n      this.$router.push({path:'/user/order'});\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.Modal-head {\r\n  display: flex;\r\n  align-items: center;\r\n  &-left {\r\n    width: 4px;\r\n    height: 18px;\r\n    border: solid 3px #1890ff;\r\n    @include border_color(#1890ff);\r\n    margin-right: 10px;\r\n  }\r\n  &-right {\r\n    font-size: 16px;\r\n    font-weight: bold;\r\n    color: #333;\r\n  }\r\n}\r\n.Modal-center {\r\n  padding: 24px 18px;\r\n}\r\n.Modal-item {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.btn {\r\n  width: 92px;\r\n  height: 36px;\r\n  background-color: #f7f7f7;\r\n  border-radius: 4px;\r\n  border: solid 1px #dedede;\r\n  color: #333;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-right: 10px;\r\n  cursor: pointer;\r\n  user-select: none;\r\n  &:hover,\r\n  &.activeNames {\r\n    @include background_color(#1890ff);\r\n    color: #fff;\r\n  }\r\n}\r\n::v-deep {\r\n  .ivu-modal-body {\r\n    padding-left: 0;\r\n    .text_area{\r\n      textarea{\r\n        resize: none;\r\n      }\r\n    }\r\n    p{\r\n      text-align: center;\r\n      line-height: 24px;\r\n      margin-bottom: 20px;\r\n      &:first-child{\r\n        margin-top: 20px;\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n  .vertical-center-modal {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    .ivu-modal {\r\n      top: 0;\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=4ff528d7&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=4ff528d7&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  \"4ff528d7\",\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:\"product\"},[(_vm.productInfo)?_c('productDetailTop',{attrs:{\"productInfo\":_vm.productInfo,\"visitOpt\":_vm.visitOpt},on:{\"onLineTalk\":_vm.onLineTalk}}):_vm._e(),(_vm.productInfo)?_c('div',{staticClass:\"g-layout\"},[_c('div',{staticClass:\"g-layout-r\",staticStyle:{\"margin-left\":\"0\",\"margin-right\":\"10px\"}},[_c('div',{staticClass:\"m-card3\"},[_vm._m(0),(_vm.introduction)?_c('div',{staticClass:\"product-describe\"},_vm._l((_vm.introduction),function(item,index1){return _c('div',{key:index1},[(item.text)?_c('p',{staticClass:\"int-text\",style:({\n                'font-size': item.text.fontSize,\n                color: item.text.color,\n                'text-align': item.text.position,\n              }),domProps:{\"innerHTML\":_vm._s(_vm.$service.replaceSpeace(item.text.content))}}):_vm._e(),(item.picture && item.picture.type == 1)?_c('div',{staticClass:\"int-img\"},[_c('div',{style:({\n                  'padding-left': item.picture.padding + 'px',\n                  'padding-right': item.picture.padding + 'px',\n                })},_vm._l((item.picture.list),function(itm,idx){return _c('div',{key:idx,style:({ 'margin-bottom': item.picture.spacing + 'px' })},[_c('img',{staticStyle:{\"width\":\"100%\",\"display\":\"block\"},attrs:{\"src\":itm.url,\"preview\":\"1\",\"large\":itm.url}})])}),0)]):_vm._e(),(item.picture && item.picture.type == 2)?_c('div',[_c('Carousel',{staticStyle:{\"width\":\"738px\"},attrs:{\"loop\":\"\",\"autoplay\":\"\",\"radius-dot\":true,\"autoplay-speed\":5000}},_vm._l((item.picture.list),function(item,index){return _c('CarouselItem',{key:'pic' + index},[_c('img',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\"},attrs:{\"src\":item.url}})])}),1)],1):_vm._e(),(item.video)?_c('div',{staticClass:\"int-video\",staticStyle:{\"position\":\"relative\"}},[_c('videoPlayer',{attrs:{\"url\":item.video.link,\"cover\":item.video.cover,\"time\":item.video.Time}})],1):_vm._e()])}),0):_vm._e()]),(_vm.productInfo.evaluateCount > 0)?_c('evaluate',{attrs:{\"pro\":true,\"productId\":_vm.productId,\"evalTags\":_vm.productInfo.evaluateTags,\"evalCount\":_vm.productInfo.evaluateCount}}):_vm._e()],1),_c('div',{staticClass:\"g-layout-l\"},[(_vm.List && _vm.List.length)?_c('div',{staticClass:\"m-card3\"},[_vm._m(1),_c('div',{staticClass:\"m-list2\"},[_c('Row',_vm._l((_vm.List.slice(0, 3)),function(item,index){return _c('Col',{key:'m-list2-1' + index,staticClass:\"m-list2-box\",attrs:{\"span\":\"24\"}},[_c('div',{staticClass:\"ml2-item\"},[_c('div',{staticClass:\"ml2-item-box\",on:{\"click\":function($event){return _vm.goProduct(item.id)}}},[(item.video && JSON.parse(item.video).cover && JSON.parse(item.video).cover != 1)?[(JSON.parse(item.video).cover)?_c('img',{attrs:{\"src\":JSON.parse(item.video).cover,\"alt\":\"\"}}):_c('img',{attrs:{\"src\":require(\"@/assets/img/empty.png\")}})]:[(item.banner[0])?_c('img',{staticStyle:{\"height\":\"100%\"},attrs:{\"src\":item.banner[0]}}):_c('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\"},[_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(\" 热榜 \")])]):_vm._e(),(item.panoramaUrl)?_c('div',{staticClass:\"qj_div\"},[_c('i',{staticClass:\"iconfont icon-yuanxitubiao-\"})]):_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()],2)]),_c('div',{staticClass:\"ml2-item-info\"},[_c('p',[_vm._v(_vm._s(item.name))]),(item.selling)?_c('p',{staticStyle:{\"color\":\"#999999\"}},[_vm._v(\" \"+_vm._s(item.selling)+\" \")]):_c('p',{staticStyle:{\"margin-top\":\"14px\"}})])])}),1)],1)]):_vm._e()])]):_vm._e(),(_vm.loading)?_c('div',{staticClass:\"u-empty\"},[_vm._v(\"数据加载中...\")]):_vm._e(),(!_vm.loading && !_vm.productInfo)?_c('div',{staticClass:\"u-empty\"},[_vm._v(\"暂无数据\")]):_vm._e(),(_vm.talkShow)?_c('chatTalkUser',{attrs:{\"exhibitorId\":_vm.exhibitorId,\"isAlone\":true}}):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mc-top\"},[_c('div',{staticClass:\"mc-top-title\"},[_c('span',{staticClass:\"mc-top-text mc-top-txt s-bold\"},[_vm._v(\"展品详情\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mc-top\"},[_c('div',{staticClass:\"mc-top-title\"},[_c('span',{staticClass:\"mc-top-text mc-top-txt s-bold\"},[_vm._v(\"热门展品\")])])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"productcontent\"},[(_vm.productInfo.view3DUrl)?_c('a',{staticClass:\"d_wrap\",attrs:{\"target\":\"_blank\",\"href\":_vm.productInfo.view3DUrl}},[_c('img',{attrs:{\"src\":require(\"../../assets/img/3dgif.gif\")}}),_c('p',[_vm._v(\"3D展示\")])]):_vm._e(),_c('div',{staticClass:\"product-detail\"},[(_vm.productInfo)?_c('div',{staticClass:\"detail\"},[_c('div',{staticClass:\"preview\"},[(_vm.previewUrl)?_c('div',{staticStyle:{\"height\":\"400px\"}},[(_vm.productInfo.panoramaUrl)?_c('a',{directives:[{name:\"show\",rawName:\"v-show\",value:(true&&_vm.previewUrl=='https://img.zhanshangxiu.com/showonline/file/202011/20201106/8f0207f652c74460b58401815de2be92.jpg'),expression:\"true&&previewUrl=='https://img.zhanshangxiu.com/showonline/file/202011/20201106/8f0207f652c74460b58401815de2be92.jpg'\"}],staticClass:\"qj_wrap preview-img\",attrs:{\"href\":_vm.productInfo.panoramaUrl,\"target\":\"_blank\"}},[_vm._m(0),_c('div',[_c('iframe',{attrs:{\"id\":\"qj_iframe\",\"name\":\"qj_iframe\",\"width\":\"400\",\"height\":\"400\",\"frameborder\":\"0\",\"src\":_vm.productInfo.panoramaUrl,\"marginwidth\":\"0\",\"marginheight\":\"0\",\"vspace\":\"0\",\"hspace\":\"0\",\"allowtransparency\":\"true\",\"scrolling\":\"no\",\"allowfullscreen\":\"true\"}})])]):_vm._e(),(\n               _vm.productInfo.video&&\n              _vm.previewUrl === _vm.productInfo.video.cover &&\n              _vm.productInfo.video.url != ''\n            )?_c('videoPlayer',{ref:\"videoPlays\",staticClass:\"preview-img\",attrs:{\"url\":_vm.productInfo.video.url,\"cover\":_vm.productInfo.video.cover,\"time\":_vm.productInfo.video.duration},on:{\"onPlayerPlay\":_vm.player}}):(_vm.previewUrl!='https://img.zhanshangxiu.com/showonline/file/202011/20201106/8f0207f652c74460b58401815de2be92.jpg')?_c('img',{staticClass:\"preview-img\",attrs:{\"src\":_vm.previewUrl}}):_vm._e()],1):_c('div',[_c('img',{staticClass:\"preview-img\",attrs:{\"src\":require(\"../../assets/img/empty.png\")}})]),(_vm.imgList)?_c('div',{staticClass:\"spec-list\"},[_c('div',{staticClass:\"zuo\",on:{\"click\":_vm.left}},[_c('i',{staticClass:\"iconfont icon-arr-left icon-l\"})]),_c('div',{staticClass:\"zuo\",staticStyle:{\"right\":\"0\"},on:{\"click\":_vm.right}},[_c('i',{staticClass:\"iconfont icon-arr-right icon-r\"})]),_c('div',{staticStyle:{\"position\":\"relative\",\"width\":\"340px\",\"height\":\"60px\",\"overflow\":\"hidden\",\"margin\":\"0 auto\"}},[_c('ul',{staticClass:\"ul-list\",class:[\n                _vm.nextleft ? 'is-left' : '',\n                _vm.nextright ? 'is-right' : '' ]},_vm._l((_vm.imgList),function(item,index){return _c('li',{key:index,staticClass:\"li\"},[_c('img',{class:_vm.imghover == index ? 'is-hover' : '',attrs:{\"src\":item,\"width\":\"60px\",\"height\":\"60px\"},on:{\"mouseover\":function($event){return _vm.mouseOver(item, index)}}})])}),0)])]):_vm._e(),_c('div',[_c('div',{staticClass:\"dianzan\"},[(_vm.isFollow)?_c('div',{staticClass:\"icon1 icon_wrap ok\",on:{\"click\":_vm.deProLove}},[_c('i',{staticClass:\"iconfont icon-love\"}),_c('span',[_vm._v(_vm._s(_vm.productInfo.followCount)+\"人关注\")])]):_c('div',{staticClass:\"icon1 icon_wrap\",on:{\"click\":_vm.addProLove}},[_c('i',{staticClass:\"iconfont icon-love\"}),_c('span',[_vm._v(_vm._s(_vm.productInfo.followCount)+\" 人关注\")])]),_c('div',{staticClass:\"icon2 icon_wrap\",class:_vm.isLike ? 'ok' : '',on:{\"click\":_vm.addproductLike}},[_c('i',{staticClass:\"iconfont icon-like\"}),_c('span',[_vm._v(_vm._s(_vm.productInfo.likeCount)+\" 人点赞\")])])])])]),_c('div',{staticClass:\"product-content\"},[_c('div',{staticClass:\"product-name\"},[_vm._v(\" \"+_vm._s(_vm.productInfo.name)+\" \")]),(_vm.productInfo.category)?_c('div',{staticClass:\"product-category\"},[_c('i',{staticClass:\"iconfont icon-biaoqian1\"}),_c('span',[_vm._v(_vm._s(_vm.productInfo.category))])]):_vm._e(),_c('div',{staticClass:\"product-tips\"},_vm._l((_vm.productInfo.tag),function(item,index){return _c('span',{key:index},[_vm._v(_vm._s(item))])}),0),_c('div',[_c('div',{staticClass:\"tongji\"},[_c('div',{staticStyle:{\"text-align\":\"center\"}},[_c('div',{staticClass:\"span1\"},[_vm._v(\" \"+_vm._s(_vm.productInfo.exhibitor.advisoryCount)+\" \")]),_c('div',{staticClass:\"span2\"},[_vm._v(\"咨询\")])]),_c('div',{staticClass:\"fenge\"}),_c('div',{staticStyle:{\"text-align\":\"center\"}},[_c('div',{staticClass:\"span1\"},[_vm._v(\" \"+_vm._s(_vm.productInfo.viewCount)+\" \")]),_c('div',{staticClass:\"span2\"},[_vm._v(\"浏览\")])]),_c('div',{staticClass:\"fenge\"}),_c('div',{staticStyle:{\"text-align\":\"center\"}},[_c('div',{staticClass:\"span1\"},[_vm._v(\" \"+_vm._s(_vm.visitOpt.totalCount)+\" \")]),_c('div',{staticClass:\"span2\"},[_vm._v(\"访客\")])]),_c('div',{staticClass:\"fenge\"}),_c('div',{staticStyle:{\"text-align\":\"center\"}},[_c('div',{staticClass:\"span1\"},[_vm._v(\" \"+_vm._s(_vm.productInfo.evaluateCount)+\" \")]),_c('div',{staticClass:\"span2\"},[_vm._v(\"评价\")])]),_c('div',{staticClass:\"fenge\"}),_c('div',{staticStyle:{\"text-align\":\"center\"}},[_c('div',{staticClass:\"span1\"},[_vm._v(\" \"+_vm._s(_vm.productInfo.advisoryCount ? _vm.productInfo.advisoryCount : 0)+\" \")]),_c('div',{staticClass:\"span2\"},[_vm._v(\"询盘\")])])])]),_c('div',{staticClass:\"bottom-btn\"},[(_vm.productInfo.exhibitor.customerServiceIsAppointmentNumber)?_c('div',{staticClass:\"u-btn-zixun\",on:{\"click\":_vm.onLineTalk}},[_c('i',{staticClass:\"iconfont icon-ziyuan\",staticStyle:{\"margin-right\":\"10px\"}}),_c('span',[_vm._v(\"在线咨询\")])]):_c('div',{staticClass:\"u-btn-zixun hui\"},[_c('i',{staticClass:\"iconfont icon-ziyuan\",staticStyle:{\"margin-right\":\"10px\"}}),_c('span',[_vm._v(\"在线咨询\")])]),_c('div',{staticClass:\"u-btn-xunpan\",on:{\"click\":_vm.inquiryOpen}},[_c('i',{staticClass:\"iconfont icon-xunpan\",staticStyle:{\"margin-right\":\"10px\"}}),_c('span',[_vm._v(\"询盘\")])])])])]):_vm._e()]),(_vm.company)?_c('div',{staticClass:\"detail-r\"},[_c('div',{staticStyle:{\"padding\":\"0 20px\"}},[_c('div',{staticClass:\"top\"},[_c('div',{staticClass:\"logo\"},[(_vm.company.logo)?_c('img',{directives:[{name:\"load\",rawName:\"v-load\",value:('oPic'),expression:\"'oPic'\"}],attrs:{\"src\":_vm.company.logo},on:{\"click\":function($event){return _vm.$router.push('exhibitor-detail/' +_vm.productInfo.exhibitor.id +'?exhibitionId=' +_vm.exhibitionId +'')}}}):_c('img',{directives:[{name:\"load\",rawName:\"v-load\",value:('oPic'),expression:\"'oPic'\"}],attrs:{\"src\":_vm.productInfo.exhibitor.exhibition.logo},on:{\"click\":function($event){return _vm.$router.push('exhibitor-detail/' +_vm.productInfo.exhibitor.id +'?exhibitionId=' +_vm.exhibitionId +'')}}})]),_c('div',{staticStyle:{\"margin-left\":\"10px\"}},[_c('div',{staticClass:\"company-name\",on:{\"click\":function($event){return _vm.$router.push(\n                'exhibitor-detail/' +\n                  _vm.productInfo.exhibitor.id +\n                  '?exhibitionId=' +\n                  _vm.exhibitionId +\n                  ''\n              )}}},[_vm._v(\" \"+_vm._s(_vm.company.name)+\" \")]),_c('div',{staticStyle:{\"display\":\"flex\",\"margin-top\":\"5px\"}},[_c('div',{staticClass:\"u-booth\"},[(_vm.productInfo.exhibitor.boothInfo)?_c('i',{staticClass:\"iconfont icon-dizhi icon\"}):_vm._e(),_c('span',{staticStyle:{\"margin-left\":\"4px\"},on:{\"click\":function($event){return _vm.Totour(_vm.productInfo.exhibitor)}}},[_vm._v(_vm._s(_vm.productInfo.exhibitor.boothInfo))])]),_c('div',{staticClass:\"u-category\"},[(_vm.productInfo.exhibitor.category)?_c('i',{staticClass:\"iconfont icon-biaoqian1 icon\"}):_vm._e(),_c('span',[_vm._v(_vm._s(_vm.productInfo.exhibitor.category))])])]),(_vm.productInfo.exhibitor.continuouNumber)?_c('div',{staticClass:\"product-renzheng\"},[_c('div',{staticStyle:{\"background-color\":\"#fff\",\"display\":\"flex\",\"align-items\":\"center\",\"width\":\"20px\",\"height\":\"20px\",\"justify-content\":\"center\"}},[(_vm.productInfo.exhibitor.continuouNumber > 7)?_c('img',{attrs:{\"src\":require(\"@/assets/img/jinpai.png\")}}):(_vm.productInfo.exhibitor.continuouNumber < 5)?_c('img',{attrs:{\"src\":require(\"@/assets/img/tongpai.png\")}}):_c('img',{attrs:{\"src\":require(\"@/assets/img/yinpai.png\")}})]),_c('span',{staticStyle:{\"display\":\"inline-block\",\"margin-left\":\"6px\",\"font-size\":\"12px\",\"color\":\"#ff5e00\",\"paddgin-right\":\"3px\"}},[_vm._v(\" 连续\"+_vm._s(_vm.productInfo.exhibitor.continuouNumber)+\"年参展 \")])]):_vm._e()])]),_c('div',{staticClass:\"center\"},[_c('div',{staticStyle:{\"font-size\":\"14px\"}},[_c('div',{staticStyle:{\"color\":\"#ff5e00\"}},[_vm._v(\" \"+_vm._s(_vm.productInfo.exhibitor.productNumber)+\" \")]),_c('div',[_vm._v(\"展品\")])]),_c('div',{staticStyle:{\"font-size\":\"14px\"}},[_c('div',{staticStyle:{\"color\":\"#ff5e00\"}},[_vm._v(\" \"+_vm._s(_vm.productInfo.exhibitor.activityNumber)+\" \")]),_c('div',[_vm._v(\"活动\")])])]),_c('div',{staticStyle:{\"width\":\"280px\",\"height\":\"1px\",\"background-color\":\"#f2f2f2\",\"margin-top\":\"20px\"}}),_vm._m(1)])]):_vm._e(),_c('inquiryModal',{ref:\"inquiryModal\"})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"qj_icon\"},[_c('div',{staticClass:\"qj_div\"},[_c('i',{staticClass:\"iconfont icon-yuanxitubiao-\"})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"code\"},[_c('div',{staticClass:\"qrcode\",attrs:{\"id\":\"qrcode\"}}),_c('span',{staticStyle:{\"margin-top\":\"6px\",\"display\":\"inline-block\"}},[_vm._v(\"扫码查看移动端\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"productcontent\">\r\n    <a class=\"d_wrap\" v-if=\"productInfo.view3DUrl\"\r\n      target=\"_blank\" :href=\"productInfo.view3DUrl\">\r\n      <img src=\"../../assets/img/3dgif.gif\" >\r\n      <p>3D展示</p>\r\n    </a>\r\n    <div class=\"product-detail\">\r\n      <div class=\"detail\" v-if=\"productInfo\">\r\n        <!-- 产品预览-->\r\n        <div class=\"preview\">\r\n          <div v-if=\"previewUrl\" style=\"height: 400px\">\r\n            <a :href=\"productInfo.panoramaUrl\"\r\n              v-if=\"productInfo.panoramaUrl\" target=\"_blank\"\r\n              class=\"qj_wrap preview-img\"\r\n              v-show=\"true&&previewUrl=='https://img.zhanshangxiu.com/showonline/file/202011/20201106/8f0207f652c74460b58401815de2be92.jpg'\">\r\n              <div class=\"qj_icon\">\r\n                <div class=\"qj_div\">\r\n                  <i\r\n                    class=\"iconfont icon-yuanxitubiao-\"></i>\r\n                </div>\r\n              </div>\r\n              <div>\r\n                <iframe id=\"qj_iframe\" name=\"qj_iframe\"\r\n                  width=\"400\" height=\"400\" frameborder=\"0\"\r\n                  :src=\"productInfo.panoramaUrl\"\r\n                  marginwidth=\"0\" marginheight=\"0\"\r\n                  vspace=\"0\" hspace=\"0\"\r\n                  allowtransparency=\"true\" scrolling=\"no\"\r\n                  allowfullscreen=\"true\"></iframe>\r\n              </div>\r\n            </a>\r\n            <videoPlayer :url=\"productInfo.video.url\"\r\n              :cover=\"productInfo.video.cover\"\r\n              :time=\"productInfo.video.duration\"\r\n              ref=\"videoPlays\" @onPlayerPlay=\"player\" v-if=\"\r\n                 productInfo.video&&\r\n                previewUrl === productInfo.video.cover &&\r\n                productInfo.video.url != ''\r\n              \" class=\"preview-img\"></videoPlayer>\r\n\r\n            <img :src=\"previewUrl\" class=\"preview-img\"\r\n              v-else-if=\"previewUrl!='https://img.zhanshangxiu.com/showonline/file/202011/20201106/8f0207f652c74460b58401815de2be92.jpg'\" />\r\n          </div>\r\n          <div v-else>\r\n            <img src=\"../../assets/img/empty.png\"\r\n              class=\"preview-img\" />\r\n          </div>\r\n          <div class=\"spec-list\" v-if=\"imgList\">\r\n            <div class=\"zuo\" @click=\"left\">\r\n              <i class=\"iconfont icon-arr-left icon-l\"></i>\r\n            </div>\r\n            <div class=\"zuo\" style=\"right: 0\"\r\n              @click=\"right\">\r\n              <i class=\"iconfont icon-arr-right icon-r\"></i>\r\n            </div>\r\n            <div style=\"\r\n                position: relative;\r\n                width: 340px;\r\n                height: 60px;\r\n                overflow: hidden;\r\n                margin: 0 auto;\r\n              \">\r\n              <ul class=\"ul-list\" :class=\"[\r\n                  nextleft ? 'is-left' : '',\r\n                  nextright ? 'is-right' : '',\r\n                ]\">\r\n                <li class=\"li\"\r\n                  v-for=\"(item, index) in imgList\"\r\n                  :key=\"index\">\r\n                  <img :src=\"item\" width=\"60px\"\r\n                    height=\"60px\"\r\n                    @mouseover=\"mouseOver(item, index)\"\r\n                    :class=\"imghover == index ? 'is-hover' : ''\" />\r\n                </li>\r\n              </ul>\r\n            </div>\r\n          </div>\r\n          <div>\r\n            <div class=\"dianzan\">\r\n              <div class=\"icon1 icon_wrap ok\"\r\n                @click=\"deProLove\" v-if=\"isFollow\">\r\n                <i class=\"iconfont icon-love\"></i>\r\n                <span>{{ productInfo.followCount }}人关注</span>\r\n              </div>\r\n              <div class=\"icon1 icon_wrap\"\r\n                @click=\"addProLove\" v-else>\r\n                <i class=\"iconfont icon-love\"></i>\r\n                <span>{{ productInfo.followCount }}\r\n                  人关注</span>\r\n              </div>\r\n              <div class=\"icon2 icon_wrap\"\r\n                @click=\"addproductLike\"\r\n                :class=\"isLike ? 'ok' : ''\">\r\n                <i class=\"iconfont icon-like\"></i>\r\n                <span>{{ productInfo.likeCount }} 人点赞</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"product-content\">\r\n          <div class=\"product-name\">\r\n            {{ productInfo.name }}\r\n          </div>\r\n          <!--卖点-->\r\n          <!-- <div class=\"product-selling\">\r\n            {{ productInfo.selling }}\r\n          </div> -->\r\n          <div class=\"product-category\"\r\n            v-if=\"productInfo.category\">\r\n            <i class=\"iconfont icon-biaoqian1\"></i>\r\n            <span>{{ productInfo.category }}</span>\r\n          </div>\r\n          <div class=\"product-tips\">\r\n            <span v-for=\"(item, index) in productInfo.tag\"\r\n              :key=\"index\">{{\r\n              item\r\n            }}</span>\r\n          </div>\r\n          <!--统计-->\r\n          <div >\r\n            <div class=\"tongji\">\r\n              <div style=\"text-align: center\">\r\n                <div class=\"span1\">\r\n                  {{ productInfo.exhibitor.advisoryCount }}\r\n                </div>\r\n                <div class=\"span2\">咨询</div>\r\n              </div>\r\n              <div class=\"fenge\"></div>\r\n              <div style=\"text-align: center\">\r\n                <div class=\"span1\">\r\n                  {{ productInfo.viewCount }}\r\n                </div>\r\n                <div class=\"span2\">浏览</div>\r\n              </div>\r\n              <div class=\"fenge\"></div>\r\n              <div style=\"text-align: center\">\r\n                <div class=\"span1\">\r\n                  {{ visitOpt.totalCount }}\r\n                </div>\r\n                <div class=\"span2\">访客</div>\r\n              </div>\r\n              <div class=\"fenge\"></div>\r\n              <div style=\"text-align: center\">\r\n                <div class=\"span1\">\r\n                  {{ productInfo.evaluateCount }}\r\n                </div>\r\n                <div class=\"span2\">评价</div>\r\n              </div>\r\n              <div class=\"fenge\"></div>\r\n              <!-- <div style=\"text-align: center\">\r\n                <div class=\"span1\">\r\n                  {{ productInfo.appointmentCount ? \"\" : 0 }}\r\n                </div>\r\n                <div class=\"span2\">洽谈</div>\r\n              </div> -->\r\n              <div style=\"text-align: center\">\r\n                <div class=\"span1\">\r\n                  {{ productInfo.advisoryCount ? productInfo.advisoryCount : 0 }}\r\n                </div>\r\n                <div class=\"span2\">询盘</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <!--在线预览按钮-->\r\n          <div class=\"bottom-btn\">\r\n            <div class=\"u-btn-zixun\" @click=\"onLineTalk\" v-if=\"productInfo.exhibitor.customerServiceIsAppointmentNumber\">\r\n              <i class=\"iconfont icon-ziyuan\"\r\n                style=\"margin-right: 10px\"></i>\r\n              <span>在线咨询</span>\r\n            </div>\r\n            <div class=\"u-btn-zixun hui\"  v-else>\r\n              <i class=\"iconfont icon-ziyuan\"\r\n                style=\"margin-right: 10px\"></i>\r\n              <span>在线咨询</span>\r\n            </div>\r\n            <div class=\"u-btn-xunpan\" @click=\"inquiryOpen\">\r\n              <i class=\"iconfont icon-xunpan\"\r\n                style=\"margin-right: 10px\"></i>\r\n              <span>询盘</span>\r\n            </div>\r\n            <!-- <div class=\"u-btn-yuyue\" @click=\"orderOpen\">\r\n              <i class=\"iconfont icon-yuyue1\"\r\n                style=\"margin-right: 10px\"></i>\r\n              <span>预约洽谈</span>\r\n            </div> -->\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"detail-r\" v-if=\"company\">\r\n      <div style=\"padding: 0 20px\">\r\n        <div class=\"top\">\r\n          <div class=\"logo\">\r\n            <img :src=\"company.logo\" v-if=\"company.logo\" @click=\"$router.push('exhibitor-detail/' +productInfo.exhibitor.id +'?exhibitionId=' +exhibitionId +'')\" v-load=\"'oPic'\" />\r\n            <img :src=\"productInfo.exhibitor.exhibition.logo\" v-else @click=\"$router.push('exhibitor-detail/' +productInfo.exhibitor.id +'?exhibitionId=' +exhibitionId +'')\" v-load=\"'oPic'\" />\r\n          </div>\r\n          <div style=\"margin-left: 10px\">\r\n            <div class=\"company-name\" @click=\"\r\n                $router.push(\r\n                  'exhibitor-detail/' +\r\n                    productInfo.exhibitor.id +\r\n                    '?exhibitionId=' +\r\n                    exhibitionId +\r\n                    ''\r\n                )\r\n              \">\r\n              {{ company.name }}\r\n            </div>\r\n            <div style=\"display: flex; margin-top: 5px\">\r\n              <div class=\"u-booth\">\r\n                <i class=\"iconfont icon-dizhi icon\" \r\n                  v-if=\"productInfo.exhibitor.boothInfo\">\r\n                </i>\r\n                <span style=\"margin-left: 4px\" @click=\"Totour(productInfo.exhibitor)\">{{\r\n                  productInfo.exhibitor.boothInfo\r\n                }}</span>\r\n              </div>\r\n              <div class=\"u-category\">\r\n                <i class=\"iconfont icon-biaoqian1 icon\"\r\n                  \r\n                  v-if=\"productInfo.exhibitor.category\">\r\n                </i>\r\n                <span\r\n                  >{{ productInfo.exhibitor.category }}</span>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"product-renzheng\"\r\n              v-if=\"productInfo.exhibitor.continuouNumber\">\r\n              <div style=\"\r\n                  background-color: #fff;\r\n                  display: flex;\r\n                  align-items: center;\r\n                  width: 20px;\r\n                  height: 20px;\r\n                  justify-content: center;\r\n                \">\r\n                <img src=\"@/assets/img/jinpai.png\"\r\n                  v-if=\"productInfo.exhibitor.continuouNumber > 7\" />\r\n                <img src=\"@/assets/img/tongpai.png\"\r\n                  v-else-if=\"productInfo.exhibitor.continuouNumber < 5\" />\r\n                <img src=\"@/assets/img/yinpai.png\" v-else />\r\n              </div>\r\n              <span style=\"\r\n                  display: inline-block;\r\n                  margin-left: 6px;\r\n                  font-size: 12px;\r\n                  color: #ff5e00;\r\n                  paddgin-right: 3px;\r\n                \">\r\n                连续{{ productInfo.exhibitor.continuouNumber }}年参展\r\n              </span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"center\">\r\n          <div style=\"font-size: 14px\">\r\n            <div style=\"color: #ff5e00\">\r\n              {{ productInfo.exhibitor.productNumber }}\r\n            </div>\r\n            <div>展品</div>\r\n          </div>\r\n          <div style=\"font-size: 14px\">\r\n            <div style=\"color: #ff5e00\">\r\n              {{ productInfo.exhibitor.activityNumber }}\r\n            </div>\r\n            <div>活动</div>\r\n          </div>\r\n        </div>\r\n        <div style=\"\r\n            width: 280px;\r\n            height: 1px;\r\n            background-color: #f2f2f2;\r\n            margin-top: 20px;\r\n          \"></div>\r\n        <div class=\"code\">\r\n          <div id=\"qrcode\" class=\"qrcode\"></div>\r\n          <span\r\n            style=\"margin-top: 6px; display: inline-block\">扫码查看移动端</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <inquiryModal  ref=\"inquiryModal\" ></inquiryModal>\r\n    <!-- <orderModal :exhibitorId=\"productInfo.exhibitor.id\"\r\n      ref=\"orderModal\"></orderModal> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport videoPlayer from \"@components/videoPlayer/videoPlayer.vue\";\r\nimport QRCode from \"qrcodejs2\";\r\nimport { mapActions, mapGetters } from \"vuex\";\r\nimport orderModal from \"@components/orderModal\";\r\nimport inquiryModal from \"@components/inquiryModal\";\r\nimport url from \"@/utils/url\";\r\n\r\nexport default {\r\n  name: \"index\",\r\n  props: {\r\n    productInfo: {},\r\n    visitOpt: {},\r\n  },\r\n  data () {\r\n    return {\r\n      url:url,\r\n      imgList: [],\r\n      previewUrl: \"\",\r\n      company: \"\",\r\n      isFollow: false,\r\n      isLike: false,\r\n      nextleft: false,\r\n      nextright: false,\r\n      imghover: \"\",\r\n    };\r\n  },\r\n  components: {\r\n    videoPlayer,\r\n    orderModal,\r\n    inquiryModal\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      exhibitionId: \"getExhibitionId\",\r\n      userId: \"getUserId\",\r\n      userInfo: \"getUser\",\r\n      myAdvisorySetting:'getMyAdvisorySetting'\r\n    }),\r\n    isRegOk () {\r\n      return (\r\n        this.userInfo &&\r\n        this.userInfo.inMember &&\r\n        this.userInfo.inMember.userRole &&\r\n        this.userInfo.inMember.userRole != \"VISITOR\" &&\r\n        this.userInfo.inMember.userRole != \"Visitor\"\r\n      );\r\n    },\r\n  },\r\n  created () {\r\n    this.init();\r\n    if (this.userInfo.userId) {\r\n      this.getFollowAndLikeState();\r\n    }\r\n  },\r\n  mounted () {\r\n    setTimeout(()=>{\r\n       this.getQrCode();\r\n    },500)\r\n   \r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      graphqlPost: \"graphqlPostByZXS\",\r\n      ProductLike: \"product/ProductLike\",\r\n      ProductFollow: \"product/ProductFollow\",\r\n      unverifiedDialog: \"unverifiedDialog\",\r\n      linkToTour:'linkTo/linkToTour',\r\n          \r\n    }),\r\n    async getFollowAndLikeState () {\r\n      let query = `\r\n          query{\r\n                productFollowQuery{\r\n                isFollow(productId:\"${this.productInfo.id}\",userId:\"${this.userId}\")\r\n              }\r\n                productLikeQuery{\r\n                isLike(productId:\"${this.productInfo.id}\",userId:\"${this.userId}\")\r\n            }\r\n        }\r\n        `;\r\n      let opt = {\r\n        query: query,\r\n        variables: {},\r\n      };\r\n\r\n      let data = await this.graphqlPost(opt);\r\n      console.log(data, 'data展商')\r\n      // this.isFollower=this.exInfo.isFollow;\r\n      let res = JSON.parse(JSON.stringify(data.data));\r\n      this.isFollow = res.productFollowQuery.isFollow;\r\n      this.isLike = res.productLikeQuery.isLike;\r\n    },\r\n    onLineTalk(){\r\n      if(!this.isRegOk){\r\n        this.unverifiedDialog(this);\r\n        return;\r\n      }\r\n      if(this.userInfo&&this.userInfo.inMember.isBlacklist){\r\n        this.$Message.warning('您已被屏蔽');\r\n        return \r\n      }\r\n      if(!this.getRoleHandle('L1ExShow-L2IM-L3IM')){\r\n        return \r\n      }\r\n      this.$emit('onLineTalk');\r\n    },\r\n    Totour(item){\r\n      this.linkToTour()\r\n      this.$store.commit('setExhibitor',item)\r\n    },\r\n    init () {\r\n      console.log(this.productInfo, 'zhanpinxiangqing')\r\n      if (this.productInfo) {\r\n        this.imgList = this.productInfo.banner;\r\n        if (this.productInfo.video && this.productInfo.video.cover) {\r\n          this.imgList.unshift(this.productInfo.video.cover);\r\n          this.previewUrl = this.productInfo.video.cover;\r\n        } else {\r\n          this.previewUrl = this.productInfo.banner[0];\r\n        }\r\n        if (this.productInfo.panoramaUrl) {\r\n          this.imgList.unshift('https://img.zhanshangxiu.com/showonline/file/202011/20201106/8f0207f652c74460b58401815de2be92.jpg');\r\n          this.previewUrl = 'https://img.zhanshangxiu.com/showonline/file/202011/20201106/8f0207f652c74460b58401815de2be92.jpg'\r\n        }\r\n        console.log(this.imgList, 'this.imgList')\r\n        this.company = this.productInfo.exhibitor.company;\r\n         console.log(this.company, 'this.company')\r\n      }\r\n    },\r\n    //向左滑动\r\n    left () {\r\n      if (this.imgList.length > 5) {\r\n        this.nextleft = false;\r\n        this.nextright = true;\r\n      }\r\n    },\r\n    //向右滑动\r\n    right () {\r\n      if (this.imgList.length > 5) {\r\n        this.nextleft = true;\r\n        this.nextright = false;\r\n      }\r\n    },\r\n    async inquiryOpen(){\r\n      if (!this.isRegOk) {\r\n        this.unverifiedDialog(this);\r\n        return;\r\n      }\r\n      if(this.userInfo&&this.userInfo.inMember.isBlacklist){\r\n        this.$Message.warning('您已被屏蔽');\r\n        return \r\n      }\r\n      if(!this.getRoleHandle('L1Operate-L2XunPan-L3Publish')){\r\n        return \r\n      }\r\n      if(!this.myAdvisorySetting||this.myAdvisorySetting.enquiryDayNumber==0){\r\n        await this.getUserAdvisorySetting()\r\n      }\r\n      if(this.myAdvisorySetting.enquiryDayNumber>0){\r\n        let opt={\r\n          exhibitorId:this.productInfo.exhibitor.id,\r\n          productName:this.productInfo.name,\r\n          productId:this.productInfo.id,\r\n        }\r\n        this.$refs.inquiryModal.open(opt);\r\n      }else{\r\n        this.$Message.warning('您今天的询盘次数已达上限')\r\n      }\r\n      \r\n    },\r\n    //模态框打开\r\n    orderOpen () {\r\n      if (!this.isRegOk) {\r\n        this.unverifiedDialog(this);\r\n        return;\r\n      }\r\n      this.$refs.orderModal.open();\r\n    },\r\n    // 判断视频是否在播放\r\n    player (autoplay) {\r\n      this.autoplay = autoplay;\r\n      console.log(autoplay, \"autoplay\");\r\n    },\r\n    mouseOver (img, index) {\r\n      this.previewUrl = img;\r\n      this.imghover = index;\r\n      console.log(img, \"img\");\r\n    },\r\n    getQrCode () {\r\n      let url =\r\n        `https://${this.url.mobile}/product-detail?id=` + this.productInfo.id;\r\n      let qrcode = new QRCode(\"qrcode\", {\r\n        width: 180,\r\n        height: 180,\r\n        text: url, // 二维码内容\r\n        correctLevel: 3,\r\n        // render: 'canvas' ,   // 设置渲染方式（有两种方式 table和canvas，默认是canvas）\r\n        // background: '#f0f',   // 背景色\r\n        // foreground: '#ff0'    // 前景色\r\n      });\r\n    },\r\n    //产品点赞\r\n    async addproductLike () {\r\n      if (!this.userInfo.userId) {\r\n        this.unverifiedDialog(this);\r\n        return;\r\n      }\r\n      if (this.isLike) {\r\n        this.$Message.info(\"您已经点过赞啦\");\r\n        return;\r\n      }\r\n      let userInfo = {\r\n        name: this.userInfo.name,\r\n        avatarUrl: this.userInfo.avatarUrl,\r\n        nickName: this.userInfo.nickName,\r\n      };\r\n      let opt = {\r\n        productId: this.productInfo.id,\r\n        exhibitionId: this.exhibitionId,\r\n        exhibitorId: this.productInfo.exhibitor.id,\r\n        userId: this.userInfo.userId,\r\n        userInfo: JSON.stringify(userInfo),\r\n      };\r\n      let result = await this.ProductLike(opt);\r\n      if (result.result) {\r\n        this.isLike = true;\r\n        this.$Message.success(\"已点赞\");\r\n        this.productInfo.likeCount = this.productInfo.likeCount + 1;\r\n      } else {\r\n        this.$Message.error(result.message);\r\n      }\r\n    },\r\n    //关注产品\r\n    async addProLove () {\r\n      if (!this.userInfo.userId) {\r\n        this.unverifiedDialog(this);\r\n        return;\r\n      }\r\n      let userInfo = {\r\n        name: this.userInfo.name,\r\n        avatarUrl: this.userInfo.avatarUrl,\r\n        nickName: this.userInfo.nickName,\r\n      };\r\n      let opt = {\r\n        productId: this.productInfo.id,\r\n        exhibitionId: this.exhibitionId,\r\n        exhibitorId: this.productInfo.exhibitor.id,\r\n        userId: this.userInfo.userId,\r\n        userInfo: JSON.stringify(userInfo),\r\n      };\r\n      let result = await this.ProductFollow(opt);\r\n      if (result.message == \"已关注\") {\r\n        this.isFollow = true;\r\n        this.$Message.success(\"已关注\");\r\n        this.productInfo.followCount = this.productInfo.followCount + 1;\r\n      } else {\r\n        this.isFollow = false;\r\n        this.$Message.error(result.message);\r\n      }\r\n    },\r\n    //关注产品\r\n    async deProLove () {\r\n      if (!this.userInfo.userId) {\r\n        this.unverifiedDialog(this);\r\n        return;\r\n      }\r\n      // 取消关注\r\n      let body = {\r\n        productId: this.productInfo.id,\r\n        userId: this.userInfo.userId,\r\n      };\r\n      let result = await this.ProductFollow(body);\r\n      if (result.message == \"已取消关注\") {\r\n        this.isFollow = false;\r\n        this.$Message.success(\"取消关注\");\r\n        this.productInfo.followCount = this.productInfo.followCount - 1;\r\n      } else {\r\n        this.isFollow = true;\r\n        this.$Message.error(result.message);\r\n      }\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::v-deep {\r\n  .vjs-fluid {\r\n    height: 100%;\r\n  }\r\n}\r\n.productcontent {\r\n  margin: 20px auto;\r\n  width: 1200px;\r\n  display: flex;\r\n  background-color: #fff;\r\n  position: relative;\r\n  .d_wrap {\r\n    position: fixed;\r\n    top: 480px;\r\n    right: 20px;\r\n    width: 120px;\r\n    height: 120px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 14px 28px;\r\n    background: #fff;\r\n    border-radius: 8px;\r\n    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);\r\n    z-index: 4;\r\n    img {\r\n      width: 64px;\r\n      height: 64px;\r\n      display: block;\r\n    }\r\n    p {\r\n      font-size: 16px;\r\n      color: #333;\r\n    }\r\n  }\r\n}\r\n\r\n.product-detail {\r\n  width: 880px;\r\n  min-height: 543px;\r\n\r\n  background-color: #fff;\r\n}\r\n\r\n.detail {\r\n  padding: 20px;\r\n  display: flex;\r\n}\r\n\r\n.preview {\r\n  width: 400px;\r\n  height: 400px;\r\n\r\n  .preview-img {\r\n    width: 400px;\r\n    height: 400px;\r\n    &.qj_wrap {\r\n      display: block;\r\n      cursor: pointer;\r\n      position: relative;\r\n      .qj_icon {\r\n        background: rgba($color: #000, $alpha: 0.1);\r\n        width: 100%;\r\n        height: 100%;\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        .qj_div {\r\n          background: rgba($color: #000, $alpha: 0.4);\r\n          border-radius: 50%;\r\n          height: 80px;\r\n          width: 80px;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          i {\r\n            color: #fff;\r\n            font-size: 48px;\r\n          }\r\n        }\r\n      }\r\n      position: relative;\r\n    }\r\n  }\r\n\r\n  ul li {\r\n    float: left;\r\n    margin: 0 5px;\r\n    cursor: pointer;\r\n    width: 60px;\r\n    height: 60px;\r\n  }\r\n\r\n  .li img {\r\n    &.is-hover {\r\n      border: 2px solid #e53e41;\r\n    }\r\n  }\r\n\r\n  .spec-list {\r\n    position: relative;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .icon-l {\r\n    position: absolute;\r\n    left: 0;\r\n    font-size: 17px;\r\n  }\r\n\r\n  .icon-r {\r\n    position: absolute;\r\n    right: 0;\r\n    font-size: 17px;\r\n  }\r\n\r\n  .zuo {\r\n    display: block;\r\n    width: 22px;\r\n    height: 32px;\r\n    float: left;\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 50%;\r\n    margin-top: -14px;\r\n  }\r\n\r\n  .ul-list {\r\n    position: absolute;\r\n    width: 740px;\r\n    height: 60px;\r\n    top: 0px;\r\n    left: 0px;\r\n    list-style: none;\r\n  }\r\n\r\n  .is-left {\r\n    @keyframes mymove-l {\r\n      from {\r\n        left: 0px;\r\n      }\r\n      to {\r\n        left: -350px;\r\n      }\r\n    }\r\n    animation: mymove-l 2s;\r\n    animation-fill-mode: forwards;\r\n  }\r\n\r\n  .is-right {\r\n    animation: mymove-r 2s;\r\n    animation-fill-mode: forwards;\r\n\r\n    @keyframes mymove-r {\r\n      from {\r\n        left: -350px;\r\n      }\r\n      to {\r\n        left: 0px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .dianzan {\r\n    margin-top: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    &is-active {\r\n      color: #ff5c00;\r\n    }\r\n\r\n    span {\r\n      font-size: 12px;\r\n      color: #666;\r\n    }\r\n\r\n    .icon1 {\r\n      margin-right: 20px;\r\n\r\n      .icon-love {\r\n        margin-right: 5px;\r\n      }\r\n    }\r\n\r\n    .icon2 {\r\n      .icon-like {\r\n        margin-right: 5px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.product-content {\r\n  margin-left: 20px;\r\n\r\n  .product-name {\r\n    font-size: 16px;\r\n    color: #333;\r\n    font-weight: bold;\r\n  }\r\n\r\n  .product-selling {\r\n    font-size: 14px;\r\n    color: #666;\r\n    margin-top: 15px;\r\n  }\r\n\r\n  .product-category {\r\n    font-size: 14px;\r\n    color: #333;\r\n    display: flex;\r\n    align-items: center;\r\n    margin-top: 36px;\r\n\r\n    i {\r\n      @include font_color(#1890ff);\r\n      margin-right: 5px;\r\n    }\r\n  }\r\n\r\n  .product-tips {\r\n    margin-top: 20px;\r\n    margin-left: -10px;\r\n\r\n    span {\r\n      color: #ff5c00;\r\n      background-color: #ffeee5;\r\n      padding: 5px 6px;\r\n      border-radius: 3px;\r\n      margin-left: 10px;\r\n      display: inline-block;\r\n      margin-bottom: 10px;\r\n    }\r\n  }\r\n\r\n  .tongji {\r\n    padding: 20px 30px 16px 30px;\r\n    background-color: #f7f7f7;\r\n    display: flex;\r\n    align-items: center;\r\n    border-radius: 5px;\r\n    height: 70px;\r\n    margin-top: 10px;\r\n    justify-content: center;\r\n    .span1 {\r\n      font-size: 18px;\r\n      color: #ff5c00;\r\n    }\r\n\r\n    .span2 {\r\n      font-size: 14px;\r\n      @include font_color(#1890ff);\r\n    }\r\n\r\n    .fenge {\r\n      width: 1px;\r\n      height: 26px;\r\n      background-color: #dddddd;\r\n      margin: 0 22px;\r\n    }\r\n  }\r\n\r\n  .bottom-btn {\r\n    display: flex;\r\n    margin-top: 40px;\r\n    .xian{\r\n      \r\n    }\r\n  }\r\n}\r\n\r\n.detail-r {\r\n  border-left: 1px solid #ededed;\r\n  height: 543px;\r\n  width: 300px;\r\n\r\n  .top {\r\n    display: flex;\r\n    padding-top: 20px;\r\n    width: 280px;\r\n\r\n    .logo {\r\n      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);\r\n      img {\r\n        width: 78px;\r\n        height: 78px;\r\n        cursor: pointer;\r\n        display: block;\r\n      }\r\n    }\r\n\r\n    .company-name {\r\n      font-size: 14px;\r\n      color: #333;\r\n      cursor: pointer;\r\n    }\r\n    .u-booth {\r\n      display: flex;\r\n      align-items: center;\r\n      span {\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n        width: 70px;\r\n      }\r\n    }\r\n    .u-category {\r\n      margin-left: 12px;\r\n      display: flex;\r\n      align-items: center;\r\n      span {\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n        width: 70px;\r\n      }\r\n    }\r\n    .product-renzheng {\r\n      height: 22px;\r\n      border: solid 1px #ffe7d9;\r\n      margin-top: 7px;\r\n      display: flex;\r\n      align-items: center;\r\n      background-color: #ffe7d9;\r\n      width: fit-content;\r\n      padding-right: 3px;\r\n    }\r\n  }\r\n\r\n  .center {\r\n    width: 146px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    text-align: center;\r\n    margin-top: 15px;\r\n  }\r\n\r\n  .code {\r\n    width: 240px;\r\n    height: 260px;\r\n    background-color: #f7f7f7;\r\n    border-radius: 10px;\r\n    margin: 20px;\r\n    text-align: center;\r\n    margin-top: 40px;\r\n    .qrcode {\r\n      padding-top: 30px;\r\n      padding-left: 30px;\r\n    }\r\n  }\r\n}\r\n\r\n.icon_wrap {\r\n  color: #bfbfbf;\r\n\r\n  &:hover,\r\n  &.ok {\r\n    color: #ff5c00;\r\n\r\n    span {\r\n      color: #ff5c00;\r\n    }\r\n  }\r\n\r\n  span {\r\n    font-size: 12px;\r\n    color: #666;\r\n  }\r\n\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  .iconfont {\r\n    margin-right: 5px;\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=3826340a&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=3826340a&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  \"3826340a\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"product\">\r\n    <productDetailTop @onLineTalk=\"onLineTalk\" :productInfo=\"productInfo\" :visitOpt=\"visitOpt\" v-if=\"productInfo\"></productDetailTop>\r\n    <!--展品详情-->\r\n    <div class=\"g-layout\" v-if=\"productInfo\">\r\n      <div class=\"g-layout-r\" style=\"margin-left: 0; margin-right: 10px\">\r\n        <div class=\"m-card3\">\r\n          <div class=\"mc-top\">\r\n            <div class=\"mc-top-title\">\r\n              <span class=\"mc-top-text mc-top-txt s-bold\">展品详情</span>\r\n            </div>\r\n          </div>\r\n          <div class=\"product-describe\" v-if=\"introduction\">\r\n            <div v-for=\"(item, index1) in introduction\" :key=\"index1\">\r\n              <!-- 文本 -->\r\n              <p\r\n                class=\"int-text\"\r\n                v-if=\"item.text\"\r\n                :style=\"{\r\n                  'font-size': item.text.fontSize,\r\n                  color: item.text.color,\r\n                  'text-align': item.text.position,\r\n                }\"\r\n                v-html=\"$service.replaceSpeace(item.text.content)\"\r\n              ></p>\r\n              <!-- 图片 -->\r\n              <div class=\"int-img\" v-if=\"item.picture && item.picture.type == 1\">\r\n                <div\r\n                  :style=\"{\r\n                    'padding-left': item.picture.padding + 'px',\r\n                    'padding-right': item.picture.padding + 'px',\r\n                  }\"\r\n                >\r\n                  <div v-for=\"(itm, idx) in item.picture.list\" :key=\"idx\" :style=\"{ 'margin-bottom': item.picture.spacing + 'px' }\">\r\n                    <img :src=\"itm.url\" preview=\"1\" :large=\"itm.url\" style=\"width: 100%; display: block\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <!-- 轮播图片 -->\r\n              <div v-if=\"item.picture && item.picture.type == 2\">\r\n                <Carousel style=\"width: 738px\" loop autoplay :radius-dot=\"true\" :autoplay-speed=\"5000\">\r\n                  <CarouselItem v-for=\"(item, index) in item.picture.list\" :key=\"'pic' + index\">\r\n                    <img :src=\"item.url\" style=\"width: 100%;height: 100%;\" />\r\n                  </CarouselItem>\r\n                </Carousel>\r\n              </div>\r\n              <!-- 视频 -->\r\n              <div class=\"int-video\" style=\"position: relative\" v-if=\"item.video\">\r\n                <videoPlayer :url=\"item.video.link\" :cover=\"item.video.cover\" :time=\"item.video.Time\"></videoPlayer>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <evaluate v-if=\"productInfo.evaluateCount > 0\" :pro=\"true\" :productId=\"productId\" :evalTags=\"productInfo.evaluateTags\" :evalCount=\"productInfo.evaluateCount\"></evaluate>\r\n      </div>\r\n      <div class=\"g-layout-l\">\r\n        <div class=\"m-card3\" v-if=\"List && List.length\">\r\n          <div class=\"mc-top\">\r\n            <div class=\"mc-top-title\">\r\n              <span class=\"mc-top-text mc-top-txt s-bold\">热门展品</span>\r\n            </div>\r\n          </div>\r\n          <div class=\"m-list2\">\r\n            <Row>\r\n              <Col span=\"24\" v-for=\"(item, index) in List.slice(0, 3)\" :key=\"'m-list2-1' + index\" class=\"m-list2-box\">\r\n                <div class=\"ml2-item\">\r\n                  <div class=\"ml2-item-box\" @click=\"goProduct(item.id)\">\r\n                    <template v-if=\"item.video && JSON.parse(item.video).cover && JSON.parse(item.video).cover != 1\">\r\n                      <img :src=\"JSON.parse(item.video).cover\" v-if=\"JSON.parse(item.video).cover\" alt />\r\n                      <img v-else src=\"@/assets/img/empty.png\" />\r\n                    </template>\r\n                    <template v-else>\r\n                      <img :src=\"item.banner[0]\" v-if=\"item.banner[0]\" style=\"height: 100%\" />\r\n                      <img v-else src=\"@/assets/img/empty.png\" />\r\n                    </template>\r\n                    <div class=\"play_video\" v-if=\"item.video && JSON.parse(item.video).url\">\r\n                      <i class=\"iconfont icon-shipinmianxing\"></i>\r\n                    </div>\r\n                    <div class=\"rebang\" v-if=\"item.isPopularize\">\r\n                      <div\r\n                        style=\"\r\n                          display: flex;\r\n                          align-items: center;\r\n                          justify-content: center;\r\n                        \"\r\n                      >\r\n                        <i class=\"iconfont icon-fire\" style=\"font-size: 14px; margin-right: 2px\"></i>\r\n                        热榜\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"qj_div\" v-if=\"item.panoramaUrl\">\r\n                      <i class=\"iconfont icon-yuanxitubiao-\"></i>\r\n                    </div>\r\n                    <div class=\"is_threeD\" v-if=\"item.view3DUrl\">\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\r\n                        style=\"\r\n                          font-size: 12px;\r\n                          color: #ff5c00;\r\n                          display: inline-block;\r\n                        \"\r\n                        >3D</span\r\n                      >\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"ml2-item-info\">\r\n                  <p>{{ item.name }}</p>\r\n                  <p style=\"color: #999999\" v-if=\"item.selling\">\r\n                    {{ item.selling }}\r\n                  </p>\r\n                  <p style=\"margin-top: 14px\" v-else></p>\r\n                </div>\r\n              </Col>\r\n            </Row>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"u-empty\" v-if=\"loading\">数据加载中...</div>\r\n    <div class=\"u-empty\" v-if=\"!loading && !productInfo\">暂无数据</div>\r\n    <chatTalkUser :exhibitorId=\"exhibitorId\" :isAlone=\"true\" v-if=\"talkShow\"></chatTalkUser>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport productDetailTop from \"@components/productDetail-top/index.vue\";\r\nimport evaluate from \"@components/evaluate/index.vue\";\r\nimport { mapActions, mapGetters } from \"vuex\";\r\nimport videoPlayer from \"@components/videoPlayer/videoPlayer.vue\";\r\nimport chatTalkUser from \"@components/chat-talk-user/index.vue\";\r\nexport default {\r\n  name: \"index\",\r\n  data() {\r\n    return {\r\n      productInfo: \"\",\r\n      visitOpt: {\r\n        //访问信息\r\n        finished: false,\r\n        page: 1,\r\n        size: 20,\r\n        totalCount: 0,\r\n        items: [],\r\n      },\r\n      pictureList: [],\r\n      introduction: \"\",\r\n      pageIndex: 1,\r\n      pageSize: 10,\r\n      proCategory: [],\r\n      productId: \"\",\r\n      exhibitorId: \"\",\r\n      List: [], //热门产品\r\n      shareBanner: [],\r\n      talkShow:false,\r\n      loading: true,\r\n    };\r\n  },\r\n  components: {\r\n    productDetailTop,\r\n    evaluate,\r\n    videoPlayer,\r\n    chatTalkUser\r\n\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      exhibitionInfo: \"getExhibitionInfo\",\r\n      exhibitionId: \"getExhibitionId\",\r\n      userId: \"getUserId\",\r\n      userInfo: \"getUser\",\r\n    }),\r\n    memberId() {\r\n      return \"c13e1521-7258-4e38-8294-0290a5dde675\";\r\n    },\r\n    isRegOk () {\r\n      return (\r\n        this.userInfo &&\r\n        this.userInfo.inMember &&\r\n        this.userInfo.inMember.userRole &&\r\n        this.userInfo.inMember.userRole != \"VISITOR\" &&\r\n        this.userInfo.inMember.userRole != \"Visitor\"\r\n      );\r\n    },\r\n    isServer(){\r\n      let ser=false;\r\n      if(this.userInfo&&this.userInfo.inMember&&this.userInfo.inMember.companyUsers&&this.userInfo.inMember.companyUsers.id){\r\n        ser=true;\r\n      }\r\n      return ser\r\n    },\r\n  },\r\n  created() {\r\n    this.productId = this.$route.query.productId;\r\n    this.init();\r\n  },\r\n  mounted(){\r\n    this.$Bus.$off('talkAloneClose')\r\n    this.$Bus.$on('talkAloneClose',()=>{\r\n      this.talkShow=false;\r\n    })\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      graphqlPost: \"graphqlPostByZXS\",\r\n      linkToProductDetais: \"linkTo/linkToProductDetais\",\r\n      getShareConfig: \"share/getShareConfig\",\r\n      addAllView: \"addAllView\",\r\n      unverifiedDialog: \"unverifiedDialog\",\r\n      addAppointmentNumber:'exhibitor/addAppointmentNumber'\r\n    }),\r\n    addView() {\r\n      let opt = {\r\n        exhibitionId: this.exhibitionId,\r\n        target: \"product\",\r\n        targetId: this.productId,\r\n      };\r\n      if (this.userInfo && this.userInfo.userId) {\r\n        opt.userId = this.userInfo.userId;\r\n      }\r\n      this.addAllView(opt);\r\n    },\r\n    async setShare() {\r\n      let data = await this.getShareConfig({ id: this.exhibitionId, name: \"share.product.config\" });\r\n      let share = {\r\n        url: location.href,\r\n        title: this.productInfo.name || \"展品详情\",\r\n        desc: \"\",\r\n        summary: \"\",\r\n        pics: this.shareBanner && this.shareBanner.length ? this.shareBanner[0] : \"\",\r\n      };\r\n      if (data) {\r\n        let dataJson = JSON.parse(data);\r\n        if (dataJson.content) {\r\n          dataJson.content = dataJson.content.replace(/【展品】/g, this.productInfo.name);\r\n          dataJson.content = dataJson.content.replace(/【公司】/g, this.productInfo.exhibitor.company.name);\r\n          dataJson.content = dataJson.content.replace(/【展位号】/g, this.productInfo.exhibitor.boothInfo);\r\n          dataJson.content = dataJson.content.replace(/【卖点】/g, this.productInfo.selling);\r\n          share.title = dataJson.content;\r\n        }\r\n        if (dataJson.des) {\r\n          dataJson.des = dataJson.des.replace(/【展品】/g, this.productInfo.name);\r\n          dataJson.des = dataJson.des.replace(/【公司】/g, this.productInfo.exhibitor.company.name);\r\n          dataJson.des = dataJson.des.replace(/【展位号】/g, this.productInfo.exhibitor.boothInfo);\r\n          dataJson.des = dataJson.des.replace(/【卖点】/g, this.productInfo.selling);\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    async init() {\r\n      this.addView();\r\n      this.loading = true;\r\n      let query = `\r\n        {\r\n          productQuery{\r\n            get(id:\"${this.productId}\")\r\n              {\r\n                compId\r\n                banner\r\n                category\r\n                introduction\r\n                name\r\n                selling\r\n                tag\r\n                userCount\r\n                evaluateCount\r\n                advisoryCount\r\n                compId\r\n                video\r\n                likeCount\r\n                followCount\r\n                view3DUrl\r\n                panoramaUrl\r\n                viewCount\r\n                isPopularize\r\n                isFollow(userId:\"${this.userId}\")\r\n                isLike(userId:\"${this.userId}\")\r\n                id\r\n                evaluateTags{ #评价标签\r\n                      evaluateCount #评价数\r\n                      name\r\n                }\r\n                exhibitor{              #参展信息\r\n                  activityLiving{\r\n                    id\r\n                    acvitityType\r\n                    hasLive\r\n                    liveAuditState\r\n                  }\r\n                  businesses(num:3){\r\n                    isSample\r\n                  }\r\n                  id\r\n                  category\r\n                  advisoryCount\r\n                  activityCount\r\n                  continuouNumber\r\n                  customerServiceIsAppointmentNumber\r\n                  boothInfo\r\n                  products{           #展商展品\r\n                    name\r\n                    selling\r\n                    category\r\n                  }\r\n                  proCount\r\n                  productNumber\r\n                  activityNumber\r\n                  company{            #公司信息\r\n                    name\r\n                    logo\r\n                    region\r\n                    id\r\n                  }\r\n                  exhibition{\r\n                    logo\r\n                  }\r\n                }\r\n              }\r\n            }\r\n        }`;\r\n      let where = {\r\n        Equal: {\r\n          n: \"exhibitionId\",\r\n          v: this.exhibitionId,\r\n        },\r\n        Equal1: {\r\n          n: \"auditState\",\r\n          v: 1,\r\n        },\r\n        Equal_isdeleted: {\r\n          n: \"isDeleted\",\r\n          v: false,\r\n        },\r\n        // ...EqualContent,\r\n      };\r\n      let order = [{ N: \"updateAt\", v: 0 }];\r\n      let opt = {\r\n        query: query,\r\n        variables: {\r\n          query: {\r\n            where: JSON.stringify(where),\r\n            order: JSON.stringify(order),\r\n          },\r\n        },\r\n      };\r\n      let data = await this.graphqlPost(opt);\r\n      this.productInfo = JSON.parse(JSON.stringify(data.data.productQuery.get));\r\n      this.exhibitorId = this.productInfo.exhibitor.id;\r\n      if (this.productInfo.banner) {\r\n        this.shareBanner = JSON.parse(this.productInfo.banner);\r\n        this.productInfo.banner = JSON.parse(this.productInfo.banner);\r\n      }\r\n      //产品类别\r\n      if (this.productInfo.category && this.productInfo.category.indexOf(\"[\") !== -1) {\r\n        let category = JSON.parse(data.data.productQuery.get.category);\r\n        this.productInfo.category = this.getCate(category);\r\n      }\r\n      //展商类别\r\n      if (this.productInfo.exhibitor.category && this.productInfo.exhibitor.category.indexOf(\"[\") !== -1) {\r\n        let category = JSON.parse(this.productInfo.exhibitor.category);\r\n        this.productInfo.exhibitor.category = this.getCate(category);\r\n      }\r\n      //格式化详情信息\r\n      if (this.productInfo.introduction.indexOf(\"[\") !== -1) {\r\n        // this.productInfo.introduction = eval(this.productInfo.introduction);\r\n        this.introduction = JSON.parse(data.data.productQuery.get.introduction);\r\n\r\n        this.introduction.forEach((el) => {\r\n          if (el.picture&&el.picture.list&&el.picture.list.length) {\r\n            this.pictureList.push(el.picture.list[0].url);\r\n          }\r\n        });\r\n      }\r\n      //格式化地区\r\n      if (this.productInfo.exhibitor.company.region) {\r\n        let arr = this.productInfo.exhibitor.company.region.split(\"/\");\r\n        this.productInfo.exhibitor.regionTxt = arr[arr.length - 2] + \"·\" + arr[arr.length - 1];\r\n      } else {\r\n        this.productInfo.exhibitor.regionTxt = \"\";\r\n      }\r\n      //视频\r\n      if (this.productInfo.video && this.productInfo.video.indexOf(\"{\") !== -1) {\r\n        this.productInfo.video = JSON.parse(this.productInfo.video);\r\n      }\r\n      //产品标签\r\n      if (this.productInfo.tag) {\r\n        this.productInfo.tag = this.productInfo.tag.split(\";\");\r\n      }\r\n      console.log(this.productInfo, \"data\");\r\n      this.loading = false;\r\n      document.title = this.productInfo ? `${this.productInfo.name + \"-\"}${this.exhibitionInfo.name}` : \"展商秀\";\r\n      this.setShare();\r\n      this.getVisit();\r\n      this.getData();\r\n    },\r\n    //获得访问信息\r\n    async getVisit() {\r\n      this.visitOpt.totalCount += 1;\r\n      let query = `\r\n                     query queryProductUser(\r\n                        $page: Int!\r\n                        $size: Int!\r\n                        $where: String!\r\n                        $order: String\r\n                        ) {\r\n                            queryProductUser(\r\n                             query: { page: $page, size: $size, where: $where, order: $order }\r\n                             ) {\r\n                                hasNextPage\r\n                                 pageIndex\r\n                                totalCount\r\n                                items {\r\n                                    id\r\n                                    userInfo\r\n                                    }\r\n                            }\r\n                        }\r\n                        `;\r\n      let where = {\r\n        Equal: {\r\n          n: \"productId\",\r\n          v: this.productId,\r\n        },\r\n        Equal_isDeleted: {\r\n          n: \"isDeleted\",\r\n          v: 0,\r\n        },\r\n      };\r\n      let order = [\r\n        {\r\n          N: \"createAt\",\r\n          v: 0,\r\n        },\r\n      ];\r\n      let opt = {\r\n        query: query,\r\n        variables: {\r\n          page: this.visitOpt.page,\r\n          size: this.visitOpt.size,\r\n          where: JSON.stringify(where),\r\n          order: JSON.stringify(order),\r\n        },\r\n      };\r\n      let data1 = await this.graphqlPost(opt);\r\n      console.log(data1, \"访问data\");\r\n      let res = JSON.parse(JSON.stringify(data1.data.queryProductUser));\r\n      res.items.forEach((el) => {\r\n        if (el.userInfo && el.userInfo.indexOf && el.userInfo.indexOf(\"{\") !== -1) {\r\n          el.userInfo = JSON.parse(el.userInfo);\r\n        }\r\n      });\r\n      if (this.visitOpt.page == 1) {\r\n        this.visitOpt.items = res.items;\r\n      } else {\r\n        this.visitOpt.items = [...new Set([...this.visitOpt.items, ...res.items])];\r\n      }\r\n      this.visitOpt.page = res.pageIndex;\r\n      this.visitOpt.totalCount = res.totalCount;\r\n      if (!res.hasNextPage) {\r\n        this.visitOpt.finished = true;\r\n      }\r\n    },\r\n    //获取热门产品\r\n    async getData() {\r\n      let query = `\r\n                     query queryProduct(\r\n                         $page: Int!\r\n                         $size: Int!\r\n                         $where: String!\r\n                         $order: String\r\n                        ) {\r\n                         queryProduct(\r\n                         query: { page: $page, size: $size, where: $where, order: $order }\r\n                        ) {\r\n                            hasNextPage\r\n                            indexFrom\r\n                            pageIndex\r\n                            pageSize\r\n                            totalCount\r\n                        items {\r\n                            id\r\n                            name\r\n                            selling\r\n                            banner\r\n                            view3DUrl\r\n                            panoramaUrl\r\n                            isPopularize\r\n                            category\r\n                            video\r\n                         }\r\n                        }\r\n                     }\r\n                    `;\r\n      let where = {\r\n        Equal: {\r\n          n: \"exhibitorId\",\r\n          v: this.exhibitorId,\r\n        },\r\n        Equal2: {\r\n          n: \"auditState\", // 审核通过\r\n          v: 1,\r\n        },\r\n        NotEqual: {\r\n          n: \"id\",\r\n          v: this.productId,\r\n        },\r\n      };\r\n      let order = [\r\n        {\r\n          N: \"showIndex\",\r\n          v: 0,\r\n        },\r\n        {\r\n          N: \"createAt\",\r\n          v: 0,\r\n        },\r\n      ];\r\n      let opt = {\r\n        query: query,\r\n        variables: {\r\n          page: this.pageIndex,\r\n          size: this.pageSize,\r\n          where: JSON.stringify(where),\r\n          order: JSON.stringify(order),\r\n        },\r\n      };\r\n      let data3 = await this.graphqlPost(opt);\r\n      console.log(data3, \"22222222222222222\");\r\n      let res = data3.data.queryProduct;\r\n      // this.totalCount = data.data.totalCount;\r\n      // let res = JSON.parse(JSON.stringify(data.data.queryProduct));\r\n      // let res=data.data.queryProduct;\r\n\r\n      if (res && res.items.length) {\r\n        res.items.forEach((el) => {\r\n          let arr = [];\r\n          if (el.category) {\r\n            el.category = JSON.parse(el.category);\r\n            console.log(el.category, \"el.category\");\r\n            arr.push(el.category.Value);\r\n            if (el.category.lists) {\r\n              el.category.lists.forEach((l) => {\r\n                arr.push(l.Value);\r\n              });\r\n            }\r\n          }\r\n\r\n          // this.proCategory.push(Category)\r\n\r\n          console.log(arr.join(\"/\"), \"proCategory\");\r\n          this.proCategory.push(arr.join(\"/\"));\r\n          if (el.banner && !Array.isArray(el.banner)) {\r\n            el.banner = JSON.parse(el.banner);\r\n          } else if (!Array.isArray(el.banner)) {\r\n            el.banner = [];\r\n          }\r\n        });\r\n      }\r\n      // console.log(this.pageIndex,'2211233132111');\r\n      if (this.pageIndex == 1) {\r\n        this.List = res.items;\r\n      } else {\r\n        this.List = [...new Set([...this.List, ...res.items])];\r\n      }\r\n      if (this.List.banner) {\r\n        this.List.banner = JSON.parse(this.List.banner);\r\n      }\r\n      console.log(this.List, \"this.List\");\r\n    },\r\n    goProduct(id) {\r\n      // location.reload();\r\n      this.linkToProductDetais(id);\r\n      this.productId=id;\r\n      this.productInfo=null\r\n      this.init()\r\n    },\r\n    //类别转化\r\n    getCate(arr) {\r\n      console.log(arr, \"---\");\r\n      console.log(arr.length, \"---\");\r\n      let str = \"\";\r\n      if (arr && arr[0]) {\r\n        for (let i = 0; i < arr.length; i++) {\r\n        if(arr[i]){\r\n            str += str ? \",\" + arr[i].Value : arr[i].Value;\r\n            }\r\n        }\r\n        return str;\r\n      } else {\r\n        return \"\";\r\n      }\r\n    },\r\n    onLineTalk () {\r\n      if(!this.isRegOk){\r\n        this.unverifiedDialog(this);\r\n        return;\r\n      }\r\n      if(this.userInfo&&this.userInfo.inMember.isBlacklist){\r\n        this.$Message.warning('您已被屏蔽');\r\n        return \r\n      }\r\n      if(this.userInfo&&this.isServer&&this.userInfo.inMember.exhibitorId==this.exhibitorId){\r\n        this.$Message.warning('无法给自己公司发起洽谈')\r\n        return \r\n      }\r\n      if (this.productInfo && this.exhibitorId) {\r\n        this.addAppointmentNumber(this.exhibitorId);\r\n      }\r\n      this.talkShow=true;\r\n      // this.$Message.warning('暂未开放')\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.play_video {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\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}\r\n.qj_div {\r\n  position: absolute;\r\n  right: 15px;\r\n  bottom: 15px;\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.product-describe {\r\n  padding: 50px 65px 65px 75px;\r\n\r\n  p {\r\n    color: #333;\r\n    line-height: 24px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  img { \r\n    margin-bottom: 30px;\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=ecd42286&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=ecd42286&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  \"ecd42286\",\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=3826340a&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=3826340a&scoped=true&lang=scss&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAMAAAAsYw3eAAAA7VBMVEUAAADv7+/r6+vx+vr////r6+vs7Ozt7e3r6+vs7Ozq6uryLDfp8fD5Zm5Rdcw5he14s/mryfLcIysBPcQadPP1JC/0AADu7u7w8PDq6urs7Ozs7OziN0Do6OjWAAABP8b3Pkfv//8RbPDp6enyUlns///mW2Ligofw8PDq6+v///7y8vLAwMC2traqqqrn5+bk5OTIyMi9vb2urq7f39+xsbGioqLx/v97uP/4+PitzPcWcfP49fLv8vL///H99vDx5Obu6OHt3+H/5d/81NQ+atDKysr5t7X0sbGmpqb7Rk/kQkrgFiLzBBDaAATQO1q5AAAAKHRSTlMA+z798nlhTjQRDv36+Pb08vLv4MSnp6GViYF+dXFvXTQxLyskGRENDIQ0NwAAAJxJREFUCNcdjFUSwkAQRIdAIAR3d5vdbByCu+v9j8Mk76f7VXU1lFKRbBGgkIu8m9D9nvm637ny+28MUH7xRSa94p82AAwTlznu+CM/IRmxw/5obk7JHhBhJlzX3obj1GMh4em6d9OiALI2NRxm6TMT69AgEUv0pebPHEM4T5tmBDJhuHYIVeoDhmhZGjKJRJWUFqKsSHQdUK0E8QcOBhQ/g/JvbwAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAMAAAAsYw3eAAAAxlBMVEUAAAD/2TP/2jP/y0j////dFi//3zH/2TX/2zb/3Df/1zX/2zVckKtTan7oWF//4jLfHAux2f2Iq+j1IgsEZe8HRMb/3i74Mz7/2jf1MVolgP//2DI8a+T/7i/sdXv/7Svym170hYn/2DT/3zv/1y75tAD7wAj//v//3DT7vQb6uQH5rwD8xA/8/9z/5z3+zTL/4zD/3Cf+0if/2Ryk3/+Csf81g/b90s0bTMf3wMH+rqz7m532OkTgHz30BCj/4yTaAAXyAARZ6mILAAAAI3RSTlMANBgG8puWiX1pVz/6+fn5+fLy6uLKont0aWRJOzYrKCAWEPBdF5gAAACUSURBVAjXJYxXEsIwFANfgDRC773JduL0Qu/c/1LEoB/NjjRL43utOyAa9motnbafq3ucLc7u6b0imj7dfaN5cB86EVX7t+hVRJfOpoR1O/GKLE3YUi1xKjiXWVwpoY4w8P1AwCaywLjPmOQ5TDIVACLIYfxvUnAJWwnghZwLBiXQPIAxwJuXsHO0CWBpjlpUjNGvvgCjEaP7Zje+AAAAAElFTkSuQmCC\"","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!./videoPlayer.vue?vue&type=style&index=0&id=f72250a4&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!./videoPlayer.vue?vue&type=style&index=0&id=f72250a4&lang=scss&scoped=true&\"","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=4ff528d7&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=4ff528d7&scoped=true&lang=scss&\""],"sourceRoot":""}