选择后有时没有弹出对话框而且弹出两个对话框后出现黑屏情况,怎么解决,如下图所示,希望进行选择后弹出dialogue,使用层次解决,style=z-index,但是选择后有时没有弹出dialguo,而且出现黑屏,解决黑屏即可,选择问题可以不解决
选择时没有弹出对话框,选择节点人员后没有弹出时的图片
黑屏图片
选择的代码
<el-form-item label="角色/岗位" v-else-if="localFormData.type=='bpmn:UserTask' && localFormData.userType === 'candidateGroups'">
子组件
<el-dialog title="表查看" :visible.sync="Visible" width="1100px" style="z-index: 990;">
<el-card style="margin-top: 20px">
<el-table :data="list">
<el-table-column v-for="(item,index) in columnss" :key="index" :prop="item.key" :label="item.title" >
<template slot-scope="scope">
<div v-if="item.operator">
<template v-for="(o,key) in item.operator">
<el-button :type="o.type" :key="key" @click="o.click(scope.row)"
size="small" v-if="!o.hidden || !o.hidden(scope.row)">{{o.name}}
</el-button>
</template>
</div>
<div v-else>
<span v-if="!item.formatter">
<template v-if="item.type">
{{item.type=='date'?dateFormat(scope.row[item.key],"YYYY-MM-DD"):dateFormat(scope.row[item.key])}}
</template>
<template v-else>
{{scope.row[item.key]}}
</template>
</span>
<span v-else v-html="item.formatter(scope.row,item.key,scope.row[item.key],index)"></span>
</div>
</template>
</el-table-column>
</el-table>
</el-card>
<p>添加的表</p>
<el-card style="margin-top: 20px">
<el-table :data="list1">
<el-table-column v-for="(item,index) in columns" :key="index" :prop="item.key" :label="item.title" >
<template slot-scope="scope">
<div v-if="item.operator">
<template v-for="(o,key) in item.operator">
<el-button :type="o.type" :key="key" @click="o.click(scope.row)"
size="small" v-if="!o.hidden || !o.hidden(scope.row)">{{o.name}}
</el-button>
</template>
</div>
<div v-else>
<span v-if="!item.formatter">
<template v-if="item.type">
{{item.type=='date'?dateFormat(scope.row[item.key],"YYYY-MM-DD"):dateFormat(scope.row[item.key])}}
</template>
<template v-else>
{{scope.row[item.key]}}
</template>
</span>
<span v-else v-html="item.formatter(scope.row,item.key,scope.row[item.key],index)"></span>
</div>
</template>
</el-table-column>
</el-table>
</el-card>
</el-dialog>
父组件
<el-dialog title="流程图" :visible.sync="dialogVisible" width="1100px" style="z-index: 20;">
<slot name="-" style="border: none;padding: 0px;margin: 0px;">
<vue-bpmn style="overflow: hidden;height: 700px;" product="flowable" @processSave="processSave"></vue-bpmn>
</slot>
</el-dialog>