You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
19 KiB
1 lines
19 KiB
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-6b28dba2"],{"1a23":function(t,e,a){"use strict";a.r(e),a.d(e,"CountUp",(function(){return n}));var s=function(){return(s=Object.assign||function(t){for(var e,a=1,s=arguments.length;a<s;a++)for(var n in e=arguments[a])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t}).apply(this,arguments)},n=function(){function t(t,e,a){var n=this;this.target=t,this.endVal=e,this.options=a,this.version="2.0.7",this.defaults={startVal:0,decimalPlaces:0,duration:2,useEasing:!0,useGrouping:!0,smartEasingThreshold:999,smartEasingAmount:333,separator:",",decimal:".",prefix:"",suffix:""},this.finalEndVal=null,this.useEasing=!0,this.countDown=!1,this.error="",this.startVal=0,this.paused=!0,this.count=function(t){n.startTime||(n.startTime=t);var e=t-n.startTime;n.remaining=n.duration-e,n.useEasing?n.countDown?n.frameVal=n.startVal-n.easingFn(e,0,n.startVal-n.endVal,n.duration):n.frameVal=n.easingFn(e,n.startVal,n.endVal-n.startVal,n.duration):n.countDown?n.frameVal=n.startVal-(n.startVal-n.endVal)*(e/n.duration):n.frameVal=n.startVal+(n.endVal-n.startVal)*(e/n.duration),n.countDown?n.frameVal=n.frameVal<n.endVal?n.endVal:n.frameVal:n.frameVal=n.frameVal>n.endVal?n.endVal:n.frameVal,n.frameVal=Number(n.frameVal.toFixed(n.options.decimalPlaces)),n.printValue(n.frameVal),e<n.duration?n.rAF=requestAnimationFrame(n.count):null!==n.finalEndVal?n.update(n.finalEndVal):n.callback&&n.callback()},this.formatNumber=function(t){var e,a,s,i,r,o=t<0?"-":"";if(e=Math.abs(t).toFixed(n.options.decimalPlaces),s=(a=(e+="").split("."))[0],i=a.length>1?n.options.decimal+a[1]:"",n.options.useGrouping){r="";for(var l=0,c=s.length;l<c;++l)0!==l&&l%3==0&&(r=n.options.separator+r),r=s[c-l-1]+r;s=r}return n.options.numerals&&n.options.numerals.length&&(s=s.replace(/[0-9]/g,(function(t){return n.options.numerals[+t]})),i=i.replace(/[0-9]/g,(function(t){return n.options.numerals[+t]}))),o+n.options.prefix+s+i+n.options.suffix},this.easeOutExpo=function(t,e,a,s){return a*(1-Math.pow(2,-10*t/s))*1024/1023+e},this.options=s(s({},this.defaults),a),this.formattingFn=this.options.formattingFn?this.options.formattingFn:this.formatNumber,this.easingFn=this.options.easingFn?this.options.easingFn:this.easeOutExpo,this.startVal=this.validateValue(this.options.startVal),this.frameVal=this.startVal,this.endVal=this.validateValue(e),this.options.decimalPlaces=Math.max(this.options.decimalPlaces),this.resetDuration(),this.options.separator=String(this.options.separator),this.useEasing=this.options.useEasing,""===this.options.separator&&(this.options.useGrouping=!1),this.el="string"==typeof t?document.getElementById(t):t,this.el?this.printValue(this.startVal):this.error="[CountUp] target is null or undefined"}return t.prototype.determineDirectionAndSmartEasing=function(){var t=this.finalEndVal?this.finalEndVal:this.endVal;this.countDown=this.startVal>t;var e=t-this.startVal;if(Math.abs(e)>this.options.smartEasingThreshold){this.finalEndVal=t;var a=this.countDown?1:-1;this.endVal=t+a*this.options.smartEasingAmount,this.duration=this.duration/2}else this.endVal=t,this.finalEndVal=null;this.finalEndVal?this.useEasing=!1:this.useEasing=this.options.useEasing},t.prototype.start=function(t){this.error||(this.callback=t,this.duration>0?(this.determineDirectionAndSmartEasing(),this.paused=!1,this.rAF=requestAnimationFrame(this.count)):this.printValue(this.endVal))},t.prototype.pauseResume=function(){this.paused?(this.startTime=null,this.duration=this.remaining,this.startVal=this.frameVal,this.determineDirectionAndSmartEasing(),this.rAF=requestAnimationFrame(this.count)):cancelAnimationFrame(this.rAF),this.paused=!this.paused},t.prototype.reset=function(){cancelAnimationFrame(this.rAF),this.paused=!0,this.resetDuration(),this.startVal=this.validateValue(this.options.startVal),this.frameVal=this.startVal,this.printValue(this.startVal)},t.prototype.update=function(t){cancelAnimationFrame(this.rAF),this.startTime=null,this.endVal=this.validateValue(t),this.endVal!==this.frameVal&&(this.startVal=this.frameVal,this.finalEndVal||this.resetDuration(),this.finalEndVal=null,this.determineDirectionAndSmartEasing(),this.rAF=requestAnimationFrame(this.count))},t.prototype.printValue=function(t){var e=this.formattingFn(t);"INPUT"===this.el.tagName?this.el.value=e:"text"===this.el.tagName||"tspan"===this.el.tagName?this.el.textContent=e:this.el.innerHTML=e},t.prototype.ensureNumber=function(t){return"number"==typeof t&&!isNaN(t)},t.prototype.validateValue=function(t){var e=Number(t);return this.ensureNumber(e)?e:(this.error="[CountUp] invalid start or end value: "+t,null)},t.prototype.resetDuration=function(){this.startTime=null,this.duration=1e3*Number(this.options.duration),this.remaining=this.duration},t}()},"87f4":function(t,e,a){!function(e,s){t.exports=s(a("1a23"))}(0,(function(t){"use strict";var e,a=(e="Function",function(t){return Object.prototype.toString.call(t)==="[object ".concat(e,"]")}),s={__countup__:t.CountUp,name:"VueCountUp",props:{delay:{type:Number,required:!1,default:0},endVal:{type:Number,required:!0},options:{type:Object,required:!1}},data:function(){return{instance:null}},watch:{endVal:{handler:function(t){this.instance&&a(this.instance.update)&&this.instance.update(t)},deep:!1}},methods:{create:function(){var e=this;if(!e.instance){var a=e.$el,s=new t.CountUp(a,e.endVal,e.options);s.error||(e.instance=s,e.delay<0?e.$emit("ready",s,t.CountUp):setTimeout((function(){return s.start((function(){return e.$emit("ready",s,t.CountUp)}))}),e.delay))}},destroy:function(){this.instance=null},printValue:function(t){if(this.instance&&a(this.instance.printValue))return this.instance.printValue(t)},start:function(t){if(this.instance&&a(this.instance.start))return this.instance.start(t)},pauseResume:function(){if(this.instance&&a(this.instance.pauseResume))return this.instance.pauseResume()},reset:function(){if(this.instance&&a(this.instance.reset))return this.instance.reset()},update:function(t){if(this.instance&&a(this.instance.update))return this.instance.update(t)}},mounted:function(){this.create()},beforeDestroy:function(){this.destroy()}};return function(t,e){void 0===e&&(e={});var a=e.insertAt;if(t&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===a&&s.firstChild?s.insertBefore(n,s.firstChild):s.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}(""),function(t,e,a,s,n,i,r,o,l,c){"boolean"!=typeof r&&(l=o,o=r,r=!1);var u,d="function"==typeof a?a.options:a;if(t&&t.render&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns,d._compiled=!0,n&&(d.functional=!0)),s&&(d._scopeId=s),i?(u=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,l(t)),t&&t._registeredComponents&&t._registeredComponents.add(i)},d._ssrRegister=u):e&&(u=r?function(){e.call(this,c(this.$root.$options.shadowRoot))}:function(t){e.call(this,o(t))}),u)if(d.functional){var p=d.render;d.render=function(t,e){return u.call(e),p(t,e)}}else{var h=d.beforeCreate;d.beforeCreate=h?[].concat(h,u):[u]}return a}({render:function(){var t=this.$createElement;return(this._self._c||t)("span")},staticRenderFns:[]},void 0,s,"data-v-0abbdf5a",!1,void 0,void 0,void 0)}))},b01f:function(t,e,a){"use strict";a.r(e);var s=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"ele-body ele-body-card"},[a("el-row",{attrs:{gutter:15}},[a("el-col",{attrs:{sm:6,xs:12}},[a("el-card",{staticClass:"monitor-count-card",attrs:{shadow:"never"}},[a("el-tag",{staticClass:"ele-tag-round",attrs:{size:"large"}},[a("i",{staticClass:"el-icon-s-custom"})]),a("div",{staticClass:"monitor-count-card-num"},[t._v("21.2 k")]),a("div",{staticClass:"monitor-count-card-text ele-text-secondary"},[t._v("总访问人数")]),a("ele-avatar-list",{attrs:{data:t.visitUsers,size:22,max:4}})],1)],1),a("el-col",{attrs:{sm:6,xs:12}},[a("el-card",{staticClass:"monitor-count-card",attrs:{shadow:"never"}},[a("el-tag",{staticClass:"ele-tag-round",attrs:{size:"large",type:"warning"}},[a("i",{staticClass:"el-icon-_sent"})]),a("div",{staticClass:"monitor-count-card-num"},[t._v("1.6 k")]),a("div",{staticClass:"monitor-count-card-text ele-text-secondary"},[t._v("点击量（近30天）")]),a("div",{staticClass:"monitor-count-card-trend ele-text-success"},[a("i",{staticClass:"el-icon-arrow-up"}),a("span",[t._v("110.5%")])]),a("el-tooltip",{attrs:{content:"指标说明",placement:"top"}},[a("i",{staticClass:"el-icon-_question ele-text-placeholder monitor-count-card-tips"})])],1)],1),a("el-col",{attrs:{sm:6,xs:12}},[a("el-card",{staticClass:"monitor-count-card",attrs:{shadow:"never"}},[a("el-tag",{staticClass:"ele-tag-round",attrs:{size:"large",type:"danger"}},[a("i",{staticClass:"el-icon-s-flag"})]),a("div",{staticClass:"monitor-count-card-num"},[t._v("826.0")]),a("div",{staticClass:"monitor-count-card-text ele-text-secondary"},[t._v("到达量（近30天）")]),a("div",{staticClass:"monitor-count-card-trend ele-text-danger"},[a("i",{staticClass:"el-icon-arrow-down"}),a("span",[t._v("15.5%")])])],1)],1),a("el-col",{attrs:{sm:6,xs:12}},[a("el-card",{staticClass:"monitor-count-card",attrs:{shadow:"never"}},[a("el-tag",{staticClass:"ele-tag-round",attrs:{size:"large",type:"success"}},[a("i",{staticClass:"el-icon-_flash-solid"})]),a("div",{staticClass:"monitor-count-card-num"},[t._v("28.8 %")]),a("div",{staticClass:"monitor-count-card-text"},[t._v("转化率（近30天）")]),a("div",{staticClass:"monitor-count-card-trend ele-text-success"},[a("i",{staticClass:"el-icon-arrow-up"}),a("span",[t._v("65.8%")])]),a("el-tooltip",{attrs:{content:"指标说明",placement:"top"}},[a("i",{staticClass:"el-icon-_question ele-text-placeholder monitor-count-card-tips"})])],1)],1)],1),a("el-row",{attrs:{gutter:15}},[a("el-col",{attrs:{md:18}},[a("el-card",{attrs:{shadow:"never",header:"用户分布"}},[a("el-row",[a("el-col",{attrs:{sm:18}},[a("ele-chart",{staticStyle:{height:"438px"},attrs:{option:t.userCountMapOption}})],1),a("el-col",{attrs:{sm:6}},[a("ele-chart",{staticStyle:{height:"438px"},attrs:{option:t.userCountChartOption}})],1)],1)],1)],1),a("el-col",{attrs:{md:6}},[a("el-row",{attrs:{gutter:15}},[a("el-col",{attrs:{md:24,sm:12}},[a("el-card",{attrs:{shadow:"never",header:"在线人数"}},[a("div",{staticClass:"monitor-online-num-card"},[a("div",{staticClass:"monitor-online-num-text"},[t._v(t._s(t.currentTime))]),a("div",{staticClass:"monitor-online-num-title"},[a("vue-count-up",{attrs:{"end-val":228},on:{ready:function(e){t.onlineNumAnimIns=e}}})],1),a("div",{staticClass:"monitor-online-num-text"},[t._v("在线总人数")]),a("ele-dot",{attrs:{text:t.updateTimeText}})],1)])],1),a("el-col",{attrs:{md:24,sm:12}},[a("el-card",{attrs:{shadow:"never",header:"浏览器分布","body-style":"padding: 0 10px;"}},[a("ele-chart",{staticStyle:{height:"240px"},attrs:{option:t.browserChartOption}})],1)],1)],1)],1),a("el-col",{attrs:{md:12}},[a("el-card",{attrs:{shadow:"never",header:"用户评价"}},[a("div",{staticClass:"ele-cell ele-cell-align-bottom"},[a("div",{staticStyle:{"font-size":"48px"}},[t._v("4.5")]),a("div",{staticClass:"ele-cell-content",staticStyle:{"padding-bottom":"8px"}},[a("el-rate",{attrs:{disabled:"","show-score":"","text-color":"#F7BA2A","score-template":"很棒"},model:{value:t.userRate,callback:function(e){t.userRate=e},expression:"userRate"}})],1)]),a("div",{staticClass:"ele-cell",staticStyle:{margin:"15px 0"}},[a("div",{staticClass:"ele-text-placeholder",staticStyle:{"font-size":"28px"}},[t._v("-0%")]),a("div",{staticClass:"ele-cell-content ele-text-small ele-text-secondary"},[t._v("当前没有评价波动")])]),a("div",{staticClass:"ele-cell"},[a("div",{staticClass:"ele-cell-content"},[a("el-progress",{attrs:{percentage:60,"show-text":!1,status:"success"}})],1),a("div",{staticClass:"ele-text-secondary",staticStyle:{width:"80px","white-space":"nowrap"}},[a("span",[a("s"),a("i",{staticClass:"el-icon-star-on"})]),a("span",[t._v(" 5 : 368人")])])]),a("div",{staticClass:"ele-cell"},[a("div",{staticClass:"ele-cell-content"},[a("el-progress",{attrs:{percentage:40,"show-text":!1}})],1),a("div",{staticClass:"ele-text-secondary",staticStyle:{width:"80px","white-space":"nowrap"}},[a("span",[a("s"),a("i",{staticClass:"el-icon-star-on"})]),a("span",[t._v(" 4 : 256人")])])]),a("div",{staticClass:"ele-cell"},[a("div",{staticClass:"ele-cell-content"},[a("el-progress",{attrs:{percentage:20,"show-text":!1,status:"warning"}})],1),a("div",{staticClass:"ele-text-secondary",staticStyle:{width:"80px","white-space":"nowrap"}},[a("span",[a("s"),a("i",{staticClass:"el-icon-star-on"})]),a("span",[t._v(" 3 : 49人")])])]),a("div",{staticClass:"ele-cell"},[a("div",{staticClass:"ele-cell-content"},[a("el-progress",{attrs:{percentage:10,"show-text":!1,status:"exception"}})],1),a("div",{staticClass:"ele-text-secondary",staticStyle:{width:"80px","white-space":"nowrap"}},[a("span",[a("s"),a("i",{staticClass:"el-icon-star-on"})]),a("span",[t._v(" 2 : 14人")])])]),a("div",{staticClass:"ele-cell"},[a("div",{staticClass:"ele-cell-content"},[a("el-progress",{attrs:{percentage:0,"show-text":!1}})],1),a("div",{staticClass:"ele-text-secondary",staticStyle:{width:"80px","white-space":"nowrap"}},[a("span",[a("s"),a("i",{staticClass:"el-icon-star-on"})]),a("span",[t._v(" 1 : 0人")])])])])],1),a("el-col",{attrs:{md:6,sm:12}},[a("el-card",{attrs:{shadow:"never",header:"用户满意度"}},[a("div",{staticClass:"ele-cell",staticStyle:{margin:"15px 0"}},[a("div",{staticClass:"ele-cell-content ele-text-center",staticStyle:{"font-size":"24px"}},[t._v("856")]),a("div",{staticClass:"ele-cell-content ele-text-center"},[a("div",{staticClass:"monitor-face-smile"},[a("span")]),a("div",{staticClass:"ele-text-secondary",staticStyle:{"margin-top":"5px"}},[t._v("正面评论")])]),a("h2",{staticClass:"ele-cell-content ele-text-success ele-text-center"},[t._v("82%")])]),a("el-divider"),a("div",{staticClass:"ele-cell",staticStyle:{margin:"15px 0 12px 0"}},[a("div",{staticClass:"ele-cell-content ele-text-center",staticStyle:{"font-size":"24px"}},[t._v("60")]),a("div",{staticClass:"ele-cell-content ele-text-center"},[a("div",{staticClass:"monitor-face-cry"},[a("span")]),a("div",{staticClass:"ele-text-secondary",staticStyle:{"margin-top":"5px"}},[t._v("负面评论")])]),a("h2",{staticClass:"ele-cell-content ele-text-danger ele-text-center"},[t._v("9%")])])],1)],1),a("el-col",{attrs:{md:6,sm:12}},[a("el-card",{attrs:{shadow:"never",header:"用户活跃度"}},[a("div",{staticClass:"ele-cell",staticStyle:{padding:"34px 0"}},[a("div",{staticClass:"ele-cell-content ele-text-center"},[a("div",{staticClass:"monitor-progress-group"},[a("el-progress",{attrs:{type:"circle",percentage:70,status:"success","show-text":!1,width:140}}),a("el-progress",{attrs:{type:"circle",percentage:60,"show-text":!1,width:115,"stroke-width":5}}),a("el-progress",{attrs:{type:"circle",percentage:35,status:"exception","show-text":!1,width:90,"stroke-width":4}})],1)]),a("div",{staticClass:"monitor-progress-legends"},[a("div",{staticClass:"ele-text-small"},[a("ele-dot",{attrs:{ripple:!1,text:"活跃率: 70%"}})],1),a("div",{staticClass:"ele-text-small"},[a("ele-dot",{attrs:{type:"success",ripple:!1,text:"留存率: 60%"}})],1),a("div",{staticClass:"ele-text-small"},[a("ele-dot",{attrs:{type:"danger",ripple:!1,text:"跳出率: 35%"}})],1)])])])],1)],1)],1)},n=[],i=(a("d81d"),a("4de4"),a("b0c0"),a("87f4")),r=a.n(i),o=a("8c5d"),l={name:"DashboardMonitor",components:{VueCountUp:r.a,EleChart:o["a"]},data:function(){return{visitUsers:[{name:"SunSmile",avatar:"https://cdn.eleadmin.com/20200609/c184eef391ae48dba87e3057e70238fb.jpg"},{name:"你的名字很好听",avatar:"https://cdn.eleadmin.com/20200609/b6a811873e704db49db994053a5019b2.jpg"},{name:"全村人的希望",avatar:"https://cdn.eleadmin.com/20200609/948344a2a77c47a7a7b332fe12ff749a.jpg"},{name:"Jasmine",avatar:"https://cdn.eleadmin.com/20200609/f6bc05af944a4f738b54128717952107.jpg"},{name:"酷酷的大叔",avatar:"https://cdn.eleadmin.com/20200609/2d98970a51b34b6b859339c96b240dcd.jpg"}],updateTime:5,chinaMapData:null,userCountData:[],currentTime:"20:58:22",onlineNumAnimIns:null,onlineNumTimer:null,browserCountData:[],userRate:4.5}},computed:{updateTimeText:function(){return this.updateTime+" 秒后更新"},userCountMapOption:function(){if(!this.chinaMapData)return{};var t=this.userCountData.map((function(t){return t.value})).sort((function(t,e){return t-e}));return{tooltip:{trigger:"item"},visualMap:{min:t[t.length-1]||0,max:t[0]||0,text:["高","低"],calculable:!0,color:["rgba(24,144,255,1)","rgba(24,144,255,.1)"]},series:[{name:"用户数",type:"map",mapType:"china",label:{show:!0},data:this.userCountData}]}},userCountChartOption:function(){var t=this.userCountData.filter((function(t){return t.value>0})).sort((function(t,e){return t.value-e.value}));return{tooltip:{trigger:"axis",formatter:'<i class="ele-chart-dot" style="background: #3aa1ff;"></i>{b0}: {c0}'},grid:{top:0,bottom:0,left:50,right:0},yAxis:[{type:"category",axisLine:{show:!1},axisTick:{show:!1},data:t.map((function(t){return t.name}))}],xAxis:[{show:!1,type:"value",splitLine:{show:!1}}],series:[{type:"bar",data:t.map((function(t){return t.value}))}]}},browserChartOption:function(){return{tooltip:{trigger:"item"},legend:{data:this.browserCountData.map((function(t){return t.name})),bottom:5,itemWidth:10,itemHeight:10,icon:"circle"},series:[{type:"pie",radius:["45%","70%"],center:["50%","43%"],label:{show:!1},data:this.browserCountData}]}}},mounted:function(){this.doUpdateOnlineNum(),this.getChinaMapData(),this.getUserCountData(),this.getBrowserCountData()},methods:{doUpdateOnlineNum:function(){var t=this;this.currentTime=this.$util.toDateString(new Date,"HH:mm:ss"),this.onlineNumTimer=setInterval((function(){t.currentTime=t.$util.toDateString(new Date,"HH:mm:ss"),1===t.updateTime?(t.updateTime=5,t.onlineNumAnimIns&&t.onlineNumAnimIns.update(100+Math.round(900*Math.random()))):t.updateTime--}),1e3)},getChinaMapData:function(){var t=this;this.$http.get("https://cdn.eleadmin.com/20200610/china-provinces.geo.json").then((function(e){o["a"].registerMap("china",e.data),t.chinaMapData=e.data})).catch((function(e){t.$message.error(e.message)}))},getUserCountData:function(){this.userCountData=[{name:"贵州",value:570},{name:"云南",value:8890},{name:"重庆",value:10010},{name:"吉林",value:5056},{name:"山西",value:2123},{name:"天津",value:9130},{name:"江西",value:10170},{name:"广西",value:6172},{name:"陕西",value:9251},{name:"黑龙江",value:5125},{name:"安徽",value:9530},{name:"北京",value:51919},{name:"福建",value:3756},{name:"上海",value:59190},{name:"湖北",value:37109},{name:"湖南",value:8966},{name:"四川",value:31020},{name:"辽宁",value:7222},{name:"河北",value:3451},{name:"河南",value:9693},{name:"浙江",value:62310},{name:"山东",value:39231},{name:"江苏",value:35911},{name:"广东",value:55891}]},getBrowserCountData:function(){this.browserCountData=[{name:"Chrome",value:9052},{name:"Safari",value:535},{name:"Firefox",value:1610},{name:"Edge",value:2800},{name:"IE",value:3200},{name:"Other",value:1700}]}},beforeDestroy:function(){this.onlineNumTimer&&clearInterval(this.onlineNumTimer)}},c=l,u=(a("fa9c"),a("2877")),d=Object(u["a"])(c,s,n,!1,null,"2c342280",null);e["default"]=d.exports},e445:function(t,e,a){},fa9c:function(t,e,a){"use strict";a("e445")}}]);
|