左右两侧样式

ioc_frontweb/index.html

@@ -366,11 +366,56 @@
           <img src="images/vector7.png" alt="" style="width: 14px;margin-left: 10px;">
         当前值班信息
         </div>
-          <div class="dutyinfo" id="tbmsg"style="overflow-y: auto;height:150px;">
+          <div class="dutyinfo" id="tbmsg"style="overflow-y: auto;height:185px;">
             <dl>
               <dt>部门</dt>
               <dt>当班人员</dt>
               <dt>电话</dt>
+              <dl>
+                <dd>11</dd>
+                <dd>1234</dd>
+                <dd>123</dd>
+              </dl>
+              <dl>
+                <dd>11</dd>
+                <dd>1234</dd>
+                <dd>123</dd>
+              </dl>
+              <dl>
+                <dd>11</dd>
+                <dd>1234</dd>
+                <dd>123</dd>
+              </dl>
+              <dl>
+                <dd>11</dd>
+                <dd>1234</dd>
+                <dd>123</dd>
+              </dl>
+              <dl>
+                <dd>11</dd>
+                <dd>1234</dd>
+                <dd>123</dd>
+              </dl>
+              <dl>
+                <dd>11</dd>
+                <dd>1234</dd>
+                <dd>123</dd>
+              </dl>
+              <dl>
+                <dd>11</dd>
+                <dd>1234</dd>
+                <dd>123</dd>
+              </dl>
+              <dl>
+                <dd>11</dd>
+                <dd>1234</dd>
+                <dd>123</dd>
+              </dl>
+              <dl>
+                <dd>11</dd>
+                <dd>1234</dd>
+                <dd>123</dd>
+              </dl>
             </dl>
           </div>
       </div>

ioc_frontweb/style/style.css

@@ -162,8 +162,8 @@ table.layui-table th {
 .amap-toolbar {
   /* left: 350px !important; */
   left: auto !important;
-  right: 465px !important;
-  top: 70px !important;
+  right: 440px !important;
+  top: 90px !important;
 }
 /* 报警数量 */
 .alarm {
@@ -171,7 +171,7 @@ table.layui-table th {
   width: 100%;
   height: auto !important;
   padding: 10px;
-  margin-top: 30px;
+  margin-top: 20px;
   margin-left: 5px;
   overflow: hidden;
   box-sizing: border-box;
@@ -246,7 +246,6 @@ table.layui-table th {
 }
 
 #alarmList .listContent {
-  height: 200px;
   overflow: hidden;
 }
 
@@ -504,7 +503,7 @@ table.layui-table th {
   bottom: 0;
   z-index: 2;
   background-size: 100% 100%;
-  margin-top: 92px;
+  margin-top: 94px;
   margin-left: 1%;
   margin-bottom: 25px;
   background: url(../images/mapl.png)no-repeat;
@@ -522,7 +521,7 @@ table.layui-table th {
   bottom: 0;
   z-index: 2;
   background-size: 100% 100%;
-  margin-top: 92px;
+  margin-top: 94px;
   margin-right: 1%;
   margin-bottom: 25px;
   background: url(../images/mapr.png)no-repeat;
@@ -530,7 +529,7 @@ table.layui-table th {
 }
 .right-bar{
   width: 100%;
-  height: auto !important;
+  height: 28% !important;
   padding: 10px;
   margin-right: 10px;
   margin-top: 20px;
@@ -539,7 +538,7 @@ table.layui-table th {
 }
 .leftBar-legend{
 	width: 96%;
-  height: auto !important;
+  height: 73% !important;
   padding: 10px;
   margin-left: 20px;
   overflow: hidden;
@@ -572,7 +571,7 @@ table.layui-table th {
 }
 .deviceNumLineout{
 	width: 92%;
-  height: auto !important;
+  height: 35% !important;
   padding: 10px;
   margin-right: 5px;
   overflow: hidden;
@@ -1148,23 +1147,23 @@ table.layui-table th {
   width: auto;
   overflow: hidden;
   position: fixed;
-  top: 135px;
-  right: 465px;
+  top: 155px;
+  right: 455px;
   z-index: 999;
 }
 .clearBtn,
 .mulitVideoBtn,
 .mouseToolBtn {
   position: fixed;
-  top: 180px;
-  right: 465px;
+  top: 200px;
+  right: 455px;
   z-index: 999;
 }
 .mulitVideoBtn {
   top: 255px;
 }
 .mouseToolBtn {
-  top: 225px;
+  top: 245px;
   /* top: 310px; */
 }
 .toolsbox {
@@ -1610,8 +1609,8 @@ div[lay-id='members'] thead tr:nth-child(1) {
 /* 卫星地图切换 */
 .amap-maptype-wrap {
     position: absolute;
-    top: 260px !important;
-    right: 452px !important;
+    top: 280px !important;
+    right: 442px !important;
     width: 35px;
     height: 35px;
 }