wangyifang
/
v2.tiantianxinye.365care
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'master' of ssh://118.31.104.155:4422/mnt/git/v2.tiantianxinye.365care

Browse Source
master
liyinglin 2 years ago
parent 5867ac89dd a7252bf99c
commit d575cb2ea1
2 changed files with 73 additions and 98 deletions
Show Stats Download Patch File Download Diff File

171
public/dashboard/index.html
Unescape View File

@ -31,12 +31,12 @@
</style>
</head>
<body style="background: url(skin/default/images/bg.jpg) no-repeat left top;">
<div class="headimg">
<img src="skin/default/images/head.png">
</div>
<div class="wrap">
<div class="headTop">
<a class="location">驾驶舱</a>
<div class="headimg" style="top:-10px;">
<img src="skin/default/images/head.png">
</div>
<div class="timebox"></div>
</div>
<div class="clear"></div>
@ -96,7 +96,7 @@
<!-- 5月自动巡检信息 -->
<div class="lists">
<h2>最新陪护单信息</h2>
<table class="fx" width="100%" border='0' cellpadding='0' cellspacing='0'>
<table class="fx last" width="100%" border='0' cellpadding='0' cellspacing='0'>
<tr>
<td width="25%" style="padding-left: 15px;">张**</td>
<td width="60%">第一人民医院内科楼15床</td>
@ -151,44 +151,8 @@
<!-- 上月满意度评价分析 -->
<div class="lists">
<h2>上月满意度评价分析</h2>
<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="20%" style="padding-left: 10px;"><span class="percent">100</span>分</td>
</tr>
<tr>
<td colspan="3">&nbsp;</td>
</tr>
<tr class="skillbar">
<td width="25%" style="padding-left: 18px;">工号<a>267</a></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>
<td colspan="3">&nbsp;</td>
</tr>
<tr class="skillbar">
<td width="25%" style="padding-left: 18px;">工号<a>032</a></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>
<td colspan="3">&nbsp;</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="20%" style="padding-left: 10px;"><span class="percent">60</span>分</td>
</tr>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="comments satisfied">
</table>
</div>
@ -228,13 +192,8 @@
},
{
name: "武进区中医院",
lat: 31.783091,
lng: 119.893227
},
{
name: "武进区中医院",
lat: 31.783091,
lng: 119.893227
lat: 31.725018,
lng: 119.941279
}
];
var paramedicChart = [{
@ -336,7 +295,17 @@
projectChartY.push(item.total)
})
// 最近订单 lastOrder
var lasts = datas.lastOrder
$(".last").empty("")
lasts.map(item=>{
var contactName = item.contact?
item.contact.charAt(0) + item.contact.slice(1).replace(new RegExp(item.contact.charAt(1), "g"), '*')
:'**'
$(".last").append("<tr><td width='25%' style='padding-left: 15px;'>"
+contactName+"</td><td width='60%'>"+item.project.name+"</td>"+
"<td width='15%'><span class='ways'>"+item.status_name+"</span></td>"+
"</tr>")
})
// 最新出院 outOrder
var outs = datas.outOrder
$(".outOrder").empty("")
@ -358,10 +327,23 @@
:'**'
$(".tip").append("<tr><td width='50%' style='padding-left: 15px;'>"+
contactName+"评价:"+item.comment+"</td>"+
"<td width='30%' style='text-align:right;vertical-align: top;'><span class='ways'>"+item.project.name+"</span></td>"+
"<td width='30%' style='text-align:right;vertical-align: top;padding-right:5px'><span class='ways'>"+item.project.name+"</span></td>"+
"</tr>")
})
console.log("result", result)
// 满意度 satisfied
var satisfieds = datas.satisfied
$(".satisfied").empty("")
satisfieds.map((item,index)=>{
var score = parseInt(item.score)*20
var per = score +'%'
$(".satisfied").append("<tr class='skillbar index"+index+"'><td width='25%' style='padding-left: 18px;'><a>"+item.paramedic.name+"</a></td>"+
"<td width='55%' class='fill'><div class='filled' data-width='"+per+"'></div></td>"+
"<td width='20%' style='padding-left: 10px;'><span class='percent'>"+score+"</span>分</td>"+
"</tr><tr><td colspan='3'>&nbsp;</td></tr>")
})
$('.skillbar').skillbar({
speed: 1000,
});
initChart()
},
complete: function(xhr, textStatus) {
@ -370,19 +352,18 @@
});
}
$('.skillbar').skillbar({
speed: 1000,
});
// 图表
function initChart() {
// 护工陪护实时概况
var option = {
tooltip:{},
series: [{
// name:'访问量',
type: 'pie',
color: ["#04c6c7", "#ffc34a"],
radius: '70%',
radius: '50%',
data: paramedicChart
}]
};
@ -390,6 +371,7 @@
myChart.setOption(option);
// 床位陪护实时概况
var option1 = {
tooltip:{},
series: [{
type: 'pie',
color: ["#04c6c7", "#ffc34a"],
@ -432,6 +414,7 @@
},
axisLabel: {
interval: 0,
rotate: 20,
textStyle: {
color: '#fff',
fontSize: '14px'
@ -526,6 +509,23 @@
var option4;
option4 = {
tooltip:{
trigger: 'axis',
formatter: function (params) {
let tooltipContent = '';
var xAxisName = params[0].name;
// 添加X轴名称到提示框内容
tooltipContent += `<p>${xAxisName}</p>`
params.forEach((param) => {
tooltipContent += `<p><span style="boder-radius:10px;display:inline-block;background-color: ${param.color}; width: 10px; height: 10px; margin-right: 5px;"></span>${param.seriesName}: ${param.value}</p>`;
});
return tooltipContent;
},
},
grid:{
top:"10%",
bottom:"30%"
},
color: ['#018fff'],
lineStyle: {
color: '#018fff'
@ -567,6 +567,7 @@
},
axisLabel: {
interval: 0,
rotate: 20,
textStyle: {
color: '#fff',
fontSize: '14px'
@ -630,44 +631,25 @@
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);
panToHospital()
}
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);
var geometriesArr = []
hospitals.map(item=>{
var center = new TMap.LatLng(item.lat, item.lng);
var mark = { //点标注数据数组
"id": "demo",
"styleId": "marker",
"position": center,
"properties": {
"title": "marker"
}
}
geometriesArr.push(mark)
})
marker.setMap(null);
marker = null;
marker = new TMap.MultiMarker({
id: "marker-layer", //图层id
map: map,
@ -682,14 +664,7 @@
"src": "https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/markerDefault.png"
})
},
geometries: [{ //点标注数据数组
"id": "demo",
"styleId": "marker",
"position": center,
"properties": {
"title": "marker"
}
}]
geometries: geometriesArr
});
}
</script>

0
public/dashboard/index copy.html → public/dashboard/index2.html
Unescape View File

Write Preview
Loading…
Cancel
Save