<!DOCTYPE html>
|
<html lang="en">
|
|
<head>
|
<meta charset="UTF-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<title>飞羽大气环境智能走航监测系统</title>
|
<!-- <link href="http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> -->
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
|
integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw=="
|
crossorigin="anonymous" referrerpolicy="no-referrer" />
|
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> -->
|
<link rel="stylesheet" href="./lib/plugin/bootstrap/bootstrap.min.css">
|
<link rel="stylesheet" href="./lib/plugin/daterangepicker/2.1.19/daterangepicker.css">
|
<link rel="stylesheet" href="./css/myselect.css?v=1">
|
<link rel="stylesheet" href="./css/style.css?v=13">
|
<link rel="stylesheet" href="./css/3dmap.css?v=13">
|
<link rel="stylesheet" href="./css/border.css?v=6">
|
<link rel="stylesheet" href="./css/component.css?v=3">
|
<link rel="stylesheet" href="./css/jackwei.slider.css?v=2">
|
<link rel="stylesheet" href="./css/myBootstrap.css">
|
<link rel="stylesheet" href="./css/text.css">
|
<style type="text/css">
|
/* 去除高德地图的固定版号图标 */
|
.amap-logo {
|
display: none;
|
opacity: 0 !important;
|
}
|
|
.amap-copyright {
|
opacity: 0;
|
}
|
|
.amap-overlays {
|
z-index: 0;
|
}
|
|
.amap-marker-label {
|
/* width: 100px;
|
max-width: 200px; */
|
font-size: 13px;
|
text-align: center;
|
color: white;
|
background-color: transparent;
|
text-shadow: black 2px 2px 2px;
|
border-radius: 2px;
|
border: 0px;
|
padding: 4px;
|
/* white-space: pre-wrap; */
|
}
|
</style>
|
|
</head>
|
|
<body>
|
<div class="background">
|
<div id='map' class="map"></div>
|
|
<div id="titlebox" class="map-title ff-title flexbox-col align-items">
|
<div class="map-title-content">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content flexbox-col align-items">
|
<!-- <span>大气多参数智能走航监测系统</span> -->
|
<span id="web_title">飞羽大气环境智能走航监测系统</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="map-tool-box flexbox">
|
<div class="dropdown">
|
<button type="button" class="margin-left-8 dropdown-toggle btn btn-dropdown" data-toggle="dropdown"
|
aria-expanded="false">
|
<i class="fa fa-archive" aria-hidden="true"></i>
|
<span>地图工具箱</span>
|
</button>
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
<form class="px-2">
|
<button id="btn_point" type="button" class="btn btn-outline-secondary btn-block">
|
<i class="fa fa-map-signs" aria-hidden="true"></i>
|
<span>地物标注：关</span>
|
</button>
|
<button id="btn_map_mode" type="button" class="btn btn-outline-info btn-block">
|
<i class="fa fa-globe" aria-hidden="true"></i>
|
<span>卫星地图：开</span>
|
</button>
|
<button id="btn_luo_pan" type="button" class="btn btn-outline-info btn-block">
|
<i class="fa fa-compass" aria-hidden="true"></i>
|
<span>控制罗盘：开</span>
|
</button>
|
<button id="btn_location_mark" type="button" class="btn btn-outline-secondary btn-block">
|
<i class="fa fa-compass" aria-hidden="true"></i>
|
<span>坐标拾取：关</span>
|
</button>
|
<button id="btn_data_mark" type="button" class="btn btn-outline-info btn-block">
|
<i class="fa fa-compass" aria-hidden="true"></i>
|
<span>数据标记：开</span>
|
</button>
|
<button id="btn_data_dialog" type="button" class="btn btn-outline-info btn-block">
|
<i class="fa fa-compass" aria-hidden="true"></i>
|
<span>数据弹框：开</span>
|
</button>
|
</form>
|
</div>
|
</div>
|
<!-- <div class="dropdown">
|
<button id="btn_map_company" type="button" class="margin-left-8 dropdown-toggle btn btn-dropdown" data-toggle="dropdown" aria-expanded="false">
|
<i class="fa fa-list-alt" aria-hidden="true"></i>
|
<span>业务特征</span>
|
</button>
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
<div class="text-muted px-2">
|
<p>工业企业</p>
|
</div>
|
<form class="px-2">
|
<div class="form-check">
|
<input type="checkbox" class="form-check-input" id="complaint_drop_1">
|
<label class="form-check-label" for="complaint_drop_1">
|
吕巷区域企业信访专题图
|
</label>
|
</div>
|
<div class="form-check">
|
<input type="checkbox" class="form-check-input" id="complaint_drop_2">
|
<label class="form-check-label" for="complaint_drop_2">
|
吕巷区域企业生产工艺专题图
|
</label>
|
</div>
|
<div class="form-check">
|
<input type="checkbox" class="form-check-input" id="complaint_drop_3">
|
<label class="form-check-label" for="complaint_drop_3">
|
吕巷区域企业异味风险分布专题图
|
</label>
|
</div>
|
</form>
|
<div class="dropdown-divider"></div>
|
<div class="text-muted px-2">
|
<p>信访区域</p>
|
</div>
|
<form class="px-2">
|
<div class="form-check">
|
<input type="checkbox" class="form-check-input" id="c_area_drop_1">
|
<label class="form-check-label" for="c_area_drop_1">
|
吕巷区域信访来源地
|
</label>
|
</div>
|
<div class="form-check">
|
<input type="checkbox" class="form-check-input" id="c_area_drop_2">
|
<label class="form-check-label" for="c_area_drop_2">
|
吕巷区域信访集中区
|
</label>
|
</div>
|
</form>
|
<div class="dropdown-divider"></div>
|
<div class="text-muted px-2">
|
<p>网格化监测点</p>
|
</div>
|
<form class="px-2">
|
<div class="form-group" id="monitor_sites">
|
</div>
|
</form>
|
<div class="dropdown-divider"></div>
|
<div class="text-muted px-2">
|
<p>企业用电量监测点</p>
|
</div>
|
<form class="px-2">
|
<div class="form-group" id="electricity_sites">
|
</div>
|
</form>
|
<a class="dropdown-item" href="#">Action</a>
|
</div> -->
|
</div>
|
</div>
|
|
<div id="rangeset" class="map-range-set flexbox">
|
<div class="ff-content-left ff-content ff-content-small">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top flexbox-col">
|
<div class="ff-border-content">
|
<div class="flexbox flex-space-between">
|
<div>绘图范围</div>
|
<div class="map-btn-group">
|
<button class="btn-search-s margin-left-2" id="btn_set_range">确定</button>
|
<!-- <button class="btn-search-s margin-left-2" id="btn_reset_range">清空</button> -->
|
</div>
|
</div>
|
<div class="flexbox align-items">
|
<span class="time">Min </span>
|
<input id="in_min" type="text" class="ff-input-range margin-left-2">
|
<span class="time"> Max </span>
|
<input id="in_max" type="text" class="ff-input-range margin-left-2">
|
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div id='searchbox' class="map-date-selector flexbox-col align-items" style="visibility: visible; ">
|
<div class="flexbox-col align-items-end">
|
<div class="ff-content-middle-s ff-content ff-content-down">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content flexbox-wrap align-items padding-h">
|
<!-- 任务-->
|
<div class="label-date hMode">
|
<span class="label-date-title">任务</span>
|
<select class="input-date margin-left-2" id="select_task">
|
<!-- <option value="SH-JS-20210102">SH-JS-20210102</option>
|
<option value="SH-JS-20210313">SH-JS-20210313</option>
|
<option value="SH-JS-20210313">SH-JS-20210326</option>
|
<option value="SH-JS-20210409">SH-JS-20210409</option>
|
<option value="SH-JS-20210421">SH-JS-20210421</option> -->
|
</select>
|
</div>
|
<!-- 编号-->
|
<div class="label-date margin-left-2 hMode">
|
<span class="label-date-title">类型</span>
|
<select class="input-date margin-left-8" id="select_device_type">
|
<option value="0a">车载</option>
|
<!-- <option value="0b">无人机</option>
|
<option value="0c">无人船</option> -->
|
</select>
|
</div>
|
<!-- -->
|
<div class="label-date margin-left-2">
|
<span class="label-date-title">设备号</span>
|
<select class="input-date margin-left-8" id="select_device_code">
|
<option value="0a0000000001">0a0000000001</option>
|
<option value="0a0000000002">0a0000000002</option>
|
<option value="0a0000000003">0a0000000003</option>
|
</select>
|
</div>
|
<!-- 开始时间-->
|
<div class="label-date margin-left-2">
|
<span class="label-date-title">起止时间</span>
|
<a id="datetime" class="nav-link">
|
<span id="starttime_text" class="rectangle">2018-08-24 00:01:07</span>
|
<span>~</span>
|
<span id="endtime_text" class="rectangle">2018-08-25 00:01:07</span>
|
<span class="float-right"><i class="right fa fa-angle-down"></i></span>
|
</a>
|
</div>
|
<div class="map-btn-group">
|
<div class="btn-search" id="btn_search">分析</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<!-- <div class="ff-toggle-btn-down ff-toggle-btn ff-btn-medium"> -->
|
<div class="ff-content-left ff-content ff-content-small-borderless-t">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content flexbox align-items">
|
<div class="gMode margin-right-8" style="display:none">
|
<span class="label-date-title">数据精度</span>
|
<select class="input-date margin-left-8" id="select_data_type">
|
<option value="1">分钟级</option>
|
<option value="0">秒级</option>
|
</select>
|
</div>
|
<div class="flexbox">
|
<i class="fa fa-pencil-square-o" aria-hidden="true"></i>
|
<div id="btn_task_manage" class="btn-search margin-left-2">任务管理</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="map-factor-selector" style="visibility: visible;">
|
<div class="ff-content-left ff-content ff-content-small">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top flexbox-col">
|
<div class="ff-border-content">
|
<div id='factorbox' class="factorbox"></div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
|
<div id='animation_status' class="map-animation-status flexbox-col align-items" style="display: none">
|
<div class="flexbox-col align-items-start">
|
<div class="ff-content-middle-s ff-content ff-content-down">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content">
|
<span style="margin: 36px;font-size: large;">历史轨迹播放中...</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div id="history_animation" class="map-history-animation flexbox-col align-items">
|
<div class="ff-content-middle-s ff-content">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content flexbox-wrap align-items padding-6">
|
<div>历史轨迹</div>
|
<div class="map-btn-group margin-left-8">
|
<i id="btn_stop" class="fa fa-stop btn-search" aria-hidden="true" style="color: red;"></i>
|
<i id="btn_play" class="fa fa-play btn-search margin-left-2" aria-hidden="true"></i>
|
</div>
|
<div class="label-date margin-left-2">
|
<span class="label-date-title">倍速</span>
|
<select class="input-date margin-left-8" id="select_speed">
|
<option value="1">1.0X</option>
|
<option value="4">4.0X</option>
|
<option value="8">8.0X</option>
|
<option value="16">16X</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div id='rmode_type' class="map-date-selector flexbox-col align-items" style="display: none;">
|
<div class="ff-content-middle-s ff-content">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top flexbox-wrap align-items map-float-panel padding-h">
|
<!-- <div class="label-date margin-left-2"> -->
|
<div id='rmode_type_box' class="factorbox ff-border-content"></div>
|
<div class="label-date margin-left-2">
|
<span class="label-date-title">设备号</span>
|
<select class="input-date margin-left-8" id="realtime_device_code">
|
<option value="0a0000000001">0a0000000001</option>
|
<option value="0a0000000002">0a0000000002</option>
|
<option value="0a0000000003">0a0000000003</option>
|
</select>
|
</div>
|
<div class="map-btn-group">
|
<div class="btn-search" id="btn_r_search">切换</div>
|
</div>
|
<!-- </div> -->
|
</div>
|
</div>
|
</div>
|
|
<!-- 仪表盘 -->
|
<div id='realtimebox' class="map-realtime-data" style="display: none;">
|
<div class="flexbox align-items-start">
|
<div class="flexbox-col ff-toggle-block">
|
<!-- 监测因子复选框 -->
|
<div class="ff-content ff-content-top-left ff-content-small-borderless-t">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content">
|
<div id='realtime_chart_factorbox' class="factorbox"></div>
|
</div>
|
</div>
|
</div>
|
|
<div class="ff-content ff-content-left ff-content-medium">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content">
|
<div class="flexbox match-width">
|
<!-- <div class="factor-title">实时监测数据</div> -->
|
<div id="multiple_select_factor" class="mySelect margin-left" style="min-width: 200px;">
|
</div>
|
</div>
|
<div class="flexbox margin-top match-width">
|
<div id="realtime_temp" class="tag-2">温度：--℃</div>
|
<div id="realtime_hum" class="margin-left tag-2">湿度：--%</div>
|
<div id="realtime_wind_direction" class="margin-left tag-2">风向：--</div>
|
<div id="realtime_wind_speed" class="margin-left tag-2">风速：--m/s</div>
|
<div id="realtime_v" class="margin-left tag-2">车速：--km/h</div>
|
</div>
|
<div id="realtime_chart" class="flexbox-wrap align-items scrollbar"></div>
|
<div class="flexbox-col align-items time match-width"
|
style="margin-top: 0px;margin-bottom: 0;">
|
<div id="realtime_time" class="tag-2">采样时间：---------- --:--:--</div>
|
</div>
|
</div>
|
</div>
|
<div class="ff-footer flexbox flex-center">
|
|
</div>
|
<div class="ff-triangle">
|
<div class="ff-triangle-border"></div>
|
</div>
|
</div>
|
</div>
|
|
<div class="ff-toggle-btn-right ff-toggle-btn ff-btn-medium">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content flexbox-col">
|
<img src="./asset/mipmap/shrink_left.png" class="ff-img">
|
实<br>时<br>监<br>测
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<!-- 实时浓度变化 -->
|
<div id="realtimebox2" class="map-realtime-data-2" style="display: none;">
|
<div class="ff-toggle-btn-left ff-toggle-btn ff-btn-medium">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content flexbox-col">
|
<img src="./asset/mipmap/shrink_right.png" class="ff-img">
|
实<br />时<br />趋<br />势
|
</div>
|
</div>
|
</div>
|
|
<div class="ff-toggle-block flexbox-col">
|
<div class="ff-content ff-content-top-right ff-content-small-borderless-t">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div id="realtime_chart_2_factorbox" class="factorbox ff-border-content"></div>
|
</div>
|
</div>
|
<div class="ff-content ff-content-right ff-content-medium">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div id="chart_2"></div>
|
</div>
|
|
<div class="ff-footer flexbox flex-end align-items">
|
|
</div>
|
|
<div class="ff-triangle">
|
<div class="ff-triangle-border"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div id='backgroundbox' class=" map-backgroud-data map-float-panel" style="display: none;">
|
<div class="flexbox flex-space-between">
|
<div id="bg_time" class="time"></div>
|
<div class="factor-title margin-left" style="color: white;">空气质量背景</div>
|
<div class="location margin-left"><i class="fa fa-map-marker"></i> 浦东新区</div>
|
</div>
|
<div class="flexbox align-items">
|
<div class="flexbox-col">
|
<div id="bg_temp" class="big-number">16℃</div>
|
<div id="bg_temp_range">4℃-16℃</div>
|
</div>
|
<div id="bg_aqi" class="tag">
|
69良
|
</div>
|
</div>
|
</div>
|
|
<div id="legend" class="map-legend" style="visibility: visible;">
|
<div class="ff-content ff-content-left ff-content-medium">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content">
|
<div><img src="./asset/mipmap/data_chart.png" class="ff-img" style="margin-right: 4px;">图例</div>
|
<div id="legend_content">
|
<div class="flexbox align-items margin-top">
|
<div class="rectangle" style="background-color: #0DE707;"></div>
|
<div>0~200 μg/m³</div>
|
</div>
|
<div class="flexbox align-items margin-top">
|
<div class="rectangle" style="background-color: #97BB06;"></div>
|
<div>200~400 μg/m³</div>
|
</div>
|
<div class="flexbox align-items margin-top">
|
<div class="rectangle" style="background-color: #DBB70D;"></div>
|
<div>400~600 μg/m³</div>
|
</div>
|
<div class="flexbox align-items margin-top">
|
<div class="rectangle" style="background-color: #D84210;"></div>
|
<div>600~800 μg/m³</div>
|
</div>
|
<div class="flexbox align-items margin-top">
|
<div class="rectangle" style="background-color: #990D0D;"></div>
|
<div>800~1000 μg/m³</div>
|
</div>
|
<div class="flexbox align-items margin-top">
|
<div class="rectangle" style="background-color: #6B0707;"></div>
|
<div>>=1000 μg/m³</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="ff-triangle">
|
<div class="ff-triangle-border"></div>
|
</div>
|
</div>
|
|
</div>
|
|
<div id="complaint_type" class="map-complaint-type" style="display: none;">
|
<div class="ff-content ff-content-left ff-content-medium">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content">
|
<div><img src="./asset/mipmap/data_chart.png" class="ff-img" style="margin-right: 4px;">信访投诉类型</div>
|
<div class="flexbox-col">
|
<div class="flexbox label-date margin-left-2">
|
<span class="label-date-title">类型</span>
|
<div id="epw_period">
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="checkbox" class="complaint-check" name="complaint_type"
|
id="complaint_type_0" value="1" checked="checked">
|
<label for="complaint_type_0" style="margin: 0px 0px 0px 4px;">臭味</label>
|
</div>
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="checkbox" class="complaint-check" name="complaint_type"
|
id="complaint_type_1" value="2" checked="checked">
|
<label for="complaint_type_1" style="margin: 0px 0px 0px 4px;">刺激性气味</label>
|
</div>
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="checkbox" class="complaint-check" name="complaint_type"
|
id="complaint_type_2" value="3" checked="checked">
|
<label for="complaint_type_2" style="margin: 0px 0px 0px 4px;">粉尘</label>
|
</div>
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="checkbox" class="complaint-check" name="complaint_type"
|
id="complaint_type_3" value="4" checked="checked">
|
<label for="complaint_type_3" style="margin: 0px 0px 0px 4px;">塑料味</label>
|
</div>
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="checkbox" class="complaint-check" name="complaint_type"
|
id="complaint_type_4" value="5" checked="checked">
|
<label for="complaint_type_4" style="margin: 0px 0px 0px 4px;">油漆味</label>
|
</div>
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="checkbox" class="complaint-check" name="complaint_type"
|
id="complaint_type_5" value="6" checked="checked">
|
<label for="complaint_type_5" style="margin: 0px 0px 0px 4px;">其他</label>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="ff-triangle">
|
<div class="ff-triangle-border"></div>
|
</div>
|
</div>
|
|
</div>
|
|
<div id="epw_model" class="map-legend" style="display: none;">
|
<!-- <div class="ff-content ff-content-left ff-content-medium">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content">
|
<div class="factor-title"><img src="./asset/mipmap/data_chart.png" class="ff-img" style="margin-right: 4px;">污染溯源权重分析</div>
|
<div class="flexbox-col">
|
<div class="label-date margin-left-2">
|
<span class="factor-title">日期</span>
|
<input type="date" id="epw_date" class="rectangle">
|
</div>
|
<div class="flexbox label-date margin-left-2">
|
<span class="factor-title">时段</span>
|
<div id="epw_period" class="margin-left-8">
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="radio" class="epw_radio" name="epw-period" id="epw-period_0" value="0" checked="checked">
|
<label for="epw-period_0" style="margin: 0px 0px 0px 4px;">凌晨</label>
|
</div>
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="radio" class="epw_radio" name="epw-period" id="epw-period_1" value="1">
|
<label for="epw-period_1" style="margin: 0px 0px 0px 4px;">早上</label>
|
</div>
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="radio" class="epw_radio" name="epw-period" id="epw-period_2" value="2">
|
<label for="epw-period_2" style="margin: 0px 0px 0px 4px;">上午</label>
|
</div>
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="radio" class="epw_radio" name="epw-period" id="epw-period_3" value="3">
|
<label for="epw-period_3" style="margin: 0px 0px 0px 4px;">中午</label>
|
</div>
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="radio" class="epw_radio" name="epw-period" id="epw-period_4" value="4">
|
<label for="epw-period_4" style="margin: 0px 0px 0px 4px;">下午</label>
|
</div>
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="radio" class="epw_radio" name="epw-period" id="epw-period_5" value="5">
|
<label for="epw-period_5" style="margin: 0px 0px 0px 4px;">傍晚</label>
|
</div>
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="radio" class="epw_radio" name="epw-period" id="epw-period_6" value="6">
|
<label for="epw-period_6" style="margin: 0px 0px 0px 4px;">夜间</label>
|
</div>
|
</div>
|
<span class="factor-title">要素</span>
|
<div id="epw_factor" class="margin-left-8">
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="radio" class="epw_f_radio" name="epw-factor" id="epw-factor_0" value="VOC" checked="checked">
|
<label for="epw-factor_0" style="margin: 0px 0px 0px 4px;">VOC</label>
|
</div>
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="radio" class="epw_f_radio" name="epw-factor" id="epw-factor_1" value="H2S">
|
<label for="epw-factor_1" style="margin: 0px 0px 0px 4px;">H2S</label>
|
</div>
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="radio" class="epw_f_radio" name="epw-factor" id="epw-factor_2" value="NO2">
|
<label for="epw-factor_2" style="margin: 0px 0px 0px 4px;">NO2</label>
|
</div>
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="radio" class="epw_f_radio" name="epw-factor" id="epw-factor_3" value="CO">
|
<label for="epw-factor_3" style="margin: 0px 0px 0px 4px;">CO</label>
|
</div>
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="radio" class="epw_f_radio" name="epw-factor" id="epw-factor_4" value="SO2">
|
<label for="epw-factor_4" style="margin: 0px 0px 0px 4px;">SO2</label>
|
</div>
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="radio" class="epw_f_radio" name="epw-factor" id="epw-factor_5" value="O3">
|
<label for="epw-factor_5" style="margin: 0px 0px 0px 4px;">O3</label>
|
</div>
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="radio" class="epw_f_radio" name="epw-factor" id="epw-factor_6" value="PM25">
|
<label for="epw-factor_6" style="margin: 0px 0px 0px 4px;">PM2.5</label>
|
</div>
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="radio" class="epw_f_radio" name="epw-factor" id="epw-factor_7" value="PM10">
|
<label for="epw-factor_7" style="margin: 0px 0px 0px 4px;">PM10</label>
|
</div>
|
</div>
|
</div>
|
<div>
|
<div class="factor-title">图例</div>
|
<div class="flexbox flex-space-between margin-right-8">
|
<div>
|
<img src="./asset//mipmap/c_level_no.png" alt="" style="width: 16px;height: 16px;">
|
<span>无评价结果</span>
|
</div>
|
<div>
|
<img src="./asset//mipmap/c_level_0.png" alt="" style="width: 16px;height: 16px;">
|
<span>低风险</span>
|
</div>
|
</div>
|
<div class="flexbox flex-space-between margin-right-8">
|
<div>
|
<img src="./asset//mipmap/c_level_1.png" alt="" style="width: 16px;height: 16px;">
|
<span>中风险</span>
|
</div>
|
<div>
|
<img src="./asset//mipmap/c_level_2.png" alt="" style="width: 16px;height: 16px;">
|
<span>高风险</span>
|
</div>
|
</div>
|
</div>
|
<div class="map-btn-group">
|
<div class="btn-search" id="btn_search_epw">查询</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="ff-triangle">
|
<div class="ff-triangle-border"></div>
|
</div>
|
</div> -->
|
|
<!-- 网格风险权重分析 -->
|
<div class="ff-content ff-content-left ff-content-medium">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content">
|
<div class="factor-title"><img src="./asset/mipmap/data_chart.png" class="ff-img"
|
style="margin-right: 4px;">污染溯源权重分析</div>
|
<div class="flexbox-col">
|
<div class="label-date margin-left-2">
|
<span class="factor-title">设备编号</span>
|
<select class="input-date margin-left-8" id="epw_device_code">
|
</select>
|
</div>
|
<div class="label-date margin-left-2">
|
<span class="factor-title">起止时间</span>
|
<a id="epw_date_2" class="nav-link">
|
<span id="epw_starttime_text" class="rectangle">2018-08-24 00:01:07</span>
|
<span>~</span>
|
<span id="epw_endtime_text" class="rectangle">2018-08-25 00:01:07</span>
|
<span class="float-right"><i class="right fa fa-angle-down"></i></span>
|
</a>
|
</div>
|
<div class="flexbox label-date margin-left-2">
|
<span class="factor-title">要素</span>
|
<div id="epw_factor_2" class=" flexbox margin-left-8">
|
<div class="flexbox-col">
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="radio" class="epw_f_radio_2" name="epw-factor" id="epw-factor-2_0"
|
value="VOC" checked="checked">
|
<label for="epw-factor-2_0" style="margin: 0px 0px 0px 4px;">VOC</label>
|
</div>
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="radio" class="epw_f_radio_2" name="epw-factor" id="epw-factor-2_1"
|
value="H2S">
|
<label for="epw-factor-2_1" style="margin: 0px 0px 0px 4px;">H2S</label>
|
</div>
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="radio" class="epw_f_radio_2" name="epw-factor" id="epw-factor-2_2"
|
value="NO2">
|
<label for="epw-factor-2_2" style="margin: 0px 0px 0px 4px;">NO2</label>
|
</div>
|
</div>
|
<div class="flexbox-col">
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="radio" class="epw_f_radio_2" name="epw-factor" id="epw-factor-2_3"
|
value="CO">
|
<label for="epw-factor-2_3" style="margin: 0px 0px 0px 4px;">CO</label>
|
</div>
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="radio" class="epw_f_radio_2" name="epw-factor" id="epw-factor-2_4"
|
value="SO2">
|
<label for="epw-factor-2_4" style="margin: 0px 0px 0px 4px;">SO2</label>
|
</div>
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="radio" class="epw_f_radio_2" name="epw-factor" id="epw-factor-2_5"
|
value="O3">
|
<label for="epw-factor-2_5" style="margin: 0px 0px 0px 4px;">O3</label>
|
</div>
|
</div>
|
<div class="flexbox-col">
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="radio" class="epw_f_radio_2" name="epw-factor" id="epw-factor-2_6"
|
value="PM25">
|
<label for="epw-factor-2_6" style="margin: 0px 0px 0px 4px;">PM2.5</label>
|
</div>
|
<div style="padding-right: 0.5rem; display: flex; align-items: center;">
|
<input type="radio" class="epw_f_radio_2" name="epw-factor" id="epw-factor-2_7"
|
value="PM10">
|
<label for="epw-factor-2_7" style="margin: 0px 0px 0px 4px;">PM10</label>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div>
|
<div class="factor-title">图例</div>
|
<div class="flexbox margin-right-8">
|
<div class="flexbox align-items">
|
<div class="rectangle" style="background-color: #0DE707;"></div>
|
<span>低风险</span>
|
</div>
|
<div class="flexbox align-items margin-left-8">
|
<div class="rectangle" style="background-color: #DBB70D;"></div>
|
<span>中风险</span>
|
</div>
|
<div class="flexbox align-items margin-left-8">
|
<div class="rectangle" style="background-color: #990D0D;"></div>
|
<span>高风险</span>
|
</div>
|
</div>
|
</div>
|
<div class="flexbox flex-space-between">
|
<div class="map-btn-group">
|
<div class="btn-search" id="btn_search_epw_2">分析</div>
|
<div class="btn-search margin-left-8" id="btn_clear_epw_2">清空</div>
|
</div>
|
<div>
|
<div>
|
<input type="checkbox" id="epw_transparent_grid">
|
<label for="epw_transparent_grid">透明网格</label>
|
</div>
|
<div>
|
<input type="checkbox" id="epw_text">
|
<label for="epw_text">数据显示</label>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="ff-triangle">
|
<div class="ff-triangle-border"></div>
|
</div>
|
</div>
|
</div>
|
|
<!-- 用电量日分析 -->
|
<div id="elec_model" class="map-legend" style="display: none;">
|
<div class="ff-content ff-content-left ff-content-medium">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content">
|
<div class="factor-title"><img src="./asset/mipmap/data_chart.png" class="ff-img"
|
style="margin-right: 4px;">用电量日分析</div>
|
<div class="flexbox-col">
|
<div class="label-date margin-left-2">
|
<span class="factor-title">企业</span>
|
<select class="input-date margin-left-8" id="elec_company">
|
</select>
|
</div>
|
<div class="label-date margin-left-2 flexbox">
|
<span class="factor-title">起止时间</span>
|
<a id="elec_date" class="nav-link">
|
<span id="elec_starttime_text" class="rectangle">2018-08-24 00:01:07</span>
|
<span>~</span>
|
<span id="elec_endtime_text" class="rectangle">2018-08-25 00:01:07</span>
|
<span class="float-right"><i class="right fa fa-angle-down"></i></span>
|
</a>
|
</div>
|
<div class="map-btn-group">
|
<div class="btn-search" id="btn_search_elec">分析</div>
|
</div>
|
<div id="analysis_result"></div>
|
</div>
|
</div>
|
</div>
|
<div class="ff-triangle">
|
<div class="ff-triangle-border"></div>
|
</div>
|
</div>
|
</div>
|
|
<div id="historybox" class="map-history">
|
<div class="flexbox align-items-start">
|
<div class="flexbox-col ff-toggle-block" style="display: none;">
|
<div class="ff-content ff-content-top-left ff-content-small-borderless-t">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content">
|
<div id='history_chart_factorbox' class="factorbox"></div>
|
</div>
|
</div>
|
</div>
|
|
<div class="ff-content ff-content-left ff-content-medium">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content">
|
<div class="flexbox">
|
<!-- <button style="background-color: transparent;"><img src="./asset/mipmap/shrink_left.png" class="ff-img"></button> -->
|
<div id="chart"></div>
|
<!-- <button style="background-color: transparent;"><img src="./asset/mipmap/shrink_right.png" class="ff-img"></button> -->
|
<div id="electrcity_status_box" style='display: none;'>
|
<input type="checkbox" id="electrcity_status">
|
<label for="electrcity_status">状态切换</label>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="ff-footer flexbox flex-center ">
|
<!-- 单页数据量-->
|
<div class="label-date">
|
<span class="label-date-title time">数据量</span>
|
<select id="select_page_size" class="input-date margin-left-2">
|
<!-- <option value="50">50</option>
|
<option value="100">100</option> -->
|
<option value="200">200</option>
|
<option value="500">500</option>
|
</select>
|
</div>
|
<div id="sliderParent" class="margin-left"></div>
|
</div>
|
<div class="ff-triangle">
|
<div class="ff-triangle-border"></div>
|
</div>
|
</div>
|
</div>
|
|
<div class="ff-toggle-btn-right ff-toggle-btn ff-btn-medium">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content flexbox-col">
|
<img src="./asset/mipmap/shrink_left.png" class="ff-img">
|
监<br>测<br>要<br>素<br>趋<br>势<br>分<br>析
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div id="history_table_box" class="map-history-table" style="display: none;pointer-events: none;">
|
<div class="flexbox-col flex-space-between align-items-end" style="pointer-events: auto;">
|
<div class="ff-toggle-btn-left ff-toggle-btn ff-btn-medium" id="btn_history_table" style="width: fit-content;">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content flexbox-col">
|
<img src="./asset/mipmap/shrink_right.png" class="ff-img">
|
<span id="table_title"> 走<br>航<br>数<br>据<br>详<br>情</span>
|
</div>
|
</div>
|
</div>
|
|
<!-- <div class="flexbox"> -->
|
<!-- <div class="ff-toggle-btn-left ff-toggle-btn ff-btn-medium" id="btn_data_summary" style="width: fit-content;">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content flexbox-col">
|
<img src="./asset/mipmap/shrink_right.png" class="ff-img">
|
<span id="table_title"> 数<br>据<br>统<br>计</span>
|
</div>
|
</div>
|
</div -->
|
<div id="history_table_summary_wrap" class="ff-content ff-content-top-left ff-content-small-borderless-r" style="display: none;">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content">
|
数据统计
|
<div id="history_table_summary"></div>
|
</div>
|
</div>
|
</div>
|
<!-- </div> -->
|
</div>
|
|
<div class="flexbox align-items-end ff-toggle-block" style="display: none;pointer-events: auto;">
|
|
<div class="ff-content ff-content-right ff-content-medium">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<!-- <div>历史浓度数据</div> -->
|
<div class="ff-border-content">
|
<table id="history_table" class="border-table scrollbar"></table>
|
<div class="my-page"></div>
|
</div>
|
</div>
|
|
<div class="ff-footer flexbox flex-end align-items">
|
<!-- 总数据量-->
|
<div id="table_data_count" class="text-nowrap">数据量</div>
|
</div>
|
|
<div class="ff-triangle">
|
<div class="ff-triangle-border"></div>
|
</div>
|
</div>
|
|
<div class="flexbox-col flex-space-between">
|
<!-- <div class="ff-content ff-content-top-right ff-content-small-borderless-r">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content">
|
均值计算
|
</div>
|
</div>
|
</div> -->
|
<div class="ff-content ff-content-left ff-content-small-borderless-r">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div></div>
|
<div id="history_table_factorbox" class="flexbox-col ff-border-content"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<!-- 任务管理 -->
|
<div id="task_manage" class="map-task" style="display: none;">
|
<div class="flexbox align-items-start" style="margin: auto;">
|
<div class="flexbox-col">
|
|
<div class="ff-content ff-content-top-left ff-content-small-borderless-t">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content">
|
<i class="fa fa-list" aria-hidden="true"></i>
|
走航任务管理
|
</div>
|
</div>
|
</div>
|
|
<div class="ff-content ff-content-left ff-content-medium">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content">
|
<div class="flexbox align-items-start">
|
<table id="task_table" class="easy-table scrollbar" style="max-height: 60vh;"></table>
|
<div class="map-btn-group flexbox-col margin-left-8">
|
<input type="button" value="新建任务" id="btn_new_task" class="btn-search">
|
<input type="button" value="数据导入" id="btn_import" class="btn-search margin-top">
|
<input type="button" value="下载模板" id="btn_download" class="btn-search margin-top">
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="ff-footer flexbox flex-center ">
|
|
</div>
|
<div class="ff-triangle">
|
<div class="ff-triangle-border"></div>
|
</div>
|
</div>
|
</div>
|
|
<div class="ff-content ff-content-left ff-content-small-borderless-r">
|
<div class="ff-border-bottom"></div>
|
<div id="btn_task_close" class="ff-border-top btn-search">
|
<div class="ff-border-content">
|
<i class="fa fa-times" aria-hidden="true" style="height: 22px;"></i>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div id="task_create" class="map-task" style="display: none;">
|
<div class="flexbox align-items-start" style="margin: auto;">
|
<div class="flexbox-col">
|
|
<div class="ff-content ff-content-top-left ff-content-small-borderless-t">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content">
|
<i class="fa fa-plus-square-o" aria-hidden="true"></i>
|
新建走航任务
|
</div>
|
</div>
|
</div>
|
|
<div class="ff-content ff-content-left ff-content-medium">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content">
|
<form name='new_task_form' action="" class="flexbox-col align-items">
|
<table class="text-table">
|
<tr>
|
<td>任务编号</td>
|
<td><input type="text" class="rectangle" id="taskcode"></td>
|
</tr>
|
<tr>
|
<td>设备类型</td>
|
<td>
|
<!-- <input type="text" class="rectangle" id="devicetype"> -->
|
<select class="rectangle" id="devicetype">
|
<option value="0a">车载</option>
|
<!-- <option value="0b">无人机</option>
|
<option value="0c">无人船</option> -->
|
</select>
|
</td>
|
</tr>
|
<tr>
|
<td>设备编号</td>
|
<td><input type="text" class="rectangle" id="deviceCode" value="0a0000000001">
|
</td>
|
</tr>
|
<tr>
|
<td>起止时间</td>
|
<td>
|
<div id="task_starttime_text" class="rectangle">2018-08-24 00:01:07</div>
|
</td>
|
</tr>
|
<tr>
|
<td></td>
|
<td>
|
<div id="task_endtime_text" class="rectangle margin-top">2018-08-25 00:01:07
|
</div>
|
</td>
|
</tr>
|
</table>
|
<div class="flexbox align-items map-btn-group margin-top">
|
<input type="button" value="确认" id="btn_task_create" class="btn-search">
|
<input type="reset" value="取消" id="btn_task_create_close"
|
class="btn-search margin-left-8">
|
</div>
|
</form>
|
</div>
|
</div>
|
<div class="ff-footer flexbox flex-center ">
|
|
</div>
|
<div class="ff-triangle">
|
<div class="ff-triangle-border"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div id="task_import" class="map-task" style="display: none;">
|
<div class="flexbox align-items-start" style="margin: auto;">
|
<div class="flexbox-col">
|
|
<div class="ff-content ff-content-top-left ff-content-small-borderless-t">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content">
|
<i class="fa fa-plus-square-o" aria-hidden="true"></i>
|
走航数据导入
|
</div>
|
</div>
|
</div>
|
|
<div class="ff-content ff-content-left ff-content-medium">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content">
|
<form name='new_task_form' action="" class="flexbox-col align-items">
|
<div class="label-date margin-left-2">
|
<span class="label-date-title">设备号</span>
|
<select class="input-date margin-left-8" id="import_device_code">
|
<option value="0a0000000001">0a0000000001</option>
|
<option value="0a0000000002">0a0000000002</option>
|
<option value="0a0000000003">0a0000000003</option>
|
</select>
|
</div>
|
<div class="flexbox-col align-items">
|
<input type="file" class="btn-search" id="file_path" accept=".xlsx">
|
<div id="file_import_loading" class="margin-top">
|
<i class="fa fa-file-excel-o fa-5x" aria-hidden="true"></i>
|
</div>
|
</div>
|
<div class="flexbox align-items map-btn-group margin-top">
|
<input type="button" value="导入" id="btn_task_import" class="btn-search">
|
<input type="reset" value="取消" id="btn_task_import_close"
|
class="btn-search margin-left-8">
|
</div>
|
</form>
|
</div>
|
</div>
|
<div class="ff-footer flexbox flex-center ">
|
|
</div>
|
<div class="ff-triangle">
|
<div class="ff-triangle-border"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div id="dialog_check" class="map-task" style="display: none;">
|
<div class="flexbox align-items-start" style="margin: auto;">
|
<div class="flexbox-col">
|
|
<div class="ff-content ff-content-top-left ff-content-small-borderless-t">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content">
|
<i class="fa fa-plus-square-o" aria-hidden="true"></i>
|
删除任务确认
|
</div>
|
</div>
|
</div>
|
|
<div class="ff-content ff-content-left ff-content-medium">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content">
|
<form action="" class="flexbox-col align-items">
|
<div class="flexbox-col align-items">
|
<span>是否删除任务</span>
|
</div>
|
<div class="flexbox align-items map-btn-group margin-top">
|
<input type="button" value="确认" id="btn_task_delete" class="btn-search">
|
<input type="reset" value="取消" id="btn_task_delete_close"
|
class="btn-search margin-left-8">
|
</div>
|
</form>
|
</div>
|
</div>
|
<div class="ff-footer flexbox flex-center ">
|
|
</div>
|
<div class="ff-triangle">
|
<div class="ff-triangle-border"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div id="mode_change" class="map-mode-change flexbox flex-space-between" style="visibility: visible;">
|
<a id="btn_history" class="mode-btn btn-selected">
|
<div>污染溯源</div>
|
</a>
|
<a id="btn_realtime" class="mode-btn btn-unselected margin-left-8">
|
<div>走航监测</div>
|
</a>
|
<!-- <div class="flexbox-col">
|
<a id="btn_more" class="btn-unselected margin-left-8">
|
<div id="mode_selected">其他模式</div>
|
</a>
|
<div id="mode_others" class="flexbox-col" style="display:none;position:absolute;margin-top: 40px;">
|
<a id="btn_gridmonitor" class="mode-btn mode-btn-other btn-unselected margin-left-8">
|
<div>网格化监测</div>
|
</a>
|
<a id="btn_electricity" class="mode-btn mode-btn-other btn-unselected margin-left-8">
|
<div>用电量监测</div>
|
</a>
|
<a id="btn_weight" class="mode-btn mode-btn-other btn-unselected margin-left-8">
|
<div>风险模型</div>
|
</a>
|
</div>
|
</div> -->
|
</div>
|
</div>
|
|
<div id="loading" class="loading" style="display: none;">
|
<i id="loading_1" class="fa fa-spinner fa-spin fa-3x loading-pic"></i>
|
<div id="loading_2">
|
<div class="ff-content ff-content-left ff-content-medium">
|
<div class="ff-border-bottom"></div>
|
<div class="ff-border-top">
|
<div class="ff-border-content flexbox flex-space-between align-items">
|
<i class="fa fa-spinner fa-spin loading-pic"></i>后台数据计算中...
|
</div>
|
</div>
|
<div class="ff-triangle">
|
<div class="ff-triangle-border"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<script type="text/javascript"
|
src="https://webapi.amap.com/maps?v=1.4.5&key=c55f27799afbfa69dc5a3fad90cafe51&plugin=Map3D,ElasticMarker,AMap.ControlBar"></script>
|
<script src="./lib/jquery-3.5.1.min.js"></script>
|
<!-- <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/js/bootstrap.bundle.min.js" integrity="sha384-/mhDoLbDldZc3qpsJHpLogda//BVZbgYuw6kof4u2FrCedxOtgRZDTHgHUhOCVim" crossorigin="anonymous"></script> -->
|
<script src="./lib/plugin/bootstrap/js/popper.min.js"></script>
|
<script src="./lib/plugin/bootstrap/js/bootstrap.min.js"></script>
|
<!-- <script src="https://unpkg.com/@popperjs/core@2"></script> -->
|
|
<script src="./lib/base64.js"></script>
|
|
<script src="./lib/plugin/daterangepicker/2.1.19/moment.js"></script>
|
<script src="./lib/plugin/daterangepicker/2.1.19/daterangepicker.js"></script>
|
|
<script src="lib/echarts.min.js"></script>
|
<script src="lib/echarts-gl.min.js"></script>
|
|
<script src="./lib/scene.js"></script>
|
<script src="./lib/select.js"></script>
|
<script src="./lib/datepickerutil.js"></script>
|
<script src="./componet/chartutil.js?v=2"></script>
|
<script src="./lib/util.js?v=12"></script>
|
<script src="./componet/myPage.js"></script>
|
<script src="./lib/tableutil.js?v=11"></script>
|
<script src="./componet/table.js?v=3"></script>
|
<script src="./componet/checkbox.js?v=3"></script>
|
<script src="./lib/multiselect.js"></script>
|
<script src="./lib/jackwei.slider.js?v=2"></script>
|
<script src="./debugdata.js?v=2"></script>
|
<script src="./lib/map.js?v=32"></script>
|
<script src="./util/frame.animation.js?v=6"></script>
|
<script src="./lib/navigate.js"></script>
|
<script src="./electrcity.analyze.js?v=7"></script>
|
<script src="./util/color.exchange.js?v=1"></script>
|
|
<script src="./lib/dialog.js"></script>
|
<script src="./map.util.js?v=9"></script>
|
<script src="./httpservice.js?v=12"></script>
|
<script src="./dataprocesser.js?v=12"></script>
|
<script src="./entity/Legend.js?v=9"></script>
|
<script src="./entity/Factor.js?v=9"></script>
|
<script src="./entity/FactorDatas.js?v=7"></script>
|
<script src="./util/grid.analysis.js?v=1"></script>
|
<script src="./util/data.summary.js"></script>
|
<script src="./grid.monitor.js?v=14"></script>
|
<script src="./realtime.mode.js?v=34"></script>
|
<script src="./history.mode.js?v=19"></script>
|
<script src="./task.manage.js?v=3"></script>
|
<script src="./company.layer.js?v=3"></script>
|
<script src="./complaint.layer.js?v=4"></script>
|
<script src="./complaint.layer2.js?v=2"></script>
|
<script src="./electrcity.mode.js?v=12"></script>
|
<script src="./underway.js?v=23"></script>
|
<script src="./test.js"></script>
|
<!-- <script type="text/javascript" src="./asset/data/data.json?callback=debugJson"></script> -->
|
</body>
|
|
</html>
|
