解决 Drawer 与 table Tool 层级关系问题

component/pear/modules/drawer.js

@@ -121,7 +121,7 @@ layui.define(['jquery', 'element'], function(exports) {
 			g.wrap.style.left = "0";
 			g.wrap.style.width = "100%";
 			g.wrap.style.height = "100%";
-			g.wrap.style.zIndex = 99;
+			g.wrap.style.zIndex = 99999999999;
 			g.inner.style.position = "absolute";
 			g.inner.style.top = g.top;
 			g.inner.style.bottom = g.bottom;
@@ -133,12 +133,12 @@ layui.define(['jquery', 'element'], function(exports) {
 			g.inner.style.transform = "translate3d(" + g.translate + ")";
 			g.inner.style.webkitTransition = "all .2s ease-out";
 			g.inner.style.transition = "all .2s ease-out";
-			g.inner.style.zIndex = 100;
+			g.inner.style.zIndex = 100000000000;
 			g.mask.style.width = "100%";
 			g.mask.style.height = "100%";
 			g.mask.style.opacity = "0";
 			g.mask.style.backgroundColor = "black";
-			g.mask.style.zIndex = "98";
+			g.mask.style.zIndex = "99999999998";
 			g.mask.style.webkitTransition = "all .2s ease-out";
 			g.mask.style.transition = "all .2s ease-out";
 			g.mask.style.webkitBackfaceVisibility = "hidden";

view/document/table.html

@@ -77,14 +77,20 @@
 		<script type="text/html" id="user-createTime">
 			{{layui.util.toDateString(d.createTime, 'yyyy-MM-dd')}}
 		</script>
+		
+		<div class="layer-top">
+			<br />
+			<h3>上侧弹层内容...</h3>
+		</div>
 
 		<script src="../../component/layui/layui.js"></script>
 		<script src="../../component/pear/pear.js"></script>
 		<script>
-			layui.use(['table', 'form', 'jquery'], function() {
+			layui.use(['table', 'form', 'jquery','drawer'], function() {
 				let table = layui.table;
 				let form = layui.form;
 				let $ = layui.jquery;
+				let drawer = layui.drawer;
 
 				let MODULE_PATH = "/system/user/";
 
@@ -185,7 +191,11 @@
 				});
 
 				window.add = function() {
-					layer.msg("新增");
+					drawer.open({
+						direction: "top",
+						dom: ".layer-top",
+						distance: "30%"
+					});
 				}
 
 				window.edit = function(obj) {