| 1 |
- webpackJsonp([57],{Hj0O:function(t,e){},LLgr:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=i("bQIR"),n={name:"monitoringDetail",components:{},data:function(){return{todayData:{},yesData:{},hasMonitor:!1,timeRange:[],showSelect:!1,proList:[],user_id:"",id:"",info:{},qushiList:[],newQushiList:[],type:2,total:1,pageSize:15,page:1,loading:!0,pathName:[],newData:[]}},created:function(){parseInt(this.$route.params.start_time)&&parseInt(this.$route.params.end_time)&&(this.timeRange[0]=this.$route.params.start_time,this.timeRange[1]=this.$route.params.end_time),this.pathName=this.$route.name,this.id=this.$route.params.id},mounted:function(){this.getList(),this.getQushi(1),this.dataOverview(),this.newgetQushi(1)},methods:{handleCurrentChange:function(t){this.getQushi(t)},getList:function(){var t=this;this.loading=!0,this.$axios({url:this.URL.BASEURL+this.URL.videoMonitorList,method:"post",data:{user_id:this.user_id,id:this.id,uid:this.$cookieStore.getCookie("admin_id")}}).then(function(e){if(t.loading=!1,(e=e.data)&&0==e.errno){var i=e.rst;t.info=i.list[0],t.id=t.info.id,parseInt(t.info.starttime)&&parseInt(t.info.endtime)&&(t.timeRange[0]=t.info.starttime,t.timeRange[1]=t.info.endtime)}else t.$message({message:e.err,type:"warning"})}).catch(function(e){t.loading=!1})},newgetQushi:function(){var t=this;this.$axios({url:this.URL.BASEURL+this.URL.getVideoMonitorList,method:"post",data:{id:this.id,uid:this.$cookieStore.getCookie("admin_id"),page:1,pagesize:99999}}).then(function(e){if((e=e.data)&&0==e.errno){var i=e.rst;t.newQushiList=i.list,t.$nextTick(function(){t.newQushiList&&t.incrementalTrend()})}else t.$message({message:e.err,type:"warning"})})},getQushi:function(t){var e=this;this.page=t,this.$axios({url:this.URL.BASEURL+this.URL.getVideoMonitorList,method:"post",data:{id:this.id,uid:this.$cookieStore.getCookie("admin_id"),page:this.page}}).then(function(t){if((t=t.data)&&0==t.errno){var i=t.rst;e.qushiList=i.list,e.total=i.count,e.pageSize=i.pagesize}else e.$message({message:t.err,type:"warning"})}).catch(function(t){})},dataOverview:function(){var t=this;this.$axios({url:this.URL.BASEURL+this.URL.Shujugailan+"?id="+this.id+"&uid="+this.$cookieStore.getCookie("admin_id"),method:"get"}).then(function(e){if((e=e.data)&&0==e.errno){var i=[];e.rst.all&&i.push(e.rst.all),e.rst.today&&i.push(e.rst.today),e.rst.yestoday&&i.push(e.rst.yestoday),t.newData=i}else Object(a.MessageBox)({message:e.err,duration:3e3})})},incrementalTrend:function(){var t=this.newQushiList.map(function(t){return t.newview}),e=this.newQushiList.map(function(t){return t.newlike}),i=this.newQushiList.map(function(t){return t.newcomment}),a=this.newQushiList.map(function(t){return t.created}),n=this.newQushiList.map(function(t){return t.like_count}),s=this.newQushiList.map(function(t){return t.view_count}),o=this.newQushiList.map(function(t){return t.comment_count}),r={tooltip:{trigger:"axis",position:function(t,e,i,a,n){var s={top:10};return s[["left","right"][+(t[0]<n.viewSize[0]/3)]]=20,s}},xAxis:{type:"category",boundaryGap:!1,data:a,axisLine:{show:!1},axisTick:{show:!1},splitLine:{show:!1}},yAxis:{boundaryGap:[0,"100%"],max:1==this.type?Math.max.apply(null,t.concat(e).concat(i)):Math.max.apply(null,s.concat(n).concat(o)),type:"value",axisLine:{show:!1},axisTick:{show:!1},splitLine:{lineStyle:{color:"#eee",type:"dashed"}},nameTextStyle:{color:"#929292",padding:[0,35,0,0]}},legend:{data:["播放量","点赞量","评论量"],bottom:0},grid:{left:"3%",right:"4%",bottom:"23%",containLabel:!0},dataZoom:[{type:"slider",start:0,bottom:"15%",handleStyle:{color:"#fff",shadowBlur:3,shadowOffsetX:2,shadowOffsetY:2}}],series:[{name:"播放量",type:"line",itemStyle:{normal:{color:"#FF5A7B",borderColor:"#FF5A7B"}},areaStyle:{color:"#E5F2FE",opacity:.5},data:1==this.type?t:s},{name:"点赞量",type:"line",itemStyle:{normal:{color:"#2296F3",borderColor:"#2296F3"}},areaStyle:{color:"#A4FCD6",opacity:.5},data:1==this.type?e:n},{name:"评论量",type:"line",itemStyle:{normal:{color:"#FF7C00",borderColor:"#FF7C00"}},areaStyle:{color:"#fbb473",opacity:.5},data:1==this.type?i:o}]};this.$echarts.init(document.getElementById("chartmain")).setOption(r)}},watch:{type:function(){this.incrementalTrend()},$route:function(){this.pathName=this.$route.name},timeRange:function(){var t=this;this.$axios({url:this.URL.BASEURL+this.URL.changeUsersVideoTime,method:"post",data:{uid:this.$cookieStore.getCookie("admin_id"),id:this.id,start_time:this.timeRange[0]+" 00:00:00",end_time:this.timeRange[1]+" 23:59:59"}}).then(function(e){(e=e.data)&&0==e.errno?(t.hasMonitor=!0,t.getQushi(1),t.newgetQushi(),t.dataOverview()):t.$message({message:e.rst,type:"warning"})})}}},s={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"monitoringDetail"},[i("div",{directives:[{name:"loading",rawName:"v-loading",value:t.loading,expression:"loading"}],attrs:{"element-loading-text":"拼命加载中","element-loading-spinner":"el-icon-loading"}},[i("li",{staticClass:"hot-item"},[i("div",{staticClass:"icon_pancel"},[i("el-image",{staticClass:"icon",attrs:{src:t.info.cover_thumbnail_url,alt:""}}),t._v(" "),i("span",{staticClass:"type",style:1==t.info.status||2==t.info.status?"color:red":""},[t._v(t._s(1==t.info.status?"未设置":2==t.info.status?"进行中":3==t.info.status?"未开始":"已结束"))])],1),t._v(" "),i("div",{staticClass:"info"},[i("div",{attrs:{href:t.info.live_url?t.info.live_url:"javascript:void(0);",target:"_Blank"}},[i("div",{staticClass:"common_user_name"},[i("el-tooltip",{attrs:{effect:"dark",content:t.info.caption,placement:"top"}},[i("span",{staticClass:"common_user_title"},[t._v(t._s(t.info.caption))])])],1)]),t._v(" "),i("div",{staticStyle:{display:"block","padding-top":"4px"},attrs:{href:t.info.live_url?t.info.live_url:"javascript:void(0);",target:"_Blank"}},[i("el-image",{staticClass:"smal_icon",staticStyle:{"border-radius":"50%"},attrs:{src:t.info.headurl,alt:""}}),t._v(" "),i("div",{staticClass:"common_user_title"},[i("el-tooltip",{attrs:{effect:"dark",content:t.info.user_name,placement:"top"}},[i("span",{staticClass:"common_name"},[t._v(t._s(t.info.user_name))])])],1)],1),t._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:1!=t.info.status,expression:"info.status != 1"}],staticClass:"time"},[i("div",{staticClass:"time"},[t._v("\n 开始时间:"+t._s(t.timeRange[0]?t.timeRange[0]:"0000-00-00 00:00:00")+"\n ")]),t._v(" "),i("div",{staticClass:"time"},[t._v("\n 结束时间:"+t._s(t.timeRange[1]?t.timeRange[1]:"0000-00-00 00:00:00")+"\n ")])]),t._v(" "),i("el-button",{staticStyle:{display:"inline-block"},attrs:{round:"",size:"small",type:"primary"},on:{click:function(e){t.showSelect=!0}}},[t._v(t._s(1!=t.info.status?"修改监测时段":"设置监测时段"))]),t._v(" "),i("el-date-picker",{attrs:{type:"datetimerange","value-format":"yyyy-MM-dd","range-separator":"至","start-placeholder":"开始日期","end-placeholder":"结束日期",visible:t.showSelect},on:{"update:visible":function(e){t.showSelect=e}},model:{value:t.timeRange,callback:function(e){t.timeRange=e},expression:"timeRange"}})],1),t._v(" "),i("div",{staticClass:"item-info"},[i("div",{staticClass:"number"},[t._v(t._s(t.info.newviewcount?t.info.newviewcount:"-"))]),t._v(" "),i("span",[t._v("新增播放量")])]),t._v(" "),i("div",{staticClass:"item-info"},[i("div",{staticClass:"number"},[t._v(t._s(t.info.newlikecount?t.info.newlikecount:"-"))]),t._v(" "),i("span",[t._v("新增点赞量")])]),t._v(" "),i("div",{staticClass:"item-info"},[i("div",{staticClass:"number"},[t._v(t._s(t.info.newcomment?t.info.newcomment:"-"))]),t._v(" "),i("span",[t._v("新增评论量")])]),t._v(" "),i("div",{staticClass:"item-info"},[i("div",{staticClass:"number"},[t._v(t._s(t.info.view_count?t.info.view_count:"-"))]),t._v(" "),i("span",[t._v("播放量")])]),t._v(" "),i("div",{staticClass:"item-info"},[i("div",{staticClass:"number"},[t._v(t._s(t.info.like_count?t.info.like_count:"-"))]),t._v(" "),i("span",[t._v("点赞量")])]),t._v(" "),i("div",{staticClass:"item-info"},[i("div",{staticClass:"number"},[t._v(t._s(t.info.comment_count?t.info.comment_count:"-"))]),t._v(" "),i("span",[t._v("评论量")])])]),t._v(" "),i("div",{staticClass:"dataDetail"},[t._m(0),t._v(" "),i("ul",[0!=t.newData.length?i("table",[t._m(1),t._v(" "),t._l(t.newData,function(e,a){return i("tr",{directives:[{name:"show",rawName:"v-show",value:e,expression:"item"}],key:"newData"+a},[i("td",[t._v(t._s(e&&e.created_at?e.created_at:"-"))]),t._v(" "),i("td",[t._v(t._s(e&&e.newview?e.newview:"-"))]),t._v(" "),i("td",[t._v(t._s(e&&e.newlike?e.newlike:"-"))]),t._v(" "),i("td",[t._v(t._s(e&&e.newcommend?e.newcommend:"-"))]),t._v(" "),i("td",[t._v(t._s(e&&e.view_count?e.view_count:"-"))]),t._v(" "),i("td",[t._v(t._s(e&&e.like_count?e.like_count:"-"))]),t._v(" "),i("td",[t._v(t._s(e&&e.comment_count?e.comment_count:"-"))])])})],2):i("div",{staticClass:"noHaveData"},[t._v("暂无数据")])])]),t._v(" "),i("div",{staticClass:"dataDetail",attrs:{id:"dataMonitoring"}},[i("div",{staticClass:"title"},[t._v("数据趋势")]),t._v(" "),i("div",{staticClass:"incremental_trend"},[i("div",{staticClass:"choice"},[i("button",{staticClass:"button",class:1==t.type?"activeButton":"",on:{click:function(e){t.type=1}}},[t._v("增量")]),t._v(" "),i("button",{staticClass:"button",class:2==t.type?"activeButton":"",on:{click:function(e){t.type=2}}},[t._v("累计量")])]),t._v(" "),i("div",{staticStyle:{height:"400px"},attrs:{id:"chartmain"}})])]),t._v(" "),i("div",{staticClass:"dataDetail"},[t._m(2),t._v(" "),i("ul",[i("el-table",{staticStyle:{width:"90%",margin:"0 auto"},attrs:{data:t.qushiList}},[i("el-table-column",{attrs:{prop:"created",align:"center",label:"时间"}}),t._v(" "),i("el-table-column",{attrs:{align:"center","show-overflow-tooltip":"",label:"新增播放量"},scopedSlots:t._u([{key:"default",fn:function(e){return[t._v("\n "+t._s(e.row&&e.row.newview?e.row.newview:"-")+"\n ")]}}])}),t._v(" "),i("el-table-column",{attrs:{align:"center",label:"新增点赞量"},scopedSlots:t._u([{key:"default",fn:function(e){return[t._v("\n "+t._s(e.row.newlike?e.row.newlike:"-")+"\n ")]}}])}),t._v(" "),i("el-table-column",{attrs:{align:"center",label:"新增评论量"},scopedSlots:t._u([{key:"default",fn:function(e){return[t._v("\n "+t._s(e.row.newcomment?e.row.newcomment:"-")+"\n ")]}}])}),t._v(" "),i("el-table-column",{attrs:{align:"center",label:"总播放量"},scopedSlots:t._u([{key:"default",fn:function(e){return[t._v("\n "+t._s(e.row.view_count?e.row.view_count:"-")+"\n ")]}}])}),t._v(" "),i("el-table-column",{attrs:{align:"center",label:"总点赞量"},scopedSlots:t._u([{key:"default",fn:function(e){return[t._v("\n "+t._s(e.row.like_count?e.row.like_count:"-")+"\n ")]}}])}),t._v(" "),i("el-table-column",{attrs:{align:"center",prop:"user_count",label:"总评论量"},scopedSlots:t._u([{key:"default",fn:function(e){return[t._v("\n "+t._s(e.row.comment_count?e.row.comment_count:"-")+"\n ")]}}])})],1)],1)]),t._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:t.total>0,expression:"total>0"}],staticClass:"bottom"},[i("span",{directives:[{name:"show",rawName:"v-show",value:t.total,expression:"total"}],staticClass:"total"},[t._v("共"+t._s(t.total)+"条结果")]),t._v(" "),i("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)])])},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"top"},[e("div",{staticClass:"title"},[this._v("数据概览")])])},function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("tr",[i("td",[t._v("时间")]),t._v(" "),i("td",[t._v("新增播放量")]),t._v(" "),i("td",[t._v("新增点赞量")]),t._v(" "),i("td",[t._v("新增评论量")]),t._v(" "),i("td",[t._v("总播放量")]),t._v(" "),i("td",[t._v("总点赞量")]),t._v(" "),i("td",[t._v("总评论量")])])},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"top"},[e("div",{staticClass:"title"},[this._v("数据详情")])])}]};var o=i("C7Lr")(n,s,!1,function(t){i("Hj0O"),i("gIFj")},"data-v-7d4e6d02",null);e.default=o.exports},gIFj:function(t,e){}});
|
