侧边导航点击搜索框清空和部分顶部图片显示修改

wxdks/src/main/resources/static/zlhbw/xfz/xfz.html

@@ -18,11 +18,11 @@
             background: #E57F32;
             border-color: #E57F32 !important;
         }
-
+        
         .layui-form-checkbox[lay-skin=primary]:hover i {
             border-color: #E57F32 !important;
         }
-
+        
         .layui-form-checkbox {
             margin-bottom: 10px !important;
         }
@@ -96,8 +96,8 @@
                         <div class="tag_1">
                             <div class="tag_t">已选条件：</div>
                             <ul class="tagi">
-<!--                                <li class="tag_item"><span class="tag_text">特种设备检测</span><i class="layui-icon layui-icon-close"></i></li>-->
-<!--                                <li class="tag_item"><span class="tag_text">其他检测</span><i class="layui-icon layui-icon-close"></i></li>-->
+                                <!--                                <li class="tag_item"><span class="tag_text">特种设备检测</span><i class="layui-icon layui-icon-close"></i></li>-->
+                                <!--                                <li class="tag_item"><span class="tag_text">其他检测</span><i class="layui-icon layui-icon-close"></i></li>-->
                             </ul>
                         </div>
                         <div class="tag_2">
@@ -107,42 +107,42 @@
                     <div class="sort_search">
                         <div class="sort">
                             <div class="frist_sort">
-<!--                                <div class="sort_item active_sort">-->
-<!--                                    <img src="../img/qsydw/qsydw1.png" alt="">-->
-<!--                                    <span class="sort_ititle">产品检测</span>-->
-<!--                                </div>-->
-<!--                                <div class="sort_item active_sort">-->
-<!--                                    <img src="../img/qsydw/qsydw1.png" alt="">-->
-<!--                                    <span class="sort_ititle">特种设备检测</span>-->
-<!--                                </div>-->
-<!--                                <div class="sort_item">-->
-<!--                                    <img src="../img/qsydw/qsydw1.png" alt="">-->
-<!--                                    <span class="sort_ititle">环境检测</span>-->
-<!--                                </div>-->
-<!--                                <div class="sort_item">-->
-<!--                                    <img src="../img/qsydw/qsydw1.png" alt="">-->
-<!--                                    <span class="sort_ititle">其他检测</span>-->
-<!--                                </div>-->
-<!--                                <div class="sort_item">-->
-<!--                                    <img src="../img/qsydw/qsydw1.png" alt="">-->
-<!--                                    <span class="sort_ititle">标准化试点示范项目建设</span>-->
-<!--                                </div>-->
-<!--                                <div class="sort_item">-->
-<!--                                    <img src="../img/qsydw/qsydw1.png" alt="">-->
-<!--                                    <span class="sort_ititle">其他检测</span>-->
-<!--                                </div>-->
+                                <!--                                <div class="sort_item active_sort">-->
+                                <!--                                    <img src="../img/qsydw/qsydw1.png" alt="">-->
+                                <!--                                    <span class="sort_ititle">产品检测</span>-->
+                                <!--                                </div>-->
+                                <!--                                <div class="sort_item active_sort">-->
+                                <!--                                    <img src="../img/qsydw/qsydw1.png" alt="">-->
+                                <!--                                    <span class="sort_ititle">特种设备检测</span>-->
+                                <!--                                </div>-->
+                                <!--                                <div class="sort_item">-->
+                                <!--                                    <img src="../img/qsydw/qsydw1.png" alt="">-->
+                                <!--                                    <span class="sort_ititle">环境检测</span>-->
+                                <!--                                </div>-->
+                                <!--                                <div class="sort_item">-->
+                                <!--                                    <img src="../img/qsydw/qsydw1.png" alt="">-->
+                                <!--                                    <span class="sort_ititle">其他检测</span>-->
+                                <!--                                </div>-->
+                                <!--                                <div class="sort_item">-->
+                                <!--                                    <img src="../img/qsydw/qsydw1.png" alt="">-->
+                                <!--                                    <span class="sort_ititle">标准化试点示范项目建设</span>-->
+                                <!--                                </div>-->
+                                <!--                                <div class="sort_item">-->
+                                <!--                                    <img src="../img/qsydw/qsydw1.png" alt="">-->
+                                <!--                                    <span class="sort_ititle">其他检测</span>-->
+                                <!--                                </div>-->
                             </div>
                             <div class="sort_box">
                                 <div class="sort_title">分&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;类</div>
                                 <form action="" class="layui-form" lay-filter="switchForm">
