【SpreadJS 16.1.2】SpreadJS与vxe-modal组合后样式混乱

收藏

环境：【Vue 2】 + 【SpreadJS 16.1.2】+【vxe-table 3.7.7】

问题所在：使用vxe-modal（弹窗组件）与spread设计器进行组合，导致设计器顶部菜单区域样式混乱，如下图：
1712911805108_597BCFFF-E46E-44c3-BC96-2685F8DFF084.png837638549.png

1712911805108_597BCFFF-E46E-44c3-BC96-2685F8DFF084.png837638549.png

1712911821244_A9965083-78EF-434c-A221-441E732EE559.png872866210.png

部分代码如下：

<template>
<vxe-modal fullscreen v-model="show" :loading="loading" resize @close="handleCloseModal(false)" :mask-closable="false" show-footer title="报告填写" show-zoom width="1000px">
<gc-spread-sheets-designer :styleInfo='styleInfo' :config='config' @designerInitialized = "designerInitialized">
</gc-spread-sheets-designer>
</vxe-modal>
</template>

复制代码

没有添加任何样式