| 1 |
- webpackJsonp([37],{LUSy:function(t,e){},eCd8:function(t,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a={data:function(){return{userNameSearch:"",pagesize:15,pages:0,page:1,total:0,datalist:[],task_pagesize:3,task_pages:0,task_page:1,task_total:0,taskList:[],taskLoading:!0,historyLoading:!0}},created:function(){var t=window.screen.availWidth;t>=1920?(this.pagesize=25,this.task_pagesize=5):t>=1560&&(this.pagesize=20,this.task_pagesize=4),this.init(1),this.task_init(1)},mounted:function(){},methods:{toLiveDetail:function(t){var e=this.$router.resolve({path:"/basicsDataDetail/"+t.live_stream_id});window.open(e.href,"_blank")},toUserDetail:function(t){var e=this.$router.resolve({path:"/userDetail/"+t.user_id});window.open(e.href,"_blank")},task_handleCurrentChange:function(t){this.task_init(t)},task_init:function(t){var e=this;this.task_page=t,this.taskLoading=!0,this.$axios.get(this.URL.BASEURL+this.URL.kwaiShowMonitor,{params:{page:this.task_page,pagesize:this.task_pagesize}}).then(function(t){t=t.data;e.taskLoading=!1,0==t.errno&&t?(e.taskList=t.rst.data,e.task_total=t.rst.pageInfo.count,e.task_pages=t.rst.pageInfo.pages):e.$message({message:t.err,type:"warning"})}).catch(function(){e.taskLoading=!1})},handleCurrentChange:function(t){this.init(t)},init:function(t){var e=this;this.datalist=[],this.historyLoading=!0,this.page=t;var s={page:this.page,pagesize:this.pagesize};this.userNameSearch&&(s={page:this.page,pagesize:this.pagesize,user_keyword:this.userNameSearch}),this.$axios.get(this.URL.BASEURL+this.URL.kwaiMonitor_showList,{params:s}).then(function(t){if(e.historyLoading=!1,(t=t.data)&&0==t.errno){var s=t.rst;e.total=t.rst.pageInfo.total,e.pages=t.rst.pageInfo.pages,e.datalist=s.data}else e.$message({message:t.err,type:"warning"})}).catch(function(t){e.historyLoading=!1})}}},i={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"monitorHistory"},[a("div",{directives:[{name:"loading",rawName:"v-loading",value:t.taskLoading,expression:"taskLoading"}],staticStyle:{"min-height":"275px"},attrs:{"element-loading-text":"拼命加载中","element-loading-spinner":"el-icon-loading"}},[a("div",{staticClass:"topContent clear"},[a("div",{staticClass:"left"},[t._v("共"+t._s(t.task_total)+"个监控任务")])]),t._v(" "),a("div",{staticClass:"monitorListBox clear"},t._l(t.taskList,function(e,s){return a("div",{key:s,staticClass:"monitorBox",staticStyle:{height:"140px",position:"relative"},on:{click:function(s){return t.toUserDetail(e)}}},[a("div",{class:["monitor_status",2==e.status?"no_monitor_status":1==e.status?"monitor_status_ing":""]},[t._v(t._s(0==e.status?"已结束":2==e.status?"未开始":"监控中"))]),t._v(" "),a("div",{staticClass:"userInfoBox"},[a("img",{staticClass:"userImg",attrs:{src:e.headurl,alt:""}}),t._v(" "),a("div",{staticClass:"userInfo"},[a("p",{staticClass:"userName"},[t._v(t._s(e.user_name?e.user_name:"-"))]),t._v(" "),a("p",{staticClass:"fan"},[t._v("ID："+t._s(e.user_id?e.user_id:"-"))])])]),t._v(" "),a("p",{staticClass:"monitor_time",staticStyle:{"margin-top":"16px"}},[t._v("监控开始时间 "),a("span",[t._v(t._s(e.starttime?e.starttime:"-"))])]),t._v(" "),a("p",{staticClass:"monitor_time",staticStyle:{"margin-top":"6px"}},[t._v("监控设定时长 "),a("span",[t._v(t._s(e.duration?e.duration:"-"))])])])}),0),t._v(" "),t.taskLoading||0!=t.taskList.length?t._e():a("img",{staticClass:"noDataImg",attrs:{src:s("eJaf"),alt:""}}),t._v(" "),t.task_total>0&&t.task_pages>1?a("div",{staticClass:"bottom"},[a("el-pagination",{attrs:{background:"","current-page":t.task_page,"page-size":t.task_pagesize,layout:"prev, pager, next",total:t.task_total},on:{"current-change":t.task_handleCurrentChange}})],1):t._e()]),t._v(" "),a("div",{directives:[{name:"loading",rawName:"v-loading",value:t.historyLoading,expression:"historyLoading"}],staticStyle:{"min-height":"275px"},attrs:{"element-loading-text":"拼命加载中","element-loading-spinner":"el-icon-loading"}},[a("div",{staticClass:"topContent clear"},[a("div",{staticClass:"left"},[t._v("共"+t._s(t.total)+"个监控历史")]),t._v(" "),a("div",{staticClass:"right"},[a("el-input",{staticClass:"searchInput",attrs:{placeholder:"输入达人信息查找",size:"mini",clearable:""},on:{clear:function(e){return t.init(1)}},nativeOn:{keydown:function(e){if(!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter"))return null;t.userNameSearch&&t.init(1)}},model:{value:t.userNameSearch,callback:function(e){t.userNameSearch=e},expression:"userNameSearch"}}),t._v(" "),a("button",{staticClass:"searchButton",on:{click:function(e){t.userNameSearch&&t.init(1)}}},[t._v("查询")])],1)]),t._v(" "),a("div",{staticClass:"monitorListBox clear"},[t._l(t.datalist,function(e,s){return a("div",{key:s,staticClass:"monitorBox",on:{click:function(s){return t.toLiveDetail(e)}}},[a("div",{staticClass:"liveInfo"},[a("div",{staticClass:"coverBox"},[a("img",{attrs:{src:e.cover_img,alt:""}}),t._v(" "),a("div",{class:["tag",1==e.enable?"":"done"]},[t._v(t._s(1==e.enable?"直播中":"已结束"))])]),t._v(" "),a("div",{staticClass:"info"},[a("p",{staticClass:"liveName"},[t._v(t._s(e.title?e.title:"-"))]),t._v(" "),a("div",{staticClass:"duration"},[t._v("直播时长："),a("span",[t._v(t._s(e.livetime?e.livetime:"-"))])]),t._v(" "),a("div",{staticClass:"userBox"},[a("img",{staticClass:"userImg",attrs:{src:e.headurl,alt:""}}),t._v(" "),a("div",{staticClass:"userInfo"},[a("p",{staticClass:"userName"},[t._v(t._s(e.user_name?e.user_name:"-"))]),t._v(" "),a("p",{staticClass:"time"},[t._v(t._s(e.start_time?e.start_time:"-"))])])])])]),t._v(" "),a("div",{staticClass:"monitorData clear"},[a("div",{staticClass:"data"},[a("span",[t._v(t._s(e.watching_user_count||0==e.watching_user_count?t.$NumberHandle(e.watching_user_count):"-"))]),t._v(" "),a("p",[t._v("观看人数")])]),t._v(" "),a("div",{staticClass:"data"},[a("span",[t._v(t._s(e.bast_display_watching_count||0==e.bast_display_watching_count?t.$NumberHandle(e.bast_display_watching_count):"-"))]),t._v(" "),a("p",[t._v("人气峰值")])]),t._v(" "),a("div",{staticClass:"data"},[a("span",[t._v(t._s(e.display_watching_count||0==e.display_watching_count?t.$NumberHandle(e.display_watching_count):"-"))]),t._v(" "),a("p",[t._v("平均在线")])])])])}),t._v(" "),t.historyLoading||0!=t.datalist.length?t._e():a("img",{staticClass:"noDataImg",attrs:{src:s("eJaf"),alt:""}})],2),t._v(" "),t.total>0&&t.pages>1?a("div",{staticClass:"bottom"},[a("el-pagination",{attrs:{background:"","current-page":t.page,"page-size":t.pagesize,layout:"prev, pager, next",total:t.total},on:{"current-change":t.handleCurrentChange}})],1):t._e()])])},staticRenderFns:[]};var n={components:{monitorHistory:s("C7Lr")(a,i,!1,function(t){s("hQEj")},"data-v-1ab1a982",null).exports},data:function(){return{tab:1,pickerTimes:{disabledDate:function(t){return t<Date.now()-864e5}},date:"",time:"",durationList:[{time:6,name:"6小时"},{time:12,name:"12小时"},{time:18,name:"18小时"},{time:24,name:"24小时"}],duration:0,isScreencap:!1,isBarrage:!1,loading:!1,search_key_word:"",page:1,total:0,pagesize:5,searchList:[],selectUser:{},isHaveUser:!1}},methods:{selectUserEvent:function(t){this.selectUser=t},handleCurrentChange:function(t){this.init(t)},init:function(t){var e=this;""!=this.search_key_word?(this.loading=!0,this.isHaveUser=!1,this.page=t,this.$axios.get(this.URL.BASEURL+this.URL.redSearch,{params:{page:t,keyword:this.search_key_word,pagesize:this.pagesize}}).then(function(t){t=t.data;if(e.loading=!1,t&&0==t.errno){var s=t.rst;e.selectUser={},e.searchList=s.data,e.total=s.count,0==e.searchList.length&&(e.isHaveUser=!0)}else e.$message({message:t.err,type:"warning"})}).catch(function(t){e.loading=!1})):this.$message({message:"请输入您要监测的达人ID",type:"warning"})},addUser:function(){var t=this;this.$exportNumber({type_id:4,cb:function(){if(t.selectUser.user_id)if(""!=t.date)if(""!=t.time)if(0!=t.duration){Date.prototype.toLocaleString=function(){return this.getFullYear()+"-"+(this.getMonth()+1)+"-"+this.getDate()+" "+this.getHours()+":"+this.getMinutes()+":"+this.getSeconds()};var e=new Date((t.date+" "+t.time).replace(/-/g,"/")).getTime()+60*t.duration*60*1e3,s=new Date(e).toLocaleString();t.loading=!0,t.$axios.post(t.URL.BASEURL+t.URL.kwaiShowMonitorAdd,{user_id:t.selectUser.user_id.toFixed(),starttime:t.date+" "+t.time,endtime:s,replay:t.isScreencap?1:0,barrage:t.isBarrage?1:0}).then(function(e){t.loading=!1,(e=e.data)&&0==e.errno?(t.$message({message:"添加成功",type:"success"}),t.tab=2,t.reset()):t.$message({message:e.rst.error,type:"warning"})}).catch(function(e){t.loading=!1})}else t.$message({message:"请选择监测的时长",type:"warning"});else t.$message({message:"请选择监测的开始时间",type:"warning"});else t.$message({message:"请选择监测的开始日期",type:"warning"});else t.$message({message:"请查询并选择您要监控的达人",type:"warning"})}})},reset:function(){this.date="",this.time="",this.duration=0,this.isScreencap=!1,this.isBarrage=!1,this.search_key_word="",this.page=1,this.total=0,this.pagesize=5,this.searchList=[],this.selectUser={},this.isHaveUser=!1}}},r={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{directives:[{name:"loading",rawName:"v-loading",value:t.loading,expression:"loading"}],staticClass:"monitorBox",attrs:{"element-loading-text":"拼命加载中","element-loading-spinner":"el-icon-loading"}},[s("ul",{staticClass:"topTab"},[s("li",{class:1==t.tab?"active":"",on:{click:function(e){t.tab=1}}},[t._v("直播监控")]),t._v(" "),s("li",{class:2==t.tab?"active":"",on:{click:function(e){t.tab=2}}},[t._v("监控历史")])]),t._v(" "),1==t.tab?s("div",{staticClass:"addMonitorBox"},[s("div",{staticClass:"content"},[t._m(0),t._v(" "),s("div",{staticClass:"addMonitorContent"},[s("div",{staticClass:"monitor_title"},[t._v("查询并选择达人")]),t._v(" "),s("div",{staticClass:"searchBox clear"},[s("input",{directives:[{name:"model",rawName:"v-model",value:t.search_key_word,expression:"search_key_word"}],staticClass:"search_input",attrs:{placeholder:"请输入网红名称、网红号、网红ID查询"},domProps:{value:t.search_key_word},on:{keydown:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.init(1)},input:function(e){e.target.composing||(t.search_key_word=e.target.value)}}}),t._v(" "),t.search_key_word?s("i",{staticClass:"clearText el-icon-circle-close",on:{click:function(e){t.search_key_word="",t.isHaveUser=!1}}}):t._e(),t._v(" "),s("div",{staticClass:"searchButton",on:{click:function(e){return t.init(1)}}},[t._v("查询")])]),t._v(" "),t.isHaveUser?s("p",{staticClass:"errorHint"},[s("i",{staticClass:"el-icon-warning"}),t._v("未查询到该达人")]):t._e(),t._v(" "),t.searchList&&0!=t.searchList.length?s("div",{staticClass:"searchResultBox"},[s("div",{staticClass:"searchResult searchResultOne"},[s("div",{staticClass:"title"},[t._v("搜索结果")]),t._v(" "),s("ul",{staticClass:"resultUl"},t._l(t.searchList,function(e,a){return s("li",{key:a,class:[t.selectUser.user_id==e.user_id?"user_active":""],on:{click:function(s){return t.selectUserEvent(e)}}},[s("div",{staticClass:"icon"}),t._v(" "),s("div",{staticClass:"userImg"},[s("img",{attrs:{src:e.headurl,alt:""}})]),t._v(" "),s("div",{staticClass:"userInfo clear"},[s("div",{staticClass:"info"},[s("p",{staticClass:"userName"},[t._v(t._s(e.user_name?e.user_name:"-"))]),t._v(" "),s("p",{staticClass:"userID"},[t._v("ID："+t._s(e.user_id))])]),t._v(" "),s("div",{staticClass:"fan"},[s("span",[t._v(t._s(e.fan||0==e.fan?t.$NumberHandle(e.fan):"-"))]),t._v(" "),s("p",[t._v("粉丝数")])])])])}),0),t._v(" "),s("div",{staticClass:"resultBottom"},[s("el-pagination",{staticStyle:{"margin-top":"8px"},attrs:{background:"",small:!0,"current-page":t.page,"page-size":t.pagesize,layout:"prev, pager, next",total:t.total},on:{"current-change":t.handleCurrentChange}})],1)]),t._v(" "),s("div",{staticClass:"searchResult",staticStyle:{"margin-left":"25px"}},[t._m(1),t._v(" "),s("ul",{staticClass:"resultUl"},[t.selectUser.user_id?s("li",{staticStyle:{cursor:"initial"}},[s("div",{staticClass:"userImg"},[s("img",{attrs:{src:t.selectUser.headurl,alt:""}})]),t._v(" "),s("div",{staticClass:"userInfo clear"},[s("div",{staticClass:"info"},[s("p",{staticClass:"userName"},[t._v(t._s(t.selectUser.user_name?t.selectUser.user_name:"-"))]),t._v(" "),s("p",{staticClass:"userID"},[t._v("ID："+t._s(t.selectUser.user_id))])]),t._v(" "),s("div",{staticClass:"fan"},[s("span",[t._v(t._s(t.selectUser.fan||0==t.selectUser.fan?t.$NumberHandle(t.selectUser.fan):"-"))]),t._v(" "),s("p",[t._v("粉丝数")])])])]):s("div",{staticClass:"noHaveDate"},[t._v("暂无监控达人")])])])]):t._e(),t._v(" "),t._m(2),t._v(" "),s("div",{staticStyle:{"margin-top":"24px"}},[s("el-date-picker",{attrs:{"value-format":"yyyy-MM-dd",type:"date",size:"small","picker-options":t.pickerTimes,placeholder:"选择日期"},model:{value:t.date,callback:function(e){t.date=e},expression:"date"}}),t._v(" "),s("el-time-select",{attrs:{size:"small","picker-options":{start:"00:00",step:"00:15",end:"24:00"},placeholder:"选择时间"},model:{value:t.time,callback:function(e){t.time=e},expression:"time"}})],1),t._v(" "),s("div",{staticClass:"monitor_title"},[t._v("监控时长")]),t._v(" "),s("div",{staticClass:"common_screen checkboxDuration clear"},t._l(t.durationList,function(e,a){return s("div",{key:a,class:["self_checkbox",t.duration==e.time?"self_checkbox_active":""],on:{click:function(s){t.duration=e.time}}},[s("div",{staticClass:"icon"}),t._v(" "),s("span",[t._v(t._s(e.name))])])}),0),t._v(" "),s("div",[s("div",{staticClass:"liveScreencap",staticStyle:{"margin-right":"88px"}},[s("p",{staticClass:"monitor_title"},[t._v("直播录屏")]),t._v(" "),s("el-switch",{staticClass:"switch",attrs:{"active-color":"#388efe","inactive-color":"#cccccc"},model:{value:t.isScreencap,callback:function(e){t.isScreencap=e},expression:"isScreencap"}})],1),t._v(" "),s("div",{staticClass:"liveScreencap"},[s("p",{staticClass:"monitor_title"},[t._v("弹幕捕捉")]),t._v(" "),s("el-switch",{staticClass:"switch",attrs:{"active-color":"#388efe","inactive-color":"#cccccc"},model:{value:t.isBarrage,callback:function(e){t.isBarrage=e},expression:"isBarrage"}})],1)]),t._v(" "),s("button",{staticClass:"monitorButton",on:{click:t.addUser}},[t._v("开始监控")])])])]):t._e(),t._v(" "),2==t.tab?s("monitor-history"):t._e()],1)},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"banner"},[e("div",{staticClass:"title"},[this._v("直播监控")]),this._v(" "),e("div",{staticClass:"monitorHint"},[this._v("可对达人的直播进行监测，提供完整直播录屏，秒级弹幕追踪，"),e("br"),this._v("掌握达人一手信息")])])},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"title"},[this._v("监控达人"),e("span",[this._v("（请从左侧列表选择您要监控的达人）")])])},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"monitor_title"},[this._v("监控直播开始时间"),e("span",[this._v("（建议在达人开播之前选择一个监控开始时间）")])])}]};var c=s("C7Lr")(n,r,!1,function(t){s("LUSy")},"data-v-31b79ebc",null);e.default=c.exports},hQEj:function(t,e){}});
|
