syy

zhsq_qk-ui/src/assets/images/qkq_sprh.css

@@ -450,7 +450,8 @@ padding-left: 20px;
   display: flex;
   flex-direction: column;
   justify-content: center;
-  align-items: center;
+  align-items: center;
+  text-shadow: 0px 0px 3px #6affff;
 }
 
 
@@ -463,17 +464,20 @@ padding-left: 20px;
 	color: #fff;
 	font-size: 14px;
 	margin-left: 14px;
-	text-align: center;
+	text-align: center;
+	text-shadow: 0px 0px 5px #6affff;
 }
 .jczl_tit span u{
 	color: #0055ff;
 	font-size: 16px;
-	padding: 0px 4px;
+	padding: 0px 4px;
+	text-shadow: 0px 0px 5px #0055ff;
 }
 .jczl_tit span:nth-last-child(1) u{
 	color: #ddcd14;
 	font-size: 16px;
-	padding: 0px 4px;
+	padding: 0px 4px;
+	text-shadow: 0px 0px 5px #ddcd14;
 }
 .bmfw_mssq{
 	height: 200px;
@@ -544,17 +548,20 @@ padding-left: 20px;
 	color: #fff;
 	text-align: left;
 	display: flex;
-	flex-direction: row;
+	flex-direction: row;
+	text-shadow: 0px 0px 5px #6affff;
 }
 .xqqy_div .xqqy_tit p b{
 	font-size: 18px;
 	color: #1990ea;
-	padding-right: 5px;
+	padding-right: 5px;
+	text-shadow: 0px 0px 5px #2075ff;
 }
 .xqqy_div .xqqy_tit p i{
 	font-size: 12px;
 	color: #fff;
-	line-height: 26px;
+	line-height: 26px;
+	text-shadow: 0px 0px 5px #6affff;
 }
 #sprh-xqqy{
 	width: 60%;

zhsq_qk-ui/src/views/fusion/jczl.vue

@@ -400,10 +400,10 @@ export default {
           itemStyle: {
             color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
               offset: 0,
-              color: 'rgba(30, 129, 204, 1.0)'
+              color: 'rgba(39, 234, 244, 1.0)'
             }, {
               offset: 1,
-              color: 'rgba(21, 37, 126, 1.0)'
+              color: 'rgba(19, 102, 191, 1.0)'
             }], false),
             barBorderRadius: 8,
             opacity: 0.8
@@ -564,7 +564,7 @@ export default {
             lineStyle: {
               normal: {
                 width: 2,
-                color: '#1d82df',
+                color: '#0ea8df',
               },
             },
             areaStyle: {
@@ -660,7 +660,7 @@ export default {
               color: '#fff',
               fontSize: 10,
             },
-            fillerColor: 'rgba(42, 131, 223,1)',
+            fillerColor: 'rgba(36, 180, 223, 1.0)',
             borderColor: 'rgba(66, 130, 197,1)',
             backgroundColor: 'rgba(12, 67, 124,0.5)',
             showDataShadow: false,
@@ -853,11 +853,11 @@ export default {
                 color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
                   {
                     offset: 0,
-                    color: 'rgba(22, 39, 77, 1.0)',
+                    color: 'rgba(28, 88, 177, 1.0)',
                   },
                   {
                     offset: 1,
-                    color: 'rgba(35, 98, 198, 1.0)',
+                    color: 'rgba(17, 224, 255, 1.0)',
                   },
                 ]),
               },
@@ -952,14 +952,14 @@ export default {
             itemStyle: {
               normal: {
                 color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
-                  {
-                    offset: 0,
-                    color: 'rgba(22, 39, 77, 1.0)',
-                  },
-                  {
-                    offset: 1,
-                    color: 'rgba(35, 98, 198, 1.0)',
-                  },
+                 {
+                   offset: 0,
+                   color: 'rgba(28, 88, 177, 1.0)',
+                 },
+                 {
+                   offset: 1,
+                   color: 'rgba(17, 224, 255, 1.0)',
+                 },
                 ]),
               },
             },
@@ -1229,11 +1229,11 @@ export default {
                 y2: 1,
                 colorStops: [{
                   offset: 0,
-                  color: '#1820bd'
+                  color: '#19e1ff'
                 },
                   {
                     offset: 1,
-                    color: '#162774'
+                    color: '#0f48a3'
                   }
                 ],
                 global: false //  缺省为  false

zhsq_qk-ui/src/views/fusion/sprh.vue

@@ -49,13 +49,15 @@
                 </ul>
               </div>
             </div>
-          </div>
+          </div>
+		  <div class="scrollbar" style="height: 510px;">
           <ul id="accordion" class="accordion">
            <!-- lx_on 离线      zx_on在线 -->
-           <li v-for="(camera, index) in cameras" :key="index" class="lx_on">
+           <li v-for="(camera, index) in cameras" :key="index" class="zx_on">
               <div class="link">{{ camera.cameraName }}</div>
             </li>
-          </ul>
+          </ul>
+		  </div>
         </div>
         <div class="tab_cont"></div>
       </div>
@@ -83,7 +85,7 @@
           </div>
         </div>
       </div>
-      <div id="sprh-zyfb" style="margin:10px auto; width: 350px; height:220px;"></div>
+       <div id="sprh-zyfb" style="margin:-5px auto 10px auto; width: 350px; height:150px;"></div>
       <!-- 资源分布-->
       <div class="qkq_tdzy">
         <div class="qkq_tit" style="margin-top: -35px">设备实时在线情况</div>
@@ -98,26 +100,26 @@
       </div>
       <div class="sb_cont">
         <div class="sb_in">
-          <div id="sprh-zxfb" style="width:130px; height:150px;margin: 0 auto;"></div>
+          <div id="sprh-zxfb" style="width:130px; height:140px;margin: 0 auto;"></div>
           <span class="zxsb">在线设备</span>
           <h2 class="zxsb_sl">1234<i>个</i></h2>
         </div>
         <div class="sb_in">
-          <div id="sprh-lxfb" style="width:130px; height:150px;margin: 0 auto;"></div>
+          <div id="sprh-lxfb" style="width:130px; height:140px;margin: 0 auto;"></div>
           <span class="lxsb">离线设备</span>
           <h2 class="lxsb_sl">234<i>个</i></h2>
         </div>
       </div>
       <div class="qkq_bmfw">
         <div class="qkq_tit ">摄像头统计</div>
-        <div id="jczl-bmfw" style="margin: 20px auto 0px auto; width: 350px; height: 220px"></div>
+        <div id="jczl-bmfw" style="margin: 20px auto 0px auto; width: 350px; height: 160px"></div>
       </div>
     </div>
     <!--右侧结束-->
     <!-- 点位图例 开始 -->
     <div class="dwtl">
-      <p><span class="xqnb"></span>街道路面</p>
-      <p><span class="jdlm"></span>小区内部</p>
+      <p><span class="xqnb"></span>街道路面(在线50个/离线10个)</p>
+      <p><span class="jdlm"></span>小区内部(在线50个/离线10个)</p>
     </div>
     <!-- 点位图例 结束 -->
     <!--底部开始-->