初始化页面时刷新状态

@@ -26,11 +26,11 @@ a.api_info{
 }
 
 div.api_info_container{
-    padding-left: 5px;
+    padding-left: 2px;
 }
 
 .btn_java_api {
-    margin-right: 5px;
+    margin-right: 3px;
 }
 
 .item_java_api_title{

@@ -15,7 +15,7 @@
         <label class="col-sm-2 control-label"> <span style="color:red">*</span>url：</label>
 
         <div class="col-sm-8">
-            <input type="text" class="form-control" id="apiUrl" name="apiUrl" placeholder="输入url" maxlength="30"
+            <input type="text" class="form-control" id="apiUrl" name="apiUrl" placeholder="输入url"
                    size="40"/>
         </div>
     </div>

@@ -57,7 +57,7 @@
     var initDashBoard = function (data) {
         var div_dash = $(".api_info_container");
         $.each(data, function (idx, val) {
-            var api_info_item = $('<div class="api_info_item col-xs-3 ">');
+            var api_info_item = $('<div class="api_info_item col-xs-4 ">');
             var api_info_item_panel = $(' <div class="panel panel-default">');
             var api_info_item_panel_title = $('<div class="item_java_api_title panel-heading">' + val.typeName + '</div>');
             var api_info_item_panel_body = $('<div class="panel-body">');
@@ -98,12 +98,13 @@
                     console.log($("#btn_" + val.cloudType + "_" + val.serviceType));
                     var btn = $("#btn_" + val.cloudType + "_" + val.serviceType);
                     $("#span_time_" + val.serviceType).html(val.updateTime);
+                    console.log(val);
                     if (val.errNum > 0) {
-                        $(btn.children("span")[0]).html(val.errNum)
+                        $(btn.children("span")[0]).html(val.errNum);
                         btn.removeClass("btn-success");
                         btn.addClass("btn-danger");
                     } else {
-                        $(btn.children("span")[0]).html()
+                        $(btn.children("span")[0]).html();
                         btn.removeClass("btn-danger");
                         btn.addClass("btn-success");
                     }

@@ -193,14 +193,16 @@
             //  container: 'tip_well'
         });
 
-        var time=statusObj.endTime;
-        time=time.slice(5);
-        $("#uptime_" + statusObj.serviceId).html(time);
+        if (statusObj.endTime != null && statusObj != "") {
+            var time = statusObj.endTime;
+            time = time.slice(5);
+            $("#uptime_" + statusObj.serviceId).html(time);
+        }
 
 
     }
 
-    var getJavaAppStatus = function () {
+    var refreshJavaAppStatus = function () {
         console.log("refresh status");
         if (table_data == null || table_data.rows == undefined)
             return;
@@ -238,25 +240,27 @@
 
     };
 
-    var refreshJavaAppStatus = function () {
+    var createJavaAppStatus = function () {
         console.log("refreshJavaAppStatus");
         if (table_data == null || table_data.rows == undefined)
             return;
 
         $.each(table_data.rows, function (idx, val) {
             var apps = java_app["" + val.serviceType];
-
+            //创建服务状态
             var appDiv = createJavaAppDiv(apps, val.serviceId, val.apiToggle);
             $("#status_" + val.serviceId).html("");
             $("#status_" + val.serviceId).append(appDiv);
 
-            getJavaAppStatus();
         });
+
+        //更新后刷新服务状态
+        refreshJavaAppStatus();
     };
 
 
     function timer() {
-        getJavaAppStatus();
+        refreshJavaAppStatus();
         setTimeout("timer()", 50000);
     }
     timer();
@@ -278,11 +282,12 @@
                 return defaultLoadFilter(data);
             },
             onLoadSuccess: function (data) {
-                console.log(data);
+//                console.log(data);
                 table_data = data;
+                createJavaAppStatus();
             },
             onAfterShow: function () {
-                refreshJavaAppStatus();
+                //refreshJavaAppStatus();
             },
             columns: [{
                 title: "ID",