修改页面

VisualInspection/js/main.js

@@ -68,6 +68,17 @@ $(document).ready(function() {
         return;
     } else {
         document.getElementById("deptname").innerHTML = deptname;
+        var leftwidth = document.getElementById("head1").offsetWidth-document.getElementById("head2").offsetWidth-document.getElementById("headimg").offsetWidth-document.getElementById("deptname").offsetWidth;
+        //alert(leftwidth);
+        if(leftwidth < 700){
+            if(leftwidth < 500){
+                document.getElementById("deptname").style.paddingLeft ="50px"
+            }else{
+                document.getElementById("deptname").style.paddingLeft ="80px";
+            }
+        }
+
+        //  document.getElementById("deptname").style.marginLeft = leftwidth
         var html = "<i class=\"icon icon-user\"></i>  " + user.truename + " " + user.organname + ",欢迎您"
         $("#user").html(html);
     }

VisualInspection/view/home.html

@@ -55,8 +55,7 @@
             font-size: 30px
         }
         .imgsize{
-            height:70px;
-            width:70px;
+            width:25%;
             margin-left:40px;
             margin-right: 10px
         }
@@ -79,14 +78,14 @@
                         <div class="panel-body"  id="main_panel_body">
                             <div id="main_content">
                                 <div class="row" id="" style="margin-top: 50px">
-                                        <div onclick="opennew(1,null)" class="col-md-3" style="text-align: center;margin-left:80px"><div class="colorbackground1" style="height: 200px"><p style="padding-top:70px;margin-right:40px;font-size:28px"><img class="imgsize" src="/images/service.png"></img>服务区稽查</p></div></div>
-                                        <div onclick="opennew(0,null)" class="col-md-3" style="text-align: center;margin-left:80px"><div class="colorbackground2" style="height: 200px"><p style="padding-top:70px;margin-right:40px;font-size:28px"><img class="imgsize" src="/images/plan.png"></img>收费站稽查</p></div></div>
-                                        <div onclick="opennew(2,null)" class="col-md-3" style="text-align: center;margin-left:80px"><div class="colorbackground4" style="height: 200px"><p style="padding-top:70px;margin-right:40px;font-size:28px"><img class="imgsize" src="/images/repair.png"></img>清障队稽查</p></div></div>
+                                        <div onclick="opennew(1,null)" class="col-md-3" style="text-align: center;margin-left:80px"><div class="colorbackground1" style="height: 200px"><p style="padding-top:70px;margin-right:40px;font-size:28px"><img class="imgsize" src="/images/service.png"></img><span>服务区稽查</span></p></div></div>
+                                        <div onclick="opennew(0,null)" class="col-md-3" style="text-align: center;margin-left:80px"><div class="colorbackground2" style="height: 200px"><p style="padding-top:70px;margin-right:40px;font-size:28px"><img class="imgsize" src="/images/plan.png"></img><span>收费站稽查</span></p></div></div>
+                                        <div onclick="opennew(2,null)" class="col-md-3" style="text-align: center;margin-left:80px"><div class="colorbackground4" style="height: 200px"><p style="padding-top:70px;margin-right:40px;font-size:28px"><img class="imgsize" src="/images/repair.png"></img><span>清障队稽查</span></p></div></div>
                                 </div>
                                 <div class="row" id="" style="margin-top: 50px">
-                                        <div onclick="" class="col-md-3" style="text-align: center;margin-left:80px"><div class="colorbackground4" style="height: 200px"><p style="padding-top:70px;margin-right:40px;font-size:28px"><img class="imgsize" src="/images/car.png"></img>车队稽查</p></div></div>
-                                        <div onclick="" class="col-md-3" style="text-align: center;margin-left:80px"><div class="colorbackground4" style="height: 200px"><p style="padding-top:70px;margin-right:40px;font-size:28px"><img  class="imgsize" src="/images/area-chart.png"></img>统计分析</p></div></div>
-                                        <div onclick="opennew(0,'14')" class="col-md-3" style="text-align: center;margin-left:80px"><div class="colorbackground3" style="height: 200px"><p style="padding-top:70px;margin-right:40px;font-size:28px"><img class="imgsize" src="/images/wood.png"></img>配置管理</p></div></div>
+                                        <div onclick="" class="col-md-3" style="text-align: center;margin-left:80px"><div class="colorbackground4" style="height: 200px"><p style="padding-top:70px;margin-right:40px;font-size:28px"><img class="imgsize" src="/images/car.png"></img><span>车队稽查</span></p></div></div>
+                                        <div onclick="" class="col-md-3" style="text-align: center;margin-left:80px"><div class="colorbackground4" style="height: 200px"><p style="padding-top:70px;margin-right:40px;font-size:28px"><img  class="imgsize" src="/images/area-chart.png"></img><span>统计分析</span></p></div></div>
+                                        <div onclick="opennew(0,'14')" class="col-md-3" style="text-align: center;margin-left:80px"><div class="colorbackground3" style="height: 200px"><p style="padding-top:70px;margin-right:40px;font-size:28px"><img class="imgsize" src="/images/wood.png"></img><span>配置管理</span></p></div></div>
                                 </div>        
                             </div>
                             <!--<link rel="import" href="/view/mytask/unchecked.html?__inline">-->