{"version":3,"sources":["webpack:///./src/views/pages/activity/pages/activity-details.vue?01ba","webpack:///./src/views/pages/activity/pages/activity-details.vue?e381","webpack:///./src/views/pages/activity/pages/components/user-info.vue?d8ed","webpack:///./src/components/qrCode/index.vue?78d4","webpack:///./src/views/pages/activity/pages/activity-details.vue?4392","webpack:///./src/components/qrCode/index.vue?1329","webpack:///src/components/qrCode/index.vue","webpack:///./src/components/qrCode/index.vue?7fff","webpack:///./src/components/qrCode/index.vue","webpack:///./src/views/pages/activity/pages/components/user-info.vue?4e41","webpack:///src/views/pages/activity/pages/components/user-info.vue","webpack:///./src/views/pages/activity/pages/components/user-info.vue?8dce","webpack:///./src/views/pages/activity/pages/components/user-info.vue","webpack:///src/views/pages/activity/pages/activity-details.vue","webpack:///./src/views/pages/activity/pages/activity-details.vue?b1d7","webpack:///./src/views/pages/activity/pages/activity-details.vue","webpack:///./src/assets/img/video-icon.png","webpack:///./src/views/pages/activity/pages/components/user-info.vue?e687"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","isLiveTime","isViewLive","code","style","actData","liveBackgroundUrl","option","cove","on","payTouch","_m","liveStatus","_e","liveUrl","isBlack","attrs","cover","showBg","staticStyle","$event","showbutton","ref","class","swiperStop","swiperOptionTop","videos","url","VideoPaly","VideoPalyfalse","_l","item","index","key","directives","name","rawName","value","swiperList","length","expression","slot","_v","_s","likeCount","isFollow","follow","followCount","zsGoto","banner","title","liveStateIndex","_f","startTime","endTime","address","isExhibitionActivity","goQrCode","LinkToActReg","actId","activeIndex","selectTab","introduction","text","fontSize","color","position","domProps","$service","replaceSpeace","content","picture","type","padding","itm","idx","spacing","list","video","link","Time","showSchedule","finishDate","finishImg","send","codeUrl","staticRenderFns","model","callback","$$v","showcode","props","String","data","created","methods","open","document","getElementById","innerHTML","width","height","correctLevel","component","nativeOn","searchHandle","sendInfo","JSON","parse","userInfo","avatarUrl","nickName","stortBarrageList","newBarrageList","barrageList","loading","finished","pageIndex","pageSize","dataList","computed","roomid","$route","query","id","isRegOk","user","inMember","userRole","isLogin","getTopBarrage","updated","$nextTick","init","$refs","wrapper","scrollTop","scrollHeight","dataPush","push","viewerEntry","console","log","found","$Message","warning","test","$Messag","error","$emit","unverifiedDialog","getOnline","getfollow","autoplay","navigation","nextEl","prevEl","typeList","isLike","regMsg","timeoutflag","handCount","isShowSubTitle","isSafari","hub","isShowPay","langType","showSubtitle","docTitle","viewerList","viewerCount","queryLiveViewer","autoPlayVal","isAutoplay","shareV","poster","dateFinish","ImgFinish","components","qrCode","compInfo","actDate","imgLive","videoPlayer","liveVideo","liveAway","liveIng","liveDianzan","exId","exhibitionId","swiperTop","swiper","enabledActivityReg","openJoin","regStartAt","hasUserInfo","userId","target","targetId","opt","addView","addAllView","stop","getActDetails","getHub","bool","viewerInit","viewerInfo","roomId","memberId","stringify","invoke","getLoadMethod","msg","that","state","res","Data","viewer","IsBlack","Code","pulls","userinfo","isEntry","comment","UserInfo","viewerName","Id","Content","Result","ShowAnimation","com","NickName","Name","giftName","Gift","giftIcon","Icon","obj","Banner","reContact","viewerId","UserId","close","ready","play","ended","liveStreamStop","debounce","clearTimeout","setTimeout","addhands","activityId","number","addActZan","body","LinkActReg","delActLove","success","addActLove","scrollIntoView","info","showRegConfirm","$Modal","confirm","onOk","onCancel","showRegConfirm2","beforeDestroy","module","exports"],"mappings":"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","file":"static/js/chunk-1b80623d.f60a097d.js","sourcesContent":["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!./activity-details.vue?vue&type=style&index=0&id=2b0b5892&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!./activity-details.vue?vue&type=style&index=0&id=2b0b5892&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!./activity-details.vue?vue&type=style&index=1&id=2b0b5892&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!./activity-details.vue?vue&type=style&index=1&id=2b0b5892&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!./user-info.vue?vue&type=style&index=1&id=43518548&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!./user-info.vue?vue&type=style&index=1&id=43518548&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=ef2b8d1c&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=ef2b8d1c&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"activity-details g-content\"},[_c('div',{staticClass:\"g-content-l\"},[_c('div',{staticClass:\"l-top\"},[_c('div',{staticClass:\"l-banner\"},[(!_vm.isLiveTime)?[_c('div',{staticStyle:{\"height\":\"100%\"},on:{\"mouseenter\":function($event){_vm.showbutton = true},\"mouseleave\":function($event){_vm.showbutton = false}}},[_c('swiper',{ref:\"swiperTop\",staticClass:\"my-swiper gallery\",class:_vm.swiperStop ? 'swiper-no-swiping' : '',attrs:{\"options\":_vm.swiperOptionTop}},[(_vm.videos && _vm.videos.url)?_c('swiper-slide',[_c('videoPlayer',{attrs:{\"url\":_vm.videos.url,\"cover\":_vm.videos.cover},on:{\"VideoPaly\":_vm.VideoPaly,\"VideoPalyfalse\":_vm.VideoPalyfalse}})],1):_vm._e(),_vm._l((_vm.banner),function(item,index){return _c('swiper-slide',{key:'gSwiperCommon-' + index},[_c('img',{staticClass:\"swiper-cover\",attrs:{\"src\":item}})])})],2),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.swiperList.length > 1 && _vm.showbutton),expression:\"swiperList.length > 1 && showbutton\"}]},[_c('div',{staticClass:\"swiper-button-prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"}),_c('div',{staticClass:\"swiper-button-next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"})])],1),_c('p',{staticClass:\"l-banner-bot\"},[_c('span',[_c('img',{attrs:{\"src\":require(\"@/assets/img/icon-zs.png\")}}),_vm._v(\" \"+_vm._s(_vm.actData.likeCount)+\" \")])])]:[(_vm.isViewLive && _vm.isViewLive.code != 1)?_c('div',{staticClass:\"live-layer\",style:({\n              'background-image': _vm.actData.liveBackgroundUrl\n                ? 'url(' + _vm.actData.liveBackgroundUrl + ')'\n                : 'url(' + _vm.option.cove + ')',\n            }),on:{\"click\":_vm.payTouch}},[_vm._m(0)]):[(_vm.liveStatus === 0)?_c('liveIng'):_vm._e(),(_vm.liveStatus === 2)?_c('liveAway'):_vm._e(),(_vm.liveStatus === 1 && _vm.liveUrl && !_vm.isBlack)?_c('liveVideo',{attrs:{\"url\":_vm.liveUrl,\"cover\":_vm.option.cover,\"liveStatus\":_vm.liveStatus,\"showBg\":_vm.showBg}}):_c('div',{staticClass:\"live-layer\",staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"background-size\":\"100%\"},style:({\n                'background-image': _vm.actData.liveBackgroundUrl\n                  ? 'url(' + _vm.actData.liveBackgroundUrl + ')'\n                  : 'url(' + _vm.option.cove + ')',\n              })})]]],2),_c('div',{staticClass:\"l-banner-bot\"},[_c('p',{staticClass:\"l-title-r-p1\",class:_vm.isFollow ? 'l-title-r-yes' : '',on:{\"click\":function($event){return _vm.follow()}}},[(!_vm.isFollow)?_c('span',{staticClass:\"heart\"},[_c('i',{staticClass:\"icon iconfont icon-love\"}),_vm._v(\" 关注 \")]):_c('span',{staticClass:\"heart\"},[_vm._v(\" 已关注 \")]),_c('span',{staticClass:\"num\"},[_vm._v(_vm._s(_vm.actData.followCount))])]),_c('span',{staticClass:\"likeCount\",on:{\"click\":_vm.zsGoto}},[_c('img',{attrs:{\"src\":require(\"@/assets/img/icon-zs.png\")}}),_vm._v(\" \"+_vm._s(_vm.actData.likeCount)+\" \")]),_c('liveDianzan')],1)]),_c('div',{staticClass:\"l-title\"},[_c('div',{staticClass:\"l-title-l\"},[_c('div',{staticClass:\"l-title-l-img\"},[_c('img',{attrs:{\"src\":_vm.banner[0]}})]),_c('div',{staticClass:\"l-title-l-info\"},[_c('div',{staticClass:\"h3\"},[_c('h3',[_vm._v(_vm._s(_vm.actData.title))]),(_vm.actData.liveStateIndex === 1)?_c('div',{staticClass:\"ml5-brand\"},[_c('span',{staticClass:\"u-brand2\"},[_vm._v(\"直播中\")])]):_vm._e()]),_c('p',[_vm._v(\" 时间：\"+_vm._s(_vm._f(\"moment\")(_vm.actData.startTime,\"YYYY/MM/DD HH:mm\"))+\"~\"+_vm._s(_vm._f(\"moment\")(_vm.actData.endTime,\"YYYY/MM/DD HH:mm\"))+\" \")]),_c('p',[_vm._v(\"地点：\"+_vm._s(_vm.actData.address))])])]),(!this.actData.isExhibitionActivity)?_c('div',{staticClass:\"l-title-r\"},[(_vm.actData.enabledBuyingTicket)?_c('p',{staticClass:\"l-title-r-p2\",on:{\"click\":function($event){return _vm.goQrCode()}}},[_vm._v(\" 购票 \")]):[(_vm.openJoin)?_c('p',{staticClass:\"l-title-r-p2\",on:{\"click\":function($event){return _vm.LinkToActReg(_vm.actId)}}},[_vm._v(\" 报名 \")]):_vm._e()]],2):_vm._e()]),_c('div',{staticClass:\"l-nav\"},[_c('div',{staticClass:\"type-tab\"},_vm._l((_vm.typeList),function(item,index){return _c('span',{key:index,class:_vm.activeIndex == index ? 'active' : '',on:{\"click\":function($event){_vm.activeIndex = index;\n            _vm.selectTab(item);}}},[_vm._v(\" \"+_vm._s(item)+\" \")])}),0)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.introduction && _vm.introduction.length),expression:\"introduction && introduction.length\"}],staticClass:\"m-card3\",attrs:{\"id\":\"Act\"}},[_vm._m(1),_c('div',{staticClass:\"mc-content detail\"},[(_vm.introduction && _vm.introduction.length)?_c('div',{staticClass:\"comm_text\"},_vm._l((_vm.introduction),function(item,index){return _c('div',{key:index},[(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\",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}})])}),0):_vm._e(),(\n                item.picture &&\n                item.picture.type == 2 &&\n                item.picture.list &&\n                item.picture.list.length\n              )?_c('div',{staticClass:\"int-img\",staticStyle:{\"width\":\"750px\"}},[_c('Carousel',{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\",\"margin-top\":\"20px\"}},[_c('videoPlayer',{attrs:{\"url\":item.video.link,\"cover\":item.video.cover,\"time\":item.video.Time}})],1):_vm._e()])}),0):_vm._e()])]),(_vm.actData && _vm.actData.showSchedule)?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.dateFinish),expression:\"dateFinish\"}],staticClass:\"m-card3\",attrs:{\"id\":\"Date\"}},[_vm._m(2),_c('div',{staticClass:\"mc-content\"},[(_vm.actData)?_c('actDate',{attrs:{\"actData\":_vm.actData},on:{\"finishInit\":_vm.finishDate}}):_vm._e()],1)]):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.ImgFinish),expression:\"ImgFinish\"}],staticClass:\"m-card3\",attrs:{\"id\":\"Img\"}},[_vm._m(3),_c('div',{staticClass:\"mc-content\"},[_c('imgLive',{on:{\"finishImg\":_vm.finishImg}})],1)])]),_c('div',{staticClass:\"g-content-r\"},[_c('userInfo',{ref:\"barrage\",on:{\"watchliveSend\":_vm.send}}),(_vm.actData)?_c('compInfo',{attrs:{\"actData\":_vm.actData}}):_vm._e()],1),_c('qrCode',{ref:\"qrCode\",attrs:{\"url\":_vm.codeUrl}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"live-layer-img\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/video-icon.png\")}})])},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(\"日程安排\")])])])},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',[_c('Modal',{attrs:{\"footer-hide\":true,\"mask-closable\":false,\"width\":\"360\"},model:{value:(_vm.showcode),callback:function ($$v) {_vm.showcode=$$v},expression:\"showcode\"}},[_c('div',{staticClass:\"box\"},[_c('div',{attrs:{\"id\":\"qrcode3\"}}),_c('div',{staticClass:\"box-txt\"},[_c('span',[_vm._v(\"使用微信扫一扫 继续交流\")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <Modal v-model=\"showcode\" :footer-hide=\"true\" :mask-closable=\"false\" width=\"360\">\r\n      <div class=\"box\">\r\n        <div id=\"qrcode3\"></div>\r\n        <div class=\"box-txt\">\r\n          <span>使用微信扫一扫 继续交流</span>\r\n        </div>\r\n      </div>\r\n    </Modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport QRCode from \"qrcodejs2\";\r\n\r\nexport default {\r\n  name: \"qrCode\",\r\n  props: {\r\n    url: String,\r\n  },\r\n  data() {\r\n    return {\r\n      showcode: false,\r\n    };\r\n  },\r\n  created() {},\r\n  methods: {\r\n    open() {\r\n      this.showcode = true;\r\n      document.getElementById(\"qrcode3\").innerHTML = \"\";\r\n      let qrcode = new QRCode(\"qrcode3\", {\r\n        width: 234,\r\n        height: 234,\r\n        text: this.url,\r\n        correctLevel: 3,\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#qrcode3 {\r\n  width: 234px;\r\n  height: 234px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.box { \r\n  text-align: center; \r\n  height: 325px; \r\n  padding-top: 25px;\r\n  &-txt {\r\n    font-size: 16px;\r\n    color: #333;\r\n    margin-top: 20px;\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=ef2b8d1c&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=ef2b8d1c&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  \"ef2b8d1c\",\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:\"user-info m-card3\"},[_c('div',{staticClass:\"type-tab\"},_vm._l((_vm.type),function(item,index){return _c('span',{key:index,class:_vm.activeIndex == index ? 'active' : '',on:{\"click\":function($event){_vm.activeIndex = index;\n        _vm.selectTab(item);}}},[_vm._v(\" \"+_vm._s(item)+\" \")])}),0),(_vm.activeIndex == 0)?_c('div',{staticClass:\"type-user-msg type-main\"},[_c('div',{ref:\"wrapper\",staticClass:\"barrage\"},[_c('div',{staticClass:\"barrage_wrap\",attrs:{\"id\":\"barrage_wrap\"}},_vm._l((_vm.barrageList),function(item,index){return _c('div',{key:index + 'bar',staticClass:\"bar_block\"},[(item.isEntry)?_c('div',{staticClass:\"barragediv entry\"},[_vm._v(\" 欢迎\"),_c('span',[_vm._v(_vm._s(item.name))]),_vm._v(\"进入大厅 \")]):_c('div',{staticClass:\"barragediv \"},[_c('span',{staticClass:\"barrage_name\"},[_vm._v(_vm._s(item.name)+\"：\")]),_vm._v(\" \"+_vm._s(item.text)+\" \")])])}),0)]),_c('div',{staticClass:\"barrage-send\"},[_c('Input',{staticStyle:{\"width\":\"270px\"},attrs:{\"search\":\"\",\"enter-button\":\"发送\",\"placeholder\":\"说点什么~\"},nativeOn:{\"click\":function($event){return _vm.searchHandle($event)}},model:{value:(_vm.sendInfo),callback:function ($$v) {_vm.sendInfo=$$v},expression:\"sendInfo\"}})],1)]):_c('div',{staticClass:\"type-live-user type-main\"},_vm._l((_vm.dataList),function(item,index){return _c('div',{key:index,staticClass:\"lo-item\"},[_c('div',{staticClass:\"loi-info\"},[(JSON.parse(item.userInfo).avatarUrl)?_c('img',{attrs:{\"src\":JSON.parse(item.userInfo).avatarUrl}}):_c('img',{attrs:{\"src\":require(\"@/assets/img/empty.png\")}}),_c('span',[_vm._v(_vm._s(JSON.parse(item.userInfo).name || JSON.parse(item.userInfo).nickName || \"游客\"))])]),_c('div',{staticClass:\"loi-box\"},[(item.likeCount)?_c('div',{staticClass:\"loi-brand\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/icon-zs.png\")}}),_vm._v(_vm._s(item.likeCount))]):_vm._e()])])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"user-info m-card3\">\r\n    <div class=\"type-tab\">\r\n      <span\r\n        v-for=\"(item, index) in type\"\r\n        :key=\"index\"\r\n        @click=\"\r\n          activeIndex = index;\r\n          selectTab(item);\r\n        \"\r\n        :class=\"activeIndex == index ? 'active' : ''\"\r\n      >\r\n        {{ item }}\r\n      </span>\r\n    </div>\r\n    <div class=\"type-user-msg type-main\" v-if=\"activeIndex == 0\">\r\n      <div class=\"barrage\" ref=\"wrapper\">\r\n        <div id=\"barrage_wrap\" class=\"barrage_wrap\">\r\n          <div class=\"bar_block\" v-for=\"(item, index) in barrageList\" :key=\"index + 'bar'\">\r\n            <div class=\"barragediv entry\" v-if=\"item.isEntry\">\r\n              欢迎<span>{{ item.name }}</span\r\n              >进入大厅\r\n            </div>\r\n            <div class=\"barragediv \" v-else>\r\n              <span class=\"barrage_name\">{{ item.name }}：</span>\r\n              {{ item.text }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"barrage-send\">\r\n        <Input search v-model=\"sendInfo\" enter-button=\"发送\" placeholder=\"说点什么~\" style=\"width: 270px\" @click.native=\"searchHandle\" />\r\n      </div>\r\n    </div>\r\n    <div class=\"type-live-user type-main\" v-else>\r\n      <!-- <Scroll :on-reach-bottom=\"handleReachBottom\">\r\n                <div v-for=\"(item, index) in list1\" :key=\"index\" style=\"margin: 32px 0\">\r\n                    Content {{ item }}\r\n                </div>\r\n            </Scroll> -->\r\n      <div class=\"lo-item\" v-for=\"(item, index) in dataList\" :key=\"index\">\r\n        <div class=\"loi-info\">\r\n          <img :src=\"JSON.parse(item.userInfo).avatarUrl\" v-if=\"JSON.parse(item.userInfo).avatarUrl\" />\r\n          <img src=\"@/assets/img/empty.png\" v-else />\r\n          <span>{{ JSON.parse(item.userInfo).name || JSON.parse(item.userInfo).nickName || \"游客\" }}</span>\r\n        </div>\r\n        <div class=\"loi-box\">\r\n          <div class=\"loi-brand\" v-if=\"item.likeCount\"><img src=\"@/assets/img/icon-zs.png\" />{{ item.likeCount }}</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { mapActions, mapGetters } from \"vuex\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      type: [\"互动交流\", \"在线观众\"],\r\n      activeIndex: 0,\r\n      sendInfo: \"\",\r\n      stortBarrageList: [], //超过100条储存数组\r\n      newBarrageList: [],\r\n      barrageList: [], //接受留言列表\r\n\r\n      loading: false,\r\n      finished: false,\r\n      pageIndex: 1,\r\n      pageSize: 20,\r\n      dataList: [],\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      // roomid: \"getRoomid\",    //房间号\r\n      user: \"getUser\",\r\n    }),\r\n    roomid() {\r\n      return this.$route.query.id;\r\n    },\r\n    isRegOk() {\r\n      return this.user && this.user.inMember && this.user.inMember.userRole && this.user.inMember.userRole != \"VISITOR\" && this.user.inMember.userRole != \"Visitor\";\r\n    },\r\n    isLogin() {\r\n      return this.user&&this.user.userId;\r\n    },\r\n  },\r\n  created() {\r\n    this.getTopBarrage();\r\n  },\r\n  updated() {\r\n    this.$nextTick(() => {\r\n      if (this.activeIndex == 0) {\r\n        this.init();\r\n      }\r\n    });\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      graphqlPost: \"graphqlPostByZXS\",\r\n      getBarrage: \"act/getBarrage\",\r\n      unverifiedDialog: \"unverifiedDialog\",\r\n    }),\r\n    init() {\r\n      this.$refs.wrapper.scrollTop = this.$refs.wrapper.scrollHeight - 40;\r\n    },\r\n    //获取前20条留言\r\n    async getTopBarrage() {\r\n      let res = await this.getBarrage(this.roomid);\r\n      if (res) {\r\n        let arr = [];\r\n        res.forEach((el) => {\r\n          if (el.isShow && el.userInfo) {\r\n            arr.push({\r\n              id: el.id,\r\n              isEntry: false,\r\n              name: JSON.parse(el.userInfo).nickName || JSON.parse(el.userInfo).name,\r\n              text: el.content,\r\n            });\r\n          }\r\n        });\r\n        this.barrageList = [...this.barrageList, ...arr.reverse()];\r\n      }\r\n    },\r\n    // 观众留言数据\r\n    dataPush(data) {\r\n      this.barrageList.push(data);\r\n    },\r\n    //观众进入判断\r\n    viewerEntry(data) {\r\n      console.log(data, \"观众进入判断数据\");\r\n      let arr = [...this.barrageList, ...this.newBarrageList];\r\n      let found = arr.some((el) => el.userId === data.userId && data.isEntry);\r\n      console.log(found, \"found\");\r\n      if (!found) {\r\n        this.dataPush(data);\r\n      }\r\n    },\r\n\r\n    // 观众留言\r\n    searchHandle() {\r\n      if (!this.isLogin) {\r\n        this.unverifiedDialog(this);\r\n        return;\r\n      }\r\n       if(this.user&&this.user.inMember.isBlacklist){\r\n        this.$Message.warning('您已被屏蔽');\r\n        return \r\n      }\r\n      if (/.*1[3|4|5|7|8][0-9]{9}.*/.test(this.sendInfo)) {\r\n        this.$Messag.error(\"请勿发送手机号！\");\r\n        return;\r\n      }\r\n      if (this.sendInfo == \"\") return;\r\n      this.$emit(\"watchliveSend\", this.sendInfo);\r\n      this.sendInfo = \"\";\r\n    },\r\n\r\n    // 在线观众\r\n    selectTab(type) {\r\n      if (type == \"在线观众\") {\r\n        this.getOnline();\r\n        this.getfollow();\r\n      }\r\n    },\r\n\r\n    async getOnline() {\r\n      let query = `\r\n          query queryLiveViewer($query: QueryInput!){\r\n              queryLiveViewer(query:$query){\r\n                    hasNextPage\r\n                    hasPreviousPage\r\n                    items{\r\n                      helperMoney\r\n                      likeCount\r\n                      roomId\r\n                      userId\r\n                      userInfo\r\n                    }\r\n                    pageIndex\r\n                    pageSize\r\n                    totalCount\r\n                    totalPages\r\n                }\r\n          }`;\r\n      let where = {\r\n        Equal: {\r\n          N: \"roomId\",\r\n          v: this.roomid, // 有直播时活动id就是房间id\r\n        },\r\n      };\r\n      let order = [\r\n        {\r\n          N: \"likeCount\",\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          query: {\r\n            page: this.pageIndex,\r\n            size: 1000,\r\n            where: JSON.stringify(where),\r\n            order: JSON.stringify(order),\r\n          },\r\n        },\r\n      };\r\n      let res = await this.graphqlPost(opt);\r\n      if (res.data.queryLiveViewer.items) {\r\n        let currentList = res.data.queryLiveViewer.items;\r\n        if (this.pageIndex == 1) {\r\n          this.dataList = currentList;\r\n        } else {\r\n          this.dataList = [...this.dataList, ...currentList];\r\n        }\r\n        this.loading = false;\r\n        if (!res.data.queryLiveViewer.hasNextPage) {\r\n          this.finished = true;\r\n        }\r\n      }\r\n    },\r\n    async getfollow() {\r\n      let query = `\r\n          query queryActivityView($query: QueryInput!){\r\n            queryActivityView(query:$query){\r\n                    hasNextPage\r\n                    hasPreviousPage\r\n                    items{\r\n                        avatarUrl\r\n                        number\r\n                    }\r\n                    pageIndex\r\n                    pageSize\r\n                    totalCount\r\n                    totalPages\r\n            }\r\n          }`;\r\n      let where = {\r\n        Equal: {\r\n          N: \"activityId\",\r\n          v: this.roomid,\r\n        },\r\n      };\r\n      let opt = {\r\n        query: query,\r\n        variables: {\r\n          query: {\r\n            page: this.pageIndex,\r\n            size: 1000,\r\n            where: JSON.stringify(where),\r\n          },\r\n        },\r\n      };\r\n      let res = await this.graphqlPost(opt);\r\n      console.log(res, \"111111111\");\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n@import \"@assets/scss/my-theme/mixin.scss\";\r\n.user-info {\r\n  height: 558px;\r\n}\r\n.type-tab {\r\n  width: 100%;\r\n  height: 48px;\r\n  background-color: #ededed;\r\n  span {\r\n    display: inline-block;\r\n    text-align: center;\r\n    line-height: 44px;\r\n    width: 50%;\r\n    cursor: pointer;\r\n  }\r\n  .active {\r\n    background: #fff;\r\n    @include font_color(#1890ff);\r\n    border-top: 4px solid #1890ff;\r\n    @include border_color(#1890ff);\r\n  }\r\n}\r\n.type-main {\r\n  height: 510px;\r\n  position: relative;\r\n}\r\n.type-live-user {\r\n  overflow-y: auto;\r\n}\r\n.lo-item {\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 20px 20px 0;\r\n  .loi-info {\r\n    display: flex;\r\n    flex: 1;\r\n    align-items: center;\r\n    font-size: 14px;\r\n    color: #333;\r\n    width: 50%;\r\n    //   min-width: 4rem;\r\n    display: flex;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n    text-overflow: ellipsis;\r\n    img {\r\n      width: 24px;\r\n      height: 24px;\r\n      background-color: #fff;\r\n      border-radius: 50%;\r\n      border: solid 2px #ccc;\r\n      display: inline-block;\r\n      margin-right: 14px;\r\n    }\r\n  }\r\n  .loi-box {\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n  .loi-brand {\r\n    display: flex;\r\n    align-items: center;\r\n    border-right: 1px solid #f2f2f2;\r\n    padding: 0 20px;\r\n    &:last-child {\r\n      border-right: none;\r\n    }\r\n    img {\r\n      width: 16px;\r\n      display: inline-block;\r\n      margin-right: 10px;\r\n    }\r\n  }\r\n}\r\n.lo-item:nth-child(1) {\r\n  .loi-info {\r\n    img {\r\n      border: solid 1px #ff3600;\r\n    }\r\n  }\r\n}\r\n.lo-item:nth-child(2) {\r\n  .loi-info {\r\n    img {\r\n      border: solid 1px #ff6e1d;\r\n    }\r\n  }\r\n}\r\n.lo-item:nth-child(3) {\r\n  .loi-info {\r\n    img {\r\n      border: solid 1px #ffc62c;\r\n    }\r\n  }\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n@import \"@assets/scss/my-theme/mixin.scss\";\r\n// .barrage {\r\n//   z-index: 9;\r\n//   position: absolute;\r\n//   top: 20px;\r\n//   right: 15px;\r\n//   left: 15px;\r\n//   bottom:60px;\r\n//   width: 6rem;\r\n//   transition: all 0.3s;\r\n//   overflow-y: auto;\r\n//   -ms-overflow-style: none;\r\n//   overflow: -moz-scrollbars-none;\r\n//   &::-webkit-scrollbar {\r\n//     width: 0 !important;\r\n//   }\r\n// }\r\n.barrage .scrollstyle {\r\n  width: 50% !important;\r\n  left: 50% !important;\r\n  margin-left: -25% !important;\r\n}\r\n.barrage {\r\n  padding: 20px;\r\n  position: relative;\r\n  overflow-y: auto;\r\n  height: 430px;\r\n}\r\n.barrage .bar_block {\r\n  padding-bottom: 10px;\r\n  &:last-child {\r\n    padding-bottom: 0;\r\n  }\r\n}\r\n.barrage-send {\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 0;\r\n  z-index: 10;\r\n  width: 100%;\r\n  height: 80px;\r\n  background: #fff;\r\n  border-top: 1px solid #ededed;\r\n  border-bottom: 1px solid #ededed;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.barrage .barragediv {\r\n  word-wrap: break-word; /*在长单词或URL地址内部进行换行，防止过长导致自动换行 */\r\n  word-break: break-all; /*允许再单词内换行*/\r\n  display: inline-block;\r\n  color: #333;\r\n  border-radius: 3px;\r\n  line-height: 0.23pox;\r\n  padding: 0 10px;\r\n  text-align: justify;\r\n  vertical-align: top;\r\n  &.hint {\r\n    color: #ffbb7e;\r\n    line-height: 32px;\r\n    padding: 10px;\r\n  }\r\n  &.entry {\r\n    color: #333;\r\n    span {\r\n      color: #333;\r\n      margin: 0 10px;\r\n      color: #ffbb7e;\r\n    }\r\n  }\r\n}\r\n.barrage .barragediv .barrage_name {\r\n  color: #999;\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!./user-info.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!./user-info.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./user-info.vue?vue&type=template&id=43518548&scoped=true&\"\nimport script from \"./user-info.vue?vue&type=script&lang=js&\"\nexport * from \"./user-info.vue?vue&type=script&lang=js&\"\nimport style0 from \"./user-info.vue?vue&type=style&index=0&id=43518548&lang=scss&scoped=true&\"\nimport style1 from \"./user-info.vue?vue&type=style&index=1&id=43518548&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  \"43518548\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"activity-details g-content\">\r\n    <div class=\"g-content-l\">\r\n      <div class=\"l-top\">\r\n        <div class=\"l-banner\">\r\n          <!-- 未到开播时间 -->\r\n          <template v-if=\"!isLiveTime\">\r\n            <div style=\"height: 100%\" @mouseenter=\"showbutton = true\" @mouseleave=\"showbutton = false\">\r\n              <swiper class=\"my-swiper gallery\" :options=\"swiperOptionTop\" ref=\"swiperTop\" :class=\"swiperStop ? 'swiper-no-swiping' : ''\">\r\n                <swiper-slide v-if=\"videos && videos.url\">\r\n                  <videoPlayer :url=\"videos.url\" :cover=\"videos.cover\" @VideoPaly=\"VideoPaly\" @VideoPalyfalse=\"VideoPalyfalse\"></videoPlayer>\r\n                </swiper-slide>\r\n                <swiper-slide v-for=\"(item, index) in banner\" :key=\"'gSwiperCommon-' + index\">\r\n                  <img :src=\"item\" class=\"swiper-cover\" />\r\n                </swiper-slide>\r\n              </swiper>\r\n              <div v-show=\"swiperList.length > 1 && showbutton\">\r\n                <div class=\"swiper-button-prev\" slot=\"button-prev\"></div>\r\n                <div class=\"swiper-button-next\" slot=\"button-next\"></div>\r\n              </div>\r\n            </div>\r\n\r\n            <p class=\"l-banner-bot\">\r\n              <span>\r\n                <img src=\"@/assets/img/icon-zs.png\" />\r\n                {{ actData.likeCount }}\r\n              </span>\r\n            </p>\r\n          </template>\r\n          <!-- 已到开播时间 -->\r\n          <template v-else>\r\n            <!-- 需要密码或支付 -->\r\n            <div class=\"live-layer\" :style=\"{\r\n                'background-image': actData.liveBackgroundUrl\r\n                  ? 'url(' + actData.liveBackgroundUrl + ')'\r\n                  : 'url(' + option.cove + ')',\r\n              }\" @click=\"payTouch\" v-if=\"isViewLive && isViewLive.code != 1\">\r\n              <div class=\"live-layer-img\">\r\n                <img src=\"@/assets/img/video-icon.png\" />\r\n              </div>\r\n            </div>\r\n\r\n            <!-- 播流 -->\r\n            <template v-else>\r\n              <!-- 直播未开始 -->\r\n              <liveIng v-if=\"liveStatus === 0\"></liveIng>\r\n\r\n              <!-- 直播（结束） -->\r\n              <!-- <liveEnd v-if=\"liveStatus === 3\"></liveEnd> -->\r\n\r\n              <!-- 主播出走 -->\r\n              <liveAway v-if=\"liveStatus === 2\"></liveAway>\r\n\r\n              <!-- 直播中 -->\r\n              <liveVideo v-if=\"liveStatus === 1 && liveUrl && !isBlack\" :url=\"liveUrl\" :cover=\"option.cover\" :liveStatus=\"liveStatus\" :showBg=\"showBg\"></liveVideo>\r\n\r\n              <div class=\"live-layer\" style=\"width: 100%; height: 100%; background-size: 100%\" v-else :style=\"{\r\n                  'background-image': actData.liveBackgroundUrl\r\n                    ? 'url(' + actData.liveBackgroundUrl + ')'\r\n                    : 'url(' + option.cove + ')',\r\n                }\"></div>\r\n              <!-- <img :src=\"actData.liveBanners || banner[0] \"  v-else style=\"width:100%;height:100%\"> -->\r\n            </template>\r\n          </template>\r\n        </div>\r\n        <div class=\"l-banner-bot\">\r\n          <p class=\"l-title-r-p1\" :class=\"isFollow ? 'l-title-r-yes' : ''\" @click=\"follow()\">\r\n            <span class=\"heart\" v-if=\"!isFollow\">\r\n              <i class=\"icon iconfont icon-love\"></i>\r\n              关注\r\n            </span>\r\n            <span class=\"heart\" v-else> 已关注 </span>\r\n            <span class=\"num\">{{ actData.followCount }}</span>\r\n          </p>\r\n          <span class=\"likeCount\" @click=\"zsGoto\">\r\n            <img src=\"@/assets/img/icon-zs.png\" />\r\n            {{ actData.likeCount }}\r\n          </span>\r\n          <liveDianzan></liveDianzan>\r\n        </div>\r\n      </div>\r\n      <div class=\"l-title\">\r\n        <div class=\"l-title-l\">\r\n          <div class=\"l-title-l-img\">\r\n            <img :src=\"banner[0]\" />\r\n          </div>\r\n          <div class=\"l-title-l-info\">\r\n            <div class=\"h3\">\r\n              <h3>{{ actData.title }}</h3>\r\n              <div class=\"ml5-brand\" v-if=\"actData.liveStateIndex === 1\">\r\n                <span class=\"u-brand2\">直播中</span>\r\n              </div>\r\n            </div>\r\n            <p>\r\n              时间：{{ actData.startTime | moment(\"YYYY/MM/DD HH:mm\") }}~{{\r\n                actData.endTime | moment(\"YYYY/MM/DD HH:mm\")\r\n              }}\r\n            </p>\r\n            <p>地点：{{ actData.address }}</p>\r\n          </div>\r\n        </div>\r\n        <div class=\"l-title-r\" v-if=\"!this.actData.isExhibitionActivity\">\r\n          <p class=\"l-title-r-p2\" v-if=\"actData.enabledBuyingTicket\" @click=\"goQrCode()\">\r\n            购票\r\n          </p>\r\n          <template v-else>\r\n            <p class=\"l-title-r-p2\" @click=\"LinkToActReg(actId)\" v-if=\"openJoin\">\r\n              报名\r\n            </p>\r\n          </template>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"l-nav\">\r\n        <div class=\"type-tab\">\r\n          <span v-for=\"(item, index) in typeList\" :key=\"index\" @click=\"\r\n              activeIndex = index;\r\n              selectTab(item);\r\n            \" :class=\"activeIndex == index ? 'active' : ''\">\r\n            {{ item }}\r\n          </span>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"m-card3\" id=\"Act\" v-show=\"introduction && introduction.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=\"mc-content detail\">\r\n          <!-- <p class=\"mc-intor\">{{ actData.introduction }}</p> -->\r\n\r\n          <div class=\"comm_text\" v-if=\"introduction && introduction.length\">\r\n            <div v-for=\"(item, index) in introduction\" :key=\"index\">\r\n              <!-- 文本 -->\r\n              <p class=\"int-text\" v-if=\"item.text\" :style=\"{\r\n                  'font-size': item.text.fontSize,\r\n                  color: item.text.color,\r\n                  'text-align': item.text.position,\r\n                }\" v-html=\"$service.replaceSpeace(item.text.content)\"></p>\r\n\r\n              <!-- 图片 -->\r\n              <div class=\"int-img\" v-if=\"item.picture && item.picture.type == 1\" :style=\"{\r\n                  'padding-left': item.picture.padding + 'px',\r\n                  'padding-right': item.picture.padding + 'px',\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\" style=\"width: 100%; display: block\" />\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"int-img\" style=\"width: 750px\" v-if=\"\r\n                  item.picture &&\r\n                  item.picture.type == 2 &&\r\n                  item.picture.list &&\r\n                  item.picture.list.length\r\n                \">\r\n                <Carousel 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              <!-- 视频 -->\r\n              <div class=\"int-video\" style=\"position: relative; margin-top: 20px\" 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      </div>\r\n      <div class=\"m-card3\" id=\"Date\" v-if=\"actData && actData.showSchedule\" v-show=\"dateFinish\">\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=\"mc-content\">\r\n          <actDate :actData=\"actData\" v-if=\"actData\" @finishInit=\"finishDate\"></actDate>\r\n        </div>\r\n      </div>\r\n      <div class=\"m-card3\" id=\"Img\" v-show=\"ImgFinish\">\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=\"mc-content\">\r\n          <imgLive @finishImg=\"finishImg\"></imgLive>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"g-content-r\">\r\n      <userInfo @watchliveSend=\"send\" ref=\"barrage\"></userInfo>\r\n      <compInfo :actData=\"actData\" v-if=\"actData\"></compInfo>\r\n    </div>\r\n    <qrCode :url=\"codeUrl\" ref=\"qrCode\"></qrCode>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapGetters } from \"vuex\";\r\nimport qrCode from \"@components/qrCode/index.vue\";\r\nimport userInfo from \"./components/user-info\";\r\nimport compInfo from \"./components/compInfo\";\r\nimport actDate from \"./components/date\";\r\nimport imgLive from \"./components/imgLive\";\r\nimport videoPlayer from \"@components/videoPlayer/videoPlayer.vue\";\r\nimport liveVideo from \"./components/live-video\";\r\nimport liveIng from \"./components/live-ing\";\r\nimport liveAway from \"./components/live-away\";\r\nimport * as signalR from \"@microsoft/signalr\";\r\nimport config from \"@assets/config.json\"; // api 请求json\r\nimport liveDianzan from \"./components/live-dianzan-canvas\";\r\nimport url from \"@/utils/url\";\r\n\r\nexport default {\r\n  name: \"activity-details\",\r\n  data () {\r\n    return {\r\n      swiperOptionTop: {\r\n        autoplay: true, //等同于以下设置\r\n        navigation: {\r\n          nextEl: \".swiper-button-next\",\r\n          prevEl: \".swiper-button-prev\",\r\n        },\r\n      },\r\n      typeList: [],\r\n      activeIndex: 0,\r\n      actData: \"\",\r\n      isLike: false, // 点赞\r\n      isFollow: false, // 关注\r\n      regMsg: {}, // 开启报名的信息\r\n      banner: [],\r\n      timeoutflag: null,\r\n      handCount: 0, // 鼓掌的次数\r\n      isShowSubTitle: false,\r\n      // 直播的数据\r\n      liveStatus: 1, // 主播的直播状态  0：未开始 1：直播中 2：直播结束 3：直播断开\r\n      isBlack: false, //是否被拉黑\r\n      showBg: true,\r\n      isSafari: false,\r\n      hub: null,\r\n      liveUrl: \"\",\r\n      isViewLive: null, // 是否可以访问\r\n      isShowPay: false,\r\n      langType: \"zh\", //字慕语言type\r\n      showSubtitle: \"\",\r\n      docTitle: \"直播\",\r\n      viewerList: [],\r\n      viewerCount: 0,\r\n      queryLiveViewer: \"\",\r\n      isLiveTime: false, // 是否为直播的当天日期\r\n      videos: null,\r\n      autoPlayVal: 3000,\r\n      isAutoplay: 3000, //是否自动播放\r\n      shareV: {\r\n        content: \"\",\r\n        poster: \"\",\r\n      },\r\n      roomid: \"\",\r\n      dateFinish: true,\r\n      ImgFinish: true,\r\n      swiperList: [],\r\n      showbutton: false,\r\n      introduction: [],\r\n      swiperStop: false, //视频播放中\r\n    };\r\n  },\r\n  components: {\r\n    userInfo,\r\n    qrCode,\r\n    compInfo,\r\n    actDate,\r\n    imgLive,\r\n    videoPlayer,\r\n    liveVideo,\r\n    liveAway,\r\n    liveIng,\r\n    liveDianzan,\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      exhibitionInfo: \"getExhibitionInfo\",\r\n      exhibitionId: \"getExhibitionId\",\r\n      userInfo: \"getUser\",\r\n      userId: \"getUserId\",\r\n      viewer: \"getViewer\",\r\n      viewerId: \"getViewerId\",\r\n    }),\r\n    actId () {\r\n      return this.$route.query.id;\r\n    },\r\n    exId () {\r\n      return this.$route.query.exhibitionId;\r\n    },\r\n    option () {\r\n      return {\r\n        cover:\r\n          this.actData.liveBackgroundUrl ||\r\n          \"https://img.zhanshangxiu.com/showonline/file/202010/20201030/209a518f609b466db8ae37dbae41d0ed.jpg\",\r\n      };\r\n    },\r\n    swiperTop () {\r\n      return this.$refs.swiperTop.swiper;\r\n    },\r\n    isLogin () {\r\n      return this.userInfo && this.userInfo.id;\r\n    },\r\n    enabledActivityReg () {\r\n      return (\r\n        this.exhibitionConfig &&\r\n        this.exhibitionConfig.feature &&\r\n        this.exhibitionConfig.feature.enabledActivityReg\r\n      );\r\n    },\r\n    codeUrl () {\r\n      let url = \"\";\r\n      if (this.$route.name == \"activity-details\") {\r\n        // 有直播\r\n        url = `https://${url.mobile}/live?actId=${this.actId}`;\r\n      } else {\r\n        url = `https://${url.mobile}/nolive?actId=${this.actId}`;\r\n      }\r\n      return url;\r\n    },\r\n    openJoin () {\r\n      // 开启报名\r\n      return this.actData.regStartAt &&\r\n        this.actData.regEndAt &&\r\n        this.actData.regStartAt !== \"1900-01-01 00:00:00\" &&\r\n        this.actData.regEndAt !== \"1900-01-01 00:00:00\"\r\n        ? true\r\n        : false;\r\n    },\r\n    hasUserInfo () {\r\n      return this.userInfo && this.userInfo.userId ? true : false;\r\n    },\r\n    isRegOk () {\r\n      return this.userInfo && this.userInfo.inMember && this.userInfo.inMember.userRole && this.userInfo.inMember.userRole != \"VISITOR\" && this.userInfo.inMember.userRole != \"Visitor\";\r\n    },\r\n  },\r\n  created () {\r\n    this.init();\r\n    if (this.actId) {\r\n      let opt = {\r\n        exhibitionId: this.exhibitionId,\r\n        target: \"activity\",\r\n        targetId: this.actId,\r\n      };\r\n      if (this.userId) {\r\n        opt.userId = this.userId;\r\n      }\r\n      this.addView(opt);\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      graphqlPost: \"graphqlPostByZXS\",\r\n      addActZan: \"act/addActZan\",\r\n      delActZan: \"act/delActZan\",\r\n      addActLove: \"act/addActLove\",\r\n      delActLove: \"act/delActLove\",\r\n      likeTo: \"act/likeTo\",\r\n      LinkActReg: \"linkTo/LinkActReg\",\r\n      unverifiedDialog: \"unverifiedDialog\",\r\n      addView: \"loginModule/addView\",\r\n      getShareConfig: \"share/getShareConfig\",\r\n      addAllView: \"addAllView\",\r\n      linkToRegSteps: \"linkTo/linkToRegSteps\",\r\n    }),\r\n    addView () {\r\n      let opt = {\r\n        exhibitionId: this.exhibitionId,\r\n        target: \"activity\",\r\n        targetId: this.actId,\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({\r\n        id: this.exhibitionId,\r\n        name: \"share.activity.config\",\r\n      });\r\n      let share = {\r\n        url: location.href,\r\n        title: this.actData.title || \"活动详情\",\r\n        desc: \"\",\r\n        summary: \"\",\r\n        pics: this.banner && this.banner.length ? this.banner[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(\r\n            /【活动】/g,\r\n            this.actData.title\r\n          );\r\n          dataJson.content = dataJson.content.replace(\r\n            /【公司】/g,\r\n            this.actData.company ? this.actData.company.name : \"\"\r\n          );\r\n          dataJson.content = dataJson.content.replace(\r\n            /【展位号】/g,\r\n            this.actData.exhibitor ? this.actData.exhibitor.boothInfo : \"\"\r\n          );\r\n          share.title = dataJson.content;\r\n        }\r\n        if (dataJson.des) {\r\n          dataJson.des = dataJson.des.replace(/【活动】/g, this.actData.title);\r\n          dataJson.des = dataJson.des.replace(\r\n            /【公司】/g,\r\n            this.actData.company ? this.actData.company.name : \"\"\r\n          );\r\n          dataJson.des = dataJson.des.replace(\r\n            /【展位号】/g,\r\n            this.actData.exhibitor ? this.actData.exhibitor.boothInfo : \"\"\r\n          );\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    goQrCode (id) {\r\n      if (this.codeUrl) {\r\n        this.$refs.qrCode.open();\r\n      }\r\n    },\r\n    VideoPaly () {\r\n      console.log(\"视频正在播放\");\r\n      this.swiperTop.autoplay.stop();\r\n      this.swiperStop = true;\r\n      console.log(this.$refs.swiperTop.swiper);\r\n    },\r\n    //视频暂停时触发\r\n    VideoPalyfalse () {\r\n      this.swiperStop = false;\r\n    },\r\n    init () {\r\n      this.addView();\r\n      this.getActDetails();\r\n      this.getHub();\r\n    },\r\n\r\n    finishDate (bool) {\r\n      this.dateFinish = bool;\r\n    },\r\n    finishImg (bool) {\r\n      this.ImgFinish = bool;\r\n    },\r\n    //建立连接\r\n    getHub () {\r\n      this.roomid = this.actId;\r\n      let roomId = \"roomId=\" + this.roomid;\r\n      this.hub = new signalR.HubConnectionBuilder()\r\n        .withAutomaticReconnect()\r\n        .withUrl(`${config.api.liveApi}/hub/live?${roomId}`)\r\n        .build();\r\n      // 连接回调\r\n      this.hub\r\n        .start()\r\n        .then((e) => {\r\n          console.log(this.hub, \"连接成功\");\r\n          this.viewerInit();\r\n          this.getLoadMethod();\r\n        })\r\n        .then((errorMsg) => {\r\n          console.log(errorMsg, \"err\");\r\n        });\r\n    },\r\n    // 观众进入\r\n    viewerInit () {\r\n      let viewerInfo = {};\r\n      viewerInfo.roomId = this.roomid;\r\n      viewerInfo.userId = this.userInfo.userId;\r\n      viewerInfo.memberId = this.userInfo.id;\r\n      let model = {\r\n        name: this.userInfo.name,\r\n        nickName: this.userInfo.nickName,\r\n        userId: this.userInfo.userId,\r\n        avatarUrl: this.userInfo.avatarUrl,\r\n      };\r\n      viewerInfo.userInfo = JSON.stringify(model);\r\n      this.hub.invoke(\"ViewerEntry\", this.roomid, viewerInfo);\r\n    },\r\n    //事件监听\r\n    getLoadMethod () {\r\n      const that = this;\r\n      // 主播进入\r\n      this.hub.on(\"AnchorEntryNotice\", function (msg) {\r\n        that.liveStatus = 1;\r\n        console.log(msg, \"主播进入\");\r\n      });\r\n      // 主播离开\r\n      this.hub.on(\"AnchorLeaveNotice\", function (msg) {\r\n        that.liveStatus = 3;\r\n        that.showBg = true;\r\n        console.log(msg, \"主播离开\");\r\n      });\r\n      // 主播结束直播\r\n      this.hub.on(\"AnchorEndLiveNotice\", function (msg) {\r\n        that.liveStatus = 2;\r\n        that.showBg = true;\r\n        console.log(msg, \"主播结束直播\");\r\n      });\r\n      //拒绝开播\r\n      this.hub.on(\"RefuseAnchorBeginLiveNotice\", (state) => {\r\n        switch (state) {\r\n          case -1:\r\n            this.$Message.error(\"直播审核未通过\");\r\n            break;\r\n          case 0:\r\n            this.$Message.error(\"直播待审核\");\r\n            break;\r\n          case 1:\r\n            this.$Message.error(\"直播已结束\");\r\n            break;\r\n          case 2:\r\n            this.$Message.error(\"直播已取消\");\r\n            break;\r\n          case 3:\r\n            this.$Message.error(\"直播已下架\");\r\n            break;\r\n          default:\r\n            this.$Message.error(\"直播出现异常\");\r\n            break;\r\n        }\r\n      });\r\n      // 通知观众直播已开启\r\n      this.hub.on(\"AnchorBeginLiveNotice\", (res) => {\r\n        this.liveStatus = 1;\r\n        if (res && res.length === 3) {\r\n          this.liveStatus = 1;\r\n          this.showBg = false;\r\n          if (this.actData.enabledOtherPull) {\r\n            this.liveUrl = this.actData.otherPullUrls;\r\n          } else {\r\n            this.liveUrl = res[1]; // 直播地址\r\n          }\r\n\r\n          if (this.$refs.player) {\r\n            this.$refs.player.play();\r\n          }\r\n          console.log(\"this.liveStatus: \", res);\r\n          console.log(\"this.liveUrl: \", res);\r\n        } else {\r\n          this.showBg = true;\r\n        }\r\n      });\r\n      //观众进入响应通知\r\n      this.hub.on(\"ViewerEntryResponseNotice\", (msg) => {\r\n        console.log(\"观众进入响应通知\", msg, \"msg\");\r\n        if (msg.Data.viewer) {\r\n          this.$store.commit(\"setViewer\", msg.Data.viewer);\r\n          this.$store.commit(\"setViewerId\", msg.Data.viewer.Id);\r\n          if (msg.Data.viewer.IsBlack) {\r\n            this.$Message.error(\"您已被拉黑\");\r\n            this.isBlack = true;\r\n          }\r\n          if (this.text) {\r\n            this.send(this.text);\r\n          }\r\n        }\r\n        // 正在直播\r\n        if (msg && msg.Code === 1) {\r\n          that.showBg = false;\r\n          that.liveUrl = msg.Data.pulls[2]; // 直播地址\r\n          that.showBg = true;\r\n        }\r\n        that.liveStatus = msg.Code;\r\n        console.log(that.liveStatus, \"直播状态\");\r\n        // that.liveStatus = 3;\r\n        // 直播状态码（LiveCode）：0：未播、1：直播中、2：暂停中、3：已结束、4：已被下架、5：取消、6：未审核通过、7：审核中、8：审核通过\r\n      });\r\n      // 观众进入通知\r\n      this.hub.on(\"ViewerEntryNotice\", (res, onlineCount) => {\r\n        let userinfo = res.UserInfo ? JSON.parse(res.UserInfo) : \"\";\r\n        let model = {\r\n          id: userinfo.id,\r\n          isEntry: true,\r\n          name: userinfo.nickName || userinfo.name,\r\n          content: \"\",\r\n          userId: userinfo.userId,\r\n        };\r\n        this.$refs[\"barrage\"].viewerEntry(model);\r\n        console.log(res, \"观众进入通知\");\r\n        // this.getOnline();\r\n      });\r\n      // 观众离开通知\r\n      this.hub.on(\"ViewerLeaveNotice\", (msg) => {\r\n        console.log(msg, \"观众离开通知\");\r\n      });\r\n      // 留言删除通知（留言删除）\r\n      this.hub.on(\"DeleteLiveCommentNotice\", (commentid) => {\r\n        this.$refs[\"barrage\"].delBarrage(commentid);\r\n      });\r\n      // 观众留言通知（留言接收）\r\n      this.hub.on(\"ViewerCommentNotice\", (comment) => {\r\n        let viewerName = \"游客\";\r\n        if (comment.UserInfo) {\r\n          viewerName =\r\n            JSON.parse(comment.UserInfo).nickName ||\r\n            JSON.parse(comment.UserInfo).name;\r\n        }\r\n        let model = {\r\n          id: comment.Id,\r\n          isEntry: false,\r\n          name: viewerName,\r\n          text: comment.Content,\r\n        };\r\n        console.log(model, \"观众留言通知\");\r\n        this.$refs[\"barrage\"].dataPush(model);\r\n      });\r\n      // 观众留言响应通知\r\n      this.hub.on(\"ViewerCommentResponseNotice\", (res) => {\r\n        console.log(\"发送留言， 响应\", res);\r\n        //已授权\r\n        if (!res.Result) {\r\n          switch (this.liveStatus) {\r\n            case 0:\r\n              this.$Message.error(res.Message);\r\n              break;\r\n            case 1:\r\n              this.$Message.error(res.Message);\r\n              break;\r\n            case 2:\r\n              this.$Message.error(res.Message);\r\n              break;\r\n            case 3:\r\n              this.$Message.error(res.Message);\r\n              break;\r\n            default:\r\n              this.$Message.error(res.Message);\r\n              break;\r\n          }\r\n        }\r\n      });\r\n      //注册观众通知\r\n      this.hub.on(\"RegisterVisitorNotice\", (comment) => {\r\n        this.$refs.liveInfo.showOpen(comment);\r\n      });\r\n      //点赞通知\r\n      this.hub.on(\"LiveRoomLikeNotice\", (comment) => {\r\n        this.dianzanCount = comment.LikeCount;\r\n        if (comment.ShowAnimation) {\r\n          this.$Bus.$emit(\"dzNotice\");\r\n          // this.debounce();\r\n          this.handCount += 1;\r\n          this.actData.likeCount += 1;\r\n        }\r\n      });\r\n      //收到礼物通知\r\n      this.hub.on(\"GiftGivingNotice\", (com) => {\r\n        let opt = {\r\n          nickName: com.NickName,\r\n          Name: com.Name,\r\n          giftName: com.Gift.Name,\r\n          giftIcon: com.Gift.Icon,\r\n        };\r\n        // console.log(opt)\r\n        this.$refs.liveGiftInfo.giftShowOpen(opt);\r\n        // if (com.Gift.Code == \"gift.big-sports-car\") {\r\n        //   this.$refs.livePaoche.paocheShow(opt);\r\n        // }\r\n        // opt=null;\r\n        // this.$refs.liveInfo.showOpen(comment);\r\n      });\r\n      //产品推屏\r\n      this.hub.on(\"PushProductNotice\", (obj) => {\r\n        if (!this.actData.exhibitorId) {\r\n          return;\r\n        }\r\n        console.log(obj);\r\n        obj.Banner = JSON.parse(obj.Banner)[0];\r\n        this.$refs.livePro.showOpen(obj);\r\n      });\r\n      //取消推屏\r\n      this.hub.on(\"PushProductCancelNotice\", (obj) => {\r\n        if (!this.actData.exhibitorId) {\r\n          return;\r\n        }\r\n        this.$refs.livePro.showClose(obj);\r\n      });\r\n      // 禁止留言\r\n      this.hub.on(\"ForbidCommentNotice\", (msg) => { });\r\n      // 取消留言禁止\r\n      this.hub.on(\"CancelForbidCommentNotice\", (msg) => { });\r\n      // 拉黑\r\n      this.hub.on(\"PullblackNotice\", (msg) => {\r\n        console.log(msg, \"拉黑\");\r\n      });\r\n      // 取消拉黑\r\n      this.hub.on(\"CancelPullblackNotice\", (msg) => { });\r\n    },\r\n\r\n    //用户发送弹幕\r\n    send (text) {\r\n      //  已经进入，得到直播间观众信息\r\n      if (!this.hub) {\r\n        this.$Message.error(\"连接失败\");\r\n        this.reContact();\r\n        return;\r\n      }\r\n      this.text = text;\r\n      // console.log(this.hub,this.viewer,'发送时');\r\n      if (this.viewer && this.viewerId) {\r\n        var comment = {};\r\n        comment.roomId = this.roomid;\r\n        comment.userId = this.viewer.UserId;\r\n        comment.userInfo = this.viewer.UserInfo;\r\n        comment.viewerId = this.viewerId;\r\n        comment.content = this.text;\r\n        this.hub.invoke(\"ViewerComment\", this.roomid, comment);\r\n      } else {\r\n        //未进入，先进入直播\r\n        console.log(\"未发送，进入直播\");\r\n        this.viewerInit();\r\n      }\r\n    },\r\n\r\n    // 重新连接\r\n    reContact () {\r\n      const that = this;\r\n      (function (err) {\r\n        setTimeout(() => {\r\n          that.getHub();\r\n        }, 200);\r\n      });\r\n    },\r\n\r\n    //观众离开\r\n    close () {\r\n      if (this.userId && this.userInfo) {\r\n        console.log(\"离开\");\r\n        this.hub.invoke(\"ViewerLeave\", this.roomid, this.userId);\r\n      }\r\n    },\r\n    ready () {\r\n      console.log(\"ready\");\r\n    },\r\n    play () {\r\n      console.log(\"play\");\r\n      this.showBg = false;\r\n    },\r\n    ended () {\r\n      console.log(\"ended\");\r\n      this.showBg = true;\r\n    },\r\n    liveStreamStop () {\r\n      console.log(\"liveStreamStop\");\r\n      this.showBg = true;\r\n    },\r\n    error () {\r\n      console.log(\"error\");\r\n      this.showBg = true;\r\n    },\r\n\r\n    debounce () {\r\n      if (this.timeoutflag != null) {\r\n        clearTimeout(this.timeoutflag);\r\n      }\r\n      this.timeoutflag = setTimeout(() => {\r\n        this.addhands();\r\n      }, 2000);\r\n    },\r\n    addhands () {\r\n      // 鼓掌\r\n      console.log(\"执行添加鼓掌\");\r\n      let body = {\r\n        exhibitionId: this.exhibitionId,\r\n        activityId: this.actId,\r\n        userId: this.userInfo.userId,\r\n        nickName: this.userInfo.nickName || this.userInfo.name,\r\n        avatarUrl: this.userInfo.avatarUrl,\r\n        number: this.handCount,\r\n      };\r\n      this.addActZan(body);\r\n      this.handCount = 0; // 添加完后清零鼓掌次数\r\n    },\r\n    // 直播------------------------\r\n\r\n    LinkToActReg (id) {\r\n      if (!this.isRegOk) {\r\n        this.unverifiedDialog(this);\r\n        return;\r\n      }\r\n      this.LinkActReg(id);\r\n    },\r\n\r\n    async getActDetails () {\r\n      let query = `#graphql\r\n          query($id: String!) {\r\n            activityQuery{\r\n              get(id: $id){\r\n                anonymousView\r\n                acvitityType\r\n                address\r\n                banners\r\n                introduction\r\n                company{\r\n                  name\r\n                  id\r\n                  logo\r\n                  category\r\n                  address\r\n                  region\r\n                }\r\n                endTime\r\n                exhibitor{\r\n                  id\r\n                  boothHall\r\n                  boothInfo\r\n                  activityCount\r\n                  productCount\r\n                  category\r\n                  continuouNumber\r\n                  productNumber\r\n                  activityNumber\r\n                }\r\n                exhibitionId\r\n                exhibitorId\r\n                externalLink\r\n                enabledOtherPull\r\n                otherPullUrls\r\n                id\r\n                startTime\r\n                stateIndex\r\n                title\r\n                userCount\r\n                likeCount\r\n                videos\r\n                viewCount\r\n                followCount\r\n                isFollow(userId:\"${this.userInfo.userId}\")\r\n                isLike(userId:\"${this.userInfo.userId}\")\r\n                hasReg(userId:\"${this.userInfo.userId}\")\r\n                regStartAt\r\n                regEndAt\r\n                regFee\r\n                regMaximum\r\n                liveStartTime\r\n                liveEndTime\r\n                liveStateIndex\r\n                liveViewType\r\n                liveBanners\r\n                liveViewPassword\r\n                livePaymentAmount\r\n                liveBackgroundUrl\r\n                liveEnabledSubtitles \r\n                liveEnabledTranslate \r\n                liveTranslateLangs   \r\n                showLiveImage\r\n                showPopularize\r\n                showSchedule\r\n                showTheme\r\n                enabledGift\r\n                enabledBuyingTicket\r\n                isExhibitionActivity  \r\n              }\r\n            }\r\n          }\r\n      `;\r\n      let opt = {\r\n        queryName: \"activityQuery\",\r\n        query: query,\r\n        variables: {\r\n          id: this.actId,\r\n        },\r\n      };\r\n      let data = await this.graphqlPost(opt);\r\n      if (data.data.activityQuery.get) {\r\n        this.actData = data.data.activityQuery.get;\r\n        console.log('showRegConfirm: hasUserInfo', this.hasUserInfo);\r\n        console.log('showRegConfirm: anonymousView', this.actData.anonymousView);\r\n        console.log('showRegConfirm: isRegOk', this.isRegOk);\r\n        if (this.actData && !this.actData.anonymousView) { // 有活动信息且不允许匿名观看\r\n          if (!this.hasUserInfo) {// 没有用户信息\r\n            this.showRegConfirm(); // 用户未登录或已登录但没手机号 且活动没有开启匿名观看 弹窗提示“请注册后观看“\r\n          } else {\r\n            if (!this.isRegOk) { // 有用户信息 且没有在当前展会下注册 则跳转j\r\n              this.showRegConfirm2(); // 用户未登录或已登录但没手机号 且活动没有开启匿名观看 弹窗提示“请注册后观看“\r\n            }\r\n          }\r\n        }\r\n        if (this.actData.showSchedule) {\r\n          this.typeList = [\"活动详情\", \"日程安排\", \"精彩瞬间\"];\r\n        } else {\r\n          this.typeList = [\"活动详情\", \"精彩瞬间\"];\r\n        }\r\n        this.isLike = this.actData.isLike;\r\n        this.isFollow = this.actData.isFollow;\r\n        if (this.actData.banners.indexOf(\"[\") != -1) {\r\n          this.banner = JSON.parse(this.actData.banners);\r\n        } else {\r\n          this.banner = [this.actData.banners];\r\n        }\r\n        if (this.actData.videos) {\r\n          this.videos = JSON.parse(this.actData.videos);\r\n        }\r\n        if (\r\n          this.actData.introduction &&\r\n          this.actData.introduction.indexOf(\"[\") !== -1\r\n        ) {\r\n          this.introduction = JSON.parse(this.actData.introduction);\r\n        } else if (this.actData.introduction) {\r\n          let arr = [\r\n            {\r\n              text: {\r\n                type: 1,\r\n                content: this.actData.introduction,\r\n                fontSize: \"14px\",\r\n                color: \"#000\",\r\n                position: \"left\",\r\n              },\r\n            },\r\n          ];\r\n          this.introduction = arr;\r\n        }\r\n        this.regMsg = {\r\n          regStartAt: this.actData.regStartAt,\r\n          regEndAt: this.actData.regEndAt,\r\n          regFee: this.actData.regFee,\r\n          regMaximum: this.actData.regMaximum,\r\n        };\r\n        // let liveStartTime = this.actData.liveStartTime.slice(0,11).replace(/-/g, \"/\"); // 开播的时间；\r\n        // const Today = formatTime(new Date()).slice(0,11);\r\n        // if(liveStartTime == Today) { // 开播时间是否为今天\r\n        //   this.isLiveTime = true;\r\n        // }else{\r\n        //   this.isLiveTime = false;\r\n        // }\r\n        // console.log(this.isLiveTime,'开播时间是否为今天');\r\n        if (this.actData.liveStateIndex == 1) {\r\n          this.isLiveTime = true;\r\n        } else {\r\n          this.isLiveTime = false;\r\n        }\r\n\r\n        this.docTitle = this.actData.title;\r\n        console.log(this.actData, \"活动详情22222\");\r\n        if (this.videos && this.videos.url) {\r\n          this.swiperList.push(this.videos);\r\n        }\r\n        this.swiperList = [...this.swiperList, ...this.banner];\r\n        console.log(this.swiperList, \"this.swiperList\");\r\n        // this.getShareVal();\r\n        // this.getLiveUrl(this.roomid); // 获取房间的拉流地址\r\n        // this.checkLiveView();\r\n        // this.$store.commit(\"setExhibitionId\",this.actData.exhibitionId);\r\n      }\r\n      document.title = this.actData\r\n        ? `${this.actData.title + \"-\"}${this.exhibitionInfo.name}`\r\n        : \"展商秀\";\r\n      this.setShare();\r\n    },\r\n    follow () {\r\n      // 关注\r\n      if (!this.isLogin) {\r\n        this.unverifiedDialog(this);\r\n        return;\r\n      }\r\n      if (this.isFollow) {\r\n        // 已关注取消关注\r\n        let body = {\r\n          activityId: this.actId,\r\n          userId: this.userInfo.userId,\r\n        };\r\n        this.delActLove(body);\r\n        this.isFollow = !this.isFollow;\r\n        this.actData.followCount -= 1;\r\n        this.$Message.success(\"取消关注\");\r\n      } else {\r\n        // 未关注添加关注\r\n        let body = {\r\n          exhibitionId: this.exhibitionId,\r\n          activityId: this.actId,\r\n          userId: this.userInfo.userId,\r\n          nickName: this.userInfo.nickName || this.userInfo.name,\r\n          avatarUrl: this.userInfo.avatarUrl,\r\n        };\r\n        this.addActLove(body);\r\n        this.isFollow = !this.isFollow;\r\n        this.actData.followCount += 1;\r\n        this.$Message.success(\"已关注\");\r\n      }\r\n    },\r\n\r\n    selectTab (item) {\r\n      switch (item) {\r\n        case \"活动详情\":\r\n          document.getElementById(\"Act\").scrollIntoView();\r\n          break;\r\n        case \"日程安排\":\r\n          if (this.dateFinish) {\r\n            document.getElementById(\"Date\").scrollIntoView();\r\n          } else {\r\n            this.$Message.info(\"暂无日程\");\r\n          }\r\n          break;\r\n        case \"精彩瞬间\":\r\n          if (this.dateFinish) {\r\n            document.getElementById(\"Img\").scrollIntoView();\r\n          } else {\r\n            this.$Message.info(\"暂无精彩瞬间\");\r\n          }\r\n          break;\r\n      }\r\n    },\r\n\r\n    //掌声点击\r\n    async zsGoto () {\r\n      if (!this.isLogin) {\r\n        this.unverifiedDialog(this);\r\n        return;\r\n      }\r\n      let opt = {\r\n        roomId: this.roomid,\r\n        number: 1,\r\n        showAnimation: true,\r\n      };\r\n      await this.likeTo(opt);\r\n      // if (window.navigator.vibrate) {\r\n      // console.log('支持')\r\n      // window.navigator.vibrate(200);\r\n      // }\r\n    },\r\n    showRegConfirm () {\r\n      this.$Modal.confirm({\r\n        content: '请注册登录后观看',\r\n        onOk: () => {\r\n          this.$router.push(`/login/${this.exId || this.exhibitionId}`);\r\n        },\r\n        onCancel: () => {\r\n          console.log('取消');\r\n          this.$router.push(`/home/activity/${this.exId || this.exhibitionId}`);\r\n        }\r\n      });\r\n    },\r\n    showRegConfirm2 () {\r\n      this.$Modal.confirm({\r\n        content: '请完善信息后观看',\r\n        onOk: () => {\r\n          // this.$router.push(`/login/${this.exId || this.exhibitionId}`);\r\n          this.linkToRegSteps();\r\n        },\r\n        onCancel: () => {\r\n          console.log('取消');\r\n          this.$router.push(`/home/activity/${this.exId || this.exhibitionId}`);\r\n        }\r\n      });\r\n    },\r\n  },\r\n  beforeDestroy () {\r\n    if (this.hub) {\r\n      console.log(\"onUnload\", this.hub);\r\n      //手动关闭连接\r\n      if (this.isLogin) {\r\n        this.hub.invoke(\"ViewerLeave\", this.roomid, this.userInfo.userId);\r\n      }\r\n    }\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n@import \"@assets/scss/my-theme/mixin.scss\";\r\n.swiper-pagination {\r\n  font-size: 0;\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  padding-right: 18px;\r\n  bottom: 22px;\r\n  .swiper-pagination-bullet {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 0;\r\n    background-color: #ddd;\r\n    opacity: 1;\r\n  }\r\n  .swiper-pagination-bullet-active {\r\n    background-color: #ed6e02;\r\n    opacity: 1;\r\n  }\r\n}\r\n.swiper-button-next {\r\n  background-image: url(\"../img/arrow-r.png\");\r\n  background-size: contain;\r\n  width: 44px;\r\n}\r\n.swiper-button-prev:focus {\r\n  outline: none;\r\n}\r\n.swiper-button-next:focus {\r\n  outline: none;\r\n}\r\n.swiper-button-prev {\r\n  width: 44px;\r\n  background-image: url(\"../img/arrow-l.png\");\r\n  background-size: contain;\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"@assets/scss/my-theme/mixin.scss\";\r\n.type-tab {\r\n  width: 100%;\r\n  height: 48px;\r\n  background-color: #ededed;\r\n  border: solid 1px #e5e5e5;\r\n  margin: 20px 0 10px;\r\n  span {\r\n    display: inline-block;\r\n    text-align: center;\r\n    line-height: 48px;\r\n    padding: 0 30px;\r\n    cursor: pointer;\r\n  }\r\n  .active {\r\n    background: #fff;\r\n    @include font_color(#1890ff);\r\n    border-top: 4px solid #1890ff;\r\n    @include border_color(#1890ff);\r\n    line-height: 42px;\r\n  }\r\n}\r\n.activity-details {\r\n  margin-top: 20px;\r\n  margin-bottom: 45px;\r\n}\r\n.my-swiper.gallery {\r\n  height: 100%;\r\n  width: 100%;\r\n}\r\n.g-content {\r\n  display: flex;\r\n  &-l {\r\n    width: 880px;\r\n    .l-top {\r\n      border: solid 1px #ededed;\r\n    }\r\n    .l-banner {\r\n      width: 100%;\r\n      height: 496px;\r\n      position: relative;\r\n      img {\r\n        display: block;\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n      &-bot {\r\n        width: 100%;\r\n        height: 60px;\r\n        background: #fff;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        padding: 0 20px;\r\n        position: relative;\r\n        .likeCount {\r\n          user-select: none;\r\n          display: inline-block;\r\n          width: 68px;\r\n          height: 30px;\r\n          border-radius: 15px;\r\n          background: #f7f7f7;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          color: #333;\r\n          cursor: pointer;\r\n          img {\r\n            display: block;\r\n            width: 16px;\r\n            height: 16px;\r\n            margin-right: 8px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .l-title {\r\n      width: 100%;\r\n      height: 120px;\r\n      background: #fff;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      padding: 20px;\r\n      margin-top: 20px;\r\n      border: solid 1px #ededed;\r\n      &-l {\r\n        width: 70%;\r\n        display: flex;\r\n        align-items: center;\r\n        &-img {\r\n          width: 140px;\r\n          height: 80px;\r\n          border: solid 1px #e6e6e6;\r\n          margin-right: 14px;\r\n          img {\r\n            display: block;\r\n            width: 100%;\r\n            height: 100%;\r\n          }\r\n        }\r\n        &-info {\r\n          .h3 {\r\n            display: flex;\r\n            h3 {\r\n              max-width: 360px;\r\n              overflow: hidden;\r\n              text-overflow: ellipsis;\r\n              white-space: nowrap;\r\n              font-weight: normal;\r\n              font-size: 16px;\r\n              line-height: 1.6;\r\n            }\r\n            .ml5-brand {\r\n              margin-left: 14px;\r\n            }\r\n          }\r\n          p {\r\n            color: #666;\r\n            line-height: 1.6;\r\n          }\r\n        }\r\n      }\r\n      &-r {\r\n        p {\r\n          width: 148px;\r\n          height: 30px;\r\n          background-color: #fff;\r\n        }\r\n        &-p1 {\r\n          cursor: pointer;\r\n          span {\r\n            display: inline-block;\r\n            text-align: center;\r\n            height: 30px;\r\n            width: 74px;\r\n            line-height: 30px;\r\n          }\r\n          .heart {\r\n            @include background_color(#1890ff);\r\n            color: #fff;\r\n            border-radius: 15px 0 0 15px;\r\n          }\r\n          .num {\r\n            color: #666;\r\n            border: 1px solid #1890ff;\r\n            @include border_color(#1890ff);\r\n            border-radius: 0 15px 15px 0;\r\n          }\r\n        }\r\n        &-yes {\r\n          .heart {\r\n            background-color: #e5e5e5;\r\n            color: #333;\r\n            top: -1px;\r\n            position: relative;\r\n          }\r\n          .num {\r\n            border-color: #e5e5e5;\r\n          }\r\n        }\r\n        &-p2 {\r\n          border-radius: 15px;\r\n          border: 1px solid #1890ff;\r\n          @include border_color(#1890ff);\r\n          cursor: pointer;\r\n          margin-top: 14px;\r\n          text-align: center;\r\n          @include font_color(#1890ff);\r\n          line-height: 30px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  &-r {\r\n    width: 310px;\r\n    margin-left: 10px;\r\n  }\r\n}\r\n.mc-content {\r\n  padding: 20px;\r\n  &.detail {\r\n    padding: 0 20px;\r\n  }\r\n  .mc-intor {\r\n    line-height: 1.5;\r\n    text-align: inherit;\r\n  }\r\n}\r\n.comm_text {\r\n  background: #fff;\r\n  color: #333;\r\n  // padding: 35px 0;\r\n  // margin-bottom: 20px;\r\n  > div {\r\n    &:last-child {\r\n      .int-video,\r\n      .int-img {\r\n        margin-bottom: 20px;\r\n      }\r\n    }\r\n  }\r\n  > span {\r\n    line-height: 1;\r\n    padding: 0 0 20px 30;\r\n    font-size: 32px;\r\n    display: inline-block;\r\n  }\r\n  p {\r\n    line-height: 1.6;\r\n    font-size: 14px;\r\n  }\r\n  img {\r\n    display: block;\r\n  }\r\n  .int-text {\r\n    padding: 30px 0;\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!./activity-details.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!./activity-details.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./activity-details.vue?vue&type=template&id=2b0b5892&scoped=true&\"\nimport script from \"./activity-details.vue?vue&type=script&lang=js&\"\nexport * from \"./activity-details.vue?vue&type=script&lang=js&\"\nimport style0 from \"./activity-details.vue?vue&type=style&index=0&id=2b0b5892&lang=scss&scoped=true&\"\nimport style1 from \"./activity-details.vue?vue&type=style&index=1&id=2b0b5892&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  \"2b0b5892\",\n  null\n  \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABKCAMAAAArDjJDAAAArlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8tivQqAAAAOXRSTlMAfHn59hzwtkfqurJmz8ahKBMOC+JqGNTzmZCBNC4j5Yt0cG5cV0Dt3tirnVNNHwfKr6iGYZM6wDnyVa1XAAADaUlEQVRYw6TT53raQBCF4RMJ0UVHVIPp3TE42Pnu/8Yi4yeKHVbV71/tczQ7O6Mo7XX1enZ3nXy+s3PP1+q6rUzGVqXEf0qV2YNSas1dAjkfgedumtomLyVudhdrVWx4vkZxZV123ExHT0rGG9j4cmVrfH/pso3PvjaVQLePz104MnLmPXybX4rjFPDVjoqwesa3jynsmAe2K8VYToFpURFG+IY/Fas9wGcp1D74V7zjBhgoRAEoN5WQVwPq4Ul1pVABLmEfhkqlDhx0Zwi8KKUBMLt73qgmRj/UWl88AW/KoAf5r+vtwqatDBzgrE8WwKsyWQEnBZo2PCqjPZQUOMBUWbVssD73/KTMFpBr/5s0V98wDcpqAmuFWI7mD4pRDbplQU9mTRffwVG0DRz1bgtVmZW56VcV6RHK8r2C3ZJRg78KE0VoAN5H5FlmXQK5bsz6VD92ZimzH0CiwkawlzzASRKFvVCYNXSkE/SUKArKDZm1+9B4P15PGoU9l1kNjrrALHEUvJkH9gAj1SL2z8JgGXLyoC2MU1QVsvlLKCgPk3RROcNAF6GmPjkv1QXB0PvfsFMe20lXFRfj6mz+dGKuywnCQBReiiC34VapiDIFrZdpLeCAbff9X6xNdCajTWLC98eRH4cNmZw9G+4C9aUaxBxcxFhTquZW5dId1PxWCSdOIx7IaXb0pALg7mBH8sugtcBK4Mk+SRC9htSEb6g94pm0npO61LQRRq2MWo1cSsVKXRIU0gliKZZS89EVYv5MrWYjllJz9/rScpbkh89aXhIjvPTnknYeLg6zz+xRyIpp5xFm+dZWKYkurAPCRryHRyS4GchxEYNrQBJ7suPNQyMBOW8sFS1o/xrPjJ0mi5r/aDbMLGhZLujD2ml/EycLGEmEaLfsbzY+bH8i4s0o2rGhQI8X8/6wWKMHk/99ccuGQd2R0OENcdWIT44Gf0it9JUigVPgh+7qfODyTTwgBUWskCjJXjPbgRJHW76IHv8oUoWSInZlIWCbE38K4AFPucLlRuPRe6IBxLTrA7vekVJPqFgt8OBySYXcARRoIqR467KFG9IvI0SCWSSgRlzZSJn5xeCsYssqV06wmO6vT5cWqJM8zZFhmsgIgxY0+TG8Pd7xeqpLGEXqZGf/esXavRfDTlrPL1De8CHLLIlBAAAAAElFTkSuQmCC\"","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!./user-info.vue?vue&type=style&index=0&id=43518548&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!./user-info.vue?vue&type=style&index=0&id=43518548&lang=scss&scoped=true&\""],"sourceRoot":""}