2 lines
5.3 KiB
JavaScript
2 lines
5.3 KiB
JavaScript
import{C as i}from"./index.bb5f1b0a.js";import{f as s}from"./index.2adbb9ac.js";import{n}from"./vueComponentNormalizer.9ef17bb1.js";import{V as d}from"./VListCard.47c5661c.js";import{C as _}from"./CircleNumberChart.919f2108.js";import"./index.f5168bf8.js";var p=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"chart",attrs:{"data-title":"\u8BFE\u7A0B\u5B66\u4E60\u4EBA\u5458\u7EDF\u8BA1"}})},v=[];const f={data(){return{chartData:{}}},methods:{async findData(){const t=await s("studnet-study-analyse");this.chart.data(t),this.chart.annotation().html({position:["50%","50%"],html:`<div style="color:#8c8c8c;font-size: 14px;text-align: center;width: 10em;">\u53C2\u4E0E\u8BFE\u7A0B\u5B66\u5458\u6570<br><span style="color:#8c8c8c;font-size:20px">${t.reduce((e,a)=>e+a.count,0)}</span>\u4EBA</div>`,alignX:"middle",alignY:"middle"}),this.chart.render()}},mounted(){this.findData(),this.chart=new i({padding:[30,0],container:this.$el,autoFit:!0,height:300}),this.chart.scale("percent",{formatter:t=>(t=(t*100).toFixed(2)+"%",t)}),this.chart.coordinate("theta",{radius:.75,innerRadius:.6}),this.chart.tooltip({showTitle:!1,showMarkers:!1,itemTpl:'<li class="g2-tooltip-list-item">{name}{value}<div><span style="background-color:{color};" class="g2-tooltip-marker"></span>\u4EBA\u6570\u5360\u6BD4: {percent}</div></li>'}),this.chart.interval().adjust("stack").position("percent").color("item").label("percent",t=>({content:e=>`${(t*100).toFixed(2)}%`})).tooltip("item*percent*count",(t,e,a)=>({name:t,value:a+"\u4EBA",percent:e*100+"%"})),this.chart.interaction("element-active")}},o={};var m=n(f,p,v,!1,y,null,null,null);function y(t){for(let e in o)this[e]=o[e]}const x=function(){return m.exports}(),g={methods:{async findData(){const t=await s("setting-course-hour");t.forEach(e=>{this.chart.annotation().text({position:[e.type,e.value],content:e.value+"\u5206\u949F",style:{textAlign:"center"},offsetY:-5}).text({position:[e.type,e.value],style:{textAlign:"center"},offsetY:-12})}),this.chart.data(t),this.chart.render()}},mounted(){this.chart=new i({container:this.$el,autoFit:!0,height:500,padding:[50,20,50,20]}),this.findData(),this.chart.axis("type",{tickLine:{alignTick:!1}}),this.chart.axis("value",!1),this.chart.tooltip({showTitle:!1,showMarkers:!1,itemTpl:'<li class="g2-tooltip-list-item">{name}<div><span style="background-color:{color};" class="g2-tooltip-marker"></span>\u65F6\u95F4: {value}</div></li>'}),this.chart.interval().position("type*value").tooltip("type*value",(t,e)=>({name:t,value:e+"\u5206\u949F"}))},render(t){return t("div",{class:"chart",attrs:{"data-title":"\u8BFE\u7A0B\u5B66\u65F6\u8BBE\u7F6E\u7EDF\u8BA1"}})}};let $,C;const l={};var k=n(g,$,C,!1,D,null,null,null);function D(t){for(let e in l)this[e]=l[e]}const w=function(){return k.exports}(),b={methods:{async findData(){const t=await s("study-course-hour");t.forEach(e=>{this.chart.annotation().text({position:[e.type,e.value],content:e.value+"\u5206\u949F",style:{textAlign:"center"},offsetY:-5}).text({position:[e.type,e.value],style:{textAlign:"center"},offsetY:-12})}),this.chart.data(t),this.chart.render()}},mounted(){this.chart=new i({container:this.$el,autoFit:!0,height:500,padding:[50,20,50,20]}),this.findData(),this.chart.axis("type",{tickLine:{alignTick:!1}}),this.chart.axis("value",!1),this.chart.tooltip({showTitle:!1,showMarkers:!1,itemTpl:'<li class="g2-tooltip-list-item">{name}<div><span style="background-color:{color};" class="g2-tooltip-marker"></span>\u65F6\u95F4: {value}</div></li>'}),this.chart.interval().position("type*value").tooltip("type*value",(t,e)=>({name:t,value:e+"\u5206\u949F"}))},render(t){return t("div",{class:"chart",attrs:{"data-title":"\u8BFE\u7A0B\u5B66\u4E60\u65F6\u957F\u7EDF\u8BA1"}})}};let S,F;const c={};var L=n(b,S,F,!1,M,null,null,null);function M(t){for(let e in c)this[e]=c[e]}const T=function(){return L.exports}();var A=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"block flex-h"},[a("VListCard",{staticClass:"mr-12",staticStyle:{width:"200px"},attrs:{title:"\u8BFE\u7A0B\u5217\u8868",dataList:t.courseList},on:{change:t.findChartsData}}),t._l(t.broadcastData,function(r){return a("div",{key:r.key,staticClass:"chart"},[a("CircleNumberChart",t._b({},"CircleNumberChart",r,!1))],1)})],2)},j=[];const R={components:{CircleNumberChart:_,VListCard:d},data(){return{broadcastData:[{key:"courseHours",title:"\u8BFE\u7A0B\u5B66\u65F6",value:0,unit:"\u5206\u949F"},{key:"sectionCount",title:"\u8BFE\u7A0B\u7AE0\u8282",unit:"\u7AE0",value:0},{key:"userCount",title:"\u5B66\u4E60\u4EBA\u6570",unit:"\u4EBA",value:0},{key:"avgTime",title:"\u5E73\u5747\u5B66\u4E60\u65F6\u957F",unit:"\u5206\u949F",value:0}],courseList:[]}},created(){this.getCourseListData()},methods:{async findChartsData({id:t}){const e=await s("detail-analysis",{id:t});this.broadcastData.forEach(a=>{a.value=Math.round(e[a.key]*100,2)/100})},async getCourseListData(){const{data:t}=await s("detail-analysis-live-list");this.courseList=t}}},u={};var E=n(R,A,j,!1,Y,null,null,null);function Y(t){for(let e in u)this[e]=u[e]}const z=function(){return E.exports}(),N={render(t){return t("div",[[x,w,T],[z]][this.$store.statistic_tab_active].map(t))}};let V,H;const h={};var X=n(N,V,H,!1,q,null,null,null);function q(t){for(let e in h)this[e]=h[e]}const P=function(){return X.exports}();export{P as default};
|