|
@@ -122,7 +122,7 @@
|
|
@add="handleChildAdd($event,item,index)"
|
|
@add="handleChildAdd($event,item,index)"
|
|
@remove="handleChildRemove($event,item.child)"
|
|
@remove="handleChildRemove($event,item.child)"
|
|
handle=".drag-btn_c"
|
|
handle=".drag-btn_c"
|
|
- style="display: flex;gap: 20px;align-items: flex-start;"
|
|
|
|
|
|
+ style="display: flex;gap: 3px;align-items: flex-start;"
|
|
>
|
|
>
|
|
<div
|
|
<div
|
|
:class="['report-drag-item-wrap_child_content',activeId===child.id?'blue-bg':'']"
|
|
:class="['report-drag-item-wrap_child_content',activeId===child.id?'blue-bg':'']"
|
|
@@ -142,6 +142,8 @@
|
|
<div class="resize-drag-box_lb" @mousedown.stop="handleResizeC($event,index,cindex,'lb')"></div>
|
|
<div class="resize-drag-box_lb" @mousedown.stop="handleResizeC($event,index,cindex,'lb')"></div>
|
|
<div class="resize-drag-box_rb" @mousedown.stop="handleResizeC($event,index,cindex,'rb')"></div>
|
|
<div class="resize-drag-box_rb" @mousedown.stop="handleResizeC($event,index,cindex,'rb')"></div>
|
|
<component :is="getComponentName(child)" :compData="child"/>
|
|
<component :is="getComponentName(child)" :compData="child"/>
|
|
|
|
+ <!-- -->
|
|
|
|
+ <div class="mark-box" v-if="isDragResize" style="position: absolute;left:0;right:0;top:0;bottom: 0;z-index: 10;"></div>
|
|
</div>
|
|
</div>
|
|
</draggable>
|
|
</draggable>
|
|
</div>
|
|
</div>
|
|
@@ -621,10 +623,10 @@ export default {
|
|
compType:compData.compType,
|
|
compType:compData.compType,
|
|
content:compData.content||'',
|
|
content:compData.content||'',
|
|
id:this.getCompId(compData.compType),
|
|
id:this.getCompId(compData.compType),
|
|
|
|
+ style:compData.compType==='chart'?'height:350px':'',
|
|
child:[]
|
|
child:[]
|
|
})
|
|
})
|
|
}
|
|
}
|
|
-
|
|
|
|
}
|
|
}
|
|
console.log(obj);
|
|
console.log(obj);
|
|
|
|
|
|
@@ -681,8 +683,9 @@ export default {
|
|
}else{//删除子盒子
|
|
}else{//删除子盒子
|
|
this.conList[pindex].child.splice(cindex,1)
|
|
this.conList[pindex].child.splice(cindex,1)
|
|
if(this.conList[pindex].child.length===1){//只剩一个子盒子了则变成一个大盒子
|
|
if(this.conList[pindex].child.length===1){//只剩一个子盒子了则变成一个大盒子
|
|
|
|
+ const styleArr=this.conList[pindex].child[0].style.split(';').filter(s=>s&&(s.indexOf('width')===-1&&s.indexOf('flex')===-1)).join(';')
|
|
this.conList[pindex]=this.conList[pindex].child[0]
|
|
this.conList[pindex]=this.conList[pindex].child[0]
|
|
- this.conList[pindex].style='flex:1'
|
|
|
|
|
|
+ this.conList[pindex].style=styleArr
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
@@ -1426,6 +1429,7 @@ div{
|
|
position: absolute;
|
|
position: absolute;
|
|
right: -15px;
|
|
right: -15px;
|
|
top: 0;
|
|
top: 0;
|
|
|
|
+ z-index: 10;
|
|
.drag-btn::after{
|
|
.drag-btn::after{
|
|
content: '';
|
|
content: '';
|
|
display: block;
|
|
display: block;
|