圆环百分比数值中心点样式调整，树结构的iframe跳转资源详情调整

@@ -525,7 +525,6 @@ export default {
       });
       });
     },
     },
     renderingFn(val) {
     renderingFn(val) {
-      console.log("*************",val)
       let xAxis=val.xAxis;
       let xAxis=val.xAxis;
       if(xAxis && xAxis.length>0){
       if(xAxis && xAxis.length>0){
         this.options.xAxis.data =xAxis;
         this.options.xAxis.data =xAxis;

 <template>
 <template>
   <div :style="styleObj" class="flex-div-content" >
   <div :style="styleObj" class="flex-div-content" >
-    <div :style="styleObjItem" class="flex-div" @click="goJump(item)" v-for="(item,index) in percentData" :key="index">
+    <div :style="styleObjItem" class="flex-div card-item" @click="goJump(item)" v-for="(item,index) in percentData" :key="index">
       <div class="percent-title" :style="titleStyle">
       <div class="percent-title" :style="titleStyle">
         <img :src="imgStyle.imageAdress" alt="" class="icon-title">
         <img :src="imgStyle.imageAdress" alt="" class="icon-title">
         <!--        {{ optionsSetup.titleName }}-->
         <!--        {{ optionsSetup.titleName }}-->
@@ -9,7 +9,7 @@
       <div class="percentContainer" :style="flexStyle">
       <div class="percentContainer" :style="flexStyle">
         <v-chart :options="options[index]" autoresize/>
         <v-chart :options="options[index]" autoresize/>
         <div class="percent-label-item">
         <div class="percent-label-item">
-          <div class="chart-title"  v-for="(itemChild,index) in item.percentData" :key="index">
+          <div class="chart-title"  v-for="(itemChild,index1) in item.percentData" :key="index1">
             <span :style="numStyle(itemChild)">{{ itemChild.num }}</span>
             <span :style="numStyle(itemChild)">{{ itemChild.num }}</span>
             <span :style="pieStyle(itemChild)">%</span>
             <span :style="pieStyle(itemChild)">%</span>
           </div>
           </div>
@@ -300,8 +300,6 @@ export default {
             name:'内存容量'
             name:'内存容量'
           }]
           }]
         }
         }
-        console.log("####",arrCpu,arrmemory,arrstorage)
-
         if(arrCpu.length>0 && arrmemory.length>0 && arrstorage.length>0){
         if(arrCpu.length>0 && arrmemory.length>0 && arrstorage.length>0){
           item.percentData=arrCpu.concat(arrmemory).concat(arrstorage);
           item.percentData=arrCpu.concat(arrmemory).concat(arrstorage);
 
 
@@ -355,12 +353,13 @@ export default {
       let width1=width/this.percentData[0].percentData.length;
       let width1=width/this.percentData[0].percentData.length;
       let height1=height/2-15;
       let height1=height/2-15;
       let percentDataArr=this.percentData[index];
       let percentDataArr=this.percentData[index];
-      percentDataArr.percentData.map((item,index)=>{
+      percentDataArr.percentData.map((item,index1)=>{
+
         let series={
         let series={
           //name: '圆环',
           //name: '圆环',
           type: 'pie',
           type: 'pie',
           radius: ['70%', '60%'],
           radius: ['70%', '60%'],
-          center:[(width1*index+width1/2),height1],
+          center:[(width1*index1+width1/2),height1],
           // center:[30,60],
           // center:[30,60],
           silent: true,
           silent: true,
           clockwise: false,//圆环旋转方向，逆时针/顺时针
           clockwise: false,//圆环旋转方向，逆时针/顺时针
@@ -468,9 +467,13 @@ export default {
 }
 }
 .flex-div-content{
 .flex-div-content{
   display: flex;
   display: flex;
-  justify-content: space-between;
+  //justify-content: space-between;
+  justify-content: flex-start;
   flex-wrap: wrap;
   flex-wrap: wrap;
 }
 }
+.card-item{
+  margin-right:10px;
+}
 .flex-div{
 .flex-div{
   display: flex;
   display: flex;
   flex-flow: column;
   flex-flow: column;
@@ -495,6 +498,9 @@ export default {
   height: 100%;
   height: 100%;
   top: 0;
   top: 0;
 }
 }
+.chart-title{
+  flex:1;
+}
 .percent-item{
 .percent-item{
   /*width:100%;
   /*width:100%;
   height:100%;
   height:100%;

@@ -88,6 +88,18 @@ export default {
     this.optionsCollapse = this.value.collapse;
     this.optionsCollapse = this.value.collapse;
     this.optionsSetup = this.value.setup;
     this.optionsSetup = this.value.setup;
     this.editorOptions();
     this.editorOptions();
+    window.addEventListener('message',function(e){
+      let param = {
+        type:e.data.type,
+        data:{
+          resId: e.data.data.resId,
+          resType: e.data.data.resType
+        }
+
+      }
+      window.parent.postMessage(param, '*')
+
+    })
   },
   },
   mounted() {
   mounted() {