Browse Source

工料机汇总样式调整

zhangweicheng 6 years ago
parent
commit
d0b1e9626b

+ 1 - 5
web/building_saas/css/custom.css

@@ -48,8 +48,6 @@ legend.legend{
 }
 }
 
 
 .filterType{
 .filterType{
-    padding-left: 6px;
-    padding-right: 6px;
     width: 98px;
     width: 98px;
     float: left;
     float: left;
     height: 100%;
     height: 100%;
@@ -60,9 +58,7 @@ legend.legend{
 .full-h{
 .full-h{
     height: 100%;
     height: 100%;
 }
 }
-.filterType ul{
-    width: 86px;
-}
+
 .a_color{
 .a_color{
     color: #007bff;
     color: #007bff;
 }
 }

+ 11 - 1
web/building_saas/css/main.css

@@ -357,9 +357,19 @@ a{
         transform: translateX(10px);
         transform: translateX(10px);
     }
     }
 }
 }
+.gl-side.gl-side-lg{
+    width:200px;
+}
+.nav-side .nav-link{
+    padding:.5rem;
+}
+.nav-side .nav-link.active{
+    background:#ddd;
+    color:#333;
+}
 .gl-side{
 .gl-side{
     border-right:1px solid #ccc;
     border-right:1px solid #ccc;
-    width:150px
+    width:120px
 }
 }
 .bottom-content .tab-content .main-data-bottom{
 .bottom-content .tab-content .main-data-bottom{
     height: 300px;
     height: 300px;

+ 2 - 2
web/building_saas/glj/html/project_glj.html

@@ -22,8 +22,8 @@
     <div class="row">
     <div class="row">
         <div class="main-content col p-0 " id="project-glj-main" style="overflow: hidden">
         <div class="main-content col p-0 " id="project-glj-main" style="overflow: hidden">
             <div class="top-content" id="projectGljTop" style="overflow: hidden;">
             <div class="top-content" id="projectGljTop" style="overflow: hidden;">
-                <div class="col-auto gl-side  filterType" id='filterType'>
-                    <ul class="nav flex-column nav-pills mt-2 mb-2">
+                <div class=" gl-side  filterType" id='filterType'>
+                    <ul class="nav flex-column nav-side mt-2 mb-2"  style="margin-top: 0px!important;">
                         <li class="nav-item"><a class="nav-link active" href="#" id="ALL">所有工料机</a></li>
                         <li class="nav-item"><a class="nav-link active" href="#" id="ALL">所有工料机</a></li>
 
 
                         <!--  <li class="nav-item"><a class="nav-link" href="javascript:void(0)" id="FBFX">分部分项人材机</a></li>
                         <!--  <li class="nav-item"><a class="nav-link" href="javascript:void(0)" id="FBFX">分部分项人材机</a></li>

+ 1 - 1
web/building_saas/main/js/views/project_glj_view.js

@@ -1131,7 +1131,7 @@ projectGljObject={
     initFilterTypeList:function () {//初始化人材机汇总工料机类型过滤列表
     initFilterTypeList:function () {//初始化人材机汇总工料机类型过滤列表
         let htmlString = '';
         let htmlString = '';
         for(let t of this.displayTypeMap){
         for(let t of this.displayTypeMap){
-            htmlString += '<li class="nav-item li_sub"><a class="nav-link" href="javascript:void(0)" id="'+t.ID+'">'+t.text+'</a></li>';
+            htmlString += '<li class="nav-item "><a class="nav-link pl-4" href="javascript:void(0)" id="'+t.ID+'">'+t.text+'</a></li>';
         }
         }
         $('#ALL').after(htmlString);
         $('#ALL').after(htmlString);
     },
     },