移动新ui
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

222 lines
11 KiB

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>旅游团队监测系统-出境游分析</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--样式 -->
<link rel="stylesheet" type="text/css" href="https://cjycyjc.mimk.cn/theme/v2/resourceNew/css/newcjy_style.css">
<link rel="stylesheet" type="text/css" href="css/layout.css">
</head>
<body class="old_page">
<div class="xingk_nr" style="background:url(cyjc_nrbj1.jpg)"></div>
<div class="header_top_b">
<p class="header_xtbt" id="sysName">旅游投诉分析系统</p>
<div class="header_right">
<div class="header_yongh">
<div class="yongh_tx"></div>
<div class="yongh_xx">
<p class="yh_mc">你好,河北省文化和旅游厅</p>
<a href="javascript:userCore();" class="beader_yhzx">用户中心</a> </div>
</div>
<div class="header_rlsj">
<p class="header_riqi"><span id="now_date">06月28日</span><span id="week">周日</span></p>
<p class="header_shijian">13:03:58</p>
</div>
<a href="javascript:gotoIndex();" class="beader_bttn" title="首页"><span class=" beader_bttn_home"></span></a> <a href="javascript:loginOut();" class="beader_bttn" title="退出账号"><span class=" beader_bttn_tc"></span></a> </div>
<div class="hd_top_btn" id="geography_map" style="display: none"> <a href="javascript:setSatellite()" class="on">卫星地图</a> <a href="javascript:hideSatellite()">数字地图</a> </div>
</div>
<div class="old_pg_wrap" style="margin-top:0px;">
<!-- flex-1 begin -->
<div class="flex-1" style="float:left;width:480px;height:96%;position: relative;">
<!-- gird_box_zsy begin -->
<div class="gird_box_zsy"> <span class="zuos_jiao"></span> <span class="yous_jiao"></span>
<div class="gird_title"><span>景区饱和度</span></div>
<div class="gird_content" style=" height:240px;">
<div class="scenic-saturation">
<div> <img src="images/bj.png"> <span>
<p class="warn-level-1" id="warning">0</p>
<p>报警</p>
</span> </div>
<div><img src="images/yj.png"> <span>
<p class="warn-level-2" id="crowd">0</p>
<p>拥挤</p>
</span> </div>
<div><img src="images/sz.png"> <span>
<p class="warn-level-3" id="moderate">0</p>
<p>适中</p>
</span> </div>
<div><img src="images/ss.png"> <span>
<p class="warn-level-4" id="comfortable">26</p>
<p>舒适</p>
</span> </div>
</div>
<ul class="scenic-top-ul" style="overflow-x: hidden;width: 100%;">
<li class="list-li">
<div class="list-info">
<div class="list-info-top"> <span class="list-info-top-text-comfortable">哈尔滨东北虎林园</span> <span class="list-info-top-num">762</span> </div>
<div class="list-info-bottom">
<div class="list-info-bottom-line" style="width: 10.6573%;"></div>
</div>
</div>
</li>
<li class="list-li">
<div class="list-info">
<div class="list-info-top"> <span class="list-info-top-text-comfortable">扎龙自然保护区</span> <span class="list-info-top-num">367</span> </div>
<div class="list-info-bottom">
<div class="list-info-bottom-line" style="width: 7.34%;"></div>
</div>
</div>
</li>
<li class="list-li">
<div class="list-info">
<div class="list-info-top"> <span class="list-info-top-text-comfortable">北方森林动物园</span> <span class="list-info-top-num">704</span> </div>
<div class="list-info-bottom">
<div class="list-info-bottom-line" style="width: 6.4%;"></div>
</div>
</div>
</li>
<li class="list-li">
<div class="list-info">
<div class="list-info-top"> <span class="list-info-top-text-comfortable">河口湿地公园</span> <span class="list-info-top-num">790</span> </div>
<div class="list-info-bottom">
<div class="list-info-bottom-line" style="width: 5.34398%;"></div>
</div>
</div>
</li>
<li class="list-li">
<div class="list-info">
<div class="list-info-top"> <span class="list-info-top-text-comfortable">哈尔滨伏尔加庄园</span> <span class="list-info-top-num">357</span> </div>
<div class="list-info-bottom">
<div class="list-info-bottom-line" style="width: 3.91104%;"></div>
</div>
</div>
</li>
<li class="list-li">
<div class="list-info">
<div class="list-info-top"> <span class="list-info-top-text-comfortable">太阳岛风景区</span> <span class="list-info-top-num">772</span> </div>
<div class="list-info-bottom">
<div class="list-info-bottom-line" style="width: 1.12701%;"></div>
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- gird_box_zsy end -->
<!-- gird_box_zsy begin -->
<div class="gird_box_zsy"> <span class="zuos_jiao"></span> <span class="yous_jiao"></span>
<div class="gird_title"><span>道路状况</span></div>
<div class="gird_content" style="height:300px;">
<div class="road-warn">
<div class="road-yj">
<p class="road-num" id="roadWarn">3</p>
<p>预警路段</p>
</div>
<div class="road-zong">
<p class="road-num" id="roadRate">0.0%</p>
<p>总检测路段</p>
</div>
</div>
<ul class="road-list">
<li>友谊路:轻微拥堵;西向东,河鼓街附近严重拥堵;北向南,从工程街到松花江公路大桥严重拥堵。 所属景区:null</li>
<li>汉水路:自东向西轻微拥堵;自西向东畅通;东向西,从路路通到红旗大街严重拥堵。 所属景区:哈尔滨龙塔旅游景区</li>
<li>松花江公路大桥:轻微拥堵;北向东,松花江公路大桥严重拥堵;西向东,松花江公路大桥行驶缓慢。 所属景区:null</li>
</ul>
</div>
</div>
<!-- gird_box_zsy end -->
</div>
<!-- flex-1 end -->
<!-- flex-1 begin -->
<div class="flex-1" style="float:right;width:450px;height:96%;position: relative;top:1%;z-index: 2;">
<!-- gird_box_zsy begin -->
<div class="gird_box_zsy"> <span class="zuos_jiao"></span> <span class="yous_jiao"></span>
<div class="gird_title"><span>气象预警</span></div>
<div class="gird_content" style="height:240px;">
<div class="weather-box">
<div> <span>蓝色预警</span>
<p id="blue">0条</p>
</div>
<div> <span>黄色预警</span>
<p id="yellow">30条</p>
</div>
<div> <span>橙色预警</span>
<p id="orange">3条</p>
</div>
<div> <span>红色预警</span>
<p id="red">0条</p>
</div>
</div>
<div class="weather-list-box">
<ul class="weather-list-ul">
<li><span class="weather-level weather-level-1"></span> <span class="weather-text" style="color:#CDA216">黑龙江省东宁县发布雷电黄色预警</span> <span class="weather-time" style="color:#CDA216">2020-06-29 13:42:00</span></li>
<li><span class="weather-level weather-level-1"></span> <span class="weather-text" style="color:#CDA216">黑龙江省海林市发布雷电黄色预警</span> <span class="weather-time" style="color:#CDA216">2020-06-29 13:30:00</span></li>
<li><span class="weather-level weather-level-1"></span> <span class="weather-text" style="color:#CDA216">黑龙江省宁安市发布雷电黄色预警</span> <span class="weather-time" style="color:#CDA216">2020-06-29 12:50:00</span></li>
<li><span class="weather-level weather-level-1"></span> <span class="weather-text" style="color:#CDA216">黑龙江省鸡西市发布雷电黄色预警</span> <span class="weather-time" style="color:#CDA216">2020-06-29 12:30:00</span></li>
<li><span class="weather-level weather-level-1"></span> <span class="weather-text" style="color:#CDA216">黑龙江省穆棱市发布雷电黄色预警</span> <span class="weather-time" style="color:#CDA216">2020-06-29 12:21:00</span></li>
<li><span class="weather-level weather-level-1"></span> <span class="weather-text" style="color:#CDA216">黑龙江省林口县发布雷电黄色预警</span> <span class="weather-time" style="color:#CDA216">2020-06-29 12:13:00</span></li>
<li><span class="weather-level weather-level-1"></span> <span class="weather-text" style="color:#CDA216">黑龙江省牡丹江市发布雷电黄色预警</span> <span class="weather-time" style="color:#CDA216">2020-06-29 12:01:00</span></li>
<li><span class="weather-level weather-level-1"></span> <span class="weather-text" style="color:#D77412">黑龙江省嫩江县发布冰雹橙色预警</span> <span class="weather-time" style="color:#D77412">2020-06-28 15:15:00</span></li>
</ul>
</div>
</div>
</div>
<!-- gird_box_zsy end -->
<!-- gird_box_zsy begin -->
<div class="gird_box_zsy"> <span class="zuos_jiao"></span> <span class="yous_jiao"></span>
<div class="gird_title"><span>团队预警</span></div>
<div class="gird_content" style="height:240px;">
<ul class="team-list-ul">
<li>
<p class="team-top"><img src="images/yujing.png" alt=""> <span class="color-blue">本地区暂无团队预警信息</span></p>
<p class="team-text">本地区暂无团队预警信息</p>
</li>
</ul>
</div>
</div>
<!-- gird_box_zsy end -->
<!-- gird_box_zsy begin -->
<div class="gird_box_zsy"> <span class="zuos_jiao"></span> <span class="yous_jiao"></span>
<div class="gird_title"><span>投诉预警</span></div>
<div class="gird_content" style="height:240px;overflow-x: hidden;width: 100%;">
<div class="road-warn">
<div class="road-yj">
<p class="road-num" id="unDeal">1</p>
<p>未处理</p>
</div>
<div class="road-zong">
<p class="road-num" id="acceptRate">92.7%</p>
<p>受理率</p>
</div>
</div>
<table class="complaint-table">
<thead>
<tr>
<th>投诉对象</th>
<th>区域</th>
<th>投诉渠道</th>
<th>投诉时间</th>
</tr>
</thead>
<tbody>
<tr>
<td class="short">帽儿山风景区</td>
<td>哈尔滨</td>
<td>12301</td>
<td class="short">2016-08-31</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- gird_box_zsy end -->
</div>
<!-- flex-l end -->
</div>
</body>
</html>