From 0b737708e696c45720499759b5c31aced87fdbb6 Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@iotlink.com>
Date: 星期三, 07 七月 2021 14:10:03 +0800
Subject: [PATCH] merge master
---
static/shuohuangMonitorAnalyze/view/hiddendangerscreen/index.html | 358 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 358 insertions(+), 0 deletions(-)
diff --git a/static/shuohuangMonitorAnalyze/view/hiddendangerscreen/index.html b/static/shuohuangMonitorAnalyze/view/hiddendangerscreen/index.html
new file mode 100644
index 0000000..27621e7
--- /dev/null
+++ b/static/shuohuangMonitorAnalyze/view/hiddendangerscreen/index.html
@@ -0,0 +1,358 @@
+锘�<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>鏈旈粍閾佽矾澶ф暟鎹垎鏋愬钩鍙�</title>
+<!--璁剧疆鏄惁涓虹缉鏀炬ā寮� -->
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<!-- 鏂� Bootstrap 鏍稿績 CSS 鏂囦欢 -->
+<link rel="stylesheet" type="text/css" href="https://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css">
+<!-- jQuery鏂囦欢銆傚姟蹇呭湪bootstrap.min.js 涔嬪墠寮曞叆 -->
+<script src="js/jquery.min.js"></script>
+<!-- 鏈�鏂扮殑 Bootstrap 鏍稿績 JavaScript 鏂囦欢 -->
+<script src="js/bootstrap.min.js"></script>
+<!--echarts JS-->
+<script src="js/echarts.min.js"></script>
+<!-- 杞挱swiper鏂囦欢 -->
+<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
+<script src="js/swiper.min.js"></script>
+<!--鐣岄潰鏍峰紡-->
+<script src="js/visual.js"></script>
+<script src="js/china.js"></script>
+<script src="js/chartMap.js"></script>
+<link rel="stylesheet" type="text/css" href="css/visual.css">
+
+</head>
+<body class="ksh">
+ <div id="load">
+ <div class="load_img"><!-- 鍔犺浇鍔ㄧ敾 -->
+ <img class="jzxz1" src="images/jzxz1.png">
+ <img class="jzxz2" src="images/jzxz2.png">
+ </div>
+ </div>
+ <div class="head_top"><span>鏈旈粍閾佽矾澶ф暟鎹垎鏋�</span></div>
+ <div class="visual">
+ <div class="visual_left">
+ <div class="visual_box">
+ <div class="visual_title">
+ <span>闅愭偅浜嬩欢缁熻</span>
+ <img src="images/ksh33.png">
+ </div>
+ <div class="visual_chart" id="main1">
+
+ </div>
+ </div>
+ <div class="visual_box">
+ <div class="visual_title">
+ <span>闅愭偅浜嬩欢瓒嬪娍</span>
+ <img src="images/ksh33.png">
+ </div>
+ <div class="visual_chart" id="main2">
+
+ </div>
+ </div>
+ <div class="visual_box">
+ <div class="visual_title">
+ <span>鍗曚綅杩濊鎯呭喌缁熻</span>
+ <img src="images/ksh33.png">
+ </div>
+ <div class="visual_chart sfzcll">
+ <a>鍗曚綅</a>
+ <a>杩濊鐜�</a>
+ <a>杩濊閲�</a>
+ <div class="sfzcll_pos_box">
+ <div class="sfzcll_box">
+ <img class="sfzcll_bkJk" src="">
+ <img class="sfzcll_bkJk" src="">
+ <img class="sfzcll_bkJk" src="">
+ <img class="sfzcll_bkJk" src="">
+ <label>涓搧涓�灞�</label>
+ <div class="sfzcll_smallBk">
+ <div class="ygl">
+ <span>4%</span>
+ </div>
+ </div>
+ <div class="sfzcll_smallBk">
+ <div class="ygh">
+ <span>5</span>
+ </div>
+ </div>
+ <div class="clear"></div>
+ </div>
+ <div class="sfzcll_box">
+ <img class="sfzcll_bkJk" src="">
+ <img class="sfzcll_bkJk" src="">
+ <img class="sfzcll_bkJk" src="">
+ <img class="sfzcll_bkJk" src="">
+ <label>涓搧浜屽眬</label>
+ <div class="sfzcll_smallBk">
+ <div class="ygl">
+ <span>5.3%</span>
+ </div>
+ </div>
+ <div class="sfzcll_smallBk">
+ <div class="ygh">
+ <span>7</span>
+ </div>
+ </div>
+ <div class="clear"></div>
+ </div>
+ <div class="sfzcll_box">
+ <img class="sfzcll_bkJk" src="">
+ <img class="sfzcll_bkJk" src="">
+ <img class="sfzcll_bkJk" src="">
+ <img class="sfzcll_bkJk" src="">
+ <label>涓搧涓夊眬</label>
+ <div class="sfzcll_smallBk">
+ <div class="ygl">
+ <span>6%</span>
+ </div>
+ </div>
+ <div class="sfzcll_smallBk">
+ <div class="ygh">
+ <span>2</span>
+ </div>
+ </div>
+ <div class="clear"></div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ <div class="visual_con">
+ <div class="visual_conTop">
+ <div class="visual_conTop_box visual_conTop1">
+ <div>
+ <h3>褰撳墠闅愭偅鏁伴噺</h3>
+ <p>34 </p>
+ <div class="conTop_smil">
+ <a class="sz">鍛ㄥ悓姣�:<span>+3%</span><i class="fa fa-long-arrow-up"></i></a>
+ <a class="xd">鏃ョ幆姣�:<span>+2%</span><i class="fa fa-long-arrow-up"></i></a>
+ </div>
+ </div>
+ </div>
+ <div class="visual_conTop_box visual_conTop2">
+ <div>
+ <h3>鏈懆鍒嗘瀽杞︽閲�</h3>
+ <p>735 </p>
+ <div class="conTop_smil">
+ <a class=""></a>
+ <a class="">骞冲潎杞﹂��<span>105</span>KM/H</i></a>
+ </div>
+ </div>
+ </div>
+ <div class="visual_conTop_box visual_conTop1">
+ <div>
+ <h3>杞偍鎬婚噺</h3>
+ <p>1025</p>
+ <div class="conTop_smil">
+ <a class="sz"><span></span><i class="fa fa-long-arrow-up"></i></a>
+ <a class="xd">杞崲鐜�<span>100%</span><i class="fa fa-long-arrow-up"></i></a>
+ </div>
+ </div>
+ </div>
+ <div class="visual_conTop_box visual_conTop2">
+ <div>
+ <h3>浠诲姟瀹屾垚姣斾緥</h3>
+ <p>99%</p>
+ <div class="conTop_smil">
+ <a class="sz">鍛ㄥ悓姣�:<span>+5%</span><i class="fa fa-long-arrow-up"></i></a>
+ <a class="xd">鏈堢幆姣�:<span>+2%</span><i class="fa fa-long-arrow-up"></i></a>
+ </div>
+ </div>
+ </div>
+ <div class="clear"></div>
+ </div>
+ <div class="visual_conBot">
+ <img class="visual_conBot_l" src="images/ksh42.png">
+ <img class="visual_conBot_2" src="images/ksh43.png">
+ <img class="visual_conBot_3" src="images/ksh44.png">
+ <img class="visual_conBot_4" src="images/ksh45.png">
+ <div class="visual_chart_text">
+ <h1></h1>
+ <h2>鏈旈粍閾佽矾澶ф暟鎹垎鏋愬钩鍙�</h2>
+ </div>
+ <div class="visual_chart" id="main8"></div>
+ <div class="visual_conBot_bot">
+ <div class="visualSssf_left">
+ <h3>浠婃棩瀹炴椂闅愭偅</h3>
+ <a style="display:block">閲嶇偣鍦版</a>
+ <a>杩涚珯</a>
+ <a>鍑虹珯</a>
+ <a>宀旈亾</a>
+ <a>淇″彿鐏�</a>
+ <a>杩囧垎鐩�</a>
+ </div>
+ <div class="visualSssf_right">
+ <div class="visualSssf_right_box" id="main5"></div>
+ <div class="visualSssf_right_box" id="main6"></div>
+ <div class="visualSssf_right_box" id="main7"></div>
+ </div>
+ <div class="clear"></div>
+ </div>
+ </div>
+ </div>
+ <div class="visual_right">
+ <div class="visual_box">
+ <div class="visual_title">
+ <span>鏈湀闅愭偅缁熻</span>
+ <img src="images/ksh33.png">
+ </div>
+ <div class="swiper-container visual_swiper1 visual_chart">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide" id="main3"></div>
+ <div class="swiper-slide" id="main31"></div>
+ </div>
+ </div>
+ </div>
+ <div class="visual_box visualSfzsfl">
+ <div class="visual_title">
+ <span>涔樺姟鍛樿繚瑙勭粺璁�</span>
+ <img src="images/ksh33.png">
+ </div>
+
+ <div class="visual_table">
+ <table>
+ <tr>
+ <td>鎺掑悕</td>
+ <td>濮撳悕</td>
+ <td>杩濊娆℃暟</td>
+ <td>鍛ㄦ定骞�</td>
+ </tr>
+ <tr>
+ <td>1</td>
+ <td>鏉庣剷鑻�</td>
+ <td>323</td>
+ <td>12%</td>
+ </tr>
+ <tr>
+ <td>2</td>
+ <td>娌堟檽鑵�</td>
+ <td>266</td>
+ <td>67%</td>
+ </tr>
+ <tr>
+ <td>3</td>
+ <td>璐炬檽鐜�</td>
+ <td>232</td>
+ <td>9%</td>
+ </tr>
+ <tr>
+ <td>4</td>
+ <td>閮戜匠鐞�</td>
+ <td>198</td>
+ <td>4%</td>
+ </tr>
+ <tr>
+ <td>5</td>
+ <td>鐜嬪ぉ涓�</td>
+ <td>123</td>
+ <td>12%</td>
+ </tr>
+ <tr>
+ <td>6</td>
+ <td>鏉庣孩</td>
+ <td>106</td>
+ <td>67%</td>
+ </tr>
+ <tr>
+ <td>7</td>
+ <td>濮闆�</td>
+ <td>93</td>
+ <td>9%</td>
+ </tr>
+ <tr>
+ <td>8</td>
+ <td>鐜嬫旦澶�</td>
+ <td>90</td>
+ <td>4%</td>
+ </tr>
+ </table>
+ </div>
+ </div>
+ <div class="visual_box">
+ <div class="visual_title">
+ <span>閲嶇偣鍦版杩濊鎺掕</span>
+ <img src="images/ksh33.png">
+ </div>
+ <div class="swiper-container visual_swiper2 visual_chart">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide" id="main4"></div>
+ <div class="swiper-slide" id="main41"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="clear"></div>
+ </div>
+ <script type="text/javascript">
+ $(function(){
+ var a=$('.visualSssf_left a')
+ for(var i=0;i<a.length;i++){
+ a[i].index=i;
+ a[i].onclick=function(){
+ for(var i=0;i<a.length;i++){
+ a[i].className=''
+ }
+ this.className='active'
+ }
+ }
+
+ var sfzcllH=$('.sfzcll_box').height()
+ var sfzcllHtwo=sfzcllH-2
+ $('.sfzcll_box').css('line-height',sfzcllH+'px')
+ $('.sfzcll_smallBk>div').css('line-height',sfzcllHtwo+'px')
+
+ //鍒犻櫎鍔犺浇鍔ㄧ敾
+ $('#load').fadeOut(1000)
+ setTimeout(function(){
+ $('#load').remove()
+ }
+ ,1100);
+ })
+
+ //浜ら�氭祦閲�
+ var myChart1 = echarts.init(document.getElementById('main1'));
+ myChart1.setOption(option1);
+ //浜ら�氬伐鍏锋祦閲�
+ var myChart2 = echarts.init(document.getElementById('main2'));
+ myChart2.setOption(option2);
+ //鏈湀鍙戠敓浜嬩欢
+ var myChart3 = echarts.init(document.getElementById('main3'));
+ myChart3.setOption(option3);
+ var myChart31 = echarts.init(document.getElementById('main31'));
+ myChart31.setOption(option31);
+ var mySwiper1 = new Swiper('.visual_swiper1', {
+ autoplay: true,//鍙�夐�夐」锛岃嚜鍔ㄦ粦鍔�
+ speed:800,//鍙�夐�夐」锛屾粦鍔ㄩ�熷害
+ autoplay: {
+ delay: 5000,//1绉掑垏鎹竴娆�
+ },
+ })
+ //鏀惰垂绔欐敹璐规帓琛�
+ var myChart4 = echarts.init(document.getElementById('main4'));
+ myChart4.setOption(option4);
+ var myChart41 = echarts.init(document.getElementById('main41'));
+ myChart41.setOption(option41);
+ var mySwiper2 = new Swiper('.visual_swiper2', {
+ autoplay: true,//鍙�夐�夐」锛岃嚜鍔ㄦ粦鍔�
+ direction : 'vertical',//鍙�夐�夐」锛屾粦鍔ㄦ柟鍚�
+ speed:2000,//鍙�夐�夐」锛屾粦鍔ㄩ�熷害
+ })
+ //浠婃棩瀹炴椂鏀惰垂
+ var myChart5 = echarts.init(document.getElementById('main5'));
+ myChart5.setOption(option5);
+ var myChart6 = echarts.init(document.getElementById('main6'));
+ myChart6.setOption(option6);
+ var myChart7 = echarts.init(document.getElementById('main7'));
+ myChart7.setOption(option7);
+ //涓棿鍦板浘
+ var myChart8 = echarts.init(document.getElementById('main8'));
+ myChart8.setOption(option8);
+ //鏀惰垂绔欐敹璐归噺
+ var myChart9 = echarts.init(document.getElementById('main9'));
+ myChart9.setOption(option9);
+ </script>
+</body>
+</html>
--
Gitblit v1.8.0