-<!--                                    <input type="checkbox" name="" title="食品检测" lay-skin="primary">-->
-<!--                                    <input type="checkbox" name="" title="消防产品检测" lay-skin="primary">-->
-<!--                                    <input type="checkbox" name="" title="药品检测" lay-skin="primary">-->
-<!--                                    <input type="checkbox" name="" title="化妆品检测" lay-skin="primary">-->
-<!--                                    <input type="checkbox" name="" title="轻工产品检测" lay-skin="primary">-->
-<!--                                    <input type="checkbox" name="" title="化工产品检测" lay-skin="primary">-->
-<!--                                    <input type="checkbox" name="" title="汽车及零部件检测" lay-skin="primary">-->
-<!--                                    <input type="checkbox" name="" title="电子电器产品检测" lay-skin="primary">-->
+                                    <!--                                    <input type="checkbox" name="" title="食品检测" lay-skin="primary">-->
+                                    <!--                                    <input type="checkbox" name="" title="消防产品检测" lay-skin="primary">-->
+                                    <!--                                    <input type="checkbox" name="" title="药品检测" lay-skin="primary">-->
+                                    <!--                                    <input type="checkbox" name="" title="化妆品检测" lay-skin="primary">-->
+                                    <!--                                    <input type="checkbox" name="" title="轻工产品检测" lay-skin="primary">-->
+                                    <!--                                    <input type="checkbox" name="" title="化工产品检测" lay-skin="primary">-->
+                                    <!--                                    <input type="checkbox" name="" title="汽车及零部件检测" lay-skin="primary">-->
+                                    <!--                                    <input type="checkbox" name="" title="电子电器产品检测" lay-skin="primary">-->
                                 </form>
                             </div>
                         </div>
@@ -211,10 +211,10 @@
             <li data-id="3" data-key="testing" class="snav_item" data-dtimg="../img/shzz_dt.png">
                 <i class="iconfont icon-jianceguizeguanli"></i>我要检验检测服务
             </li>
-            <li data-id="4" data-key="authentication" class="snav_item" data-dtimg="../img/xfz_dt.png">
+            <li data-id="4" data-key="authentication" class="snav_item" data-dtimg="../img/navSwiper.png">
                 <i class="iconfont icon-renzheng2"></i>我要认证认可服务
             </li>
-            <li data-id="5" data-key="train" class="snav_item" data-dtimg="../img/xfz_dt.png">
+            <li data-id="5" data-key="train" class="snav_item" data-dtimg="../img/navSwiper.png">
                 <i class="iconfont icon-tousuzixun"></i>我要咨询培训服务
             </li>
             <li data-id="6" class="snav_item" data-dtimg="../img/xfz_dt.png">
@@ -271,4 +271,4 @@
     <script src="./xfz.js"></script>
 </body>
 
-</html>
+</html>

wxdks/src/main/resources/static/zlhbw/xfz/xfz.js

@@ -87,7 +87,7 @@ layui.config({
         renderCompanyList();
     })
 
-    $('.frist_sort').on('click', 'div', function () {
+    $('.frist_sort').on('click', 'div', function() {
         var hasActiveCls = $(this).hasClass('active_sort');
         var dataKey = $(this).attr('data-key')
         var group = $('div[data-group="' + dataKey + '"]');
@@ -204,16 +204,17 @@ function initSideNav() {
 
             //         	判断当前点击是否是更新的
             // if (!$(this).hasClass("active_snav")) {
-                //清空表单和已选条件及数据列表
-                $(".tagi").html("");
-                $(".layui-form").html("");
-                $(".cont_list").html("");
-                //隐藏整体列表
-                // $(".xz_list").css("display", "none");
-                //取消服务导航选中
-                for (var i = 0; i < len.length; i++) {
-                    $($(".content_nav>.navs_i")[i]).removeClass("tnav_active");
-                }
+            //清空表单和已选条件及数据列表
+            $(".tagi").html("");
+            $(".layui-form").html("");
+            $(".cont_list").html("");
+            $("#searchs").val("");
+            //隐藏整体列表
+            // $(".xz_list").css("display", "none");
+            //取消服务导航选中
+            for (var i = 0; i < len.length; i++) {
+                $($(".content_nav>.navs_i")[i]).removeClass("tnav_active");
+            }
 
             // }
 
@@ -241,12 +242,12 @@ function renderCompanyList() {
     var param = {};
     param.type = $('.snav_list .active_snav').attr('data-key');
     var columnList = [];
-    $('.frist_sort .active_sort').each(function (index, el) {
+    $('.frist_sort .active_sort').each(function(index, el) {
         columnList.push($(el).attr('data-id'))
     })
 
     var classifyList = [];
-    $('.tagi li').each(function (index, el) {
+    $('.tagi li').each(function(index, el) {
         classifyList.push($(el).attr('data-id'))
     })
 
@@ -394,4 +395,4 @@ function appendTwoLayerClassify(parentKey, columnKey) {
             }
         }
     })
-}
+}