| | |
| | | }, |
| | | chartData2:{ |
| | | title:'今日项目合格率', |
| | | percentage:'68%', |
| | | percentage:'0', |
| | | color:['#1CCAB8','#E1E4E8'], |
| | | data:[ |
| | | { |
| | |
| | | }, |
| | | chartData3:{ |
| | | title:'今日项目完成率', |
| | | percentage:'68%', |
| | | percentage:'0', |
| | | color:['#FBB647','#E1E4E8'], |
| | | data:[ |
| | | { |
| | | name:'完成', |
| | | value:'68' |
| | | value:'0' |
| | | }, |
| | | { |
| | | name:'未完成', |
| | | value:'32' |
| | | value:'0' |
| | | }, |
| | | ] |
| | | }, |
| | |
| | | }, |
| | | chartData4:{ |
| | | title:'今日项延期率', |
| | | percentage:'68%', |
| | | percentage:'0', |
| | | color:['#FF3838','#E1E4E8'], |
| | | data:[ |
| | | { |
| | | name:'延期', |
| | | value:'68' |
| | | value:'0' |
| | | }, |
| | | { |
| | | name:'未延期', |
| | | value:'32' |
| | | value:'0' |
| | | }, |
| | | ] |
| | | }, |
| | | loading:false, |
| | | pageData:{} |
| | | pageData:{}, |
| | | timers:null |
| | | } |
| | | }, |
| | | mounted(){ |
| | | this.init() |
| | | // this.init() |
| | | this.timers&&clearInterval(this.timers); |
| | | setInterval(this.init,1000*60*5) |
| | | }, |
| | | methods:{ |
| | | init(){ |
| | |
| | | if (res.code == 201) return |
| | | this.pageData = this.HaveJson(res.data) |
| | | let xData = res.data.DAYS.map(m=>{ |
| | | return `${m[1]}-${m[2]}` |
| | | let arr = m.split('-') |
| | | return `${arr[1]}-${arr[2]}` |
| | | }) |
| | | this.chartData0.xData = xData |
| | | this.chartData1.xData = xData |
| | |
| | | this.chartConfig3.isLoading = true |
| | | this.chartConfig4.isLoading = true |
| | | }) |
| | | }, |
| | | }, |
| | | handleData(val){ |
| | | if(val){ |
| | | return Math.abs(val)*100; |
| | |
| | | return '0' |
| | | } |
| | | } |
| | | }, |
| | | deactivated(){ |
| | | this.timers&&clearInterval(this.timers); |
| | | } |
| | | } |
| | | </script> |