VUE里修改element-ui的显示层次与上下间隔

VUE里修改element-ui的显示层次与上下间隔

审批意见没有填写的时候出现提示框跑到后面去了，同时页面的提示信息上下与附件间隔太小

 如出现上面的信息

跑到后面去了主要还是z-index问题，实际上this.$message的z-index为1010也不小了

但还是跑到后面去了，一般el-dialog 为2000开始，说明太下了

如下修改z-index="1000"就可以正常了

   
     
       
         
           
             

待选人员

                              @selection-change="handleSelectionChange">
               
               
               
             
           
           
             

已选人员

             
                {{tag.realname}} {{tag.orgCodeTxt}}
             
           
         
       
       
         
       
       
         
       
     
     
        取 消
        确 定
     
   
 

对于

 两个之间间隔问题，可以用样式解决

解决如下：

 .el-form-item {
      margin-bottom: 20px;
  }

效果图如下：