...
|
...
|
@@ -13,7 +13,16 @@ export default { |
|
|
const {proxy} = Vue.getCurrentInstance();
|
|
|
let dateType=Vue.ref('oneDay');
|
|
|
let optionData=Vue.ref('');
|
|
|
let names = Vue.ref(['00:00', '01:00', '02:00', '03:00', '04:00', '05:00', '06:00', '07:00', '08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00']);
|
|
|
//series接口无数据时默认数据
|
|
|
let seriesData = Vue.ref([{
|
|
|
"data": [['2022-05-13','02:00'],['2022-05-15','03:00'],['2022-05-17','04:00']],
|
|
|
// "name": kpiName.value
|
|
|
"name": '成功'
|
|
|
},{
|
|
|
"data": [['2022-05-14','08:00'],['2022-05-16','09:00'],['2022-05-17','10:00']],
|
|
|
// "name": kpiName.value
|
|
|
"name": '失败'
|
|
|
}]);
|
|
|
let series = Vue.ref([]);
|
|
|
let rateData = Vue.ref([]);
|
|
|
let kpiUnit = Vue.ref('');
|
...
|
...
|
@@ -105,6 +114,7 @@ export default { |
|
|
dateType.value=val;
|
|
|
if(val=='custom'){
|
|
|
}else{
|
|
|
getMonthDay();
|
|
|
getLineChart();
|
|
|
|
|
|
}
|
...
|
...
|
@@ -131,18 +141,10 @@ export default { |
|
|
let url = '/api-web/scatter/getByResId?dateType=' + dateType.value +
|
|
|
'&resId=' + resourceId + '&kpiId=' + idStr + '&resType=' + resType;
|
|
|
proxy.$http.get(url, {},function (res){
|
|
|
kpiUnit.value = res.data.kpiUnit == null ? "" : res.data.kpiUnit;
|
|
|
kpiUnit.value = (!res.data || res.data.kpiUnit == null) ? "" : res.data.kpiUnit;
|
|
|
if (res.data && res.data.length == 0) {
|
|
|
rateData.value = {
|
|
|
series: [{
|
|
|
"data": [['2022-05-03','02:00'],['2022-05-05','03:00'],['2022-05-07','04:00']],
|
|
|
// "name": kpiName.value
|
|
|
"name": '成功'
|
|
|
},{
|
|
|
"data": [['2022-05-04','08:00'],['2022-05-06','09:00'],['2022-05-07','10:00']],
|
|
|
// "name": kpiName.value
|
|
|
"name": '失败'
|
|
|
}],
|
|
|
series: seriesData.value,
|
|
|
kpiUnit: kpiUnit.value
|
|
|
}
|
|
|
} else {
|
...
|
...
|
@@ -151,15 +153,7 @@ export default { |
|
|
setSeries();
|
|
|
},function (error){
|
|
|
rateData.value = {
|
|
|
series: [{
|
|
|
"data": [['2022-05-03','02:00'],['2022-05-05','03:00'],['2022-05-07','04:00']],
|
|
|
// "name": kpiName.value
|
|
|
"name": '成功'
|
|
|
},{
|
|
|
"data": [['2022-05-04','08:00'],['2022-05-06','09:00'],['2022-05-07','10:00']],
|
|
|
// "name": kpiName.value
|
|
|
"name": '失败'
|
|
|
}],
|
|
|
series: seriesData.value,
|
|
|
kpiUnit: kpiUnit.value
|
|
|
}
|
|
|
setSeries();
|
...
|
...
|
@@ -227,7 +221,6 @@ export default { |
|
|
},
|
|
|
xAxis: {
|
|
|
type: 'category',
|
|
|
// data: rateData.value.names,
|
|
|
data: xAxisData.value,
|
|
|
axisLine: {
|
|
|
lineStyle: {
|
...
|
...
|
@@ -289,19 +282,19 @@ export default { |
|
|
let xAxisData=Vue.ref([]);
|
|
|
const getMonthDay=()=>{
|
|
|
let m=24;
|
|
|
if(dateType=='oneDay'){
|
|
|
if(dateType.value=='oneDay'){
|
|
|
m=24;
|
|
|
}else if(dateType=='week'){
|
|
|
}else if(dateType.value=='week'){
|
|
|
m=7;
|
|
|
}else if(dateType=='month'){
|
|
|
}else if(dateType.value=='month'){
|
|
|
m=30;
|
|
|
}
|
|
|
let dateArr=[];
|
|
|
for(let i=0;i<=m;i++){
|
|
|
let myDate=new Date();
|
|
|
if(dateType=='oneDay'){
|
|
|
myDate.setHours(myDate.getHours()-m)
|
|
|
}else if(dateType=='week' || dateType=='month'){
|
|
|
if(dateType.value=='oneDay'){
|
|
|
myDate.setHours(myDate.getHours()-i)
|
|
|
}else if(dateType.value=='week' || dateType.value=='month'){
|
|
|
myDate.setDate(myDate.getDate() - i);
|
|
|
}
|
|
|
let lowData =getDateTime(myDate); //用了上面转年月日的方法
|
...
|
...
|
@@ -322,7 +315,11 @@ export default { |
|
|
if(day < 10){
|
|
|
day = '0'+day;
|
|
|
}
|
|
|
dateTime= year+'-'+month+'-'+day;//+' '+hours+':'+minutes+':'+seconds;
|
|
|
if(dateType.value=='oneDay'){
|
|
|
dateTime= year+'-'+month+'-'+day+' '+hours+':00';//+minutes;//+':'+seconds;
|
|
|
}else{
|
|
|
dateTime= year+'-'+month+'-'+day;//+' '+hours+':'+minutes+':'+seconds;
|
|
|
}
|
|
|
return dateTime;
|
|
|
}
|
|
|
//转换个位数为 00
|
...
|
...
|
@@ -367,7 +364,7 @@ export default { |
|
|
timeFormat,
|
|
|
dateType,
|
|
|
optionData,
|
|
|
names,
|
|
|
seriesData,
|
|
|
series,
|
|
|
rateData,
|
|
|
kpiUnit,
|
...
|
...
|
|