diff --git a/EastLineServer/src/main/resources/templates/index.html b/EastLineServer/src/main/resources/templates/index.html
index cb531c6..cc7e12f 100644
--- a/EastLineServer/src/main/resources/templates/index.html
+++ b/EastLineServer/src/main/resources/templates/index.html
@@ -242,6 +242,8 @@
 
 <!-- Peity -->
 <script src="js/demo/peity-demo.js"></script>
+<!-- layer javascript -->
+<script src="js/plugins/layer/layer.min.js"></script>
 
 <script>
 
@@ -252,29 +254,18 @@
     });
 
 
-    //展示loading框
-    showLoading = function ()
-    {
-        $('#loadingModal').modal({backdrop: 'static', keyboard: false});
-    }
-    //隐藏掉loading框
-    hideLoading = function ()
-    {
-        $('#loadingModal').modal('hide');
-    }
-
-
     // 监听代码input的输入值
     $("#code").bind('input propertychange', function (e) {
         var code = $(this).val();
         if (code.length == 6) {
+            layer.load()
             $.ajax({
                 type: "post",
                 url: "/queryNameFromCode",
                 dataType: "json",
                 data: {"code": code},
                 success: function (data) {
-                    hideLoading()
+                    layer.closeAll()
                     console.log(data)
                     if (data.code == 1) {
                         if (data.data) {
@@ -293,7 +284,7 @@
                     }
                 },
                 error: function (e) {
-                    hideLoading()
+                    layer.closeAll();
                     console.log(e);
                 }
             });
@@ -328,10 +319,10 @@
                 console.log(e);
             },
             beforeSend: function () {
-                showLoading()
+                layer.load()
             },
             complete: function () {
-                hideLoading()
+                layer.closeAll()
             }
         });
 
@@ -359,10 +350,10 @@
                 console.log(e);
             },
             beforeSend: function () {
-                showLoading()
+                layer.load()
             },
             complete: function () {
-                hideLoading()
+                layer.closeAll()
             }
         });
 
@@ -450,10 +441,10 @@
                 console.log(e);
             },
             beforeSend: function () {
-                showLoading()
+                layer.load()
             },
             complete: function () {
-                hideLoading()
+                layer.closeAll()
             }
         });
     }
@@ -483,10 +474,10 @@
                     console.log(e)
                 },
                 beforeSend: function () {
-                    showLoading()
+                    layer.load()
                 },
                 complete: function () {
-                    hideLoading()
+                    layer.closeAll()
                 }
             });
         }