#layui.open#弹出div的框无法点击里面的内容，如何解决？

Question

问题遇到的现象和发生背景

点击页面上的【审核】按钮，出现审核页面，然后点击【结束流程】按钮出现【申请单下载的div框】并且可以点击框内的【{确定}{取消}】按钮

问题相关代码，请勿粘贴截图

function dosubmit () {
        var index = layer.load(1, {
          shade: [0.1, '#fff'], //0.1透明度的白色背景
        })

        // var status = document.getElementById('status')
        // var opinion = document.getElementById('opinion')
        // if (status.attr('check')){
        //   opinion.innerHTML='通过'
        // }
        // 如果没有审核意见，则补上默认意见
        // let result = $('#sqcgxx1').serialize()
        // const status = result.match(/(?<=status=).*?(?=&)/)
        // const opinion = result.match(/(?<=opinion=).*?(?=&)/)
        // if(status[0] === '1' && !opinion[0]?.length){
        //   result = result.substring(0, opinion.index) + "审核通过" + result.substring(opinion.index)
        // }

        $.post('/cis/assetsapprovalController/update', $('#sqcgxx1').serialize(),
          function (data) {
            var abid = '[[${af.id}]]'
            var jtzycyarr = []
            var nums = $('#nums').val()
            var m = nums.split(',')
            for (var s = 0; s < m.length; s++) {
              var id = m[s]
              var a = jtzycyget(id, abid)
              console.log(a)
              if (a != '') {
                jtzycyarr.push(a)
              }
            }
            var result = {
              'jtzycyarr': jtzycyarr,
            }
            console.log(JSON.stringify(result))
            $.ajax({
              url: '/cis/assetsController/addsubtable?abid=' + abid,
              type: 'post',
              data: JSON.stringify(result),
              contentType: 'application/json',
              dataType: 'json',
              success: function (msg) {
                console.log("MMM"+JSON.stringify(msg));
                console.log("CCC"+msg.code);
                if (msg.code == 1) {
                  /**/
                  var ggb = $('#queding').css('display');
                  console.log("ggb=="+ggb)
                  if (ggb == 'none'){
                    var downLayer = layer.open({
                      type:1,
                      title:'申请单下载！',
                      area:['500px','260px'],
                      //offset:'auto',
                      //shade:0.0,
                      content:$('#showDiv2'),
                      btn:['确定','取消'],
                      success:function (index) {
                        console.log("index=="+index)
                        layer.close(index)
                      },
                      cancel: function(){
                        layer.close(index)
                        //return false; //开启该代码可禁止点击该按钮关闭
                      }
                    })
                    layer.close(index)
                    layer.close(downLayer)
                  }else{
                    layer.msg('审核成功!')
                    layer.close(index)
                    layclose($('#returnUrl').val())
                  }
                  /**/
                }
                else {
                  layer.msg('审核失败!')
                }
              },
            })
          })
      }
function tijiao () {
        var type = '[[${af.applytype}]]'
        var rolename = '[[${upperrolename}]]'

        if (checkForm()) {
          if (type == '5' && rolename == '申请人核对') {
            layer.confirm('您是否已选择采购组织形式并确定提交？', {
              btn: ['确定', '取消'],
              // 按钮
            }, function () {
              dosubmit()
            })
          }
          else {
            dosubmit()
          }
        }
      }

运行结果及报错内容

我的解答思路和尝试过的方法

这是我试过所有的方法后达到了现在的样子，我已经蒙了！

我想要达到的结果

就是点击查询页面上的【审核】按钮，出现审核页面，然后点击【结束流程】按钮出现【申请单下载的div框】并且可以点击框内的{内容}和【{确定}{取消}】按钮。点击确定按钮就是关闭所有页面且回到查询页面。

Answer 1

看着像申请单下载那个窗口还在蒙版层下面被遮住了，看起来灰灰不白，如果是的啊，可以给申请单那个窗口加一个样式：z-index：2000（反正设足够大就是了，能跑到最上面）