From 7a4791a3a20ad1bd91008a6784759b0c9df20813 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E4=BB=AA=E5=BC=8F?= <854085467@qq.com>
Date: Mon, 28 Dec 2020 16:31:33 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3=20Drawer=20=E4=B8=8E=20table?=
 =?UTF-8?q?=20Tool=20=E5=B1=82=E7=BA=A7=E5=85=B3=E7=B3=BB=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 component/pear/modules/drawer.js |  6 +++---
 view/document/table.html         | 14 ++++++++++++--
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/component/pear/modules/drawer.js b/component/pear/modules/drawer.js
index f05fc3d..4479220 100644
--- a/component/pear/modules/drawer.js
+++ b/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";
diff --git a/view/document/table.html b/view/document/table.html
index f575cfd..0e6a16d 100644
--- a/view/document/table.html
+++ b/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) {