|
|
|
@ -1,10 +1,10 @@
|
|
|
|
<!DOCTYPE html>
|
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<meta name="format-detection" content="telephone=no"/>
|
|
|
|
<meta name="format-detection" content="telephone=no" />
|
|
|
|
<meta http-equiv="pragma" content="no-cache">
|
|
|
|
<meta http-equiv="pragma" content="no-cache">
|
|
|
|
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
|
|
|
|
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
|
|
|
|
<meta http-equiv="expires" content="0">
|
|
|
|
<meta http-equiv="expires" content="0">
|
|
|
|
@ -29,14 +29,14 @@
|
|
|
|
background-size: 100% 100%;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
</head>
|
|
|
|
<body style="background: url(skin/default/images/bg.jpg) no-repeat left top;">
|
|
|
|
<body style="background: url(skin/default/images/bg.jpg) no-repeat left top;">
|
|
|
|
<div class="headimg">
|
|
|
|
<div class="headimg">
|
|
|
|
<img src="skin/default/images/head.png">
|
|
|
|
<img src="skin/default/images/head.png">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="wrap">
|
|
|
|
<div class="wrap">
|
|
|
|
<div class="headTop">
|
|
|
|
<div class="headTop">
|
|
|
|
<a class="location">驾驶舱1</a>
|
|
|
|
<a class="location">驾驶舱</a>
|
|
|
|
<div class="timebox"></div>
|
|
|
|
<div class="timebox"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="clear"></div>
|
|
|
|
<div class="clear"></div>
|
|
|
|
@ -46,11 +46,11 @@
|
|
|
|
<div class="hgphbox">
|
|
|
|
<div class="hgphbox">
|
|
|
|
<h2>护工陪护实时概况</h2>
|
|
|
|
<h2>护工陪护实时概况</h2>
|
|
|
|
<div class="hgleft">
|
|
|
|
<div class="hgleft">
|
|
|
|
<p>护工数: 736</p>
|
|
|
|
<p>护工数: <span>--</span></p>
|
|
|
|
<p>已陪护: 696</p>
|
|
|
|
<p>已陪护: <span>--</span></p>
|
|
|
|
<p>未陪护: 40</p>
|
|
|
|
<p>未陪护: <span>--</span></p>
|
|
|
|
<p>陪护单: 855</p>
|
|
|
|
<p>陪护单: <span>--</span></p>
|
|
|
|
<p>上工率: 122.5%</p>
|
|
|
|
<p>上工率: <span>--</span></p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="hg" class="hgright"></div>
|
|
|
|
<div id="hg" class="hgright"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -58,10 +58,10 @@
|
|
|
|
<div class="cwphbox">
|
|
|
|
<div class="cwphbox">
|
|
|
|
<h2>床位陪护实时概况</h2>
|
|
|
|
<h2>床位陪护实时概况</h2>
|
|
|
|
<div class="cwleft">
|
|
|
|
<div class="cwleft">
|
|
|
|
<p>床位数: 7650</p>
|
|
|
|
<p>床位数: <span>--</span></p>
|
|
|
|
<p>正在陪护: 855</p>
|
|
|
|
<p>正在陪护: <span>--</span></p>
|
|
|
|
<p>未陪护: 7795</p>
|
|
|
|
<p>未陪护: <span>--</span></p>
|
|
|
|
<p>陪护率: 11.2%</p>
|
|
|
|
<p>陪护率: <span>--</span></p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="cw" class="cwright"></div>
|
|
|
|
<div id="cw" class="cwright"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -220,7 +220,9 @@
|
|
|
|
</td>
|
|
|
|
</td>
|
|
|
|
<td width="20%" style="padding-left: 10px;"><span class="percent">100</span>分</td>
|
|
|
|
<td width="20%" style="padding-left: 10px;"><span class="percent">100</span>分</td>
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
|
<tr><td colspan="3"> </td></tr>
|
|
|
|
<tr>
|
|
|
|
|
|
|
|
<td colspan="3"> </td>
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
<tr class="skillbar">
|
|
|
|
<tr class="skillbar">
|
|
|
|
<td width="25%" style="padding-left: 18px;">工号<a>267</a></td>
|
|
|
|
<td width="25%" style="padding-left: 18px;">工号<a>267</a></td>
|
|
|
|
<td width="55%" class="fill">
|
|
|
|
<td width="55%" class="fill">
|
|
|
|
@ -228,7 +230,9 @@
|
|
|
|
</td>
|
|
|
|
</td>
|
|
|
|
<td width="20%" style="padding-left: 10px;"><span class="percent">90</span>分</td>
|
|
|
|
<td width="20%" style="padding-left: 10px;"><span class="percent">90</span>分</td>
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
|
<tr><td colspan="3"> </td></tr>
|
|
|
|
<tr>
|
|
|
|
|
|
|
|
<td colspan="3"> </td>
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
<tr class="skillbar">
|
|
|
|
<tr class="skillbar">
|
|
|
|
<td width="25%" style="padding-left: 18px;">工号<a>032</a></td>
|
|
|
|
<td width="25%" style="padding-left: 18px;">工号<a>032</a></td>
|
|
|
|
<td width="55%" class="fill">
|
|
|
|
<td width="55%" class="fill">
|
|
|
|
@ -236,7 +240,9 @@
|
|
|
|
</td>
|
|
|
|
</td>
|
|
|
|
<td width="20%" style="padding-left: 10px;"><span class="percent">80</span>分</td>
|
|
|
|
<td width="20%" style="padding-left: 10px;"><span class="percent">80</span>分</td>
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
|
<tr><td colspan="3"> </td></tr>
|
|
|
|
<tr>
|
|
|
|
|
|
|
|
<td colspan="3"> </td>
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
<tr class="skillbar">
|
|
|
|
<tr class="skillbar">
|
|
|
|
<td width="25%" style="padding-left: 18px;">工号<a>011</a></td>
|
|
|
|
<td width="25%" style="padding-left: 18px;">工号<a>011</a></td>
|
|
|
|
<td width="55%" class="fill">
|
|
|
|
<td width="55%" class="fill">
|
|
|
|
@ -248,14 +254,15 @@
|
|
|
|
</table>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script src="skin/default/js/an-skill-bar.js"></script>
|
|
|
|
<script src="skin/default/js/an-skill-bar.js"></script>
|
|
|
|
<script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&libraries=visualization&key=VGIBZ-YUMLK-LTKJN-ASK67-6ZCP3-Q5BRF"></script>
|
|
|
|
<script charset="utf-8"
|
|
|
|
<script>
|
|
|
|
src="https://map.qq.com/api/gljs?v=1.exp&libraries=visualization&key=VGIBZ-YUMLK-LTKJN-ASK67-6ZCP3-Q5BRF">
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
var current_hospital = 0;
|
|
|
|
var current_hospital = 0;
|
|
|
|
var map, marker;
|
|
|
|
var map, marker;
|
|
|
|
var hospitals = [
|
|
|
|
var hospitals = [{
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "常州市第一人民医院",
|
|
|
|
name: "常州市第一人民医院",
|
|
|
|
lat: 31.77956,
|
|
|
|
lat: 31.77956,
|
|
|
|
lng: 119.960747
|
|
|
|
lng: 119.960747
|
|
|
|
@ -291,81 +298,101 @@
|
|
|
|
lng: 119.893227
|
|
|
|
lng: 119.893227
|
|
|
|
}
|
|
|
|
}
|
|
|
|
];
|
|
|
|
];
|
|
|
|
|
|
|
|
var paramedicChart = [{
|
|
|
|
$(function () {
|
|
|
|
value: 0,
|
|
|
|
|
|
|
|
name: '已陪护'
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
value: 0,
|
|
|
|
|
|
|
|
name: '未陪护'
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
]
|
|
|
|
|
|
|
|
var bedChart = [{
|
|
|
|
|
|
|
|
value: 0,
|
|
|
|
|
|
|
|
name: '已陪护'
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
value: 0,
|
|
|
|
|
|
|
|
name: '未陪护'
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
]
|
|
|
|
|
|
|
|
var projectChartX = []
|
|
|
|
|
|
|
|
var projectChartY = []
|
|
|
|
|
|
|
|
$(function() {
|
|
|
|
|
|
|
|
getStatistic()
|
|
|
|
initMap();
|
|
|
|
initMap();
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
// http://tiantian2.langye.net/admin/statistic
|
|
|
|
|
|
|
|
function getStatistic() {
|
|
|
|
|
|
|
|
var url = "/admin/statistic";
|
|
|
|
|
|
|
|
var data = {}
|
|
|
|
|
|
|
|
|
|
|
|
function initMap() {
|
|
|
|
$.ajax({
|
|
|
|
var center = new TMap.LatLng(31.77956, 119.960747);
|
|
|
|
type: "get",
|
|
|
|
//初始化地图
|
|
|
|
timeout: 15000,
|
|
|
|
map = new TMap.Map("map", {
|
|
|
|
contentType: 'application/json',
|
|
|
|
rotation: 20,//设置地图旋转角度
|
|
|
|
data: JSON.stringify(data),
|
|
|
|
pitch: 45, //设置俯仰角度（0~45）
|
|
|
|
url: url,
|
|
|
|
zoom: 17,//设置地图缩放级别
|
|
|
|
dataType: "json",
|
|
|
|
center: center, //设置地图中心点坐标
|
|
|
|
success: function(result, textStatus, xhr) {
|
|
|
|
});
|
|
|
|
var datas = result.data
|
|
|
|
//初始化marker
|
|
|
|
// paramedic 护工陪护实时概况
|
|
|
|
marker = new TMap.MultiMarker({
|
|
|
|
var paramedics = datas.paramedic
|
|
|
|
id: "marker-layer", //图层id
|
|
|
|
var paramedicper = parseFloat(((paramedics.has_accompany / paramedics.total) * 100)
|
|
|
|
map: map,
|
|
|
|
.toFixed(2)) + "%"
|
|
|
|
styles: { //点标注的相关样式
|
|
|
|
$(".hgleft p").eq(0).children("span").text(paramedics.total)
|
|
|
|
"marker": new TMap.MarkerStyle({
|
|
|
|
$(".hgleft p").eq(1).children("span").text(paramedics.has_accompany)
|
|
|
|
"width": 25,
|
|
|
|
$(".hgleft p").eq(2).children("span").text(paramedics.no_accompany)
|
|
|
|
"height": 35,
|
|
|
|
$(".hgleft p").eq(3).children("span").text(paramedics.accompany_order)
|
|
|
|
"anchor": {x: 16, y: 32},
|
|
|
|
$(".hgleft p").eq(4).children("span").text(paramedicper)
|
|
|
|
"src": "https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/markerDefault.png"
|
|
|
|
// 护工陪护实时概况
|
|
|
|
})
|
|
|
|
paramedicChart = [{
|
|
|
|
|
|
|
|
value: paramedics.has_accompany,
|
|
|
|
|
|
|
|
name: '已陪护'
|
|
|
|
},
|
|
|
|
},
|
|
|
|
geometries: [{ //点标注数据数组
|
|
|
|
{
|
|
|
|
"id": "demo",
|
|
|
|
value: paramedics.no_accompany,
|
|
|
|
"styleId": "marker",
|
|
|
|
name: '未陪护'
|
|
|
|
"position": center,
|
|
|
|
},
|
|
|
|
"properties": {
|
|
|
|
]
|
|
|
|
"title": "marker"
|
|
|
|
// bed 床位
|
|
|
|
}
|
|
|
|
var beds = datas.bed
|
|
|
|
}]
|
|
|
|
var bedper = parseFloat(((beds.has_accompany / beds.total) * 100).toFixed(2)) + "%"
|
|
|
|
});
|
|
|
|
$(".cwleft p").eq(0).children("span").text(beds.total)
|
|
|
|
window.setInterval(function () {
|
|
|
|
$(".cwleft p").eq(1).children("span").text(beds.has_accompany)
|
|
|
|
//panToHospital();
|
|
|
|
$(".cwleft p").eq(2).children("span").text(beds.no_accompany)
|
|
|
|
}, 3000);
|
|
|
|
$(".cwleft p").eq(3).children("span").text(bedper)
|
|
|
|
}
|
|
|
|
bedChart = [{
|
|
|
|
|
|
|
|
value: beds.has_accompany,
|
|
|
|
function panToHospital() {
|
|
|
|
name: '已陪护'
|
|
|
|
current_hospital++;
|
|
|
|
},
|
|
|
|
if (current_hospital == hospitals.length) {
|
|
|
|
{
|
|
|
|
current_hospital = 0;
|
|
|
|
value: beds.no_accompany,
|
|
|
|
|
|
|
|
name: '未陪护'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
var center = new TMap.LatLng(hospitals[current_hospital].lat, hospitals[current_hospital].lng);
|
|
|
|
]
|
|
|
|
map.panTo(center);
|
|
|
|
// 陪护统计表
|
|
|
|
|
|
|
|
var projects = datas.project
|
|
|
|
marker.setMap(null);
|
|
|
|
projects.map(item=>{
|
|
|
|
marker = null;
|
|
|
|
projectChartX.push(item.name)
|
|
|
|
marker = new TMap.MultiMarker({
|
|
|
|
projectChartY.push(item.total)
|
|
|
|
id: "marker-layer", //图层id
|
|
|
|
|
|
|
|
map: map,
|
|
|
|
|
|
|
|
styles: { //点标注的相关样式
|
|
|
|
|
|
|
|
"marker": new TMap.MarkerStyle({
|
|
|
|
|
|
|
|
"width": 25,
|
|
|
|
|
|
|
|
"height": 35,
|
|
|
|
|
|
|
|
"anchor": {x: 16, y: 32},
|
|
|
|
|
|
|
|
"src": "https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/markerDefault.png"
|
|
|
|
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
console.log("result", result)
|
|
|
|
|
|
|
|
initChart()
|
|
|
|
},
|
|
|
|
},
|
|
|
|
geometries: [{ //点标注数据数组
|
|
|
|
complete: function(xhr, textStatus) {
|
|
|
|
"id": "demo",
|
|
|
|
//
|
|
|
|
"styleId": "marker",
|
|
|
|
|
|
|
|
"position": center,
|
|
|
|
|
|
|
|
"properties": {
|
|
|
|
|
|
|
|
"title": "marker"
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}]
|
|
|
|
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$('.skillbar').skillbar({
|
|
|
|
$('.skillbar').skillbar({
|
|
|
|
speed: 1000,
|
|
|
|
speed: 1000,
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 图表
|
|
|
|
|
|
|
|
function initChart() {
|
|
|
|
// 护工陪护实时概况
|
|
|
|
// 护工陪护实时概况
|
|
|
|
var option = {
|
|
|
|
var option = {
|
|
|
|
series: [{
|
|
|
|
series: [{
|
|
|
|
@ -373,10 +400,7 @@
|
|
|
|
type: 'pie',
|
|
|
|
type: 'pie',
|
|
|
|
color: ["#04c6c7", "#ffc34a"],
|
|
|
|
color: ["#04c6c7", "#ffc34a"],
|
|
|
|
radius: '70%',
|
|
|
|
radius: '70%',
|
|
|
|
data: [
|
|
|
|
data: paramedicChart
|
|
|
|
{value: 696, name: '已陪护'},
|
|
|
|
|
|
|
|
{value: 40, name: '未陪护'}
|
|
|
|
|
|
|
|
]
|
|
|
|
|
|
|
|
}]
|
|
|
|
}]
|
|
|
|
};
|
|
|
|
};
|
|
|
|
var myChart = echarts.init(document.getElementById('hg'));
|
|
|
|
var myChart = echarts.init(document.getElementById('hg'));
|
|
|
|
@ -387,10 +411,7 @@
|
|
|
|
type: 'pie',
|
|
|
|
type: 'pie',
|
|
|
|
color: ["#04c6c7", "#ffc34a"],
|
|
|
|
color: ["#04c6c7", "#ffc34a"],
|
|
|
|
radius: '70%',
|
|
|
|
radius: '70%',
|
|
|
|
data: [
|
|
|
|
data: bedChart
|
|
|
|
{value: 855, name: '已陪护'},
|
|
|
|
|
|
|
|
{value: 7795, name: '未陪护'}
|
|
|
|
|
|
|
|
]
|
|
|
|
|
|
|
|
}]
|
|
|
|
}]
|
|
|
|
};
|
|
|
|
};
|
|
|
|
var myChart1 = echarts.init(document.getElementById('cw'));
|
|
|
|
var myChart1 = echarts.init(document.getElementById('cw'));
|
|
|
|
@ -433,7 +454,7 @@
|
|
|
|
fontSize: '14px'
|
|
|
|
fontSize: '14px'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
data: ["一院", "市中", "武进南院", "阳湖院", "康复医院", "妇幼院", "武中", "溧阳院"],
|
|
|
|
data: projectChartX,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
yAxis: {
|
|
|
|
yAxis: {
|
|
|
|
axisLine: {
|
|
|
|
axisLine: {
|
|
|
|
@ -474,15 +495,17 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
data: [336, 150, 42, 156, 42, 30, 54, 45],
|
|
|
|
data: projectChartY,
|
|
|
|
}, {
|
|
|
|
}
|
|
|
|
name: '陪护订单量',
|
|
|
|
// , {
|
|
|
|
type: 'pictorialBar',
|
|
|
|
// name: '陪护订单量',
|
|
|
|
barGap: '-100%',
|
|
|
|
// type: 'pictorialBar',
|
|
|
|
symbolPosition: 'end',
|
|
|
|
// barGap: '-100%',
|
|
|
|
symbolSize: 50,
|
|
|
|
// symbolPosition: 'end',
|
|
|
|
symbolOffset: [0, '-120%'],
|
|
|
|
// symbolSize: 50,
|
|
|
|
}]
|
|
|
|
// symbolOffset: [0, '-120%'],
|
|
|
|
|
|
|
|
// },
|
|
|
|
|
|
|
|
]
|
|
|
|
};
|
|
|
|
};
|
|
|
|
var myChart2 = echarts.init(document.getElementById('byph'));
|
|
|
|
var myChart2 = echarts.init(document.getElementById('byph'));
|
|
|
|
myChart2.setOption(option2);
|
|
|
|
myChart2.setOption(option2);
|
|
|
|
@ -492,22 +515,44 @@
|
|
|
|
tooltip: {
|
|
|
|
tooltip: {
|
|
|
|
trigger: 'item'
|
|
|
|
trigger: 'item'
|
|
|
|
},
|
|
|
|
},
|
|
|
|
series: [
|
|
|
|
series: [{
|
|
|
|
{
|
|
|
|
|
|
|
|
type: 'pie',
|
|
|
|
type: 'pie',
|
|
|
|
radius: '70%',
|
|
|
|
radius: '70%',
|
|
|
|
center: ['50%', '50%'],
|
|
|
|
center: ['50%', '50%'],
|
|
|
|
color: ["#ffb22f", "#ff4954", "#01babb"],
|
|
|
|
color: ["#ffb22f", "#ff4954", "#01babb"],
|
|
|
|
data: [
|
|
|
|
data: [{
|
|
|
|
{value: 75, name: '一院'},
|
|
|
|
value: 75,
|
|
|
|
{value: 60, name: '市中'},
|
|
|
|
name: '一院'
|
|
|
|
{value: 30, name: '武进南院'},
|
|
|
|
},
|
|
|
|
{value: 25, name: '阳湖院'},
|
|
|
|
{
|
|
|
|
{value: 30, name: '康复医院'},
|
|
|
|
value: 60,
|
|
|
|
{value: 20, name: '妇幼院'},
|
|
|
|
name: '市中'
|
|
|
|
{value: 25, name: '武中'},
|
|
|
|
},
|
|
|
|
{value: 18, name: '溧阳院'}
|
|
|
|
{
|
|
|
|
].sort(function (a, b) {
|
|
|
|
value: 30,
|
|
|
|
|
|
|
|
name: '武进南院'
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
value: 25,
|
|
|
|
|
|
|
|
name: '阳湖院'
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
value: 30,
|
|
|
|
|
|
|
|
name: '康复医院'
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
value: 20,
|
|
|
|
|
|
|
|
name: '妇幼院'
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
value: 25,
|
|
|
|
|
|
|
|
name: '武中'
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
value: 18,
|
|
|
|
|
|
|
|
name: '溧阳院'
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
].sort(function(a, b) {
|
|
|
|
return a.value - b.value;
|
|
|
|
return a.value - b.value;
|
|
|
|
}),
|
|
|
|
}),
|
|
|
|
roseType: 'radius',
|
|
|
|
roseType: 'radius',
|
|
|
|
@ -518,8 +563,7 @@
|
|
|
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
|
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}]
|
|
|
|
]
|
|
|
|
|
|
|
|
};
|
|
|
|
};
|
|
|
|
var myChart3 = echarts.init(document.getElementById('ysbox'));
|
|
|
|
var myChart3 = echarts.init(document.getElementById('ysbox'));
|
|
|
|
myChart3.setOption(option3);
|
|
|
|
myChart3.setOption(option3);
|
|
|
|
@ -604,8 +648,7 @@
|
|
|
|
fontSize: '14px'
|
|
|
|
fontSize: '14px'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
series: [
|
|
|
|
series: [{
|
|
|
|
{
|
|
|
|
|
|
|
|
type: 'bar',
|
|
|
|
type: 'bar',
|
|
|
|
name: '陪护单数',
|
|
|
|
name: '陪护单数',
|
|
|
|
data: [336, 150, 42, 156, 42, 30, 54, 45],
|
|
|
|
data: [336, 150, 42, 156, 42, 30, 54, 45],
|
|
|
|
@ -625,8 +668,80 @@
|
|
|
|
color: ["#ffb22f", "#0087ff"],
|
|
|
|
color: ["#ffb22f", "#0087ff"],
|
|
|
|
};
|
|
|
|
};
|
|
|
|
option4 && myChart4.setOption(option4);
|
|
|
|
option4 && myChart4.setOption(option4);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function initMap() {
|
|
|
|
|
|
|
|
var center = new TMap.LatLng(31.77956, 119.960747);
|
|
|
|
|
|
|
|
//初始化地图
|
|
|
|
|
|
|
|
map = new TMap.Map("map", {
|
|
|
|
|
|
|
|
rotation: 20, //设置地图旋转角度
|
|
|
|
|
|
|
|
pitch: 45, //设置俯仰角度（0~45）
|
|
|
|
|
|
|
|
zoom: 17, //设置地图缩放级别
|
|
|
|
|
|
|
|
center: center, //设置地图中心点坐标
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
//初始化marker
|
|
|
|
|
|
|
|
marker = new TMap.MultiMarker({
|
|
|
|
|
|
|
|
id: "marker-layer", //图层id
|
|
|
|
|
|
|
|
map: map,
|
|
|
|
|
|
|
|
styles: { //点标注的相关样式
|
|
|
|
|
|
|
|
"marker": new TMap.MarkerStyle({
|
|
|
|
|
|
|
|
"width": 25,
|
|
|
|
|
|
|
|
"height": 35,
|
|
|
|
|
|
|
|
"anchor": {
|
|
|
|
|
|
|
|
x: 16,
|
|
|
|
|
|
|
|
y: 32
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
"src": "https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/markerDefault.png"
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
geometries: [{ //点标注数据数组
|
|
|
|
|
|
|
|
"id": "demo",
|
|
|
|
|
|
|
|
"styleId": "marker",
|
|
|
|
|
|
|
|
"position": center,
|
|
|
|
|
|
|
|
"properties": {
|
|
|
|
|
|
|
|
"title": "marker"
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
window.setInterval(function() {
|
|
|
|
|
|
|
|
//panToHospital();
|
|
|
|
|
|
|
|
}, 3000);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function panToHospital() {
|
|
|
|
|
|
|
|
current_hospital++;
|
|
|
|
|
|
|
|
if (current_hospital == hospitals.length) {
|
|
|
|
|
|
|
|
current_hospital = 0;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
var center = new TMap.LatLng(hospitals[current_hospital].lat, hospitals[current_hospital].lng);
|
|
|
|
|
|
|
|
map.panTo(center);
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
marker.setMap(null);
|
|
|
|
</body>
|
|
|
|
marker = null;
|
|
|
|
|
|
|
|
marker = new TMap.MultiMarker({
|
|
|
|
|
|
|
|
id: "marker-layer", //图层id
|
|
|
|
|
|
|
|
map: map,
|
|
|
|
|
|
|
|
styles: { //点标注的相关样式
|
|
|
|
|
|
|
|
"marker": new TMap.MarkerStyle({
|
|
|
|
|
|
|
|
"width": 25,
|
|
|
|
|
|
|
|
"height": 35,
|
|
|
|
|
|
|
|
"anchor": {
|
|
|
|
|
|
|
|
x: 16,
|
|
|
|
|
|
|
|
y: 32
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
"src": "https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/markerDefault.png"
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
geometries: [{ //点标注数据数组
|
|
|
|
|
|
|
|
"id": "demo",
|
|
|
|
|
|
|
|
"styleId": "marker",
|
|
|
|
|
|
|
|
"position": center,
|
|
|
|
|
|
|
|
"properties": {
|
|
|
|
|
|
|
|
"title": "marker"
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|
|
</html>
|
|
|
|
|
liyinglin
3 years ago