|
@@ -169,9 +169,11 @@
|
|
|
<div v-else-if="value==2" style="width: 100%;">
|
|
|
<div id="hoteltopten" style="width: 100%;height:400px;"></div>
|
|
|
<div id="hotelPredeterminedPlatform" style="width: 100%;height:400px;"></div>
|
|
|
+ <!-- <div id="hotelcountry" style="width: 100%;height:400px;"></div> -->
|
|
|
</div>
|
|
|
<div v-else-if="value==5" style="width: 100%;">
|
|
|
<div id="invitationtopten" style="width: 100%;height:400px;"></div>
|
|
|
+ <div id="unitcooperation" style="width: 100%;height:400px;"></div>
|
|
|
</div>
|
|
|
<div v-else-if="value==3" style="width: 100%;text-align: center;">
|
|
|
<div class="tabletitle">年记录</div>
|
|
@@ -378,7 +380,9 @@ export default {
|
|
|
AirticketPredetermined:[],
|
|
|
Hoteltop:[],
|
|
|
hotelPredetermined:[],
|
|
|
+ hotelcountry:[],
|
|
|
invitationtop:[],
|
|
|
+ unitcooperationtop:[],
|
|
|
teamCooperation:[],
|
|
|
groupnum:[],
|
|
|
customersNumber:[],
|
|
@@ -637,7 +641,7 @@ export default {
|
|
|
center: new mapkit.Coordinate(104.096488, 30.635261),
|
|
|
showsMapTypeControl: true,
|
|
|
showsZoomControl: true,
|
|
|
- zoomEnabled: true,
|
|
|
+ zoomEnabled: true
|
|
|
});
|
|
|
// let overlay = new mapkit.MapOverlay(map.region, {
|
|
|
// urlTemplate: "https://example.com/overlay/{x}/{y}/{z}.png"
|
|
@@ -655,7 +659,7 @@ export default {
|
|
|
legend: {},
|
|
|
tooltip: {
|
|
|
formatter:function(params){
|
|
|
- var html="该城市酒店预订总次数:"+params.data[1]+"次<br/>"
|
|
|
+ var html="该酒店预订总房数:"+params.data[1]+"次<br/>"
|
|
|
for(let i=0;i<params.data[2].length;i++){
|
|
|
html += '酒店名称:'+params.data[2][i].hotelName+', '+'单人间:' +params.data[2][i].singleRoomCount+', '+'双人间:' +params.data[2][i].doubleRoomCount+', '+'套房:' +params.data[2][i].suiteRoomCount+', '+'其他房型:' +params.data[2][i].otherRoomCount+', '+'总房数:' +params.data[2][i].roomTotal+",<br/>";
|
|
|
}
|
|
@@ -705,6 +709,33 @@ export default {
|
|
|
color:['#2e83d4'],
|
|
|
series: [{ type: 'bar' }]
|
|
|
},true);
|
|
|
+ //预定国家
|
|
|
+ var hotelcountry = echarts.init(document.getElementById('hotelcountry'));
|
|
|
+ hotelcountry.setOption({
|
|
|
+ title:{
|
|
|
+ text: '预订酒店国家排行',
|
|
|
+ },
|
|
|
+ legend: {},
|
|
|
+ tooltip: {
|
|
|
+ formatter:function(params){
|
|
|
+ var html="该国家预订总次数:"+params.data[1]+"次<br/>"
|
|
|
+ for(let i=0;i<params.data[2].length;i++){
|
|
|
+ html += '酒店名称:'+params.data[2][i].hotelName+', '+'单人间:' +params.data[2][i].singleRoomCount+', '+'双人间:' +params.data[2][i].doubleRoomCount+', '+'套房:' +params.data[2][i].suiteRoomCount+', '+'其他房型:' +params.data[2][i].otherRoomCount+', '+'总房数:' +params.data[2][i].roomTotal+",<br/>";
|
|
|
+ }
|
|
|
+ return html
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ dataset: {
|
|
|
+ source: this.hotelcountry
|
|
|
+ },
|
|
|
+ xAxis: { type: 'category' },
|
|
|
+ yAxis: {
|
|
|
+ name: '该国家预订次数',
|
|
|
+ },
|
|
|
+ color:['#2e83d4'],
|
|
|
+ series: [{ type: 'bar' }]
|
|
|
+ },true);
|
|
|
},
|
|
|
//团组商邀
|
|
|
groupinvitation(){
|
|
@@ -735,6 +766,39 @@ export default {
|
|
|
color:['#2e83d4'],
|
|
|
series: [{ type: 'bar' }]
|
|
|
},true);
|
|
|
+ //单位合作次数前十
|
|
|
+ var unitcooperation = echarts.init(document.getElementById('unitcooperation'));
|
|
|
+ unitcooperation.setOption({
|
|
|
+ title:{
|
|
|
+ text: '邀请单位合作次数前十',
|
|
|
+ },
|
|
|
+ legend: {},
|
|
|
+ tooltip: {
|
|
|
+ formatter:function(params){
|
|
|
+ var html=params.data[0]+":"+params.data[1]+"次<br/>关联团组:<br/>";
|
|
|
+ console.log(params);
|
|
|
+
|
|
|
+ for(let i=0;i<params.data[2].length;i++){
|
|
|
+ html += params.data[2][i]+"<br/>";
|
|
|
+ }
|
|
|
+ return html
|
|
|
+ }
|
|
|
+ },
|
|
|
+ dataset: {
|
|
|
+ source: this.unitcooperationtop
|
|
|
+ },
|
|
|
+ xAxis: {
|
|
|
+ type: 'category',
|
|
|
+ axisLabel:{
|
|
|
+ rotate:25
|
|
|
+ },
|
|
|
+ },
|
|
|
+ yAxis: {
|
|
|
+ name: '次数',
|
|
|
+ },
|
|
|
+ color:['#2e83d4'],
|
|
|
+ series: [{ type: 'bar' }]
|
|
|
+ },true);
|
|
|
},
|
|
|
//团组客户合作
|
|
|
teamhz(){
|
|
@@ -958,9 +1022,11 @@ export default {
|
|
|
if(document.getElementById('hoteltopten')!=null){
|
|
|
echarts.init(document.getElementById('hoteltopten')).dispose();
|
|
|
echarts.init(document.getElementById('hotelPredeterminedPlatform')).dispose();
|
|
|
+ echarts.init(document.getElementById('hotelcountry')).dispose();
|
|
|
}
|
|
|
if(document.getElementById('invitationtopten')!=null){
|
|
|
echarts.init(document.getElementById('invitationtopten')).dispose();
|
|
|
+ echarts.init(document.getElementById('unitcooperation')).dispose();
|
|
|
}
|
|
|
if(val==1){
|
|
|
this.StatisticsAirTicket();
|
|
@@ -1083,10 +1149,12 @@ export default {
|
|
|
if(res.data.code==200){
|
|
|
that.Hoteltop=[];
|
|
|
that.hotelPredetermined=[];
|
|
|
+ that.hotelcountry=[];
|
|
|
var datainfo=res.data.data.hotelCityData;
|
|
|
var hotelpred=res.data.data.hotelPlatformData
|
|
|
+ var hotelcountrydata=res.data.data.hotelCountryGroupByData
|
|
|
//酒店预订数
|
|
|
- that.Hoteltop.push(['product','城市酒店预订排行榜']);
|
|
|
+ that.Hoteltop.push(['product','酒店房间预订排行榜']);
|
|
|
for(let i=0;i<datainfo.length;i++){
|
|
|
that.Hoteltop.push([datainfo[i].city,datainfo[i].bookingRoomNum,datainfo[i].hotelData]);
|
|
|
}
|
|
@@ -1095,6 +1163,11 @@ export default {
|
|
|
for(let k=0;k<hotelpred.length;k++){
|
|
|
that.hotelPredetermined.push([hotelpred[k].platform,hotelpred[k].bookingRoomNum,hotelpred[k].hotelData]);
|
|
|
}
|
|
|
+ //酒店预订城市
|
|
|
+ that.hotelcountry.push(['product','酒店预订城市排行榜']);
|
|
|
+ for(let l=0;l<hotelcountrydata.length;l++){
|
|
|
+ that.hotelcountry.push([hotelcountrydata[l].country,hotelcountrydata[l].bookingRoomNum,hotelcountrydata[l].hotelData]);
|
|
|
+ }
|
|
|
that.grouphotel()
|
|
|
}else{
|
|
|
that.$message({
|
|
@@ -1120,11 +1193,17 @@ export default {
|
|
|
}).then(function (res) {
|
|
|
if(res.data.code==200){
|
|
|
that.invitationtop=[];
|
|
|
+ that.unitcooperationtop=[];
|
|
|
let datainfo=res.data.data.groupByCountry;
|
|
|
+ let datainfos=res.data.data.groupByClient;
|
|
|
that.invitationtop.push(['product','商邀邀请国家数量']);
|
|
|
for(let i=0;i<datainfo.length;i++){
|
|
|
that.invitationtop.push([datainfo[i].country,datainfo[i].timeNum]);
|
|
|
}
|
|
|
+ that.unitcooperationtop.push(['product','商邀单位合作次数']);
|
|
|
+ for(let p=0;p<datainfos.length;p++){
|
|
|
+ that.unitcooperationtop.push([datainfos[p].country,datainfos[p].timeNum,datainfos[p].linkGroupIds]);
|
|
|
+ }
|
|
|
that.groupinvitation()
|
|
|
}else{
|
|
|
that.$message({
|