选择后有时没有弹出对话框而且弹出两个对话框后出现黑屏情况，怎么解决

Question

选择后有时没有弹出对话框而且弹出两个对话框后出现黑屏情况，怎么解决，如下图所示，希望进行选择后弹出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>

Answer 1

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/7709972

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^