Просмотр исходного кода

修改queryform 多层修改的问题

ajun 4 лет назад
Родитель
Сommit
de52feb7f6
1 измененных файлов с 7 добавлено и 6 удалено
  1. 7 6
      resources/js/queryForm/queryForm.js

+ 7 - 6
resources/js/queryForm/queryForm.js

@@ -78,8 +78,8 @@ const query = function getQueryForm(data) {
     let _toggle_btn = null;
     this.init = function () {
         _parentNode = $(_this.el);
-        _form = $("<div ></div>");
-        _table = $("<table class='table table-sm table-bordered m-0 position-static' style='background: rgb(255, 255, 255);'></table>");
+        _form = $("<div style='z-index:95'></div>");
+        _table = $("<table class='table table-sm table-bordered m-0 position-static'  style='background: rgb(255, 255, 255);style='z-index:95''></table>");
         fillTable();
         switchData();
         addHiedDiv();
@@ -115,6 +115,7 @@ const query = function getQueryForm(data) {
     function fixed(){
        _parentNode.addClass('header-float');
        _parentNode.css('top',0);
+       _parentNode.zIndex(95);
     }
 
     // form fixed
@@ -614,10 +615,10 @@ const query = function getQueryForm(data) {
 
     // select_multiple_select
     function getSelectMultipleSelect(condition) {
-        let div = $("<div class='form-inline' style='position: relative'></div>");
-        let select = $("<select class='form-control form-control-sm' name='" + condition.name + "_sel'  id='" + condition.name + "_sel' style='vertical-align: middle; width: 100px;' data-toggle='tooltip' data-placement='top'  ></select>");
+        let div = $("<div class='form-inline' style='position: relative;z-index:95'></div>");
+        let select = $("<select class='form-control form-control-sm' name='" + condition.name + "_sel'  id='" + condition.name + "_sel' style='vertical-align: middle; width: 100px;z-index=95' data-toggle='tooltip' data-placement='top'  ></select>");
         let label = $("<label id='" + condition.name + "_lab' style='vertical-align: middle; width: 100px'  >(多选)</label>").hide();
-        let select_div = $("<div ></div>");
+        let select_div = $("<div style='z-index:95'></div>");
         select.attr('title', controlJsType(condition.tip[0], 'undefined') ? '' : condition.tip[0]);
         let placeholder = controlJsType(condition.placeholder[0], 'undefined') ? '' : condition.placeholder[0];
 
@@ -627,7 +628,7 @@ const query = function getQueryForm(data) {
         input.attr('title', controlJsType(condition.tip[1], 'undefined') ? '' : condition.tip[1]);
         input.attr('placeholder', controlJsType(condition.placeholder[1], 'undefined') ? '' : condition.placeholder[1])
 
-        let ul_div = $("<div class='pl-0 tooltipTarget' style='position: absolute;left: 100px;top:25px; max-height: 150px; overflow-y: scroll; border: 1px solid rgb(221, 221, 221); border-radius: 5px; text-align: center; transform: scale(0.9);z-index:95' tabindex='1'></div>");
+        let ul_div = $("<div class='pl-0 tooltipTarget' style='position: absolute;left: 100px;top:25px; max-height: 150px; overflow-y: scroll; border: 1px solid rgb(221, 221, 221); border-radius: 5px; text-align: center; transform: scale(0.9);z-index:95' ></div>");
         let ul = $("<ul name='" + condition.name + "' class='list-group pl-0 m-0 p-0 bg-white' style='list-style-type: none;width: 150px;top:35px; z-index: 95' ></ul>");
         let check = $("<input id='multipleCheckBox' type = 'checkbox' style='z-index:101;position:fixed;top:0;right: 0;border:1px green' >");
         let isMouseenterCheckBox = false;