{"version":3,"sources":["webpack:///./src/views/pages/activity/pages/activity-details-nolive.vue?8c2f","webpack:///./src/views/pages/activity/pages/activity-details-nolive.vue?f05d","webpack:///./src/views/pages/activity/pages/activity-details-nolive.vue?d052","webpack:///./src/views/pages/activity/pages/components/user-info-nolive.vue?6a77","webpack:///src/views/pages/activity/pages/components/user-info-nolive.vue","webpack:///./src/views/pages/activity/pages/components/user-info-nolive.vue?487f","webpack:///./src/views/pages/activity/pages/components/user-info-nolive.vue","webpack:///src/views/pages/activity/pages/activity-details-nolive.vue","webpack:///./src/views/pages/activity/pages/activity-details-nolive.vue?74f9","webpack:///./src/views/pages/activity/pages/activity-details-nolive.vue","webpack:///./src/views/pages/activity/pages/components/user-info-nolive.vue?e4ee","webpack:///./src/views/pages/activity/pages/components/user-info-nolive.vue?6988"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","on","$event","showbutton","ref","class","swiperStop","attrs","swiperOptionTop","videos","url","cover","VideoPaly","VideoPalyfalse","_e","_l","item","index","key","directives","name","rawName","value","swiperList","length","expression","slot","_v","_s","actData","likeCount","isFollow","follow","followCount","zan","isLike","banner","title","liveStateIndex","_f","startTime","endTime","address","isExhibitionActivity","LinkToActReg","actId","activeIndex","selectTab","introduction","_m","style","text","fontSize","color","position","domProps","$service","replaceSpeace","content","picture","type","padding","itm","idx","spacing","list","video","link","Time","finishDate","finishImg","send","staticRenderFns","nativeOn","searchHandle","model","callback","$$v","sendInfo","avatarUrl","nickName","user","$Messag","error","component","data","autoplay","navigation","nextEl","prevEl","typeList","regMsg","timeoutflag","handCount","isShowSubTitle","liveStatus","isBlack","showBg","isSafari","hub","liveUrl","isViewLive","isShowPay","langType","showSubtitle","docTitle","viewerList","viewerCount","queryLiveViewer","isLiveTime","autoPlayVal","isAutoplay","shareV","poster","roomid","dateFinish","ImgFinish","components","userInfo","compInfo","actDate","imgLive","videoPlayer","liveVideo","liveAway","liveIng","liveDianzan","computed","exId","$route","query","exhibitionId","id","option","liveBackgroundUrl","swiperTop","$refs","swiper","isLogin","hasUserInfo","userId","isRegOk","inMember","userRole","created","init","methods","addView","target","targetId","opt","addAllView","console","log","stop","getActDetails","getHub","bool","$Message","reContact","viewer","viewerId","comment","roomId","UserId","UserInfo","invoke","viewerInit","getLoadMethod","msg","Data","IsBlack","Code","that","pulls","userinfo","res","viewerName","JSON","parse","Id","isEntry","Content","Result","viewerInfo","memberId","stringify","statechange","e","close","ready","play","ended","liveStreamStop","LinkActReg","unverifiedDialog","activityId","delActLove","body","success","addActLove","document","getElementById","scrollIntoView","info","showRegConfirm","$Modal","confirm","onOk","onCancel","showRegConfirm2","beforeDestroy"],"mappings":"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","file":"static/js/chunk-4f72098f.f3961cfc.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-nolive.vue?vue&type=style&index=1&id=8b78b7d2&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-nolive.vue?vue&type=style&index=1&id=8b78b7d2&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-nolive.vue?vue&type=style&index=0&id=8b78b7d2&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-nolive.vue?vue&type=style&index=0&id=8b78b7d2&lang=scss&scoped=true&\"","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\"},[_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)+\" \")])])]),_c('div',{staticClass:\"l-banner-bot\"},[_c('p',{staticClass:\"l-title-r-p1\",class:_vm.isFollow ? 'l-title-r-yes' : ''},[(!_vm.isFollow)?_c('span',{staticClass:\"heart\",on:{\"click\":function($event){return _vm.follow()}}},[_c('i',{staticClass:\"icon iconfont icon-love\"}),_vm._v(\" 关注 \")]):_c('span',{staticClass:\"heart\",on:{\"click\":function($event){return _vm.follow()}}},[_vm._v(\" 已关注 \")]),_c('span',{staticClass:\"num\"},[_vm._v(_vm._s(_vm.actData.followCount))])]),_c('span',{staticClass:\"likeCount\",on:{\"click\":function($event){return _vm.zan()}}},[_c('i',{staticClass:\"icon iconfont icon-like\",class:_vm.isLike ? 'icon-like-active' : ''}),_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.LinkToActReg(_vm.actId)}}},[_vm._v(\" 报名 \")]):_vm._e()]):_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(0),_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(),(item.picture && item.picture.type == 2 && item.picture.list && item.picture.list.length)?_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()])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.dateFinish),expression:\"dateFinish\"}],staticClass:\"m-card3\",attrs:{\"id\":\"Date\"}},[_vm._m(1),_c('div',{staticClass:\"mc-content\"},[(_vm.actData)?_c('actDate',{attrs:{\"actData\":_vm.actData},on:{\"finishInit\":_vm.finishDate}}):_vm._e()],1)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.ImgFinish),expression:\"ImgFinish\"}],staticClass:\"m-card3\",attrs:{\"id\":\"Img\"}},[_vm._m(2),_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)])}\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(\"日程安排\")])])])},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:\"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 ; _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\"},[(item.avatarUrl)?_c('img',{attrs:{\"src\":item.avatarUrl}}):_c('img',{attrs:{\"src\":require(\"@/assets/img/empty.png\")}}),_c('span',[_vm._v(_vm._s(item.nickName || '游客'))])])])}),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 v-for=\"(item,index) in type\" \r\n            :key=\"index\"\r\n            @click=\"activeIndex = index ; selectTab(item)\"\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                </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\r\n                search\r\n                v-model=\"sendInfo\"\r\n                enter-button=\"发送\"\r\n                placeholder=\"说点什么~\"\r\n                style=\"width: 270px\"\r\n                @click.native=\"searchHandle\"\r\n              />\r\n          </div>\r\n        </div>\r\n        <div class=\"type-live-user type-main\" v-else>\r\n            <div class=\"lo-item\" v-for=\"(item,index) in dataList\" :key=\"index\">\r\n                <div class=\"loi-info\">\r\n                    <img :src=\"item.avatarUrl\" v-if=\"item.avatarUrl\" />\r\n                    <img src=\"@/assets/img/empty.png\" v-else />\r\n                    <span>{{item.nickName || '游客'}}</span>\r\n                </div>\r\n                <!-- <div class=\"loi-box\">\r\n                    <div class=\"loi-brand\" v-if=\"item.likeCount\">\r\n                      <img src=\"@/assets/img/icon-zs.png\" />{{item.likeCount}}\r\n                    </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\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                        nickName\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        if(res.data.queryActivityView.items){\r\n            let currentList = res.data.queryActivityView.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.queryActivityView.hasNextPage) {\r\n              this.finished = true;\r\n            }\r\n        }\r\n\r\n      },\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.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: .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>","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-nolive.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-nolive.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./user-info-nolive.vue?vue&type=template&id=6f2216e4&scoped=true&\"\nimport script from \"./user-info-nolive.vue?vue&type=script&lang=js&\"\nexport * from \"./user-info-nolive.vue?vue&type=script&lang=js&\"\nimport style0 from \"./user-info-nolive.vue?vue&type=style&index=0&id=6f2216e4&lang=scss&scoped=true&\"\nimport style1 from \"./user-info-nolive.vue?vue&type=style&index=1&id=6f2216e4&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  \"6f2216e4\",\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          <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          <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        </div>\r\n        <div class=\"l-banner-bot\">\r\n          <p class=\"l-title-r-p1\" :class=\"isFollow ? 'l-title-r-yes' : ''\">\r\n            <span class=\"heart\" @click=\"follow()\" v-if=\"!isFollow\">\r\n              <i class=\"icon iconfont icon-love\"></i>\r\n              关注\r\n            </span>\r\n            <span class=\"heart\" @click=\"follow()\" v-else> 已关注 </span>\r\n            <span class=\"num\">{{ actData.followCount }}</span>\r\n          </p>\r\n          <span class=\"likeCount\" @click=\"zan()\">\r\n            <!-- <img src=\"@/assets/img/icon-zs.png\" > -->\r\n            <i class=\"icon iconfont icon-like\" :class=\"isLike ? 'icon-like-active' : ''\"></i>\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>时间：{{ actData.startTime | moment(\"YYYY/MM/DD HH:mm\") }}~{{ actData.endTime | moment(\"YYYY/MM/DD HH:mm\") }}</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=\"LinkToActReg(actId)\">\r\n            报名\r\n          </p>\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          <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=\"item.picture && item.picture.type == 2 && item.picture.list && item.picture.list.length\">\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-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  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapGetters } from \"vuex\";\r\nimport userInfo from \"./components/user-info-nolive\";\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\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    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      exhibitionId: \"getExhibitionId\",\r\n      userInfo: \"getUser\",\r\n      viewer: \"getViewer\",\r\n      viewerId: \"getViewerId\",\r\n    }),\r\n    exId () {\r\n      return this.$route.query.exhibitionId;\r\n    },\r\n    actId () {\r\n      return this.$route.query.id;\r\n    },\r\n    option () {\r\n      return {\r\n        cover: this.actData.liveBackgroundUrl || \"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    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  },\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      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({ id: this.exhibitionId, name: \"share.activity.config\" });\r\n      console.log(this.actData, \"官方\");\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(/【活动】/g, this.actData.title);\r\n          dataJson.content = dataJson.content.replace(/【公司】/g, this.actData.company ? this.actData.company.name : \"\");\r\n          dataJson.content = dataJson.content.replace(/【展位号】/g, this.actData.exhibitor ? this.actData.exhibitor.boothInfo : \"\");\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(/【公司】/g, this.actData.company ? this.actData.company.name : \"\");\r\n          dataJson.des = dataJson.des.replace(/【展位号】/g, this.actData.exhibitor ? this.actData.exhibitor.boothInfo : \"\");\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    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    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    finishDate (bool) {\r\n      this.dateFinish = bool;\r\n    },\r\n    finishImg (bool) {\r\n      this.ImgFinish = bool;\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    getLoadMethod () {\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        // 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        };\r\n        // this.$refs[\"barrage\"].viewerEntry(model);\r\n        console.log(res, \"观众进入通知\");\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 = JSON.parse(comment.UserInfo).nickName || 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(\"直播尚未开始\");\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(\"直播已经结束\");\r\n              break;\r\n            case 3:\r\n              this.$Message.error(\"主播暂时不在\");\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    //建立连接\r\n    getHub () {\r\n      // this.$store.commit(\"setRoomId\", this.roomid);\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          // this.reContact(); // 超时重新连接\r\n        })\r\n        .then((errorMsg) => {\r\n          console.log(errorMsg, \"err\");\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    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      console.log(viewerInfo, \"viewinfo\");\r\n      this.hub.invoke(\"ViewerEntry\", this.roomid, viewerInfo);\r\n    },\r\n    statechange (e) {\r\n      console.log(e);\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\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 = `\r\n          query($id: String!) {\r\n            activityQuery{\r\n              get(id: $id){\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        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        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 (this.actData.introduction && this.actData.introduction.indexOf('[') !== -1) {\r\n          this.introduction = JSON.parse(this.actData.introduction)\r\n        } else if (this.actData.introduction) {\r\n          let arr = [{ \"text\": { \"type\": 1, \"content\": this.actData.introduction, \"fontSize\": \"14px\", \"color\": \"#000\", \"position\": \"left\" } }];\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, \"活动详情111\");\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      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    async zan () {\r\n      if (!this.isLogin) {\r\n        this.unverifiedDialog(this);\r\n        return;\r\n      }\r\n      if (this.isLike) {\r\n        // 已点赞取消点赞\r\n        this.$Message.info(\"您已点过赞了！\");\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          number: 1,\r\n        };\r\n        await this.addActZan(body);\r\n        this.isLike = !this.isLike;\r\n        this.actData.likeCount += 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.ImgFinish) {\r\n            document.getElementById(\"Img\").scrollIntoView();\r\n          } else {\r\n            this.$Message.info(\"暂无精彩瞬间\");\r\n          }\r\n      }\r\n    },\r\n\r\n    //掌声点击\r\n    async zsGoto () {\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      // this.hub.invoke(\"ViewerLeave\", this.roomid, this.userInfo.userId);\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.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.icon-like {\r\n  font-size: 14px;\r\n  color: #bfbfbf;\r\n  margin-right: 4px;\r\n}\r\n.icon-like-active {\r\n  color: #ff5c00;\r\n}\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.icon-love-yes {\r\n  color: #ff5c00;\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          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-nolive.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-nolive.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./activity-details-nolive.vue?vue&type=template&id=8b78b7d2&scoped=true&\"\nimport script from \"./activity-details-nolive.vue?vue&type=script&lang=js&\"\nexport * from \"./activity-details-nolive.vue?vue&type=script&lang=js&\"\nimport style0 from \"./activity-details-nolive.vue?vue&type=style&index=0&id=8b78b7d2&lang=scss&scoped=true&\"\nimport style1 from \"./activity-details-nolive.vue?vue&type=style&index=1&id=8b78b7d2&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  \"8b78b7d2\",\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!./user-info-nolive.vue?vue&type=style&index=1&id=6f2216e4&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-nolive.vue?vue&type=style&index=1&id=6f2216e4&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-nolive.vue?vue&type=style&index=0&id=6f2216e4&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-nolive.vue?vue&type=style&index=0&id=6f2216e4&lang=scss&scoped=true&\""],"sourceRoot":""}