zhangjiakou
/
hb-cyjc-zhangjiakou
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
张家口产业监测
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.
3 Commits
1 Branch
0 Tags
236 MiB
 
 
 
 
Tag: Branch: Tree: main
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'main'
${ noResults }
hb-cyjc-zhangjiakou/WebRoot/hbcyjc/tour_group/internal_reception_monitor.jsp

248 lines
12 KiB
Raw Permalink Blame History

<%@ page language="java" contentType="text/html;charset=UTF-8"
pageEncoding="UTF-8" %>
<%@ taglib uri="http://tags.clayton.io/blacklayout" prefix="bl" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<bl:set var="title" value="国内接待监控"/>
<bl:set var='sys_name' value='团队运行监测系统-国内接待监控'/>
<%--<bl:set var='menu_id' value='010507'/>--%>
<bl:set var="hide_location" value="true"/>
<bl:extends page="/common/layout/secondaryMenuLayout.jsp"/>
<bl:block name="style">
<link rel="stylesheet" href="${ctx}/hbcyjc/tour_group/css/layout.css"/>
<style>
.old_pg_wrap {
margin-top: 0 !important;
}
</style>
</bl:block>
<bl:block name="main-secondary">
<div class="old_pg_wrap wlp_sm_1 wlpjfxxt">
<div class="origin_top" style="height: 170px"><span class="zuos_jiao"></span><span class="yous_jiao"></span>
<h3 style="color:#fff;margin-left:20px;margin-top:10px;display: inline-block;">当前境外游客 :</h3>
<span class="team-num">0团</span> <span class="scroll-number-cont" id="2016_tuan"> <span
class="scroll-single-number"><span class="scroll-line"></span>
<ul class="scroll-num-list">
<li class="scroll-num-value" style="height: 70px;">0</li>
<li class="scroll-num-value" style="height: 70px;">1</li>
<li class="scroll-num-value" style="height: 70px;">2</li>
<li class="scroll-num-value" style="height: 70px;">3</li>
<li class="scroll-num-value" style="height: 70px;">4</li>
<li class="scroll-num-value" style="height: 70px;">5</li>
<li class="scroll-num-value" style="height: 70px;">6</li>
<li class="scroll-num-value" style="height: 70px;">7</li>
<li class="scroll-num-value" style="height: 70px;">8</li>
<li class="scroll-num-value" style="height: 70px;">9</li>
<li class="scroll-num-value" style="height: 70px;">.</li>
</ul>
</span><span class="scroll-single-number"><span class="scroll-line"></span>
<ul class="scroll-num-list">
<li class="scroll-num-value" style="height: 70px;">0</li>
<li class="scroll-num-value" style="height: 70px;">1</li>
<li class="scroll-num-value" style="height: 70px;">2</li>
<li class="scroll-num-value" style="height: 70px;">3</li>
<li class="scroll-num-value" style="height: 70px;">4</li>
<li class="scroll-num-value" style="height: 70px;">5</li>
<li class="scroll-num-value" style="height: 70px;">6</li>
<li class="scroll-num-value" style="height: 70px;">7</li>
<li class="scroll-num-value" style="height: 70px;">8</li>
<li class="scroll-num-value" style="height: 70px;">9</li>
<li class="scroll-num-value" style="height: 70px;">.</li>
</ul>
</span><span class="scroll-single-number"><span class="scroll-line"></span>
<ul class="scroll-num-list">
<li class="scroll-num-value" style="height: 70px;">0</li>
<li class="scroll-num-value" style="height: 70px;">1</li>
<li class="scroll-num-value" style="height: 70px;">2</li>
<li class="scroll-num-value" style="height: 70px;">3</li>
<li class="scroll-num-value" style="height: 70px;">4</li>
<li class="scroll-num-value" style="height: 70px;">5</li>
<li class="scroll-num-value" style="height: 70px;">6</li>
<li class="scroll-num-value" style="height: 70px;">7</li>
<li class="scroll-num-value" style="height: 70px;">8</li>
<li class="scroll-num-value" style="height: 70px;">9</li>
<li class="scroll-num-value" style="height: 70px;">.</li>
</ul>
</span><span class="scroll-single-number"><span class="scroll-line"></span>
<ul class="scroll-num-list">
<li class="scroll-num-value" style="height: 70px;">0</li>
<li class="scroll-num-value" style="height: 70px;">1</li>
<li class="scroll-num-value" style="height: 70px;">2</li>
<li class="scroll-num-value" style="height: 70px;">3</li>
<li class="scroll-num-value" style="height: 70px;">4</li>
<li class="scroll-num-value" style="height: 70px;">5</li>
<li class="scroll-num-value" style="height: 70px;">6</li>
<li class="scroll-num-value" style="height: 70px;">7</li>
<li class="scroll-num-value" style="height: 70px;">8</li>
<li class="scroll-num-value" style="height: 70px;">9</li>
<li class="scroll-num-value" style="height: 70px;">.</li>
</ul>
</span><span class="scroll-single-number"><span class="scroll-line"></span>
<ul class="scroll-num-list">
<li class="scroll-num-value" style="height: 70px;">0</li>
<li class="scroll-num-value" style="height: 70px;">1</li>
<li class="scroll-num-value" style="height: 70px;">2</li>
<li class="scroll-num-value" style="height: 70px;">3</li>
<li class="scroll-num-value" style="height: 70px;">4</li>
<li class="scroll-num-value" style="height: 70px;">5</li>
<li class="scroll-num-value" style="height: 70px;">6</li>
<li class="scroll-num-value" style="height: 70px;">7</li>
<li class="scroll-num-value" style="height: 70px;">8</li>
<li class="scroll-num-value" style="height: 70px;">9</li>
<li class="scroll-num-value" style="height: 70px;">.</li>
</ul>
</span><span class="scroll-single-number"><span class="scroll-line"></span>
<ul class="scroll-num-list">
<li class="scroll-num-value" style="height: 70px;">0</li>
<li class="scroll-num-value" style="height: 70px;">1</li>
<li class="scroll-num-value" style="height: 70px;">2</li>
<li class="scroll-num-value" style="height: 70px;">3</li>
<li class="scroll-num-value" style="height: 70px;">4</li>
<li class="scroll-num-value" style="height: 70px;">5</li>
<li class="scroll-num-value" style="height: 70px;">6</li>
<li class="scroll-num-value" style="height: 70px;">7</li>
<li class="scroll-num-value" style="height: 70px;">8</li>
<li class="scroll-num-value" style="height: 70px;">9</li>
<li class="scroll-num-value" style="height: 70px;">.</li>
</ul>
</span></span>
<ul class="origin_top_ul">
<li><span style="color:#fff;">今日出境</span><span class="color1">0人</span></li>
<li><span style="color:#fff;">今日回国</span><span class="color1">0人</span></li>
</ul>
</div>
<!-- monitor-box begin -->
<div class="monitor-box monitor-l">
<div class="monitor-tab"><span class="active" data-toggle="tabs" data-target="#tabsOne">团队排行</span><span
data-toggle="tabs" data-target="#tabsTwo">按人数排行</span></div>
<!-- com_box_zsy -->
<div class="com_box_zsy"><span class="zuos_jiao"></span> <span class="yous_jiao"></span>
<div class="u-pane">
<div class="pane-item show" data-tabs="pane" id="tabsOne">
<div class="dl_sub_bt">
<h3><span>旅游游客目的地TOP5</span></h3>
</div>
<div class="evl-list">
<p class="evl-list-th"><span>目的地</span><span>出游团队</span><span>出游人次</span></p>
<ul class="evl-list-td">
<li>
<div><span class="evl_num">1</span><span class="evl_name">河北省</span></div>
<div>2团</div>
<div>35人次</div>
</li>
<li>
<div><span class="evl_num">1</span><span class="evl_name">河北省</span></div>
<div>2团</div>
<div>35人次</div>
</li>
<li>
<div><span class="evl_num">1</span><span class="evl_name">河北省</span></div>
<div>2团</div>
<div>35人次</div>
</li>
<li>
<div><span class="evl_num">1</span><span class="evl_name">河北省</span></div>
<div>2团</div>
<div>35人次</div>
</li>
<li>
<div><span class="evl_num">1</span><span class="evl_name">河北省</span></div>
<div>2团</div>
<div>35人次</div>
</li>
</ul>
</div>
</div>
<div class="pane-item" data-tabs="pane" id="tabsTwo">切换内容2</div>
</div>
</div>
<!-- com_box_zsy end -->
</div>
<!-- monitor-box end -->
<script>
/* ========================================================================
选项卡
* ======================================================================== */
+function ($) {
// 选项卡 函数
function tabsToggle($this, $target) {
$this.addClass("active").siblings().removeClass("active");
$target.addClass("show").siblings().removeClass("show");
}
// 选项卡 函数调用
// ===============
$(document).on('click', '[data-toggle="tabs"]',
function (e) {
var $this = $(this);
var $target = $($this.attr('data-target'));
tabsToggle($this, $target);
})
}(jQuery);
</script>
<div class="monitor-box monitor-r">
<div class="com_box_zsy mgn_r_15"><span class="zuos_jiao"></span> <span class="yous_jiao"></span>
<div class="dl_sub_bt">
<h3><span>逗留时间</span></h3>
</div>
<div class="dl_sub_bt">
<h3><span>性别比例</span></h3>
</div>
<div class="ts_sex">
<div class="pic_sex"><img src="${ctx}/hbcyjc/tour_group/images/sex.png">
<div class="txt_sex">
<h3>女性<span id="nvxing">31.66</span></h3>
<h4><span id="nanxing">66.06</span>男性</h4>
</div>
<div class="sex_wp">
<div class="female_bfb" style="width: 31.66%;"></div>
</div>
</div>
</div>
<div class="dl_sub_bt">
<h3><span>年龄比例</span></h3>
</div>
<div class="age_fb proRotate">
<ul class="com_mnjd" id="kllage">
<li class="age_cd"><h3><span>01</span>少年（1-18岁）</h3><span class="jd_degnum">3.75%</span>
<p class="mnjd_bg"><span class="wd_num" style="width:undefined%"></span></p></li>
<li class="age_yg"><h3><span>02</span>青年（19-30岁）</h3><span class="jd_degnum">24.61%</span>
<p class="mnjd_bg"><span class="wd_num" style="width:24.61%"></span></p></li>
<li class="age_me"><h3><span>03</span>中年（31-60岁）</h3><span class="jd_degnum">68.3%</span>
<p class="mnjd_bg"><span class="wd_num" style="width:68.3%"></span></p></li>
<li class="age_ol"><h3><span>04</span>老年（&gt;60岁）</h3><span class="jd_degnum">3.35%</span>
<p class="mnjd_bg"><span class="wd_num" style="width:3.35%"></span></p></li>
</ul>
</div>
<div class="dl_sub_bt">
<h3><span>出行方式</span></h3>
</div>
</div>
</div>
</div>
</bl:block>
<bl:block name="script-secondary">
</bl:block>
<bl:finish/>