|
|
|
@ -102,6 +102,11 @@ export default { |
|
|
|
tsg_num:8662, |
|
|
|
data24h: [], |
|
|
|
data24hX: [], |
|
|
|
// 趋势图 |
|
|
|
rsqsXData: [], |
|
|
|
rsqsDatas: [], |
|
|
|
rsqsDataName: [], |
|
|
|
rsqsDataAll: [], |
|
|
|
}; |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
@ -116,9 +121,10 @@ export default { |
|
|
|
}, 200); |
|
|
|
// 博物馆人数 |
|
|
|
this.bwugrs(); |
|
|
|
this.gethomeBarData();//24小时服务人次 |
|
|
|
this.getData24h();//24小时总服务 |
|
|
|
this.getGcgNumDatas();//人次趋势 |
|
|
|
|
|
|
|
this.cultrue_bar2(); |
|
|
|
this.cultrue_bar3(); |
|
|
|
this.addNumber(0, this.todayNum, 'insv') |
|
|
|
this.addNumber(0, this.monthNum, 'insv2') |
|
|
|
@ -131,6 +137,7 @@ export default { |
|
|
|
// var name = ['图书馆', '文化馆', '博物馆'] |
|
|
|
setTimeout(() => { |
|
|
|
this.cultrue_bar1();//24小时总服务 |
|
|
|
this.cultrue_bar2();//人次趋势 |
|
|
|
}, 200); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
@ -332,30 +339,25 @@ export default { |
|
|
|
var chartDom = document.getElementById("pcgchart"); |
|
|
|
|
|
|
|
var option |
|
|
|
// var xData = function() { |
|
|
|
// var data = []; |
|
|
|
// for (var i = 2011; i < 2017; i++) { |
|
|
|
// data.push(i + "年"); |
|
|
|
// } |
|
|
|
// return data; |
|
|
|
// }(); |
|
|
|
var xData = ['09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00',]; |
|
|
|
var xData = this.rsqsXData; |
|
|
|
var name = this.rsqsDataName; |
|
|
|
// console.log(this.rsqsDataName, 'this.rsqsDataName') |
|
|
|
// = ['体育场', '体育馆', '游泳场馆']; |
|
|
|
var data = this.rsqsDataAll; |
|
|
|
var color = ['#FF99CC', '#6666FF', '#FF6600', '#7049f0', '#fa704d', '#01babc',] |
|
|
|
var name = ['图书馆', '文化馆', '博物馆'] |
|
|
|
var data = [ |
|
|
|
[137, 34, 135, 161, 74, 152, 110, 100, 150], |
|
|
|
[174, 137, 135, 34, 152, 135, 140, 160, 100], |
|
|
|
[134, 74, 137, 135, 161, 137, 300, 220, 250], |
|
|
|
// [3.5, 15.2, 16.1, 17.4, 13.4, 6.1], |
|
|
|
// [16.1, 13.5, 3.7, 17.4, 15.2, 18.9], |
|
|
|
// [17.4, 6.1, 13.4, 15.2, 13.7, 5.2], |
|
|
|
// [3.5, 15.2, 16.1, 17.4, 13.4, 6.1], |
|
|
|
// [16.1, 13.5, 3.7, 17.4, 15.2, 18.9], |
|
|
|
// [17.4, 6.1, 13.4, 15.2, 13.7, 5.2], |
|
|
|
] |
|
|
|
let iconData = []; |
|
|
|
this.rsqsDataName.forEach((item, index)=>{ |
|
|
|
if(index==0){ |
|
|
|
iconData.push({icon: 'image://img/tyc_icon.png', name: name[0]}) |
|
|
|
}else if(index==1){ |
|
|
|
iconData.push({icon: 'image://img/tyg_icon.png', name: name[1]}) |
|
|
|
}else if(index==2){ |
|
|
|
iconData.push({icon: 'image://img/yyg_icon.png', name: name[2]}) |
|
|
|
} |
|
|
|
}) |
|
|
|
|
|
|
|
var series = []; |
|
|
|
for (var i = 0; i < 6; i++) { |
|
|
|
for (var i = 0; i < data.length; i++) { |
|
|
|
series.push({ |
|
|
|
name: name[i], |
|
|
|
type: "line", |
|
|
|
@ -411,11 +413,7 @@ export default { |
|
|
|
fontSize: '14', |
|
|
|
// padding: [1, 12] |
|
|
|
}, |
|
|
|
data: [ |
|
|
|
{ icon: 'image://img/tyc_icon.png', name: '图书馆' }, |
|
|
|
{ icon: 'image://img/tyg_icon.png', name: '文化馆' }, |
|
|
|
{ icon: 'image://img/yyg_icon.png', name: '博物馆' }, |
|
|
|
] |
|
|
|
data: iconData |
|
|
|
}, |
|
|
|
title: { |
|
|
|
// text: "负面言论分领域趋势", |
|
|
|
@ -831,7 +829,33 @@ export default { |
|
|
|
bwugrs(){ |
|
|
|
homeApi.allTygGroupTimeNum({granularity:"daily",groupsId:"510"}).then(res=>{ |
|
|
|
let bwgrs = res.data.data.groupsData |
|
|
|
this.bwg_num = bwgrs[0].noRepeatInNum |
|
|
|
// this.bwg_num = bwgrs[0].noRepeatInNum |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
// 24小时服务人次 |
|
|
|
gethomeBarData(){ |
|
|
|
let that = this; |
|
|
|
homeApi.getID().then(res=>{ |
|
|
|
// console.log(res, '====='); |
|
|
|
let idArr = ""; |
|
|
|
res.data.data.map(item=>{ |
|
|
|
if(item.type==2){ |
|
|
|
idArr += "|"+item.groupId; |
|
|
|
} |
|
|
|
}) |
|
|
|
homeApi.homeBarData({groupsId:idArr}).then(res=>{ |
|
|
|
let groupsData = []; |
|
|
|
res.data.data.groupsData.forEach(item=>{ |
|
|
|
groupsData.push(item); |
|
|
|
}); |
|
|
|
// todayNum: 0, |
|
|
|
// monthNum: 0, |
|
|
|
// yearNum: 0, |
|
|
|
that.bwg_num = groupsData[0].noRepeatInNum; |
|
|
|
that.whg_num = groupsData[1].noRepeatInNum; |
|
|
|
that.tsg_num = groupsData[2]?that.groupsData[2].noRepeatInNum:''; |
|
|
|
}); |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 图书馆 |
|
|
|
@ -912,7 +936,45 @@ export default { |
|
|
|
that.data24hX = res.data.data.dkeys; |
|
|
|
}); |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 折线趋势图 |
|
|
|
getGcgNumDatas(){ |
|
|
|
let that = this; |
|
|
|
homeApi.getID().then(res=>{ |
|
|
|
// console.log(res, '====='); |
|
|
|
let idArr = ""; |
|
|
|
res.data.data.map(item=>{ |
|
|
|
if(item.type==2){ |
|
|
|
idArr += "|"+item.groupId; |
|
|
|
} |
|
|
|
}) |
|
|
|
homeApi.allGcgNumDatas({groupsId:idArr}).then(res=>{ |
|
|
|
console.log(res, '====='); |
|
|
|
const tmpdata = res.data.data; |
|
|
|
tmpdata.forEach((item) => { |
|
|
|
that.rsqsDataName.push(item.groupName); |
|
|
|
that.rsqsDatas.push(item.list) |
|
|
|
}) |
|
|
|
|
|
|
|
that.rsqsXData = res.data.data[0].list.dkeys; |
|
|
|
that.rsqsDatas.forEach((item) => { |
|
|
|
let rsqsData = [] |
|
|
|
Object.getOwnPropertyNames(item).forEach((value) => { |
|
|
|
|
|
|
|
if(value=='dkeys'){ |
|
|
|
|
|
|
|
} |
|
|
|
if(value=='dvalue'){ |
|
|
|
// console.log(item, value, '-----') |
|
|
|
// rsqsData.push(item[value]) |
|
|
|
rsqsData = item[value]; |
|
|
|
} |
|
|
|
}); |
|
|
|
that.rsqsDataAll.push(rsqsData) |
|
|
|
}) |
|
|
|
}); |
|
|
|
}); |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
@ -1247,7 +1309,8 @@ export default { |
|
|
|
width: calc(24rem - 1.14rem) !important; |
|
|
|
height: 10.71rem !important; |
|
|
|
overflow: visible !important; |
|
|
|
margin: 0px 0.57rem 0px 0.57rem !important; |
|
|
|
// margin: 0px 0.57rem 0px 0.57rem !important; |
|
|
|
margin: 0px auto !important; |
|
|
|
box-sizing: border-box !important; |
|
|
|
// transform-origin: center top !important; |
|
|
|
transform: scale(1) !important; |
|
|
|
|
