|
@@ -1,7 +1,8 @@
|
|
|
<template>
|
|
|
<div id="graphBox" :class="fullScreenActionFlag ? 'full-screen-graph-box' : ''" :style="{position:(fullScreenActionFlag ? 'fixed' : 'relative'),width:(fullScreenActionFlag ? '100vw' : '100%'),height:(fullScreenActionFlag ? '100vh' : 'calc(100% - '+ relationGraphSearchHeight +'px)'),'overflow-x': 'scroll'}">
|
|
|
<div class="full-screen-box" :style="{top: fullScreenActionFlag ? '10px': relationGraphSearchHeight + 108 +'px',right: '10px'}" v-if="myChartGroupInnerOptionData">
|
|
|
- <el-button class="full-screen-box-button" icon="el-icon-full-screen" @click="fullScreenAction"></el-button>
|
|
|
+ <el-button v-if="!fullScreenActionFlag" class="full-screen-box-button" icon="el-icon-full-screen" @click="fullScreenAction"></el-button>
|
|
|
+ <img v-if="fullScreenActionFlag" class="full-screen-box-img-mini" src="../../../../static/invoice/mini.svg.svg" @click="fullScreenAction">
|
|
|
</div>
|
|
|
<div v-if="reloadGetDataFlag" class="over-map-loading"></div>
|
|
|
<div :style="{width:(seriesDataList.length == 1 || seriesDataList.length == 2 ? '100%' : (seriesDataList.length == 0 ? 1 : seriesDataList.length)*relationGraphHeight+'px'),height: '100%'}" id="relationGraph"></div>
|
|
@@ -83,8 +84,10 @@ export default {
|
|
|
// console.log("浏览器视口高度:", viewportHeight, "px");
|
|
|
if(this.fullScreenActionFlag){
|
|
|
document.getElementById("relationGraph").style.height = viewportHeight + 'px';
|
|
|
+ document.getElementById("relationGraph").style.width ='100vw';
|
|
|
}else{
|
|
|
document.getElementById("relationGraph").style.height = this.relationGraphHeight + 'px';
|
|
|
+ document.getElementById("relationGraph").style.width ='100%';
|
|
|
}
|
|
|
this.myChartGroupInner.resize();
|
|
|
},
|
|
@@ -503,6 +506,7 @@ export default {
|
|
|
// console.log('seriesDataList-=-==links',links)
|
|
|
const seriesDataList = this.getNodeGroup(data, links)
|
|
|
this.seriesDataList = seriesDataList.dataGroup
|
|
|
+ // this.seriesDataList = [seriesDataList.dataGroup[0],seriesDataList.dataGroup[1]]
|
|
|
console.log('seriesDataList-=-==',seriesDataList)
|
|
|
let seriesList = []
|
|
|
seriesDataList.dataGroup.forEach((item,index)=>{
|
|
@@ -713,4 +717,9 @@ export default {
|
|
|
left: 0;
|
|
|
z-index: 10;
|
|
|
}
|
|
|
+
|
|
|
+.full-screen-box-img-mini{
|
|
|
+ width: 30px;
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
</style>
|