线调进入界面选择线路加全选线路按钮

lizhuojun
1 parent be43654a
Showing 1 changed file with 48 additions and 1 deletions
src/main/resources/static/pages/control/lineallot_v2/main.html
@@ -144,7 +144,7 @@
         <div class="allot_wrap uk-flex-center" uk-grid>
             <div class="uk-card uk-card-hover uk-card-body uk-width-2-3@m"
                  style="padding-top: 20px;padding-bottom: 20px;">
-                <div class="company_search_wrap">
+                <div class="company_search_wrap" style="width: 99%">
                     <select class="uk-select company_search_select"></select>
                     <select class="uk-select fgs_search_select" disabled>
                         <option value="">分公司搜索</option>
@@ -153,6 +153,9 @@
                         <span class="uk-form-icon uk-form-icon-flip" uk-icon="icon: search"></span>
                         <input class="uk-input line_search_input" style="width: 310px;" placeholder="搜索线路">
                     </div>
+                        <button class="uk-button  uk-button-primary" style="font-size: 16px;float: right;" id="select_all" data-selectType="select_all_no"><i
+                                uk-icon=" " style="margin-right: 5px;" ></i>全选
+                        </button>
                 </div>
                 <hr>
                 <div class="line_list_all_wrap"></div>
@@ -164,8 +167,10 @@
                 <button class="uk-button uk-button-default uk-button-large" style="font-size: 16px" id="go_to_real_system_btn"><i
                         uk-icon=" icon: sign-in" style="margin-right: 5px;" ></i>进入线路调度
                 </button>
+
                 <label class="pattern_type_label"><input class="uk-checkbox" type="checkbox" > 主调模式登录</label>
                 <label class="new_window_open_label" title="可能会被浏览器阻止新建窗口" uk-tooltip><input class="uk-checkbox" type="checkbox"> 新窗口打开</label>
+
             </div>
             <div class="uk-alert-warning uk-width-2-3@m " uk-alert>
@@ -244,6 +249,7 @@
                 $('.item[data-id='+line.lineCode+']','.line_list_all_wrap').trigger('click');
             });
         }
+        selectButtonStatus();
     });
     $('.pattern_type_label').on('click', function () {
@@ -297,6 +303,7 @@
                     });
             $('.checked_list').append(span);
         }
+        selectButtonStatus();
     });
     /*$('.checked_list').on('click', '.item', function () {
@@ -469,6 +476,44 @@
     })();
     var storage = window.localStorage;
     $('#go_to_real_system_btn').on('click', go_to_xd_sys);
+    $('#select_all').on('click', function(){
+        if ($(this).attr("data-selectType")=="select_all_no"){
+            $('.line_list_all_wrap>.item').addClass('active');
+            $(this).text('全不选');
+            $(this).attr("data-selectType","select_all");
+            var linesArrays= $('.line_list_all_wrap span.item');
+            if(linesArrays&&linesArrays.length>0){
+                $('.checked_list').empty();
+                for (var i = 0; i < linesArrays.length; i++) {
+                    var span = $('<span data-id="'+$(linesArrays[i]).data('id')+'" class="item uk-card uk-card-default uk-animation-slide-bottom '+($(linesArrays[i]).hasClass('destroy')?"destroy":"")+'">'+$(linesArrays[i]).text()+'</span>')
+                        .one('webkitAnimationEnd', function () {
+                            $(this).removeClass('uk-animation-slide-bottom');
+                        });
+                    $('.checked_list').append(span);
+                }
+            }
+            $(this).removeClass('uk-button-primary');
+            $(this).addClass('uk-button-default');
+            return;
+        }
+        if ($(this).attr("data-selectType")=="select_all"){
+            $('.line_list_all_wrap>.item').removeClass('active');
+            $(this).text('全选');
+            $(this).attr("data-selectType","select_all_no");
+            $('.checked_list').empty();
+            $(this).removeClass('uk-button-default');
+            $(this).addClass('uk-button-primary');
+            return;
+        }
+    });
+    var selectButtonStatus=function(){
+        if($('.checked_list span.item').length==$('.line_list_all_wrap span.item').length){
+            $('#select_all').removeClass('uk-button-primary').addClass('uk-button-default').attr("data-selectType","select_all").text('全不选');
+        }else {
+            $('#select_all').removeClass('uk-button-default').addClass('uk-button-primary').attr("data-selectType","select_all_no").text('全选');
+        }
+    }
+
     /**
      * 进入线调
      */
@@ -608,7 +653,9 @@
         var lineCode = $(e).data('id');
         $('.item[data-id='+lineCode+']','.line_list_all_wrap').removeClass('active');
         $(e).remove();
+        selectButtonStatus();
     }
+
 </script>
 </body>
 </html>
 \ No newline at end of file