|
|
|
|
@ -25,7 +25,9 @@
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
|
|
|
|
|
<![endif]-->
|
|
|
|
|
<style>
|
|
|
|
|
body{ background-size: 100% 100%;}
|
|
|
|
|
body {
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body style="background: url(skin/default/images/bg.jpg) no-repeat left top;">
|
|
|
|
|
@ -65,7 +67,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 地图 -->
|
|
|
|
|
<div class="mapbox" id="map">
|
|
|
|
|
<img src="skin/default/images/map.jpg">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 本月陪护订单分析 -->
|
|
|
|
|
@ -216,32 +218,44 @@
|
|
|
|
|
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="comments">
|
|
|
|
|
<tr class="skillbar">
|
|
|
|
|
<td width="25%" style="padding-left: 18px;">工号<a>103</a></td>
|
|
|
|
|
<td width="55%" class="fill"><div class="filled" data-width="100%"></div></td>
|
|
|
|
|
<td width="55%" class="fill">
|
|
|
|
|
<div class="filled" data-width="100%"></div>
|
|
|
|
|
</td>
|
|
|
|
|
<td width="20%" style="padding-left: 10px;"><span class="percent">100</span>分</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr class="skillbar">
|
|
|
|
|
<td width="25%" style="padding-left: 18px;">工号<a>136</a></td>
|
|
|
|
|
<td width="55%" class="fill"><div class="filled" data-width="90%"></div></td>
|
|
|
|
|
<td width="55%" class="fill">
|
|
|
|
|
<div class="filled" data-width="90%"></div>
|
|
|
|
|
</td>
|
|
|
|
|
<td width="20%" style="padding-left: 10px;"><span class="percent">90</span>分</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr class="skillbar">
|
|
|
|
|
<td width="25%" style="padding-left: 18px;">工号<a>015</a></td>
|
|
|
|
|
<td width="55%" class="fill"><div class="filled" data-width="80%"></div></td>
|
|
|
|
|
<td width="55%" class="fill">
|
|
|
|
|
<div class="filled" data-width="80%"></div>
|
|
|
|
|
</td>
|
|
|
|
|
<td width="20%" style="padding-left: 10px;"><span class="percent">80</span>分</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr class="skillbar">
|
|
|
|
|
<td width="25%" style="padding-left: 18px;">工号<a>011</a></td>
|
|
|
|
|
<td width="55%" class="fill"><div class="filled" data-width="60%"></div></td>
|
|
|
|
|
<td width="55%" class="fill">
|
|
|
|
|
<div class="filled" data-width="60%"></div>
|
|
|
|
|
</td>
|
|
|
|
|
<td width="20%" style="padding-left: 10px;"><span class="percent">60</span>分</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr class="skillbar">
|
|
|
|
|
<td width="25%" style="padding-left: 18px;">工号<a>002</a></td>
|
|
|
|
|
<td width="55%" class="fill"><div class="filled" data-width="55%"></div></td>
|
|
|
|
|
<td width="55%" class="fill">
|
|
|
|
|
<div class="filled" data-width="55%"></div>
|
|
|
|
|
</td>
|
|
|
|
|
<td width="20%" style="padding-left: 10px;"><span class="percent">55</span>分</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr class="skillbar">
|
|
|
|
|
<td width="25%" style="padding-left: 18px;">工号<a>001</a></td>
|
|
|
|
|
<td width="55%" class="fill"><div class="filled" data-width="45%"></div></td>
|
|
|
|
|
<td width="55%" class="fill">
|
|
|
|
|
<div class="filled" data-width="45%"></div>
|
|
|
|
|
</td>
|
|
|
|
|
<td width="20%" style="padding-left: 10px;"><span class="percent">45</span>分</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
@ -249,8 +263,23 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<script src="skin/default/js/an-skill-bar.js"></script>
|
|
|
|
|
|
|
|
|
|
<script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&key=VGIBZ-YUMLK-LTKJN-ASK67-6ZCP3-Q5BRF"></script>
|
|
|
|
|
<script>
|
|
|
|
|
$(function () {
|
|
|
|
|
initMap();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
function initMap() {
|
|
|
|
|
var center = new TMap.LatLng(39.984104, 116.307503);
|
|
|
|
|
//初始化地图
|
|
|
|
|
var map = new TMap.Map("map", {
|
|
|
|
|
rotation: 20,//设置地图旋转角度
|
|
|
|
|
pitch: 30, //设置俯仰角度(0~45)
|
|
|
|
|
zoom: 12,//设置地图缩放级别
|
|
|
|
|
center: center//设置地图中心点坐标
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$('.skillbar').skillbar({
|
|
|
|
|
speed: 1000,
|
|
|
|
|
});
|
|
|
|
|
@ -423,7 +452,9 @@
|
|
|
|
|
{value: 15, name: '武中'},
|
|
|
|
|
{value: 25, name: '市中医院'},
|
|
|
|
|
{value: 75, name: '第一人民医院'},
|
|
|
|
|
].sort(function (a, b) { return a.value - b.value; }),
|
|
|
|
|
].sort(function (a, b) {
|
|
|
|
|
return a.value - b.value;
|
|
|
|
|
}),
|
|
|
|
|
roseType: 'radius',
|
|
|
|
|
emphasis: {
|
|
|
|
|
itemStyle: {
|
|
|
|
|
|