| | |
| | | <a-date-picker v-model="queryParams.collectTime" :disabledDate="disabledDate" format='YYYY-MM-DD' @change="dataChange"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="3" :sm="3" :xs="3"> |
| | | <a-col :md="2" :sm="2" :xs="2"> |
| | | <a-button type="primary" @click="searchQuery" icon="search">查询</a-button> |
| | | </a-col> |
| | | <a-col :md="2" :sm="2" :xs="2"> |
| | |
| | | textStyle:{ |
| | | color:'#000', |
| | | }, |
| | | formatter:"时长:{c}H" |
| | | // formatter:"时长:{c}H", |
| | | formatter:params=>{ |
| | | const value=String(params.value) |
| | | return value.length==2&&value[0]==='0'?`时长:${value.slice(1)}H`:`时长:${value}H` |
| | | } |
| | | }, |
| | | itemStyle: { |
| | | normal: { |
| | |
| | | // }, |
| | | tooltip: { |
| | | trigger: 'item', |
| | | formatter: "{a} <br/>{b} : {c} ({d}%)" |
| | | // formatter: "{a} <br/>{b} : {c} ({d}%)", |
| | | formatter:params=>{ |
| | | const value=String(params.value) |
| | | return value.length==2&&value[0]==='0'?`${params.seriesName}<br/>${params.name}:${value.slice(1)}H(${params.percent}%)`:`${params.seriesName}<br/>${params.name}:${value}H(${params.percent}%)` |
| | | } |
| | | }, |
| | | legend: { |
| | | orient: 'vertical', |
| | |
| | | label: { |
| | | show: true, |
| | | position: 'top', |
| | | formatter: '{b}\n{c}' |
| | | // formatter: '{b}\n{c}', |
| | | // formatter:params=>String(params.value).length==2?params.name+String(params.value).slice(1):params.name+String(params.value) |
| | | formatter:params=>{ |
| | | const value=String(params.value) |
| | | return value.length==2&&value[0]==='0'?params.name+' '+value.slice(1)+'H':params.name+' '+value+'H' |
| | | } |
| | | } |
| | | } |
| | | }, |
| | |
| | | // }, |
| | | tooltip: { |
| | | trigger: 'item', |
| | | formatter: "{a} <br/>{b} : {c} ({d}%)" |
| | | // formatter: "{a} <br/>{b} : {c} ({d}%)", |
| | | formatter:params=>{ |
| | | const value=String(params.value) |
| | | return value.length==2&&value[0]==='0'?`${params.seriesName}<br/>${params.name}:${value.slice(1)}H(${params.percent}%)`:`${params.seriesName}<br/>${params.name}:${value}H(${params.percent}%)` |
| | | } |
| | | }, |
| | | legend: { |
| | | orient: 'vertical', |
| | |
| | | label: { |
| | | show: true, |
| | | position: 'top', |
| | | formatter: '{b}\n{c}' |
| | | // formatter: '{b}\n{c}', |
| | | formatter:params=>{ |
| | | const value=String(params.value) |
| | | return value.length==2&&value[0]==='0'?params.name+' '+value.slice(1)+'H':params.name+' '+value+'H' |
| | | } |
| | | } |
| | | } |
| | | }, |
| | |
| | | StartupLine.setOption(statChartPieOption2); |
| | | }, |
| | | queryStatistical(){ |
| | | getAction(this.url.dayStatisticalRate,this.queryParams).then(res =>{ |
| | | if(res.success) { |
| | | // console.log(res); |
| | | this.StatCharOpeningRate = res.result.openRate; |
| | | //利用率 |
| | | this.StatCharUsedRate = res.result.utilizationRate; |
| | | //开机率 |
| | | this.UtilizationHeight = res.result.openRate; |
| | | this.StatCharUsedopeningRate = res.result.StartupHeight; |
| | | this.StartupHeight = res.result.StartupHeight; |
| | | this.openingLong = this.getTime(res.result.openLong) |
| | | this.waitingLong = this.getTime(res.result.waitLong); |
| | | this.processLong = this.getTime(res.result.processLong); |
| | | this.closedLong = this.getTime(res.result.closeLong); |
| | | this.totalLong = parseInt(this.openingLong) + parseInt(this.closedLong); |
| | | this.draw(); |
| | | }else{ |
| | | this.draw() |
| | | } |
| | | }) |
| | | if(this.queryParams.collectTime){ |
| | | getAction(this.url.dayStatisticalRate,this.queryParams).then(res =>{ |
| | | if(res.success) { |
| | | // console.log(res); |
| | | this.StatCharOpeningRate = res.result.openRate; |
| | | //利用率 |
| | | this.StatCharUsedRate = res.result.utilizationRate; |
| | | //开机率 |
| | | this.UtilizationHeight = res.result.openRate; |
| | | this.StatCharUsedopeningRate = res.result.StartupHeight; |
| | | this.StartupHeight = res.result.StartupHeight; |
| | | this.openingLong = this.getTime(res.result.openLong) |
| | | this.waitingLong = this.getTime(res.result.waitLong); |
| | | this.processLong = this.getTime(res.result.processLong); |
| | | this.closedLong = this.getTime(res.result.closeLong); |
| | | this.totalLong = parseInt(this.openingLong) + parseInt(this.closedLong); |
| | | this.draw(); |
| | | } |
| | | }) |
| | | }else{ |
| | | this.$notification.warning({ |
| | | message:'消息', |
| | | description:'请选择时间' |
| | | }) |
| | | } |
| | | }, |
| | | dataChange(val) { |
| | | this.queryParam.collectTime1 = ""; |
| | | this.queryParams.dateTime = val.format('YYYYMMDD') |
| | | this.queryParams.collectTime = val.format('YYYY-MM-DD'); |
| | | |
| | | if(val){ |
| | | this.queryParams.dateTime = val.format('YYYYMMDD') |
| | | this.queryParams.collectTime = val.format('YYYY-MM-DD'); |
| | | } |
| | | }, |
| | | initEquipmentNode() { |
| | | let _this = this |
| | |
| | | this.queryParam = {} |
| | | this.queryParams = {} |
| | | // this.dates = [] |
| | | this.queryStatistical() |
| | | // this.queryStatistical() |
| | | // this.onClearSelected() |
| | | }, |
| | | searchQuery(){ |
| | |
| | | }, |
| | | watch: { |
| | | equip(val) { |
| | | // console.log(val); |
| | | if (val && val.equipmentId) { |
| | | this.$set(this.queryParam, 'tierName', val.title) |
| | | this.$set(this.queryParam, 'equipmentId', val.equipmentId) |
| | | this.queryParams.parentId = '' |
| | | this.queryParams.equipmentId = val.equipmentId |
| | | this.searchQuery() |
| | | }else{ |
| | | this.queryParams.parentId = val.key |
| | | this.queryParams.equipmentId = '' |
| | | this.$set(this.queryParam, 'tierName', val.title) |
| | | this.searchQuery() |
| | | } |
| | | this.searchQuery() |
| | | } |
| | | // this.searchQuery(); |
| | | |
| | | |
| | | } |
| | | |
| | | } |
| | | </script> |
| | | |