监控页面搜索功能

templates/backstageNet/jk/equipmanage_jk.html

@@ -259,6 +259,16 @@
             line-height: 30px;
             font-size: 14px;
             border: 1px solid #000;
+            padding: 0 10px;
+            padding: 0 10px;
+            border-right: none;
+        }
+        .searchInp>button {
+            line-height: 30px;
+            vertical-align: middle;
+            padding: 0 5px;
+            background: #c2c3c5;
+            color: #fff;
         }
         .jkListDiv{
             overflow-x: hidden;
@@ -422,7 +432,7 @@
                             <tr style="height: 30px;">
                                 <td>
                                     <div class="searchInp">
-                                        <input type="text" placeholder="请输入设备ID搜索">
+                                        <input type="text" placeholder="请输入设备ID搜索" onkeyup="if (event.keyCode == 13) searchFun();"><button onclick="searchFun()"><i class="fa fa-search" aria-hidden="true"></i></button>
                                     </div>
                                 </td>
                             </tr>
@@ -816,6 +826,45 @@
             $('.flashDownDiv').show();
         }
 
+        // 搜索
+        function searchFun(){
+            var id = $('.searchInp>input').val();
+            searchPare(id)
+        }
+        function searchPare(para){
+            $.ajax({
+                url: 'jklist',
+                type: 'get',
+                data: {
+                    f_id:para,
+                    page: 1
+                },
+                dataType: 'json',
+                beforeSend: function () {
+                    // loadFlage = layer.load();
+                },
+                success: function (data) {
+                    // layer.close(loadFlage);
+                    if (data.nums) {
+                        // StartPlay(data);
+                        setHtml(data.ids);
+                        $("#dataFillDiv >li").removeClass("select-c");
+                        $("#dataFillDiv >li").eq(0).addClass("select-c");
+                        // getVideoResource(data.ids[0].equip_id,data.ids[0].equip_name);
+                        menuTotalPage = Math.ceil(data.nums / 10);
+                        if (menuTotalPage > 1) {
+                            $('.gardenListBtn').show();
+                        } else {
+                            $('.gardenListBtn').hide();
+                        }
+                        $('.menuTotalPage').html(menuTotalPage);
+                    } else {
+                        $('.flashShowDiv').hide();
+                        $('.nullData').show();
+                    }
+                }
+            })
+        }
         var menuCurrNum = 1; //当前页
         var menuTotalPage;  //总页
         // 分页切换