added 新增元素加载动画

public/admin/static/js/template.js

@@ -90,6 +90,7 @@ function refresh( url ) {
                 if( data.data.tempType == 'table' ){
                     $.getScript('/static/js/template/table.js', function (){
                         $('#content').html($.buildTable(data.data));
+                        $('#tableBox').hide().fadeIn(800);
                     });
                 }
             }else{

public/admin/static/js/template/table.js

@@ -3,7 +3,7 @@
  */
 (function ($) {
     $.buildTable = function ( tableObj ) {
-        var tableHtml = '<div class="box"><div class="box-body">';
+        var tableHtml = '<div class="box" id="tableBox"><div class="box-body">';
         if( tableObj.rightButton && tableObj.rightButton.length ){
             tableObj.header.push({field:"action",info:"操作"});
         }
@@ -23,6 +23,11 @@
         return tableHtml;
     };
 
+    /**
+     * 创建表格头部分
+     * @param tableObj
+     * @returns {string}
+     */
     function buildHeader( tableObj ) {
         var headerHtml = '<tr><th style="width: 10px"><input type="checkbox"></th>';
         $.each(tableObj.header, function (index, value) {
@@ -32,6 +37,11 @@
         return headerHtml;
     }
 
+    /**
+     * 创建顶部功能按钮
+     * @param tableObj
+     * @returns {string}
+     */
     function buildTopButton( tableObj ) {
         var topHtml = '<div class="btn-group margin-bottom">';
         if( tableObj.topButton ){
@@ -50,6 +60,11 @@
         return topHtml;
     }
 
+    /**
+     * 创建数据部分
+     * @param tableObj
+     * @returns {string}
+     */
     function buildDataList( tableObj ) {
         var dataListHtml = '<tr><td><input type="checkbox"></td>';
         $.each(tableObj.data, function (index, value) {
@@ -59,6 +74,11 @@
         return dataListHtml;
     }
 
+    /**
+     * 创建空数据表
+     * @param tableObj
+     * @returns {string}
+     */
     function buildEmptyTable( tableObj ) {
         var emptyHtml = '<tr>';
         var spanNum = tableObj.header.length + 1;