搜索更新

app/public/js/change_information_set.js

@@ -1136,7 +1136,7 @@ $(document).ready(() => {
     $('#list-input').on('blur', function () {
         const select = parseInt($('#select-list').val());
         const value = _.trim($(this).val());
-        const valueList = _.slice(_.without(_.uniq(value.split(' ')), ''), 0, 10);
+        const valueList = _.slice(_.without(_.uniq(_.replace(value, /\t/g, ' ').split(' ')), ''), 0, 10);
         console.log(valueList);
         // 判断是否存在多个分词，以换行或空格分隔，多个则显示左侧菜单
         if (value !== '' && valueList.length > 1) {
@@ -1145,14 +1145,14 @@ $(document).ready(() => {
             }
             $('#table-list').addClass('col-9').removeClass('col-12');
             $('#table-list').siblings('.col-3').show();
-            $('#list-search-keyword').html('<a href="javascript:void(0);" style="height: 30px;line-height: 5px" data-keyword="" class="list-group-item list-group-item-action active">全部</a>');
+            $('#list-search-keyword').html('<tr data-keyword="" class="text-white bg-primary"><td>全部</td></tr>');
             for (const v of valueList) {
-                $('#list-search-keyword').append(`<a href="javascript:void(0);" style="height: 30px;line-height: 5px" data-keyword="${v}" class="list-group-item list-group-item-action">${v}</a>`);
+                $('#list-search-keyword').append(`<tr data-keyword="${v}" class=""><td>${v}</td></tr>`);
             }
         } else {
             $('#table-list').addClass('col-12').removeClass('col-9');
             $('#table-list').siblings('.col-3').hide();
-            $('#list-search-keyword').html('<a href="javascript:void(0);" style="height: 30px;line-height: 5px" data-keyword="" class="list-group-item list-group-item-action active">全部</a>');
+            $('#list-search-keyword').html('<tr data-keyword="" class="text-white bg-primary"><td>全部</td></tr>');
         }
         let showListData = changeListData;
         if (select === 1 && value !== '') {
@@ -1199,12 +1199,12 @@ $(document).ready(() => {
         $('#code-select-all').prop('checked', false);
     });
     // 检索关键字切换
-    $('body').on('click', '#list-search-keyword a', function () {
-        if (!$(this).hasClass('active')) {
+    $('body').on('click', '#list-search-keyword tr', function () {
+        if (!$(this).hasClass('bg-primary')) {
             const keyword = $(this).attr('data-keyword');
             console.log(keyword);
-            $(this).siblings().removeClass('active');
-            $(this).addClass('active');
+            $(this).siblings().removeClass('text-white bg-primary');
+            $(this).addClass('text-white bg-primary');
             if (keyword === '') {
                 $('#list-input').blur();
             } else {

app/view/change/information_modal.ejs

@@ -137,16 +137,21 @@
                             <div class="row">
                                 <div class="col-3" style="padding-right:0!important;display:none;">
                                     <div style="overflow-y:auto" class="sjs-biangeng-height">
-                                        <div class="card">
-                                            <div class="card-header" style="height: 28px;line-height: 5px">检索内容</div>
-                                            <ul class="list-group list-group-flush" id="list-search-keyword">
+                                        <!--<div class="card">-->
+                                            <table class="table table-bordered table-sm fixed_headers">
+                                                <thead><tr><th>检索内容</th></tr></thead>
+                                                <tbody id="list-search-keyword" style="cursor: pointer">
+                                                </tbody>
+                                            </table>
+                                            <!--<div class="card-header" style="height: 28px;line-height: 5px">检索内容</div>-->
+                                            <!--<ul class="list-group list-group-flush" id="list-search-keyword">-->
                                                 <!--<a href="javascript:void(0);" data-keyword="" class="list-group-item list-group-item-action active">全部</a>-->
                                                 <!--<a href="javascript:void(0);" class="list-group-item list-group-item-action">203-1-a</a>-->
                                                 <!--<a href="javascript:void(0);" class="list-group-item list-group-item-action">钢筋</a>-->
                                                 <!--<a href="javascript:void(0);" class="list-group-item list-group-item-action">403-1-b</a>-->
                                                 <!--<a href="javascript:void(0);" class="list-group-item list-group-item-action">403-3-b</a>-->
-                                            </ul>
-                                        </div>
+                                            <!--</ul>-->
+                                        <!--</div>-->
                                     </div>
                                 </div>
                                 <div class="col-12" id="table-list">