From b1bf723abfd490c0d1a7c4c064d5630ca1c9a56e 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: Tue, 20 Jul 2021 00:01:08 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=98=84=20treetable=20component=20add=20re?=
 =?UTF-8?q?load=20api?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 component/pear/module/dtree.js     |  8 --------
 component/pear/module/frame.js     |  1 +
 component/pear/module/treetable.js | 22 ++++++++++++++++++++++
 view/document/treetable.html       | 14 ++++++++------
 4 files changed, 31 insertions(+), 14 deletions(-)

diff --git a/component/pear/module/dtree.js b/component/pear/module/dtree.js
index 7669086..21fcbab 100644
--- a/component/pear/module/dtree.js
+++ b/component/pear/module/dtree.js
@@ -1,11 +1,3 @@
-/**
- *@Name dtree 树形组件
- *@Author 智慧的小西瓜
- *@DOCS http://www.wisdomelon.com/DTreeHelper/
- *@License https://www.layui.com/
- *@LASTTIME 2020/03/31
- *@VERSION v2.5.8
- */
 layui.define(['jquery','layer','form'], function(exports) {
     var $ = layui.$,
         layer = layui.layer,
diff --git a/component/pear/module/frame.js b/component/pear/module/frame.js
index 712e1eb..ded92ce 100644
--- a/component/pear/module/frame.js
+++ b/component/pear/module/frame.js
@@ -77,5 +77,6 @@ layui.define(['table', 'jquery', 'element'], function (exports) {
 		        '</div></div>';
 	     $("#"+option.elem).html("<div class='pear-frame'>"+header+iframe+loading+"</div>");	
 	}
+	
 	exports(MOD_NAME,new pearFrame());
 })
\ No newline at end of file
diff --git a/component/pear/module/treetable.js b/component/pear/module/treetable.js
index ce22bb0..5776ac3 100644
--- a/component/pear/module/treetable.js
+++ b/component/pear/module/treetable.js
@@ -3,7 +3,14 @@ layui.define(['layer', 'table'], function (exports) {
     var layer = layui.layer;
     var table = layui.table;
 
+	var treetableInstance = function(param){
+		this.param = param;
+	}
+	
+	var instances = [];
+
     var treetable = {
+		
         // 渲染树形表格
         render: function (param) {
 			
@@ -120,7 +127,22 @@ layui.define(['layer', 'table'], function (exports) {
 
             // 渲染表格
             table.render(param);
+			var result = instances.some(item=>item.key===param.elem);
+			if(!result){
+				instances.push({key:param.elem,value:param});
+			}
         },
+		// 表格重载
+		reload: function(elem) {
+			var result = instances.some(item=>item.key===elem);
+			instances.forEach(function(item){
+				if(item.key === elem) {
+					// 清空
+					$(elem).next().remove();
+					treetable.render(item.value);
+				}
+			})
+		},
         // 计算缩进的数量
         getEmptyNum: function (pid, data) {
             var num = 0;
diff --git a/view/document/treetable.html b/view/document/treetable.html
index 9fe26d8..d711eb7 100644
--- a/view/document/treetable.html
+++ b/view/document/treetable.html
@@ -50,6 +50,10 @@
 	    <i class="layui-icon layui-icon-shrink-right"></i>
 	    折叠
 	</button>
+	<button class="pear-btn pear-btn-success pear-btn-md" lay-event="reload">
+	    <i class="layui-icon layui-icon-refresh"></i>
+	    重载
+	</button>
 </script>
 
 <script type="text/html" id="power-bar">
@@ -86,8 +90,7 @@
 
         let MODULE_PATH = "../system/operate/";
 
-        window.render = function(){
-            treetable.render({
+        treetable.render({
                 treeColIndex: 1,
                 treeSpid: 0,
                 treeIdName: 'powerId',
@@ -109,10 +112,7 @@
                     {title: '操作',templet: '#power-bar', width: 150, align: 'center'}
                     ]
                 ]
-            });
-        }
-
-        render();
+        });
 
         table.on('tool(power-table)',function(obj){
             if (obj.event === 'remove') {
@@ -133,6 +133,8 @@
 				 treetable.expandAll("#power-table");
 			} else if(obj.event === 'foldAll'){
 				 treetable.foldAll("#power-table");
+			} else if(obj.event === 'reload'){
+				 treetable.reload("#power-table");
 			}
         });