<!doctype html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>唐山市烟草专卖局卷烟零售配送指挥调度平台</title>
|
<link href="css/xq.css" rel="stylesheet" type="text/css">
|
<link href="css/public.css" rel="stylesheet" type="text/css">
|
<script src="js/echarts.js"></script>
|
<script src="js/jquery-1.11.1.min.js"></script>
|
<style>
|
.Echarts{
|
width: 100rem;
|
min-height: 50rem /* 600/192 */;
|
overflow: auto;
|
}
|
</style>
|
</head>
|
|
<body oncontextmenu=self.event.returnValue=false onselectstart="return false">
|
<div class="top">
|
<div class="title">唐山市烟草专卖局卷烟零售配送指挥调度平台</div>
|
<div class="nav">
|
<a href="index.html">实时调度</a>
|
<a href="aqgl.html">安全管理</a>
|
<a href="psfx.html">配送分析</a>
|
<a href="zhfx.html">综合分析</a>
|
<a class="active" href="yhdz.html">一户多证</a></div>
|
</div>
|
<div class="Main">
|
<div class="content">
|
<div class="l-t"></div>
|
<div class="l-b"></div>
|
<div class="r-t"></div>
|
<div class="r-b"></div>
|
<!--筛选-->
|
<!-- <div class="select">
|
<div class="nice-select" name="nice-select">
|
<input type="text" value="路南区" readonly>
|
<ul id="areaContent">
|
|
</ul>
|
</div>
|
<div class="nice-select" name="nice-select">
|
<input type="text" value="一段" readonly>
|
<ul id="content2">
|
<li data-value="1">二段</li>
|
<li data-value="2">三段</li>
|
<li data-value="3">四段</li>
|
<li data-value="4">五段</li>
|
<li data-value="5">六段</li>
|
</ul>
|
</div>
|
<div class="button">
|
<input type="button" value="搜索">
|
</div>
|
</div> -->
|
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
|
<script>
|
|
$('[name="nice-select"]').click(function(e){
|
|
$('[name="nice-select"]').find('ul').hide();
|
|
$(this).find('ul').show();
|
|
e.stopPropagation();
|
|
});
|
|
$('[name="nice-select"] li').hover(function(e){
|
|
$(this).toggleClass('on');
|
|
e.stopPropagation();
|
|
});
|
|
$('[name="nice-select"] li').click(function(e){
|
|
var val = $(this).text();
|
|
$(this).parents('[name="nice-select"]').find('input').val(val);
|
|
$('[name="nice-select"] ul').hide();
|
|
e.stopPropagation();
|
|
});
|
|
$(document).click(function(){
|
|
$('[name="nice-select"] ul').hide();
|
|
});
|
|
</script>
|
<div class="scroll">
|
<!--echarts图表-->
|
<div id="ECHARTS" class="Echarts" style="top:10px;"></div>
|
</div>
|
</div>
|
</div>
|
<!--设置滚动条样式-->
|
<script src="http://www.jq22.com/jquery/1.9.1/jquery.min.js"></script>
|
<script type="text/javascript" src="js/jquery.nicescroll.js"></script>
|
<script type="text/javascript">
|
$('.scroll').niceScroll({
|
cursorcolor: "#999",//#CC0071 光标颜色
|
cursoropacitymax: 0.4, //改变不透明度非常光标处于活动状态（scrollabar“可见”状态），范围从1到0
|
touchbehavior: false, //使光标拖动滚动像在台式电脑触摸设备
|
cursorwidth: "0.25rem", //像素光标的宽度
|
cursorborder: "0", // 游标边框css定义
|
cursorborderradius: "5px",//以像素为光标边界半径
|
autohidemode: true //是否隐藏滚动条
|
});
|
|
//var urls = "http://111.63.178.115:9091/xboot/";
|
var urls = "/xboot/";
|
//var urls = "http://localhost:9091/xboot/";
|
$(function(){
|
if(!sessionStorage.getItem("token")){
|
window.location.href="https://111.63.178.115:9092/index.html#/login"
|
}
|
getIndex();
|
});
|
function getIndex(){
|
// 使用刚指定的配置项和数据显示图表。
|
$.ajax({
|
type: "get",
|
url: urls+"pcStatistic/getYiHuDuoZheng",
|
dataType: "json",
|
headers: {'accessToken':sessionStorage.getItem("token")},
|
success: function (data) {
|
if(data.code==200){
|
var obj = data.result;
|
let height = obj.children.length
|
// $('#ECHARTS').attr("style","height:"+height+"rem");
|
let wHeight = window.innerHeight
|
let curHeight = 35*height
|
let newHeight = Math.max(curHeight,wHeight)
|
$('#ECHARTS').attr("style","height:"+newHeight+"px");
|
if(obj.children.length==0){
|
alert("暂无数据")
|
}
|
// 基于准备好的dom，初始化echarts实例
|
var myChart = echarts.init(document.getElementById('ECHARTS'));
|
|
// 指定图表的配置项和数据
|
var option = {
|
tooltip: {
|
trigger: 'item',
|
triggerOn: 'mousemove'
|
},
|
series: [
|
{
|
type: 'tree',
|
|
data: [obj],
|
|
top: '1%',
|
left: '7%',
|
bottom: '1%',
|
right: '20%',
|
|
symbolSize: 7,
|
|
label: {
|
position: 'left',
|
verticalAlign: 'middle',
|
align: 'right',
|
fontSize: 14,
|
color:'#91cc75',
|
},
|
|
leaves: {
|
label: {
|
position: 'right',
|
verticalAlign: 'middle',
|
align: 'left'
|
}
|
},
|
|
expandAndCollapse: true,
|
animationDuration: 550,
|
animationDurationUpdate: 750
|
}
|
]
|
}
|
|
// 使用刚指定的配置项和数据显示图表。
|
myChart.setOption(option,true);
|
}
|
}
|
});
|
}
|
</script>
|
</body>
|
</html>
|
