视图中心-关系视图搜索栏样式调整，增加查询，展开/收起 #1

@@ -19,7 +19,11 @@ layui.define(['table', 'form', 'admin', 'layer', 'common', 'sessions'], function
                 return false;
             }
         });
-
+        //lsq 关系视图页增加搜索按钮 2022-06-27
+        $('#searchRelationIndex').unbind('click').on('click', function () {
+            reloadTable();
+            return false;
+        })
         // 资源类型下拉框
         common.resTypeXmSelect({
             el: '#slt-relation-resType',
@@ -241,5 +245,46 @@ layui.define(['table', 'form', 'admin', 'layer', 'common', 'sessions'], function
             window.open(common.graphEditorOrigin + "/jgraph/grapheditor/viewer.html?access_token=" + accessToken + '&id=' + jtopoId + "&layout=organic");
         }
 
+        //start lsq 关系视图搜索条件太多，增加展开/收起的功能 2022-06-27
+        let formWidth =$('.form-item-open-stow').width();
+        let elem=$('.form-item-open-stow');
+        if(elem){
+            for(let i=0;i<elem.length;i++){
+                if($(elem[i]).width()){
+                    formWidth=$(elem[i]).width();
+                }
+            }
+        }
+        if(!formWidth){
+            formWidth= sessionStorage.getItem('formWidth');
+        }else{
+            sessionStorage.setItem('formWidth',formWidth)
+        }
+        let winWidth = $('.form-item-open-stow').parents('.layui-status').width();
+        let elemW=$('.form-item-open-stow').parents('.layui-status');
+        if(elemW){
+            for(let i=0;i<elemW.length;i++){
+                if($(elemW[i]).width()){
+                    winWidth=$(elemW[i]).width();
+                }
+            }
+        }
+        if (formWidth + 130 > winWidth) {
+            $('.openStow').css('display', 'inline-block')
+            $('.form-item-open-stow').css('height', '50px');
+        } else {
+            $('.openStow').css('display', 'none')
+        }
+        $(".openStow").unbind('click').on('click', function () {
+            if ($(this).text() == '展开') {
+                $(this).text('收起')
+                $('.form-item-open-stow').css('height', 'auto');
+            } else {
+                $(this).text('展开')
+                $('.form-item-open-stow').css('height', '50px');
+            }
+        })
+        //end lsq 2022-06-27
+
     });
 });

@@ -8533,9 +8533,13 @@ form.layui-card-header.layuiadmin-card-header-auto {
 
 /* //End XuHaoJie 2022/2/17 9:51 TODO  即时消息结束*/
 /*lsq 资源视图页面搜索栏样式调整 2022-06-27*/
-.resIndexMain .layui-form-item .layui-inline,.bizIndexMain .layui-form-item .layui-inline{
+.resIndexMain .layui-form-item .layui-inline,.bizIndexMain .layui-form-item .layui-inline,.relation .layui-form-item .layui-inline{
     margin-top:6px;
 }
+/*lsq 关系视图搜索栏样式调整 2022-06-27*/
+.relation .layui-form-item .layui-inline{
+    margin-bottom: 6px;
+}
 .layui-status .resIndex-input{
     width: auto;
 }
\ No newline at end of file

 <title>关系视图</title>
 <article class="page-container">
     <div class="page-panel">
-        <div class="main">
+        <div class="main relation">
             <div class="layui-card">
                 <div class="layui-card-header">
                     <div class="layui-status">
                         <form class="layui-form layui-card-header layuiadmin-card-header-auto"
                               lay-filter="form-relation-condition">
-                            <div class="layui-form-item">
+                            <div class="form-item-open-stow">
+                                <div class="layui-form-item">
                                 <div class="layui-inline">
                                     <div class="layui-input-inline">
                                         <input autocomplete="off" class="layui-input" lay-tips="关键字检索包含： </br>资源名称"
@@ -25,6 +26,13 @@
                                     </div>
                                 </div>
                             </div>
+                            </div>
+                            <!--lsq 域视图增加搜索按钮 2022-06-27-->
+                            <button class="layui-btn layui-btn-normal layui-btn-normal searchButton" id="searchRelationIndex"
+                                    type="button">
+                                查询
+                            </button>
+                            <span class="openStow">展开</span>
                         </form>
                     </div>
                 </div>