element元素z-index导致k-form-design动态表单不正常显示

问题描述

例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据
APP 中接收数据代码：

 <el-drawer
      title="质检"
      :visible.sync="dialogFormVisible"
      :before-close="handleClose"
      custom-class="demo-drawer"
      ref="drawe"
      size="60%"
    >
			<k-form-build
                ref="kfb"
                :config="formDesignConfig"
                :value="JSON.parse(selectData.manualFormOptions)"
                v-if="selectData.manualFormOptions !=='{}'"
              />
    </el-drawer>

---

原因分析：

元素的堆叠顺序， 上层z-index数值较大，表单z-index数据相对较小，导致一些表单组件（图片上传，下拉框，日期等）不能正常使用

---

解决方案：

设置z-index =500 ( 即 <el-drawer zIndex = "500"> )