443 lines
34 KiB
Plaintext
443 lines
34 KiB
Plaintext
|
<%@ page language="java" pageEncoding="UTF-8" %>
|
||
|
|
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
|
||
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
|
||
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||
|
|
<%@ page import="com.sipai.entity.base.ServerObject" %>
|
||
|
|
<%@ taglib uri="http://www.springsecurity.org/jsp" prefix="security" %>
|
||
|
|
<%String contextPath = request.getContextPath();%>
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<!-- <html lang="zh-CN"> -->
|
||
|
|
<!-- BEGIN HEAD -->
|
||
|
|
<head>
|
||
|
|
<title><%= ServerObject.atttable.get("TOPTITLE")%>
|
||
|
|
</title>
|
||
|
|
|
||
|
|
<!-- 引用页头及CSS页-->
|
||
|
|
<jsp:include page="/jsp/inc.jsp"></jsp:include>
|
||
|
|
|
||
|
|
<style type="text/css">
|
||
|
|
</style>
|
||
|
|
<script type="text/javascript">
|
||
|
|
let bizid = "";
|
||
|
|
|
||
|
|
$(function () {
|
||
|
|
let windowHeight = $(window).height();
|
||
|
|
$('#main').css("height", windowHeight + "px");
|
||
|
|
|
||
|
|
if ('${param.bizid}' != null) {
|
||
|
|
bizid = '${param.bizid}';
|
||
|
|
}
|
||
|
|
|
||
|
|
changeTab('1');
|
||
|
|
})
|
||
|
|
|
||
|
|
function changeTab(st) {
|
||
|
|
for (let i = 1; i < 5; i++) {
|
||
|
|
// console.log(i)
|
||
|
|
if (i == st) {
|
||
|
|
$("#tab_ck_" + i).css("display", "block");
|
||
|
|
$("#tab_unck_" + i).css("display", "none");
|
||
|
|
|
||
|
|
let series = [];
|
||
|
|
|
||
|
|
if (i == 1) {
|
||
|
|
//报警数
|
||
|
|
let edt = getNowTime().substring(0, 16);
|
||
|
|
let sdt = edt.substring(0, 7) + "-01 00:00";
|
||
|
|
|
||
|
|
$.ajax({
|
||
|
|
type: 'GET',
|
||
|
|
url: ext.contextPath + "/alarm/proAlarm/getAlarmNum.do",
|
||
|
|
async: true,
|
||
|
|
globle: false,
|
||
|
|
data: {
|
||
|
|
unitId: bizid,
|
||
|
|
sdt: sdt,
|
||
|
|
edt: edt
|
||
|
|
},
|
||
|
|
// dataType: 'json',
|
||
|
|
error: function () {
|
||
|
|
return false;
|
||
|
|
},
|
||
|
|
success: function (result) {
|
||
|
|
// console.log(result)
|
||
|
|
$('.alarmNum').text(result);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
$.ajax({
|
||
|
|
type: 'GET',
|
||
|
|
url: ext.contextPath + "/alarm/proAlarm/getAlarmYearHis.do",
|
||
|
|
async: true,
|
||
|
|
globle: false,
|
||
|
|
data: {
|
||
|
|
unitId: bizid
|
||
|
|
},
|
||
|
|
dataType: 'json',
|
||
|
|
error: function () {
|
||
|
|
return false;
|
||
|
|
},
|
||
|
|
success: function (result) {
|
||
|
|
// console.log(result)
|
||
|
|
let seriesData = [];
|
||
|
|
for (let i = 0; i < result.length; i++) {
|
||
|
|
let seriesData_d = [];
|
||
|
|
seriesData_d.push(result[i].date);
|
||
|
|
seriesData_d.push(result[i].num);
|
||
|
|
seriesData.push(seriesData_d);
|
||
|
|
}
|
||
|
|
|
||
|
|
series.push({
|
||
|
|
name: '报警数',
|
||
|
|
type: 'bar',
|
||
|
|
data: seriesData
|
||
|
|
})
|
||
|
|
|
||
|
|
getBarChart(series);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
} else {
|
||
|
|
series.push({
|
||
|
|
name: '待处理',
|
||
|
|
type: 'bar',
|
||
|
|
data: [
|
||
|
|
2.0, 4.9, 7.0, 3.2, 5.6, 7.7, 4.6, 5.2, 3.6, 2.0, 6.4, 3.3
|
||
|
|
]
|
||
|
|
})
|
||
|
|
series.push({
|
||
|
|
name: '已完成',
|
||
|
|
type: 'bar',
|
||
|
|
data: [
|
||
|
|
2.6, 5.9, 9.0, 6.4, 8.7, 7.7, 5.6, 8.2, 5.7, 7.8, 6.0, 2.3
|
||
|
|
]
|
||
|
|
})
|
||
|
|
getBarChart(series);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
getOrderTable(st);
|
||
|
|
|
||
|
|
} else {
|
||
|
|
$("#tab_unck_" + i).css("display", "block");
|
||
|
|
$("#tab_ck_" + i).css("display", "none");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function getBarChart(series) {
|
||
|
|
var myChart = echarts.init(document.getElementById("barChart"));
|
||
|
|
let option = {
|
||
|
|
tooltip: {
|
||
|
|
trigger: 'axis'
|
||
|
|
},
|
||
|
|
grid: {
|
||
|
|
left: '10px', // 与容器左侧的距离
|
||
|
|
right: '10px', // 与容器右侧的距离
|
||
|
|
top: '50px', // 与容器顶部的距离
|
||
|
|
bottom: '10px', // 与容器底部的距离
|
||
|
|
containLabel: true
|
||
|
|
},
|
||
|
|
legend: {
|
||
|
|
data: ['待处理', '已完成', '报警数'],
|
||
|
|
left: 'right',
|
||
|
|
textStyle: {
|
||
|
|
color: '#FFFFFF'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
xAxis: [
|
||
|
|
{
|
||
|
|
type: 'time',
|
||
|
|
axisPointer: {
|
||
|
|
type: 'shadow'
|
||
|
|
},
|
||
|
|
axisTick: {
|
||
|
|
show: false
|
||
|
|
}
|
||
|
|
}
|
||
|
|
],
|
||
|
|
yAxis: [
|
||
|
|
{
|
||
|
|
type: 'value',
|
||
|
|
name: '个',
|
||
|
|
minInterval: 1,
|
||
|
|
nameTextStyle: {
|
||
|
|
color: '#FFFFFF'
|
||
|
|
},
|
||
|
|
splitLine: {
|
||
|
|
show: true,
|
||
|
|
lineStyle: {
|
||
|
|
color: '#FFFFFF',
|
||
|
|
type: 'dashed'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
],
|
||
|
|
series: series
|
||
|
|
};
|
||
|
|
myChart.setOption(option, true);
|
||
|
|
}
|
||
|
|
|
||
|
|
function getOrderTable(st) {
|
||
|
|
|
||
|
|
let edt = getNowTime().substring(0, 16);
|
||
|
|
let sdt = edt.substring(0, 7) + "-01 00:00";
|
||
|
|
|
||
|
|
if (st == '1') {
|
||
|
|
|
||
|
|
$.ajax({
|
||
|
|
type: 'GET',
|
||
|
|
url: ext.contextPath + "/alarm/proAlarm/getAlarmTopData.do",
|
||
|
|
async: true,
|
||
|
|
globle: false,
|
||
|
|
data: {
|
||
|
|
unitId: bizid,
|
||
|
|
sdt: sdt,
|
||
|
|
edt: edt,
|
||
|
|
topNum: '5'
|
||
|
|
},
|
||
|
|
dataType: 'json',
|
||
|
|
error: function () {
|
||
|
|
return false;
|
||
|
|
},
|
||
|
|
success: function (result) {
|
||
|
|
let html = "";
|
||
|
|
|
||
|
|
html += "<tr style='text-align: center;color: #1CBEC5;font-size: 14px;height: 20%;'>";
|
||
|
|
html += "<td style='width: 80px;'>报警名称</td>";
|
||
|
|
html += "<td style='width: 140px;'>报警时间</td>";
|
||
|
|
html += "<td style='white-space:nowrap;overflow:hidden;text-overflow:ellipsis;'>报警内容</td>";
|
||
|
|
html += "</tr>";
|
||
|
|
|
||
|
|
for (let i = 0; i < result.length; i++) {
|
||
|
|
let data = result[i];
|
||
|
|
html += "<tr style='text-align: center;color: #ffffff;font-size: 14px;height: 16%;'>";
|
||
|
|
html += "<td title='" + data.pointName + "' style='width: 80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;'>" + data.pointName + "</td>";
|
||
|
|
html += "<td style='width: 140px;'>" + data.alarmTime.substring(0, 16) + "</td>";
|
||
|
|
html += "<td title='" + data.describe + "' style='text-align: left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;'>" + data.describe + "</td>";
|
||
|
|
html += "</tr>";
|
||
|
|
}
|
||
|
|
|
||
|
|
for (let i = 0; i < (5 - result.length); i++) {
|
||
|
|
html += "<tr style='text-align: center;color: #ffffff;font-size: 14px;height: 20%;'>";
|
||
|
|
html += "<td style='width: 80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;'></td>";
|
||
|
|
html += "<td style='width: 140px;'></td>";
|
||
|
|
html += "<td style='text-align: left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;'></td>";
|
||
|
|
html += "</tr>";
|
||
|
|
}
|
||
|
|
|
||
|
|
$('#orderTable').html(html);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
} else if (st == '2') {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body onload="initMenu()" class="hold-transition ${cu.themeclass} sidebar-mini"
|
||
|
|
style="background: transparent;overflow: hidden;">
|
||
|
|
<div class="wrapper" style="background: transparent;">
|
||
|
|
<!-- 引用top -->
|
||
|
|
<%-- <jsp:include page="/jsp/top.jsp"></jsp:include> --%>
|
||
|
|
<!-- 菜单栏 -->
|
||
|
|
<%-- <jsp:include page="/jsp/left.jsp"></jsp:include> --%>
|
||
|
|
<div class="content-wrapper"
|
||
|
|
style="background-size: 100% 100%;background: transparent;">
|
||
|
|
<!-- Main content -->
|
||
|
|
<div id="mainAlertdiv"></div>
|
||
|
|
<div id="subDiv"></div>
|
||
|
|
|
||
|
|
<div id="main">
|
||
|
|
<div style="float: left;width: 100%;height:50px;">
|
||
|
|
<div id="tab_ck_1"
|
||
|
|
style="float: left;width: 25%;height:100%;display: block;position:relative;cursor: pointer;">
|
||
|
|
<div style="float: left;left:0px;top:10px;width: 100%;height:23px;background: url(<%=request.getContextPath()%>/IMG/dataVisual/TAB底图.png);background-size: 100% 100%;position: absolute;">
|
||
|
|
</div>
|
||
|
|
<div style="float: left;width: 24px;height: 24px;left:8px;top:0px;position: absolute;">
|
||
|
|
<svg t="1711070875654" class="icon" viewBox="0 0 1024 1024" p-id="5522" width="24" height="24">
|
||
|
|
<path d="M790.87 666.95V456.08c0-144.36-102.62-264.33-236.2-285.65v-85.1h-85.33v85.12c-133.5 21.39-236.03 141.32-236.03 285.61 0 11.4-0.04 33.6-0.04 33.68v176.08c0 30.49-6.92 102.78-70.98 115.6L128 788.3v79.92h147.85l152.19 0.31c7.17 39.88 42.02 70.14 83.96 70.14 41.82 0 76.59-30.09 83.9-69.8l152.17 0.31H896v-79.92l-34.29-6.86c-63.94-12.81-70.85-84.95-70.84-115.45zM290.93 782.91c17.91-32.15 27.68-71.99 27.68-117.22V489.82s0.04-22.3 0.04-33.75c0-112.31 86.78-203.68 193.45-203.68s193.45 91.37 193.45 203.68V668.41c0.2 44.46 9.9 83.67 27.54 115.4l-442.16-0.9z"
|
||
|
|
p-id="5523" fill="#D9F6FB"></path>
|
||
|
|
<path d="M289.31 242.65l-54.35-65.78C134.44 259.91 76.8 382.25 76.8 512.5h85.33c0-104.72 46.36-203.08 127.18-269.85zM861.87 512.5h85.33c0-130.35-57.72-252.75-158.35-335.8l-54.32 65.81C815.45 309.3 861.87 407.7 861.87 512.5z"
|
||
|
|
p-id="5524" fill="#D9F6FB"></path>
|
||
|
|
</svg>
|
||
|
|
</div>
|
||
|
|
<div style="float: left;width: 40px;height: 24px;left:45px;top:0px;position: absolute;color:#D9F6FB;font-size: 18px;letter-spacing: 0.45px;">
|
||
|
|
报警
|
||
|
|
</div>
|
||
|
|
<div style="float: left;width: 110px;height: 18px;left:8px;top:26px;position: absolute;color:#1AA9B0;font-size: 12px;">
|
||
|
|
<div style="float: left;">发生数:</div>
|
||
|
|
<div class="alarmNum" style="float: left;">0</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="tab_unck_1"
|
||
|
|
style="float: left;width: 25%;height:100%;display: none;position:relative;cursor: pointer;"
|
||
|
|
onclick="changeTab('1')">
|
||
|
|
<div style="float: left;width: 24px;height: 24px;left:8px;top:0px;position: absolute;">
|
||
|
|
<svg t="1711070875654" class="icon" viewBox="0 0 1024 1024" p-id="5522" width="24" height="24">
|
||
|
|
<path d="M790.87 666.95V456.08c0-144.36-102.62-264.33-236.2-285.65v-85.1h-85.33v85.12c-133.5 21.39-236.03 141.32-236.03 285.61 0 11.4-0.04 33.6-0.04 33.68v176.08c0 30.49-6.92 102.78-70.98 115.6L128 788.3v79.92h147.85l152.19 0.31c7.17 39.88 42.02 70.14 83.96 70.14 41.82 0 76.59-30.09 83.9-69.8l152.17 0.31H896v-79.92l-34.29-6.86c-63.94-12.81-70.85-84.95-70.84-115.45zM290.93 782.91c17.91-32.15 27.68-71.99 27.68-117.22V489.82s0.04-22.3 0.04-33.75c0-112.31 86.78-203.68 193.45-203.68s193.45 91.37 193.45 203.68V668.41c0.2 44.46 9.9 83.67 27.54 115.4l-442.16-0.9z"
|
||
|
|
p-id="5523" fill="#1AA9B0"></path>
|
||
|
|
<path d="M289.31 242.65l-54.35-65.78C134.44 259.91 76.8 382.25 76.8 512.5h85.33c0-104.72 46.36-203.08 127.18-269.85zM861.87 512.5h85.33c0-130.35-57.72-252.75-158.35-335.8l-54.32 65.81C815.45 309.3 861.87 407.7 861.87 512.5z"
|
||
|
|
p-id="5524" fill="#1AA9B0"></path>
|
||
|
|
</svg>
|
||
|
|
</div>
|
||
|
|
<div style="float: left;width: 100px;height: 24px;left:45px;top:0px;position: absolute;color:#1AA9B0;font-size: 18px;letter-spacing: 0.45px;">
|
||
|
|
报警
|
||
|
|
</div>
|
||
|
|
<div style="float: left;width: 110px;height: 18px;left:8px;top:26px;position: absolute;color:#1AA9B0;font-size: 12px;">
|
||
|
|
<div style="float: left;">发生数:</div>
|
||
|
|
<div class="alarmNum" style="float: left;">0</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="tab_ck_2"
|
||
|
|
style="float: left;width: 25%;height:100%;display: none;position:relative;cursor: pointer;">
|
||
|
|
<div style="float: left;left:0px;top:10px;width: 100%;height:23px;background: url(<%=request.getContextPath()%>/IMG/dataVisual/TAB底图.png);background-size: 100% 100%;position: absolute;">
|
||
|
|
</div>
|
||
|
|
<div style="float: left;width: 24px;height: 24px;left:8px;top:0px;position: absolute;">
|
||
|
|
<svg t="1711071429403" class="icon" viewBox="0 0 1024 1024" p-id="6633" width="24" height="24">
|
||
|
|
<path d="M512 85.333333C277.333333 85.333333 85.333333 277.333333 85.333333 512s192 426.666667 426.666667 426.666667 426.666667-192 426.666667-426.666667S746.666667 85.333333 512 85.333333z m0 768c-187.733333 0-341.333333-153.6-341.333333-341.333333s153.6-341.333333 341.333333-341.333333 341.333333 153.6 341.333333 341.333333-153.6 341.333333-341.333333 341.333333z"
|
||
|
|
fill="#D9F6FB" p-id="6634"></path>
|
||
|
|
<path d="M512 665.6c-12.8 0-25.6 4.266667-34.133333 12.8-8.533333 8.533333-12.8 21.333333-12.8 34.133333 0 17.066667 4.266667 25.6 12.8 38.4 8.533333 8.533333 21.333333 12.8 38.4 12.8 12.8 0 25.6-4.266667 38.4-12.8 8.533333-8.533333 12.8-21.333333 12.8-38.4 0-12.8-4.266667-25.6-12.8-34.133333-17.066667-8.533333-29.866667-12.8-42.666667-12.8zM516.266667 256c-17.066667 0-29.866667 4.266667-38.4 17.066667-8.533333 12.8-12.8 25.6-12.8 42.666666 0 12.8 0 38.4 4.266666 68.266667l12.8 162.133333c4.266667 42.666667 12.8 64 34.133334 64s34.133333-21.333333 34.133333-59.733333l12.8-166.4c0-17.066667 4.266667-34.133333 4.266667-46.933333 0-25.6-4.266667-42.666667-8.533334-51.2-8.533333-21.333333-25.6-29.866667-42.666666-29.866667z"
|
||
|
|
fill="#D9F6FB" p-id="6635"></path>
|
||
|
|
</svg>
|
||
|
|
</div>
|
||
|
|
<div style="float: left;width: 100px;height: 24px;left:45px;top:0px;position: absolute;color:#D9F6FB;font-size: 18px;letter-spacing: 0.45px;">
|
||
|
|
异常
|
||
|
|
</div>
|
||
|
|
<div style="float: left;width: 110px;height: 18px;left:8px;top:26px;position: absolute;color:#1AA9B0;font-size: 12px;">
|
||
|
|
<div style="float: left;">待处理:</div>
|
||
|
|
<div class="YCDCLNum" style="float: left;">0</div>
|
||
|
|
<div style="float: left;padding-left: 2px;">已完成:</div>
|
||
|
|
<div class="YCYWCNum" style="float: left;">0</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="tab_unck_2"
|
||
|
|
style="float: left;width: 25%;height:100%;display: block;position:relative;cursor: pointer;"
|
||
|
|
onclick="changeTab('2')">
|
||
|
|
<div style="float: left;width: 24px;height: 24px;left:8px;top:0px;position: absolute;">
|
||
|
|
<svg t="1711071429403" class="icon" viewBox="0 0 1024 1024" p-id="6633" width="24" height="24">
|
||
|
|
<path d="M512 85.333333C277.333333 85.333333 85.333333 277.333333 85.333333 512s192 426.666667 426.666667 426.666667 426.666667-192 426.666667-426.666667S746.666667 85.333333 512 85.333333z m0 768c-187.733333 0-341.333333-153.6-341.333333-341.333333s153.6-341.333333 341.333333-341.333333 341.333333 153.6 341.333333 341.333333-153.6 341.333333-341.333333 341.333333z"
|
||
|
|
fill="#1AA9B0" p-id="6634"></path>
|
||
|
|
<path d="M512 665.6c-12.8 0-25.6 4.266667-34.133333 12.8-8.533333 8.533333-12.8 21.333333-12.8 34.133333 0 17.066667 4.266667 25.6 12.8 38.4 8.533333 8.533333 21.333333 12.8 38.4 12.8 12.8 0 25.6-4.266667 38.4-12.8 8.533333-8.533333 12.8-21.333333 12.8-38.4 0-12.8-4.266667-25.6-12.8-34.133333-17.066667-8.533333-29.866667-12.8-42.666667-12.8zM516.266667 256c-17.066667 0-29.866667 4.266667-38.4 17.066667-8.533333 12.8-12.8 25.6-12.8 42.666666 0 12.8 0 38.4 4.266666 68.266667l12.8 162.133333c4.266667 42.666667 12.8 64 34.133334 64s34.133333-21.333333 34.133333-59.733333l12.8-166.4c0-17.066667 4.266667-34.133333 4.266667-46.933333 0-25.6-4.266667-42.666667-8.533334-51.2-8.533333-21.333333-25.6-29.866667-42.666666-29.866667z"
|
||
|
|
fill="#1AA9B0" p-id="6635"></path>
|
||
|
|
</svg>
|
||
|
|
</div>
|
||
|
|
<div style="float: left;width: 100px;height: 24px;left:45px;top:0px;position: absolute;color:#1AA9B0;font-size: 18px;letter-spacing: 0.45px;">
|
||
|
|
异常
|
||
|
|
</div>
|
||
|
|
<div style="float: left;width: 110px;height: 18px;left:8px;top:26px;position: absolute;color:#1AA9B0;font-size: 12px;">
|
||
|
|
<div style="float: left;">待处理:</div>
|
||
|
|
<div class="YCDCLNum" style="float: left;">0</div>
|
||
|
|
<div style="float: left;padding-left: 2px;">已完成:</div>
|
||
|
|
<div class="YCYWCNum" style="float: left;">0</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="tab_ck_3"
|
||
|
|
style="float: left;width: 25%;height:100%;display: none;position:relative;cursor: pointer;">
|
||
|
|
<div style="float: left;left:0px;top:10px;width: 100%;height:23px;background: url(<%=request.getContextPath()%>/IMG/dataVisual/TAB底图.png);background-size: 100% 100%;position: absolute;">
|
||
|
|
</div>
|
||
|
|
<div style="float: left;width: 24px;height: 24px;left:8px;top:0px;position: absolute;">
|
||
|
|
<svg t="1711073074065" class="icon" viewBox="0 0 1027 1024" p-id="7703" width="24" height="24">
|
||
|
|
<path d="M835.707408 791.0893c8.945488 8.935549 8.945488 23.039602-0.268365 32.52182-8.667184 8.408759-22.771238 8.408759-31.99503-0.546669l-140.434229-140.145985c-8.667184-8.935549-8.667184-23.039602 0.546669-32.253456 8.677124-8.677124 23.317907-8.677124 32.531759 0L835.707408 791.0893zM773.625718 0c14.640783 0 29.55987 1.083398 44.190713 4.601957 15.455816 2.713465 29.54993 7.325361 43.107315 13.020655 18.974375 8.130455 28.198167 30.633328 19.789408 50.154372a39.638453 39.638453 0 0 1-7.86209 11.927318c-29.013201 29.003261-58.016462 57.748098-86.761299 86.751359l4.880261 17.354247 4.343532 17.622613 17.890977 4.88026 17.354247 4.611897c28.734897-29.003261 57.748098-57.479733 86.751359-86.761299 14.650722-14.909147 39.042087-14.909147 54.2196 0 4.343532 4.611896 7.593726 10.307191 9.223792 16.27085a195.558317 195.558317 0 0 1 11.658953 38.495418v0.546669h0.268365c2.703525 13.825749 4.343532 28.734897 4.343532 44.459078 0 60.998292-25.216338 117.116322-65.610188 157.788476-40.125485 40.39385-96.52182 65.341823-157.788477 65.341823-4.343532 0-8.677124-0.268365-13.020655-0.268364l-42.292282 41.745612L950.935238 721.145519l1.888492 2.166797a156.715018 156.715018 0 0 1 44.190713 109.254232c0 40.125485-15.177512 80.519335-46.089144 111.152663l-0.546669 0.546669c-30.901693 30.374903-70.490449 45.552415-110.615934 45.552415s-81.056065-15.177512-111.152663-46.099084l-233.159187-232.880882-237.741264 238.307812c-49.617642 49.607703-109.532536 53.951235-158.60351 32.810063-18.974375-7.86209-36.050318-19.789408-50.154371-33.893461h-0.268365c-14.094114-14.362479-25.753067-31.179997-33.615158-49.886007-21.141171-49.070974-16.807579-109.254232 33.078429-158.593571v-0.546669L313.290884 473.892219l-97.05855-97.058549-86.214629-25.753067a37.740022 37.740022 0 0 1-24.401305-21.419475L22.930269 135.822333c-7.593726-14.094114-5.148626-32.53176 6.778692-44.459078L64.407517 56.933064 98.569343 22.771238c10.575555-10.565616 27.114769-14.640783 41.755552-8.130455l196.283895 83.769529a37.571051 37.571051 0 0 1 21.68784 24.401305l25.484703 86.214629 97.058549 97.05855 69.675415-69.138686c-0.268365-4.880261-0.546669-9.492157-0.546668-13.010716h0.268364c0-62.08169 24.947973-118.19972 65.341824-158.325206v-0.278304c40.383911-40.115546 96.511881-65.331884 158.046901-65.331884z m-109.532536 542.752601l-114.402857 114.412797 232.602578 232.602578c15.455816 15.724181 36.865352 23.854636 57.469793 23.854636s41.487187-8.130455 56.943004-23.586271l0.536729-0.268365c15.724181-15.177512 23.049542-36.596987 23.049542-57.201428 0-20.067712-7.325361-40.39385-21.966144-55.581302l-1.620127-1.620127-232.612518-232.612518zM366.963814 420.209349l59.914894-59.636589-103.837242-104.105607a38.525237 38.525237 0 0 1-10.297251-18.974375l-22.502873-76.185743L134.082932 95.428483l-15.992545 15.72418-15.992546 16.260911 66.425222 156.158409 78.620903 23.049542c6.510328 1.898431 11.927318 5.148626 16.27085 10.028887L366.963814 420.209349zM768.208728 76.454108a146.248796 146.248796 0 0 0-98.688616 43.375679 145.562976 145.562976 0 0 0-43.37568 104.105607h0.546669v10.575555l1.083398 8.945488c2.703525 11.927318-1.083398 24.938034-10.30719 34.430191L102.097841 792.987731h-0.268364c-23.854636 24.669669-26.568101 52.599472-16.807579 75.639074 4.065228 8.935549 10.307191 17.890977 17.622612 25.474764 7.86209 7.593726 16.539214 13.557385 26.031371 17.622612 23.039602 10.028886 50.701041 7.315422 75.092406-16.539214l264.060879-264.05094 1.083398-1.083398 168.085728-168.354092 1.083398-1.351763 80.7877-80.250971h0.268364c7.86209-8.677124 20.067712-13.010716 32.263395-11.112284 3.796863 0.536729 7.315422 1.083398 11.390589 1.083398 2.703525 0.268365 6.500388 0.546669 10.84392 0.546669 40.672154 0 77.537506-16.539214 104.105606-42.560646v-0.546669c25.216338-24.938034 41.208883-59.914894 42.570586-98.688616-16.539214 16.807579-33.078428 33.078428-49.617643 50.154371-9.482218 10.565616-23.854636 14.909147-38.495418 11.658954l-38.495419-10.575556-39.042087-10.565615c-13.020655-3.528498-23.586271-13.020655-27.11477-27.11477l-10.297251-39.042087-10.575555-39.04
|
||
|
|
fill="#D9F6FB" p-id="7704"></path>
|
||
|
|
</svg>
|
||
|
|
</div>
|
||
|
|
<div style="float: left;width: 100px;height: 24px;left:45px;top:0px;position: absolute;color:#D9F6FB;font-size: 18px;letter-spacing: 0.45px;">
|
||
|
|
维修
|
||
|
|
</div>
|
||
|
|
<div style="float: left;width: 110px;height: 18px;left:8px;top:26px;position: absolute;color:#1AA9B0;font-size: 12px;">
|
||
|
|
<div style="float: left;">待处理:</div>
|
||
|
|
<div class="WXDCLNum" style="float: left;">0</div>
|
||
|
|
<div style="float: left;padding-left: 2px;">已完成:</div>
|
||
|
|
<div class="WXYWCNum" style="float: left;">0</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="tab_unck_3"
|
||
|
|
style="float: left;width: 25%;height:100%;display: block;position:relative;cursor: pointer;"
|
||
|
|
onclick="changeTab('3')">
|
||
|
|
<div style="float: left;width: 24px;height: 24px;left:8px;top:0px;position: absolute;">
|
||
|
|
<svg t="1711073074065" class="icon" viewBox="0 0 1027 1024" p-id="7703" width="24" height="24">
|
||
|
|
<path d="M835.707408 791.0893c8.945488 8.935549 8.945488 23.039602-0.268365 32.52182-8.667184 8.408759-22.771238 8.408759-31.99503-0.546669l-140.434229-140.145985c-8.667184-8.935549-8.667184-23.039602 0.546669-32.253456 8.677124-8.677124 23.317907-8.677124 32.531759 0L835.707408 791.0893zM773.625718 0c14.640783 0 29.55987 1.083398 44.190713 4.601957 15.455816 2.713465 29.54993 7.325361 43.107315 13.020655 18.974375 8.130455 28.198167 30.633328 19.789408 50.154372a39.638453 39.638453 0 0 1-7.86209 11.927318c-29.013201 29.003261-58.016462 57.748098-86.761299 86.751359l4.880261 17.354247 4.343532 17.622613 17.890977 4.88026 17.354247 4.611897c28.734897-29.003261 57.748098-57.479733 86.751359-86.761299 14.650722-14.909147 39.042087-14.909147 54.2196 0 4.343532 4.611896 7.593726 10.307191 9.223792 16.27085a195.558317 195.558317 0 0 1 11.658953 38.495418v0.546669h0.268365c2.703525 13.825749 4.343532 28.734897 4.343532 44.459078 0 60.998292-25.216338 117.116322-65.610188 157.788476-40.125485 40.39385-96.52182 65.341823-157.788477 65.341823-4.343532 0-8.677124-0.268365-13.020655-0.268364l-42.292282 41.745612L950.935238 721.145519l1.888492 2.166797a156.715018 156.715018 0 0 1 44.190713 109.254232c0 40.125485-15.177512 80.519335-46.089144 111.152663l-0.546669 0.546669c-30.901693 30.374903-70.490449 45.552415-110.615934 45.552415s-81.056065-15.177512-111.152663-46.099084l-233.159187-232.880882-237.741264 238.307812c-49.617642 49.607703-109.532536 53.951235-158.60351 32.810063-18.974375-7.86209-36.050318-19.789408-50.154371-33.893461h-0.268365c-14.094114-14.362479-25.753067-31.179997-33.615158-49.886007-21.141171-49.070974-16.807579-109.254232 33.078429-158.593571v-0.546669L313.290884 473.892219l-97.05855-97.058549-86.214629-25.753067a37.740022 37.740022 0 0 1-24.401305-21.419475L22.930269 135.822333c-7.593726-14.094114-5.148626-32.53176 6.778692-44.459078L64.407517 56.933064 98.569343 22.771238c10.575555-10.565616 27.114769-14.640783 41.755552-8.130455l196.283895 83.769529a37.571051 37.571051 0 0 1 21.68784 24.401305l25.484703 86.214629 97.058549 97.05855 69.675415-69.138686c-0.268365-4.880261-0.546669-9.492157-0.546668-13.010716h0.268364c0-62.08169 24.947973-118.19972 65.341824-158.325206v-0.278304c40.383911-40.115546 96.511881-65.331884 158.046901-65.331884z m-109.532536 542.752601l-114.402857 114.412797 232.602578 232.602578c15.455816 15.724181 36.865352 23.854636 57.469793 23.854636s41.487187-8.130455 56.943004-23.586271l0.536729-0.268365c15.724181-15.177512 23.049542-36.596987 23.049542-57.201428 0-20.067712-7.325361-40.39385-21.966144-55.581302l-1.620127-1.620127-232.612518-232.612518zM366.963814 420.209349l59.914894-59.636589-103.837242-104.105607a38.525237 38.525237 0 0 1-10.297251-18.974375l-22.502873-76.185743L134.082932 95.428483l-15.992545 15.72418-15.992546 16.260911 66.425222 156.158409 78.620903 23.049542c6.510328 1.898431 11.927318 5.148626 16.27085 10.028887L366.963814 420.209349zM768.208728 76.454108a146.248796 146.248796 0 0 0-98.688616 43.375679 145.562976 145.562976 0 0 0-43.37568 104.105607h0.546669v10.575555l1.083398 8.945488c2.703525 11.927318-1.083398 24.938034-10.30719 34.430191L102.097841 792.987731h-0.268364c-23.854636 24.669669-26.568101 52.599472-16.807579 75.639074 4.065228 8.935549 10.307191 17.890977 17.622612 25.474764 7.86209 7.593726 16.539214 13.557385 26.031371 17.622612 23.039602 10.028886 50.701041 7.315422 75.092406-16.539214l264.060879-264.05094 1.083398-1.083398 168.085728-168.354092 1.083398-1.351763 80.7877-80.250971h0.268364c7.86209-8.677124 20.067712-13.010716 32.263395-11.112284 3.796863 0.536729 7.315422 1.083398 11.390589 1.083398 2.703525 0.268365 6.500388 0.546669 10.84392 0.546669 40.672154 0 77.537506-16.539214 104.105606-42.560646v-0.546669c25.216338-24.938034 41.208883-59.914894 42.570586-98.688616-16.539214 16.807579-33.078428 33.078428-49.617643 50.154371-9.482218 10.565616-23.854636 14.909147-38.495418 11.658954l-38.495419-10.575556-39.042087-10.565615c-13.020655-3.528498-23.586271-13.020655-27.11477-27.11477l-10.297251-39.042087-10.575555-39.04
|
||
|
|
fill="#1AA9B0" p-id="7704"></path>
|
||
|
|
</svg>
|
||
|
|
</div>
|
||
|
|
<div style="float: left;width: 100px;height: 24px;left:45px;top:0px;position: absolute;color:#1AA9B0;font-size: 18px;letter-spacing: 0.45px;">
|
||
|
|
维修
|
||
|
|
</div>
|
||
|
|
<div style="float: left;width: 110px;height: 18px;left:8px;top:26px;position: absolute;color:#1AA9B0;font-size: 12px;">
|
||
|
|
<div style="float: left;">待处理:</div>
|
||
|
|
<div class="WXDCLNum" style="float: left;">0</div>
|
||
|
|
<div style="float: left;padding-left: 2px;">已完成:</div>
|
||
|
|
<div class="WXYWCNum" style="float: left;">0</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="tab_ck_4"
|
||
|
|
style="float: left;width: 25%;height:100%;display: none;position:relative;cursor: pointer;">
|
||
|
|
<div style="float: left;left:0px;top:10px;width: 100%;height:23px;background: url(<%=request.getContextPath()%>/IMG/dataVisual/TAB底图.png);background-size: 100% 100%;position: absolute;">
|
||
|
|
</div>
|
||
|
|
<div style="float: left;width: 24px;height: 24px;left:12px;top:0px;position: absolute;">
|
||
|
|
<svg t="1711073426580" class="icon" viewBox="0 0 1024 1024" p-id="11471" width="24" height="24">
|
||
|
|
<path d="M497.166 511.405L295.113 308.991l-88.4 88.554 290.453 290.976 449.64-450.433v329.799C897.583 815.392 512 1022.976 512 1022.976S126.419 815.392 77.194 567.888v-439.12S317.161 150.724 512 1.024C642.874 101.58 793.79 124.59 878.986 128.918l-381.82 382.487z"
|
||
|
|
fill="#D9F6FB" p-id="11472"></path>
|
||
|
|
</svg>
|
||
|
|
</div>
|
||
|
|
<div style="float: left;width: 100px;height: 24px;left:45px;top:0px;position: absolute;color:#D9F6FB;font-size: 18px;letter-spacing: 0.45px;">
|
||
|
|
保养
|
||
|
|
</div>
|
||
|
|
<div style="float: left;width: 110px;height: 18px;left:8px;top:26px;position: absolute;color:#1AA9B0;font-size: 12px;">
|
||
|
|
<div style="float: left;">待处理:</div>
|
||
|
|
<div class="BYDCLNum" style="float: left;">0</div>
|
||
|
|
<div style="float: left;padding-left: 2px;">已完成:</div>
|
||
|
|
<div class="BYYWCNum" style="float: left;">0</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="tab_unck_4"
|
||
|
|
style="float: left;width: 25%;height:100%;display: block;position:relative;cursor: pointer;"
|
||
|
|
onclick="changeTab('4')">
|
||
|
|
<div style="float: left;width: 24px;height: 24px;left:12px;top:0px;position: absolute;">
|
||
|
|
<svg t="1711073426580" class="icon" viewBox="0 0 1024 1024" p-id="11471" width="24" height="24">
|
||
|
|
<path d="M497.166 511.405L295.113 308.991l-88.4 88.554 290.453 290.976 449.64-450.433v329.799C897.583 815.392 512 1022.976 512 1022.976S126.419 815.392 77.194 567.888v-439.12S317.161 150.724 512 1.024C642.874 101.58 793.79 124.59 878.986 128.918l-381.82 382.487z"
|
||
|
|
fill="#1AA9B0" p-id="11472"></path>
|
||
|
|
</svg>
|
||
|
|
</div>
|
||
|
|
<div style="float: left;width: 100px;height: 24px;left:45px;top:0px;position: absolute;color:#1AA9B0;font-size: 18px;letter-spacing: 0.45px;">
|
||
|
|
保养
|
||
|
|
</div>
|
||
|
|
<div style="float: left;width: 110px;height: 18px;left:8px;top:26px;position: absolute;color:#1AA9B0;font-size: 12px;">
|
||
|
|
<div style="float: left;">待处理:</div>
|
||
|
|
<div class="BYDCLNum" style="float: left;">0</div>
|
||
|
|
<div style="float: left;padding-left: 2px;">已完成:</div>
|
||
|
|
<div class="BYYWCNum" style="float: left;">0</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div style="float: left;width: 100%;height:calc((100% - 50px)*0.4);">
|
||
|
|
<div id="barChart" style="width: 100%;height: 100%;"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div style="float: left;width: 100%;height:calc((100% - 50px)*0.6);padding-left: 10px;padding-right: 10px;">
|
||
|
|
<table id="orderTable" style="width: 100%;height: 100%;table-layout: fixed;"></table>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<!-- /.content -->
|
||
|
|
</div>
|
||
|
|
<%-- <jsp:include page="/jsp/bottom.jsp"></jsp:include> --%>
|
||
|
|
<%-- <jsp:include page="/jsp/side.jsp"></jsp:include> --%>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|