331 lines
12 KiB
HTML
331 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>压力容器监管大屏</title>
|
|
<link href="css/bootstrap.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="css/base.css">
|
|
<link rel="stylesheet" href="css/index.css">
|
|
|
|
<style>
|
|
.t_title{
|
|
width: 100%;
|
|
height: 100%;
|
|
text-align: center;
|
|
font-size: 2.5em;
|
|
line-height: 80px;
|
|
color: #fff;
|
|
}
|
|
#chart_map{
|
|
cursor: pointer;
|
|
}
|
|
.t_show{
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
border-radius: 2px;
|
|
background: #2C58A6;
|
|
padding: 2px 5px;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<!--header-->
|
|
<div class="header">
|
|
<div class="bg_header">
|
|
<div class="header_nav fl t_title">
|
|
压力容器监管大屏
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="top_menu">
|
|
<a class="top_menu_font" style=" margin-left: 40px;" href="../index.html">综合大屏</a>
|
|
<a class="top_menu_font" >电梯大屏</a>
|
|
<a class="top_menu_font" href="../压力容器大屏/index.html">压力容器大屏</a>
|
|
<a class="top_menu_font">其他...</a>
|
|
</div>
|
|
|
|
<!--main-->
|
|
<div class="data_content">
|
|
<!--<div class="data_time">-->
|
|
<!--<!–温馨提示: 点击模块后跳转至详情页面。–>-->
|
|
<!--</div>-->
|
|
|
|
<div class="data_main">
|
|
<div class="main_left fl">
|
|
<div class="left_1 t_btn6" style="cursor: pointer;">
|
|
<!--左上边框-->
|
|
<div class="t_line_box">
|
|
<i class="t_l_line"></i>
|
|
<i class="l_t_line"></i>
|
|
</div>
|
|
<!--右上边框-->
|
|
<div class="t_line_box">
|
|
<i class="t_r_line"></i>
|
|
<i class="r_t_line"></i>
|
|
</div>
|
|
<!--左下边框-->
|
|
<div class="t_line_box">
|
|
<i class="l_b_line"></i>
|
|
<i class="b_l_line"></i>
|
|
</div>
|
|
<!--右下边框-->
|
|
<div class="t_line_box">
|
|
<i class="r_b_line"></i>
|
|
<i class="b_r_line"></i>
|
|
</div>
|
|
<div class="main_title" id="title1">
|
|
<img src="img/t_7.png" alt="">
|
|
检验报告数据量前5名特检单位统计
|
|
<!--检验报告数据量前5名-->
|
|
</div>
|
|
<div id="chart_1" class="chart" style="width:100%;height: 280px;"></div>
|
|
</div>
|
|
<div class="left_2" style="cursor: pointer;">
|
|
<!--左上边框-->
|
|
<div class="t_line_box">
|
|
<i class="t_l_line"></i>
|
|
<i class="l_t_line"></i>
|
|
</div>
|
|
<!--右上边框-->
|
|
<div class="t_line_box">
|
|
<i class="t_r_line"></i>
|
|
<i class="r_t_line"></i>
|
|
</div>
|
|
<!--左下边框-->
|
|
<div class="t_line_box">
|
|
<i class="l_b_line"></i>
|
|
<i class="b_l_line"></i>
|
|
</div>
|
|
<!--右下边框-->
|
|
<div class="t_line_box">
|
|
<i class="r_b_line"></i>
|
|
<i class="b_r_line"></i>
|
|
</div>
|
|
<div class="main_title" title="各检验单位的检验结论统计" id="title2">
|
|
<img src="img/t_7.png" alt="">
|
|
各检验单位的检验结论统计
|
|
<!--各检验单位统计-->
|
|
</div>
|
|
<div id="chart_2" class="chart t_btn9" style="width:100%;height: 280px;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="main_center fl">
|
|
<div class="center_text">
|
|
<!--左上边框-->
|
|
<div class="t_line_box">
|
|
<i class="t_l_line"></i>
|
|
<i class="l_t_line"></i>
|
|
</div>
|
|
<!--右上边框-->
|
|
<div class="t_line_box">
|
|
<i class="t_r_line"></i>
|
|
<i class="r_t_line"></i>
|
|
</div>
|
|
<!--左下边框-->
|
|
<div class="t_line_box">
|
|
<i class="l_b_line"></i>
|
|
<i class="b_l_line"></i>
|
|
</div>
|
|
<!--右下边框-->
|
|
<div class="t_line_box">
|
|
<i class="r_b_line"></i>
|
|
<i class="b_r_line"></i>
|
|
</div>
|
|
<div class="main_title" id="title0">
|
|
<img src="img/t_7.png" alt="">
|
|
使用单位地址所属城市检验报告数量分布
|
|
</div>
|
|
<div id="chart_map" style="width:100%;height:610px;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="main_right fr">
|
|
<div class="right_1">
|
|
<!--左上边框-->
|
|
<div class="t_line_box">
|
|
<i class="t_l_line"></i>
|
|
<i class="l_t_line"></i>
|
|
</div>
|
|
<!--右上边框-->
|
|
<div class="t_line_box">
|
|
<i class="t_r_line"></i>
|
|
<i class="r_t_line"></i>
|
|
</div>
|
|
<!--左下边框-->
|
|
<div class="t_line_box">
|
|
<i class="l_b_line"></i>
|
|
<i class="b_l_line"></i>
|
|
</div>
|
|
<!--右下边框-->
|
|
<div class="t_line_box">
|
|
<i class="r_b_line"></i>
|
|
<i class="b_r_line"></i>
|
|
</div>
|
|
<div class="main_title" id="title3">
|
|
<img src="img/t_7.png" alt="">
|
|
总体检验结论统计
|
|
</div>
|
|
<div id="chart_3" class="echart t_btn7" style="width:100%;height: 280px;"></div>
|
|
</div>
|
|
<div class="right_2">
|
|
<!--左上边框-->
|
|
<div class="t_line_box">
|
|
<i class="t_l_line"></i>
|
|
<i class="l_t_line"></i>
|
|
</div>
|
|
<!--右上边框-->
|
|
<div class="t_line_box">
|
|
<i class="t_r_line"></i>
|
|
<i class="r_t_line"></i>
|
|
</div>
|
|
<!--左下边框-->
|
|
<div class="t_line_box">
|
|
<i class="l_b_line"></i>
|
|
<i class="b_l_line"></i>
|
|
</div>
|
|
<!--右下边框-->
|
|
<div class="t_line_box">
|
|
<i class="r_b_line"></i>
|
|
<i class="b_r_line"></i>
|
|
</div>
|
|
<div class="main_title" id="title4">
|
|
<img src="img/t_7.png" alt="">
|
|
各容器种类的检验结论统计
|
|
</div>
|
|
<div id="chart_4" class="echart fl t_btn4" style="width:100%;height: 280px;cursor: pointer;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="data_bottom">
|
|
<div class="bottom_1 fl t_btn5" style="cursor: pointer;">
|
|
<!--左上边框-->
|
|
<div class="t_line_box">
|
|
<i class="t_l_line"></i>
|
|
<i class="l_t_line"></i>
|
|
</div>
|
|
<!--右上边框-->
|
|
<div class="t_line_box">
|
|
<i class="t_r_line"></i>
|
|
<i class="r_t_line"></i>
|
|
</div>
|
|
<!--左下边框-->
|
|
<div class="t_line_box">
|
|
<i class="l_b_line"></i>
|
|
<i class="b_l_line"></i>
|
|
</div>
|
|
<!--右下边框-->
|
|
<div class="t_line_box">
|
|
<i class="r_b_line"></i>
|
|
<i class="b_r_line"></i>
|
|
</div>
|
|
<div class="main_title" id="title5">
|
|
<img src="img/t_7.png" alt="">
|
|
制造单位与检验结论情况分析
|
|
</div>
|
|
<div id="chart_5" class="echart fl" style="width:100%;height: 250px;margin-top: 15px;"></div>
|
|
</div>
|
|
<div class="bottom_center fl">
|
|
<div class="bottom_2 fl">
|
|
<!--左上边框-->
|
|
<div class="t_line_box">
|
|
<i class="t_l_line"></i>
|
|
<i class="l_t_line"></i>
|
|
</div>
|
|
<!--右上边框-->
|
|
<div class="t_line_box">
|
|
<i class="t_r_line"></i>
|
|
<i class="r_t_line"></i>
|
|
</div>
|
|
<!--左下边框-->
|
|
<div class="t_line_box">
|
|
<i class="l_b_line"></i>
|
|
<i class="b_l_line"></i>
|
|
</div>
|
|
<!--右下边框-->
|
|
<div class="t_line_box">
|
|
<i class="r_b_line"></i>
|
|
<i class="b_r_line"></i>
|
|
</div>
|
|
<div class="main_title" id="title6">
|
|
<img src="img/t_7.png" alt="">
|
|
制造日期、检验日期趋势分析
|
|
</div>
|
|
<div id="chart_6" class="echart fl t_btn8" style="width:100%;height: 280px;cursor: pointer;"></div>
|
|
</div>
|
|
<div class="bottom_3 fl">
|
|
<!--左上边框-->
|
|
<div class="t_line_box">
|
|
<i class="t_l_line"></i>
|
|
<i class="l_t_line"></i>
|
|
</div>
|
|
<!--右上边框-->
|
|
<div class="t_line_box">
|
|
<i class="t_r_line"></i>
|
|
<i class="r_t_line"></i>
|
|
</div>
|
|
<!--左下边框-->
|
|
<div class="t_line_box">
|
|
<i class="l_b_line"></i>
|
|
<i class="b_l_line"></i>
|
|
</div>
|
|
<!--右下边框-->
|
|
<div class="t_line_box">
|
|
<i class="r_b_line"></i>
|
|
<i class="b_r_line"></i>
|
|
</div>
|
|
<div class="main_title" id="title7">
|
|
<img src="img/t_7.png" alt="">
|
|
检验类别的检验结论热力分布
|
|
</div>
|
|
<div id="chart_7" class="echart fl t_btn2" style="width:100%;height: 280px;cursor: pointer;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="bottom_4 fr">
|
|
<!--左上边框-->
|
|
<div class="t_line_box">
|
|
<i class="t_l_line"></i>
|
|
<i class="l_t_line"></i>
|
|
</div>
|
|
<!--右上边框-->
|
|
<div class="t_line_box">
|
|
<i class="t_r_line"></i>
|
|
<i class="r_t_line"></i>
|
|
</div>
|
|
<!--左下边框-->
|
|
<div class="t_line_box">
|
|
<i class="l_b_line"></i>
|
|
<i class="b_l_line"></i>
|
|
</div>
|
|
<!--右下边框-->
|
|
<div class="t_line_box">
|
|
<i class="r_b_line"></i>
|
|
<i class="b_r_line"></i>
|
|
</div>
|
|
<div class="main_title" id="title8">
|
|
<img src="img/t_7.png" alt="">
|
|
设备新增、报废统计
|
|
</div>
|
|
<div id="chart_8" class="echart fl t_btn3" style="width:100%;height: 280px;cursor: pointer;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="text-align:center;">
|
|
<!--<p>安徽特检</p>-->
|
|
</div>
|
|
</body>
|
|
<script src="js/jquery-2.2.1.min.js"></script>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script src="js/common.js"></script>
|
|
<script src="js/echarts.min.js"></script>
|
|
<script src="js/dataTool.js"></script>
|
|
<script src="js/index.js"></script>
|
|
<script src="js/china.js"></script>
|
|
<script src="js/hunan.js"></script>
|
|
</html>
|