1266 lines
50 KiB
Plaintext
1266 lines
50 KiB
Plaintext
|
<%@page import="com.sipai.tools.CommString"%>
|
|||
|
|
<%@page import="com.sipai.entity.maintenance.MaintenanceDetail"%>
|
|||
|
|
<%@page import="com.sipai.service.maintenance.MaintenanceDetailService"%>
|
|||
|
|
<%@page import="com.sipai.entity.maintenance.MaintenanceCommString"%>
|
|||
|
|
<%@page import="com.sipai.entity.equipment.EquipmentCommStr"%>
|
|||
|
|
<%@page import="com.sipai.entity.equipment.EquipmentCard"%>
|
|||
|
|
<%@ 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"%>
|
|||
|
|
|
|||
|
|
<%request.setAttribute("Status_OFF", EquipmentCard.Status_OFF); %>
|
|||
|
|
<%request.setAttribute("Status_ON", EquipmentCard.Status_ON); %>
|
|||
|
|
<%request.setAttribute("Status_Fault", EquipmentCard.Status_Fault); %>
|
|||
|
|
<%request.setAttribute("Status_Transfer", EquipmentCard.Status_Transfer); %>
|
|||
|
|
<%request.setAttribute("Status_Scrap", EquipmentCard.Status_Scrap); %>
|
|||
|
|
<%request.setAttribute("Status_STOP", EquipmentCard.Status_STOP); %>
|
|||
|
|
<%request.setAttribute("UserType_Maintainer", CommString.UserType_Maintainer); %>
|
|||
|
|
<%request.setAttribute("Status_Finish",MaintenanceDetail.Status_Finish);%>
|
|||
|
|
<%request.setAttribute("Status_Start",MaintenanceDetail.Status_Start);%>
|
|||
|
|
|
|||
|
|
<%request.setAttribute("MAINTENANCE_TYPE_REPAIR",MaintenanceCommString.MAINTENANCE_TYPE_REPAIR);%>
|
|||
|
|
<%request.setAttribute("MAINTENANCE_TYPE_OVERHAUL",MaintenanceCommString.MAINTENANCE_TYPE_OVERHAUL);%>
|
|||
|
|
<%request.setAttribute("MAINTENANCE_TYPE_MAINTAIN",MaintenanceCommString.MAINTENANCE_TYPE_MAINTAIN);%>
|
|||
|
|
|
|||
|
|
<%request.setAttribute("Equipment_Level_All",com.sipai.entity.equipment.EquipmentCommStr.Equipment_Level_All);%>
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<!-- <html lang="zh-CN"> -->
|
|||
|
|
<!-- BEGIN HEAD -->
|
|||
|
|
<head>
|
|||
|
|
<title><%= ServerObject.atttable.get("TOPTITLE")%></title>
|
|||
|
|
<!-- 引用页头及CSS页-->
|
|||
|
|
<jsp:include page="/jsp/inc.jsp"></jsp:include>
|
|||
|
|
|
|||
|
|
<script src="<%=request.getContextPath()%>/JS/activiti/workflow.js" type="text/javascript"></script>
|
|||
|
|
<script src="<%=request.getContextPath()%>/JS/qtip/jquery.qtip.min.js" type="text/javascript"></script>
|
|||
|
|
<!-- 引入slimscroll-->
|
|||
|
|
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/AdminLTE/js/jquery.slimscroll.min.js"
|
|||
|
|
charset="utf-8"></script>
|
|||
|
|
<!-- 日历 -->
|
|||
|
|
<link rel="stylesheet" href="<%=request.getContextPath()%>/node_modules/fullcalendar/dist/fullcalendar.min.css" />
|
|||
|
|
<link rel="stylesheet"
|
|||
|
|
href="<%=request.getContextPath()%>/node_modules/fullcalendar/dist/fullcalendar.print.min.css" media='print' />
|
|||
|
|
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/moment/min/moment.min.js"
|
|||
|
|
charset="utf-8"></script>
|
|||
|
|
<script type="text/javascript"
|
|||
|
|
src="<%=request.getContextPath()%>/node_modules/fullcalendar/dist/fullcalendar.min.js" charset="utf-8"></script>
|
|||
|
|
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/fullcalendar/dist/locale/zh-cn.js"
|
|||
|
|
charset="utf-8"></script>
|
|||
|
|
<!-- 引入daterangepicker-->
|
|||
|
|
<link rel="stylesheet" href="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/daterangepicker.css" />
|
|||
|
|
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/moment.min.js"
|
|||
|
|
charset="utf-8"></script>
|
|||
|
|
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/daterangepicker.js"
|
|||
|
|
charset="utf-8"></script>
|
|||
|
|
<style>
|
|||
|
|
.box.box-white {
|
|||
|
|
border-top: 0;
|
|||
|
|
}
|
|||
|
|
.btn-top>.btn{
|
|||
|
|
font-size: 12px;
|
|||
|
|
font-family: MicrosoftYaHei, MicrosoftYaHei-Bold;
|
|||
|
|
font-weight: 700;
|
|||
|
|
line-height: 16px;
|
|||
|
|
letter-spacing: 1px;
|
|||
|
|
padding:10px 35px;
|
|||
|
|
margin:0 20px;
|
|||
|
|
}
|
|||
|
|
.box-middle{
|
|||
|
|
height:380px;
|
|||
|
|
}
|
|||
|
|
.box-middle > .box-body{
|
|||
|
|
height:90%;
|
|||
|
|
}
|
|||
|
|
.box-label{
|
|||
|
|
height:90px;
|
|||
|
|
}
|
|||
|
|
.box-label > .box-body>div{
|
|||
|
|
width:11%;
|
|||
|
|
float: left;
|
|||
|
|
text-align:center;
|
|||
|
|
}
|
|||
|
|
.lable-gray{
|
|||
|
|
font-size: 16px;
|
|||
|
|
font-family: MicrosoftYaHei;
|
|||
|
|
text-align: left;
|
|||
|
|
color: #606163;
|
|||
|
|
line-height: 21px;
|
|||
|
|
padding:0 10px;
|
|||
|
|
margin-bottom: 8px;
|
|||
|
|
margin-top: 5%;
|
|||
|
|
}
|
|||
|
|
.lable-black{
|
|||
|
|
font-size: 21px;
|
|||
|
|
font-family: Helvetica;
|
|||
|
|
text-align: left;
|
|||
|
|
color: #001423;
|
|||
|
|
line-height: 25px;
|
|||
|
|
padding:0 10px;
|
|||
|
|
}
|
|||
|
|
.btn-white{
|
|||
|
|
margin: 0 auto;
|
|||
|
|
width: 152px;
|
|||
|
|
height: 91px;
|
|||
|
|
color: #132046;
|
|||
|
|
border: 2px dashed #e4e8f6;
|
|||
|
|
border-radius: 12px;
|
|||
|
|
padding-top: 15px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.btn-white >.fa-plus{
|
|||
|
|
width: 40px;
|
|||
|
|
height: 40px;
|
|||
|
|
background: #f7f8fb;
|
|||
|
|
border-radius: 20px;
|
|||
|
|
padding-top: 12px;
|
|||
|
|
}
|
|||
|
|
.box-calendar,.tabs-table{
|
|||
|
|
height:575px;
|
|||
|
|
}
|
|||
|
|
.box-calendar>.box-body{
|
|||
|
|
height:90%;
|
|||
|
|
}
|
|||
|
|
.tab-pane{
|
|||
|
|
height:100%;
|
|||
|
|
}
|
|||
|
|
.tab-content{
|
|||
|
|
height:85%;
|
|||
|
|
}
|
|||
|
|
.fc-toolbar {
|
|||
|
|
padding: 0px;
|
|||
|
|
margin: 0px;
|
|||
|
|
}
|
|||
|
|
.fc-toolbar.fc-header-toolbar {
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
|
|||
|
|
var companyId = "";
|
|||
|
|
|
|||
|
|
var beginTimeStore = '';
|
|||
|
|
var endTimeStore = '';
|
|||
|
|
// 起止日期选择
|
|||
|
|
function initDate() {
|
|||
|
|
// 定义locale汉化插件
|
|||
|
|
beginTimeStore = moment().subtract(30, 'days').format('YYYY-MM-DD');;
|
|||
|
|
endTimeStore = moment().subtract(-1, 'days').format('YYYY-MM-DD');
|
|||
|
|
var locale = {
|
|||
|
|
"format": 'YYYY-MM-DD',
|
|||
|
|
"separator": " ~ ",
|
|||
|
|
"applyLabel": "确定",
|
|||
|
|
"cancelLabel": "取消",
|
|||
|
|
"fromLabel": "起始时间",
|
|||
|
|
"toLabel": "结束时间'",
|
|||
|
|
"customRangeLabel": "自定义",
|
|||
|
|
"weekLabel": "W",
|
|||
|
|
"daysOfWeek": ["日", "一", "二", "三", "四", "五", "六"],
|
|||
|
|
"monthNames": ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
|
|||
|
|
"firstDay": 1
|
|||
|
|
};
|
|||
|
|
$('#reservationtime').daterangepicker({
|
|||
|
|
"timePicker": false,
|
|||
|
|
"timePicker24Hour": false,
|
|||
|
|
"linkedCalendars": false,
|
|||
|
|
"autoUpdateInput": false,
|
|||
|
|
"timePickerIncrement": 10,
|
|||
|
|
"locale": locale,
|
|||
|
|
// 汉化按钮部分
|
|||
|
|
ranges: {
|
|||
|
|
'今日': [moment(), moment().subtract(-1, 'days')],
|
|||
|
|
'昨日': [moment().subtract(1, 'days'), moment()],
|
|||
|
|
'最近7日': [moment().subtract(6, 'days'), moment().subtract(-1, 'days')],
|
|||
|
|
'本月': [moment().startOf('month'), moment().endOf('month').subtract(-1, 'days')],
|
|||
|
|
'上月': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month').subtract(-1, 'days')]
|
|||
|
|
},
|
|||
|
|
startDate: beginTimeStore,
|
|||
|
|
endDate: endTimeStore
|
|||
|
|
}, function (start, end, label) {
|
|||
|
|
beginTimeStore = start.format(this.locale.format);
|
|||
|
|
endTimeStore = end.format(this.locale.format);
|
|||
|
|
if (!this.startDate) {
|
|||
|
|
this.element.val('');
|
|||
|
|
} else {
|
|||
|
|
this.element.val(this.startDate.format(this.locale.format) + this.locale.separator + this.endDate.format(this.locale.format));
|
|||
|
|
}
|
|||
|
|
dosearch();
|
|||
|
|
});
|
|||
|
|
$('#reservationtime').val(beginTimeStore + locale.separator + endTimeStore);
|
|||
|
|
};
|
|||
|
|
//临时任务
|
|||
|
|
function doTable(id,size){
|
|||
|
|
if(size==null || size==undefined){
|
|||
|
|
size = 10;
|
|||
|
|
}
|
|||
|
|
var height = $("#"+id).parent().height();
|
|||
|
|
$("#"+id).bootstrapTable({
|
|||
|
|
//url:"",
|
|||
|
|
height:height,
|
|||
|
|
striped: false, //是否显示行间隔色
|
|||
|
|
cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
|
|||
|
|
pagination: true, //是否显示分页（*）
|
|||
|
|
sidePagination: "client", //分页方式：client客户端分页，server服务端分页（*）
|
|||
|
|
pageNumber:1, //初始化加载第一页，默认第一页
|
|||
|
|
pageSize: size, //每页的记录行数（*）
|
|||
|
|
pageList: [10,20], //可供选择的每页的行数（*）
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
//巡检统计等bar
|
|||
|
|
function doBar(id,data,type,colorNum){
|
|||
|
|
const colorList = ['#F0B253', '#397EFA', '#9E70C7', '#47C1C8', '#F55945', '#A84ECB'];
|
|||
|
|
// 基于准备好的dom，初始化echarts实例
|
|||
|
|
var myChart = echarts.init(document.getElementById(id));
|
|||
|
|
|
|||
|
|
$.post(ext.contextPath + "/maintenance/abnormity/getPatrolAbnormal.do", {
|
|||
|
|
companyId: companyId,
|
|||
|
|
pSectionId: $("#processSection").val(),
|
|||
|
|
equipmentLevel: $("#equipmentLevel").val(),
|
|||
|
|
equipmentClass: $("#equipmentClass").val(),
|
|||
|
|
sdt: beginTimeStore,
|
|||
|
|
edt: endTimeStore,
|
|||
|
|
type: type
|
|||
|
|
}, function (data) {
|
|||
|
|
var option = {
|
|||
|
|
color: colorList[colorNum],
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'axis',
|
|||
|
|
},
|
|||
|
|
grid: {
|
|||
|
|
left: '1%',
|
|||
|
|
right: '1%',
|
|||
|
|
top: '5%',
|
|||
|
|
bottom: '5%',
|
|||
|
|
containLabel: true
|
|||
|
|
},
|
|||
|
|
xAxis: [
|
|||
|
|
{
|
|||
|
|
type: 'category',
|
|||
|
|
data: data.name,
|
|||
|
|
axisLine: {
|
|||
|
|
lineStyle:{
|
|||
|
|
color:'#8A88B7',
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
axisLabel: {
|
|||
|
|
color:'#8A88B7',
|
|||
|
|
},
|
|||
|
|
axisTick: {
|
|||
|
|
show: false
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
yAxis: [
|
|||
|
|
{
|
|||
|
|
type: 'value',
|
|||
|
|
axisLine: {
|
|||
|
|
lineStyle:{
|
|||
|
|
color:'#8A88B7',
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
axisLabel: {
|
|||
|
|
color:'#8A88B7',
|
|||
|
|
},
|
|||
|
|
axisTick: {
|
|||
|
|
show: false
|
|||
|
|
},
|
|||
|
|
//网格样式
|
|||
|
|
splitLine: {
|
|||
|
|
show: true,
|
|||
|
|
lineStyle:{
|
|||
|
|
color: '#8A88B7',
|
|||
|
|
type: 'dashed',
|
|||
|
|
opacity:0.3,
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
series: [
|
|||
|
|
{
|
|||
|
|
name: '数量',
|
|||
|
|
type: 'bar',
|
|||
|
|
barWidth: '40%',
|
|||
|
|
barMaxWidth: 40 ,
|
|||
|
|
data: data.number
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
myChart.clear();
|
|||
|
|
myChart.setOption(option, true);
|
|||
|
|
}, 'json');
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
function patrolAbnormal(type){
|
|||
|
|
$.post(ext.contextPath + "/maintenance/abnormity/getPatrolAbnormal.do", {
|
|||
|
|
companyId: companyId,
|
|||
|
|
pSectionId: $("#processSection").val(),
|
|||
|
|
equipmentLevel: $("#equipmentLevel").val(),
|
|||
|
|
equipmentClass: $("#equipmentClass").val(),
|
|||
|
|
sdt: beginTimeStore,
|
|||
|
|
edt: endTimeStore,
|
|||
|
|
type: type
|
|||
|
|
}, function (data) {
|
|||
|
|
doBar('chart1',data,type,'1')
|
|||
|
|
}, 'json');
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 维修统计柱状图
|
|||
|
|
var getRepairNumber = function (type) {
|
|||
|
|
$.post(ext.contextPath + "/maintenance/getMaintenanceNumber.do", {
|
|||
|
|
companyId: companyId,
|
|||
|
|
pSectionId: $("#processSection").val(),
|
|||
|
|
equipmentLevel: $("#equipmentLevel").val(),
|
|||
|
|
equipmentClass: $("#equipmentClass").val(),
|
|||
|
|
sdt: beginTimeStore,
|
|||
|
|
edt: endTimeStore,
|
|||
|
|
type: type,
|
|||
|
|
maintenanceType: '${MAINTENANCE_TYPE_REPAIR}'
|
|||
|
|
}, function (data) {
|
|||
|
|
doBar('chart2',data,type,'2');
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 养护计划柱状图
|
|||
|
|
var getMaintainNumber = function (type) {
|
|||
|
|
$.post(ext.contextPath + "/maintenance/getMaintenanceNumber.do", {
|
|||
|
|
companyId: companyId,
|
|||
|
|
pSectionId: $("#processSection").val(),
|
|||
|
|
equipmentLevel: $("#equipmentLevel").val(),
|
|||
|
|
equipmentClass: $("#equipmentClass").val(),
|
|||
|
|
sdt: beginTimeStore,
|
|||
|
|
edt: endTimeStore,
|
|||
|
|
type: type,
|
|||
|
|
maintenanceType: '${MAINTENANCE_TYPE_MAINTAIN}'
|
|||
|
|
}, function (data) {
|
|||
|
|
doBar('chart3',data,type,'3');
|
|||
|
|
}, 'json');
|
|||
|
|
};
|
|||
|
|
//故障统计等bar
|
|||
|
|
var getEquipmentFault = function (type) {
|
|||
|
|
// 基于准备好的dom，初始化echarts实例
|
|||
|
|
var myChart = echarts.init(document.getElementById('bar'));
|
|||
|
|
$.post(ext.contextPath + "/equipment/getEquipmentFaultsNumber.do", {
|
|||
|
|
companyId: companyId,
|
|||
|
|
pSectionId: $("#processSection").val(),
|
|||
|
|
equipmentLevel: $("#equipmentLevel").val(),
|
|||
|
|
equipmentClass: $("#equipmentClass").val(),
|
|||
|
|
sdt: beginTimeStore,
|
|||
|
|
edt: endTimeStore,
|
|||
|
|
type: type
|
|||
|
|
}, function (data) {
|
|||
|
|
/* var option = {
|
|||
|
|
dataset: {
|
|||
|
|
source: data.faultNumber,
|
|||
|
|
},
|
|||
|
|
grid: {
|
|||
|
|
left: '1%',
|
|||
|
|
right: '3%',
|
|||
|
|
top: '5%',
|
|||
|
|
bottom: '5%',
|
|||
|
|
containLabel: true
|
|||
|
|
},
|
|||
|
|
xAxis: {
|
|||
|
|
axisLine: {
|
|||
|
|
show: false
|
|||
|
|
},
|
|||
|
|
axisTick: {
|
|||
|
|
show: false
|
|||
|
|
},},
|
|||
|
|
yAxis: {type: 'category',
|
|||
|
|
axisLine: {
|
|||
|
|
show: false
|
|||
|
|
},
|
|||
|
|
axisTick: {
|
|||
|
|
show: false
|
|||
|
|
},},
|
|||
|
|
visualMap: {
|
|||
|
|
show: false,
|
|||
|
|
min: data[data.length-1][0],
|
|||
|
|
max: data[1][0],
|
|||
|
|
dimension: 0,
|
|||
|
|
inRange: {
|
|||
|
|
color: ['#B0D9FF', '#1890FF']
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
series: [
|
|||
|
|
{
|
|||
|
|
type: 'bar',
|
|||
|
|
encode: {
|
|||
|
|
// Map the "amount" column to X axis.
|
|||
|
|
x: '故障次数',
|
|||
|
|
// Map the "product" column to Y axis
|
|||
|
|
y: '故障类型'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
}; */
|
|||
|
|
var option = {
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'axis'
|
|||
|
|
},
|
|||
|
|
legend: {
|
|||
|
|
},
|
|||
|
|
grid: {
|
|||
|
|
left: '2%',
|
|||
|
|
right: '15%',
|
|||
|
|
top: '2%',
|
|||
|
|
bottom: '2%',
|
|||
|
|
containLabel: true
|
|||
|
|
},
|
|||
|
|
calculable: true,
|
|||
|
|
xAxis: [
|
|||
|
|
{
|
|||
|
|
type: 'value',
|
|||
|
|
boundaryGap: [0, 0.01],
|
|||
|
|
name: '数量（个）'
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
yAxis: [
|
|||
|
|
{
|
|||
|
|
type: 'category',
|
|||
|
|
data: data.faultName,
|
|||
|
|
// name : '故障类型'
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
series: [
|
|||
|
|
{
|
|||
|
|
type: 'bar',
|
|||
|
|
data: data.faultNumber,
|
|||
|
|
itemStyle: {
|
|||
|
|
normal: {
|
|||
|
|
/*
|
|||
|
|
* color: function(params) { // build a
|
|||
|
|
* color map as your need. var colorList = [
|
|||
|
|
* '#836FFF','#7FFFD4','#FCCE10','#0000CD','#00BFFF',
|
|||
|
|
* '#00FF00','#00CED1','#1C86EE','#3A5FCD','#60C0DD',
|
|||
|
|
* '#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0' ];
|
|||
|
|
* return colorList[params.dataIndex] },
|
|||
|
|
*/
|
|||
|
|
color: '#1C86EE'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
myChart.clear();
|
|||
|
|
myChart.setOption(option, true);
|
|||
|
|
}, 'json');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 选择工艺段
|
|||
|
|
function processSectionSelect() {
|
|||
|
|
$.post(ext.contextPath + "/user/processSection/getProcessSection4Select.do", { companyId: companyId }, function (data) {
|
|||
|
|
var select = $("#processSection").select2({
|
|||
|
|
data: data,
|
|||
|
|
cache: false,
|
|||
|
|
placeholder: '请选择',// 默认文字提示
|
|||
|
|
allowClear: true,// 允许清空
|
|||
|
|
escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
|
|||
|
|
language: "zh-CN",
|
|||
|
|
minimumInputLength: 0,
|
|||
|
|
minimumResultsForSearch: 10,// 禁用搜索框
|
|||
|
|
formatResult: function formatRepo(repo) { return repo.text; }, // 函数用来渲染结果
|
|||
|
|
formatSelection: function formatRepoSelection(repo) { return repo.text; } // 函数用于呈现当前的选择
|
|||
|
|
});
|
|||
|
|
$(".select2-selection--single").css({ 'height': '30px', 'paddingTop': '4px' })
|
|||
|
|
select.val('').trigger("change");
|
|||
|
|
select.on("select2:select", function (e) {
|
|||
|
|
dosearch();
|
|||
|
|
});
|
|||
|
|
}, 'json');
|
|||
|
|
}
|
|||
|
|
// 选择设备类型
|
|||
|
|
function equipmentClassSelect() {
|
|||
|
|
$.post(ext.contextPath + "/equipment/equipmentClass/getEquipmentClassForSelect.do", {}, function (data) {
|
|||
|
|
var select = $("#equipmentClass").select2({
|
|||
|
|
data: data,
|
|||
|
|
placeholder: '请选择',// 默认文字提示
|
|||
|
|
allowClear: true,// 允许清空
|
|||
|
|
escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
|
|||
|
|
language: "zh-CN",
|
|||
|
|
minimumInputLength: 0,
|
|||
|
|
minimumResultsForSearch: 10,// 禁用搜索框
|
|||
|
|
formatResult: function formatRepo(repo) { return repo.text; }, // 函数用来渲染结果
|
|||
|
|
formatSelection: function formatRepoSelection(repo) { return repo.text; } // 函数用于呈现当前的选择
|
|||
|
|
});
|
|||
|
|
select.val('').trigger("change");
|
|||
|
|
select.on("change", function (e) {
|
|||
|
|
dosearch();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}, 'json');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 选择设备等级
|
|||
|
|
function equipmentLevelSelect() {
|
|||
|
|
$.post(ext.contextPath + "/equipment/equipmentLevel/getEquipmentLevelForSelect.do", {}, function (data) {
|
|||
|
|
var select = $("#equipmentLevel").select2({
|
|||
|
|
data: data,
|
|||
|
|
placeholder: '请选择',// 默认文字提示
|
|||
|
|
allowClear: true,// 允许清空
|
|||
|
|
escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
|
|||
|
|
language: "zh-CN",
|
|||
|
|
minimumInputLength: 0,
|
|||
|
|
minimumResultsForSearch: 10,// 禁用搜索框
|
|||
|
|
formatResult: function formatRepo(repo) { return repo.text; }, // 函数用来渲染结果
|
|||
|
|
formatSelection: function formatRepoSelection(repo) { return repo.text; } // 函数用于呈现当前的选择
|
|||
|
|
});
|
|||
|
|
select.val('').trigger("change");
|
|||
|
|
select.on("change", function (e) {
|
|||
|
|
dosearch();
|
|||
|
|
});
|
|||
|
|
}, 'json');
|
|||
|
|
}
|
|||
|
|
//查询设备的数量和在用数量
|
|||
|
|
var getEquipmentNumber = function () {
|
|||
|
|
$.post(ext.contextPath + "/equipment/getEquipmentNumber.do", {
|
|||
|
|
companyId: companyId,
|
|||
|
|
pSectionId: $("#processSection").val(),
|
|||
|
|
equipmentLevel: $("#equipmentLevel").val(),
|
|||
|
|
equipmentClass: $("#equipmentClass").val(),
|
|||
|
|
stdt: beginTimeStore,
|
|||
|
|
eddt: endTimeStore
|
|||
|
|
}, function (data) {
|
|||
|
|
$("#equipmentNumber").text("");
|
|||
|
|
$("#useEquipmentNumber").text("");
|
|||
|
|
$("#equipmentNumber").text(data.equipmentNumber);
|
|||
|
|
$("#useEquipmentNumber").text(data.useEquipmentNumber);
|
|||
|
|
}, 'json');
|
|||
|
|
};
|
|||
|
|
//完好率和故障率
|
|||
|
|
var getIntactRate = function () {
|
|||
|
|
$.post(ext.contextPath + "/valueEngineering/equipmentEvaluate/intactRateAndfaultRate.do", {
|
|||
|
|
companyId: companyId,
|
|||
|
|
pSectionId: $("#processSection").val(),
|
|||
|
|
equipmentLevel: $("#equipmentLevel").val(),
|
|||
|
|
equipmentClass: $("#equipmentClass").val(),
|
|||
|
|
stdt: beginTimeStore,
|
|||
|
|
eddt: endTimeStore
|
|||
|
|
}, function (data) {
|
|||
|
|
$("#intactRate").text(data.intactRate);
|
|||
|
|
$("#faultRate").text(data.faultRate);
|
|||
|
|
}, 'json');
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 报警数量
|
|||
|
|
var getAlarmNum = function () {
|
|||
|
|
$.post(ext.contextPath + "/work/scadaAlarm/getAlarmNumberByProcessSection.do", {
|
|||
|
|
companyId: companyId,
|
|||
|
|
pSectionId: $("#processSection").val(),
|
|||
|
|
equipmentLevel: $("#equipmentLevel").val(),
|
|||
|
|
equipmentClass: $("#equipmentClass").val(),
|
|||
|
|
stdt: beginTimeStore,
|
|||
|
|
eddt: endTimeStore
|
|||
|
|
}, function (data) {
|
|||
|
|
$("#equipmentsNum").html(data);
|
|||
|
|
}, 'json');
|
|||
|
|
};
|
|||
|
|
//累计消缺数量
|
|||
|
|
|
|||
|
|
var getDefectNumber = function () {
|
|||
|
|
$.post(ext.contextPath + "/maintenance/getDefectNumber.do", {
|
|||
|
|
companyId: companyId,
|
|||
|
|
pSectionId: $("#processSection").val(),
|
|||
|
|
equipmentLevel: $("#equipmentLevel").val(),
|
|||
|
|
equipmentClass: $("#equipmentClass").val(),
|
|||
|
|
stdt: beginTimeStore,
|
|||
|
|
eddt: endTimeStore
|
|||
|
|
}, function (data) {
|
|||
|
|
$("#defectNumber").html(data.defectNumber);
|
|||
|
|
}, 'json');
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 获取点击的导航标签
|
|||
|
|
var chartStatus = 'chart1';
|
|||
|
|
var chartOnclick = function (chart) {
|
|||
|
|
chartStatus = chart;
|
|||
|
|
switch (chartStatus) {
|
|||
|
|
case 'chart1':
|
|||
|
|
patrolAbnormal();
|
|||
|
|
break;
|
|||
|
|
case 'chart2':
|
|||
|
|
getRepairNumber();
|
|||
|
|
break;
|
|||
|
|
case 'chart3':
|
|||
|
|
getMaintainNumber();
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 导航条中的周月年点击触发
|
|||
|
|
var dateOnclick = function (type) {
|
|||
|
|
switch (chartStatus) {
|
|||
|
|
case 'chart1':
|
|||
|
|
patrolAbnormal(type);
|
|||
|
|
break;
|
|||
|
|
case 'chart2':
|
|||
|
|
getRepairNumber(type);
|
|||
|
|
break;
|
|||
|
|
case 'chart3':
|
|||
|
|
getMaintainNumber(type);
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 搜索
|
|||
|
|
var dosearch = function () {
|
|||
|
|
initDate();
|
|||
|
|
equipmentLevelSelect();
|
|||
|
|
equipmentClassSelect();
|
|||
|
|
processSectionSelect();
|
|||
|
|
getEquipmentNumber();
|
|||
|
|
getIntactRate();
|
|||
|
|
getAlarmNum();
|
|||
|
|
getDefectNumber();
|
|||
|
|
patrolAbnormal();
|
|||
|
|
getEquipmentFault();
|
|||
|
|
$('#calendar').fullCalendar('refetchEvents');
|
|||
|
|
};
|
|||
|
|
$(function() {
|
|||
|
|
companyId = unitId;
|
|||
|
|
dosearch();
|
|||
|
|
// 设备列表
|
|||
|
|
$("#table1").bootstrapTable({ // 对应table标签的id
|
|||
|
|
url: ext.contextPath + '/equipment/getList.do', // 获取表格数据的url
|
|||
|
|
cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
|
|||
|
|
striped: true, //表格显示条纹，默认为false
|
|||
|
|
pagination: true, // 在表格底部显示分页组件，默认false
|
|||
|
|
pageList: [10, 20,50], // 设置页面可以显示的数据条数
|
|||
|
|
pageSize: 11, // 页面数据条数
|
|||
|
|
pageNumber: 1, // 首页页码
|
|||
|
|
sidePagination: 'server', // 设置为服务器端分页
|
|||
|
|
queryParams: function (params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
|
|||
|
|
return {
|
|||
|
|
rows: params.limit, // 每页要显示的数据条数
|
|||
|
|
page: params.offset / params.limit + 1, // 每页显示数据的开始页码
|
|||
|
|
sort: params.sort, // 要排序的字段
|
|||
|
|
order: params.order,
|
|||
|
|
companyId: companyId,
|
|||
|
|
pSectionId: $("#processSection").val(),
|
|||
|
|
equipmentLevel: $("#equipmentLevel").val(),
|
|||
|
|
equipmentClass: $("#equipmentClass").val()
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
sortName: 'id', // 要排序的字段
|
|||
|
|
sortOrder: 'desc', // 排序规则
|
|||
|
|
onClickRow: function (row) {//单击行事件,执行查看功能
|
|||
|
|
viewFun(row.id);
|
|||
|
|
},
|
|||
|
|
columns: [
|
|||
|
|
{
|
|||
|
|
checkbox: true, // 显示一个勾选框
|
|||
|
|
},{
|
|||
|
|
field: 'equipmentcardid', // 返回json数据中的name
|
|||
|
|
title: '设备编号', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle' // 上下居中
|
|||
|
|
},{
|
|||
|
|
field: 'equipmentname', // 返回json数据中的name
|
|||
|
|
title: '名称', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle' // 上下居中
|
|||
|
|
},{
|
|||
|
|
field: 'equipmentClass.name', // 返回json数据中的name
|
|||
|
|
title: '设备类型', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle'
|
|||
|
|
},{
|
|||
|
|
field: 'equipmentLevel.levelname', // 返回json数据中的name
|
|||
|
|
title: '设备级别', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle'
|
|||
|
|
},{
|
|||
|
|
field: 'equipmentstatus', // 返回json数据中的name
|
|||
|
|
title: '状态', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle',
|
|||
|
|
formatter: function (value, row, index) {
|
|||
|
|
switch (value){
|
|||
|
|
case '${Status_OFF}' :
|
|||
|
|
return "封存";
|
|||
|
|
case '${Status_ON}' :
|
|||
|
|
return "在用";
|
|||
|
|
case '${Status_Fault}' :
|
|||
|
|
return "故障";
|
|||
|
|
case '${Status_Transfer}' :
|
|||
|
|
return "调拨";
|
|||
|
|
case '${Status_Scrap}' :
|
|||
|
|
return "报废";
|
|||
|
|
case '${Status_STOP}' :
|
|||
|
|
return "停用";
|
|||
|
|
default :
|
|||
|
|
return "";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
onLoadSuccess: function(){ //加载成功时执行
|
|||
|
|
adjustBootstrapTableView("table");
|
|||
|
|
},
|
|||
|
|
onLoadError: function(){ //加载失败时执行
|
|||
|
|
console.info("加载数据失败");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
// 维护保养记录
|
|||
|
|
$("#table2").bootstrapTable({ // 对应table标签的id
|
|||
|
|
url: ext.contextPath + '/maintenance/getMaintenanceDetailList.do', // 获取表格数据的url
|
|||
|
|
cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
|
|||
|
|
striped: true, // 表格显示条纹，默认为false
|
|||
|
|
pagination: true, // 在表格底部显示分页组件，默认false
|
|||
|
|
pageList: [10, 20, 50], // 设置页面可以显示的数据条数
|
|||
|
|
pageSize: 10, // 页面数据条数
|
|||
|
|
pageNumber: 1, // 首页页码
|
|||
|
|
sidePagination: 'server', // 设置为服务器端分页
|
|||
|
|
queryParams: function (params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
|
|||
|
|
return {
|
|||
|
|
rows: params.limit, // 每页要显示的数据条数
|
|||
|
|
page: params.offset / params.limit + 1, // 每页显示数据的开始页码
|
|||
|
|
sort: params.sort, // 要排序的字段
|
|||
|
|
order: params.order,
|
|||
|
|
search_name: $('#search_name').val(),
|
|||
|
|
search_code: companyId,
|
|||
|
|
processSectionId: $('#processSection').val(),
|
|||
|
|
type: '${MAINTENANCE_TYPE_MAINTAIN}'
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
sortName: 'id', // 要排序的字段
|
|||
|
|
sortOrder: 'desc', // 排序规则
|
|||
|
|
/*
|
|||
|
|
* onClickRow:function(row){ switch(row.type){ case
|
|||
|
|
* '${MAINTENANCE_TYPE_REPAIR}': viewDetailFun(row.id); break;
|
|||
|
|
* case '${MAINTENANCE_TYPE_REPAIR}': viewSupplementFun(row.id);
|
|||
|
|
* break; case '${MAINTENANCE_TYPE_REPAIR}':
|
|||
|
|
* viewDetailFun(row.id); break; default: break;
|
|||
|
|
* } },
|
|||
|
|
*/
|
|||
|
|
onClickRow: function (row) {// 单击行事件,执行查看功能
|
|||
|
|
maintenanceViewFun(row.id);
|
|||
|
|
},
|
|||
|
|
columns: [
|
|||
|
|
{
|
|||
|
|
field: 'detailNumber', // 返回json数据中的name
|
|||
|
|
title: '保养编号', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle'
|
|||
|
|
}, {
|
|||
|
|
field: 'problemcontent', // 返回json数据中的name
|
|||
|
|
title: '保养内容', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle' // 上下居中
|
|||
|
|
}, {
|
|||
|
|
field: 'insdt', // 返回json数据中的name
|
|||
|
|
title: '发起时间', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle',
|
|||
|
|
formatter: function (value, row, index) {
|
|||
|
|
return value.substring(0, 19);
|
|||
|
|
}
|
|||
|
|
}, {
|
|||
|
|
field: 'status', // 返回json数据中的name
|
|||
|
|
title: '保养状态', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle', // 上下居中
|
|||
|
|
formatter: function (value, row, index) {
|
|||
|
|
if (value == '${Status_Start}' && row.type == '${TYPE_SUPPLEMENT}') {
|
|||
|
|
return '处理中';
|
|||
|
|
} else if (value == '${Status_Start}') {
|
|||
|
|
return '已下发';
|
|||
|
|
} else if (value == '${Status_Finish}') {
|
|||
|
|
return '已完成';
|
|||
|
|
} else {
|
|||
|
|
return value;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
onLoadSuccess: function () { // 加载成功时执行
|
|||
|
|
adjustBootstrapTableView("table");
|
|||
|
|
console.info("加载数据成功");
|
|||
|
|
},
|
|||
|
|
onLoadError: function () { // 加载失败时执行
|
|||
|
|
console.info("加载数据失败");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 设备巡检
|
|||
|
|
$("#table3").bootstrapTable({ // 对应table标签的id
|
|||
|
|
// ///timeEfficiency/patrolRecord
|
|||
|
|
url: ext.contextPath + '/timeEfficiency/patrolRecord/getList.do', // 获取表格数据的url
|
|||
|
|
cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
|
|||
|
|
striped: true, // 表格显示条纹，默认为false
|
|||
|
|
pagination: true, // 在表格底部显示分页组件，默认false
|
|||
|
|
pageList: [10, 20, 50], // 设置页面可以显示的数据条数
|
|||
|
|
pageSize: 10, // 页面数据条数
|
|||
|
|
pageNumber: 1, // 首页页码
|
|||
|
|
sidePagination: 'server', // 设置为服务器端分页
|
|||
|
|
queryParams: function (params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
|
|||
|
|
return {
|
|||
|
|
rows: params.limit, // 每页要显示的数据条数
|
|||
|
|
page: params.offset / params.limit + 1, // 每页显示数据的开始页码
|
|||
|
|
sort: params.sort, // 要排序的字段
|
|||
|
|
order: params.order,
|
|||
|
|
bizId: companyId,
|
|||
|
|
search_name: $('#search_name').val()
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onClickRow: function (row) {// 单击行事件,执行查看功能
|
|||
|
|
patrolRecordViewFun(row.id);
|
|||
|
|
},
|
|||
|
|
sortName: 'id', // 要排序的字段
|
|||
|
|
sortOrder: 'desc', // 排序规则
|
|||
|
|
columns: [
|
|||
|
|
{
|
|||
|
|
field: 'name', // 返回json数据中的name
|
|||
|
|
title: '巡检名称', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle' // 上下居中
|
|||
|
|
}, {
|
|||
|
|
field: 'content', // 返回json数据中的name
|
|||
|
|
title: '巡检内容', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle' // 上下居中
|
|||
|
|
}, {
|
|||
|
|
field: 'startTime', // 返回json数据中的name
|
|||
|
|
title: '计划开始时间', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle', // 上下居中
|
|||
|
|
formatter: function (value, row, index) {
|
|||
|
|
return value.substring(0, 16);
|
|||
|
|
}
|
|||
|
|
}, {
|
|||
|
|
field: 'endTime', // 返回json数据中的name
|
|||
|
|
title: '计划结束时间', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle', // 上下居中
|
|||
|
|
formatter: function (value, row, index) {
|
|||
|
|
return value.substring(0, 16);
|
|||
|
|
}
|
|||
|
|
}, {
|
|||
|
|
field: 'patrolModel', // 返回json数据中的name
|
|||
|
|
title: '巡检模式', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle',
|
|||
|
|
formatter: function (value, row, index) {
|
|||
|
|
if (row.patrolModel == null) {
|
|||
|
|
return "临时任务";
|
|||
|
|
} else {
|
|||
|
|
return row.patrolModel.name;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}, {
|
|||
|
|
field: 'status', // 返回json数据中的name
|
|||
|
|
title: '状态', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle', // 上下居中
|
|||
|
|
formatter: function (value, row, index) {
|
|||
|
|
switch (value) {
|
|||
|
|
case '1':
|
|||
|
|
return "已下发";
|
|||
|
|
case '2':
|
|||
|
|
return "进行中";
|
|||
|
|
case '3':
|
|||
|
|
return "已完成";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
onLoadSuccess: function () { // 加载成功时执行
|
|||
|
|
adjustBootstrapTableView("table");
|
|||
|
|
},
|
|||
|
|
onLoadError: function () { // 加载失败时执行
|
|||
|
|
console.info("加载数据失败");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
// 设备管理日历
|
|||
|
|
$('#calendar').fullCalendar({
|
|||
|
|
header: {
|
|||
|
|
left: 'prev,next today',
|
|||
|
|
center: 'title',
|
|||
|
|
right: 'month,agendaWeek,agendaDay'
|
|||
|
|
},
|
|||
|
|
aspectRatio: 1.35,
|
|||
|
|
// defaultDate: '2018-03-12',
|
|||
|
|
timeFormat: 'HH:mm',
|
|||
|
|
// 定义表格中显示的时间格式如：22：30，默认格式为HH(:mm)效果是整点的时候自动隐藏分钟，例如23：00会显示成23
|
|||
|
|
displayEventEnd: true,
|
|||
|
|
// 显示事件的结束时间，默认是false
|
|||
|
|
// aspectRatio: 1, //设置日历单元格显示的宽高比,数值越小越窄高
|
|||
|
|
navLinks: true, // can click day/week names to navigate views
|
|||
|
|
eventLimit: true, // allow "more" link when too many events
|
|||
|
|
editable: false, // 允许编辑
|
|||
|
|
eventStartEditable: false, // 允许直接在界面中编辑事件的开始时间
|
|||
|
|
eventDurationEditable: false, // 允许编辑事件的时长
|
|||
|
|
events: function (start, end, timezone, callback) { // 单击日历中事件时触发的函数,实现效果是获取当前点击事件的标题,开始时间,结束时间传给DOM控件
|
|||
|
|
var events = [];
|
|||
|
|
/*
|
|||
|
|
* var starttime = moment(calEvent.start).format('YYYY-MM-DD
|
|||
|
|
* HH:mm:ss'); //使用moment.js对时间进行格式化 var endtime =
|
|||
|
|
* moment(calEvent.end).format('YYYY-MM-DD HH:mm:ss');
|
|||
|
|
*/
|
|||
|
|
$.post(ext.contextPath + '/maintenance/getAllList.do', {
|
|||
|
|
sdt: start.format(),
|
|||
|
|
edt: end.format(),
|
|||
|
|
companyId: companyId,
|
|||
|
|
pSectionId: $("#processSection").val(),
|
|||
|
|
}, function (data) {
|
|||
|
|
|
|||
|
|
for (var i = 0; i < data.maintenanceList.length; i++) {
|
|||
|
|
var obj = new Object();
|
|||
|
|
obj.id = data.maintenanceList[i].ids;
|
|||
|
|
obj.title = "缺陷" + data.maintenanceList[i].number;
|
|||
|
|
obj.color = '#FF0000';
|
|||
|
|
obj.start = data.maintenanceList[i].sdt;
|
|||
|
|
events.push(obj);
|
|||
|
|
}
|
|||
|
|
for (var i = 0; i < data.abnormalList.length; i++) {
|
|||
|
|
var obj = new Object();
|
|||
|
|
obj.id = data.abnormalList[i].ids;
|
|||
|
|
obj.title = "异常" + data.abnormalList[i].number;
|
|||
|
|
obj.color = '#EEC900';
|
|||
|
|
obj.start = data.abnormalList[i].sdt;
|
|||
|
|
events.push(obj);
|
|||
|
|
}
|
|||
|
|
callback(events);
|
|||
|
|
}, 'json'); // 把从后台取出的数据进行封装以后在页面上以fullCalendar的方式进行显示
|
|||
|
|
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
eventClick: function (event, jsEvent, view) {
|
|||
|
|
if (event.color == '#FF0000') {
|
|||
|
|
viewDefectFun(event.id);// 查看缺陷
|
|||
|
|
} else if (event.color == '#EEC900') {
|
|||
|
|
viewAbnormalFun(event.id);// 查看异常
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
dayClick: function (date, jsEvent, view) {
|
|||
|
|
// 点击空白日期调用
|
|||
|
|
},
|
|||
|
|
eventRender: function (event, element) {// title以HTML显示（换行）
|
|||
|
|
element.html(event.title);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
/* initialize the calendar
|
|||
|
|
-----------------------------------------------------------------*/
|
|||
|
|
//Date for the calendar events (dummy data)
|
|||
|
|
var date = new Date()
|
|||
|
|
var d = date.getDate(),
|
|||
|
|
m = date.getMonth(),
|
|||
|
|
y = date.getFullYear()
|
|||
|
|
$('#calendarOLD').fullCalendar({
|
|||
|
|
|
|||
|
|
header : false,
|
|||
|
|
buttonText: false,
|
|||
|
|
contentHeight: 360,
|
|||
|
|
//Random default events
|
|||
|
|
events : [
|
|||
|
|
{
|
|||
|
|
title : '5',
|
|||
|
|
start : new Date(y, m, 1),
|
|||
|
|
backgroundColor: '#f56954', //red
|
|||
|
|
borderColor : '#f56954' //red
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title : '2',
|
|||
|
|
start : new Date(y, m, d - 5),
|
|||
|
|
backgroundColor: '#f39c12', //yellow
|
|||
|
|
borderColor : '#f39c12' //yellow
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
editable : true,
|
|||
|
|
droppable : true, // this allows things to be dropped onto the calendar !!!
|
|||
|
|
drop : function (date, allDay) { // this function is called when something is dropped
|
|||
|
|
|
|||
|
|
// retrieve the dropped element's stored Event Object
|
|||
|
|
var originalEventObject = $(this).data('eventObject')
|
|||
|
|
|
|||
|
|
// we need to copy it, so that multiple events don't have a reference to the same object
|
|||
|
|
var copiedEventObject = $.extend({}, originalEventObject)
|
|||
|
|
|
|||
|
|
// assign it the date that was reported
|
|||
|
|
copiedEventObject.start = date
|
|||
|
|
copiedEventObject.allDay = allDay
|
|||
|
|
copiedEventObject.backgroundColor = $(this).css('background-color')
|
|||
|
|
copiedEventObject.borderColor = $(this).css('border-color')
|
|||
|
|
|
|||
|
|
// render the event on the calendar
|
|||
|
|
// the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)
|
|||
|
|
$('#calendar').fullCalendar('renderEvent', copiedEventObject, true)
|
|||
|
|
|
|||
|
|
// is the "remove after drop" checkbox checked?
|
|||
|
|
if ($('#drop-remove').is(':checked')) {
|
|||
|
|
// if so, remove the element from the "Draggable Events" list
|
|||
|
|
$(this).remove()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
</head>
|
|||
|
|
<body onload="initMenu()" class="hold-transition ${cu.themeclass} sidebar-mini">
|
|||
|
|
<div class="wrapper">
|
|||
|
|
<!-- 引用top -->
|
|||
|
|
<%--<jsp:include page="/jsp/top.jsp"></jsp:include>--%>
|
|||
|
|
<!-- 菜单栏 -->
|
|||
|
|
<%--<jsp:include page="/jsp/left.jsp"></jsp:include>--%>
|
|||
|
|
<div class="content-wrapper">
|
|||
|
|
<!-- Main content -->
|
|||
|
|
<section class="content container-fluid">
|
|||
|
|
<div id="mainAlertdiv"></div>
|
|||
|
|
<div id="subDiv"></div>
|
|||
|
|
<div id="menu4SelectDiv"></div>
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-12">
|
|||
|
|
<div class="box box-white">
|
|||
|
|
<div class="box-body">
|
|||
|
|
<form class="form-inline">
|
|||
|
|
<div class="col-md-3">
|
|||
|
|
<div class="form-group">
|
|||
|
|
<label class="control-label">工艺段</label>
|
|||
|
|
<select class="form-control input-sm select2 " id="processSection" name="processSection" style="width: 200px;">
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3">
|
|||
|
|
<div class="form-group">
|
|||
|
|
<label class=" control-label">设备类型</label>
|
|||
|
|
<select class="form-control input-sm select2 " id="equipmentLevel" name="equipmentLevel" style="width: 200px;">
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3">
|
|||
|
|
<div class="form-group">
|
|||
|
|
<label class=" control-label">设备等级</label>
|
|||
|
|
<select class="form-control input-sm select2 " id="equipmentClass" name="equipmentClass" style="width: 200px;">
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3">
|
|||
|
|
<div class="input-group">
|
|||
|
|
<label class="form-label">时间范围:</label>
|
|||
|
|
<div class="input-group">
|
|||
|
|
<div class="input-group-addon">
|
|||
|
|
<i class="fa fa-clock-o"></i>
|
|||
|
|
</div>
|
|||
|
|
<input type="text" class="form-control" id="reservationtime">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- <div class="col-md-3 btn-top">
|
|||
|
|
<a class="btn btn-default pull-right" type="button" >重置</a>
|
|||
|
|
<a class="btn btn-primary pull-right" type="button" >搜索</a>
|
|||
|
|
</div> -->
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-12">
|
|||
|
|
<div class="box box-white box-label">
|
|||
|
|
<div class="box-body">
|
|||
|
|
<div>
|
|||
|
|
<span class="col-md-12 lable-gray">设备总台套数</span>
|
|||
|
|
<span class="col-md-12 lable-black" id="equipmentNumber">0</span>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<span class="col-md-12 lable-gray">设备在用总台套数</span>
|
|||
|
|
<span class="col-md-12 lable-black" id="useEquipmentNumber">0</span>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<span class="col-md-12 lable-gray">设备完好率</span>
|
|||
|
|
<span class="col-md-12 lable-black" id="intactRate">0%</span>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<span class="col-md-12 lable-gray">本月累计消缺数量</span>
|
|||
|
|
<span class="col-md-12 lable-black" id="getDefectNumber">0</span>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<span class="col-md-12 lable-gray">本月关键报警累计数</span>
|
|||
|
|
<span class="col-md-12 lable-black" id="equipmentsNum">0</span>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<span class="col-md-12 lable-gray">设备运行总台时</span>
|
|||
|
|
<span class="col-md-12 lable-black">0h</span>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<span class="col-md-12 lable-gray">故障停机率</span>
|
|||
|
|
<span class="col-md-12 lable-black" id="faultRate">0%</span>
|
|||
|
|
</div>
|
|||
|
|
<!-- <div style="width:23%;">
|
|||
|
|
<a class="btn btn-white" href="#" role="button"><i class="fa fa-plus"></i><br>增加</a>
|
|||
|
|
</div> -->
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-6">
|
|||
|
|
<div class="nav-tabs-custom box-middle">
|
|||
|
|
<ul class="nav nav-tabs">
|
|||
|
|
<li class="active"><a href="#chart1" data-toggle="tab" onclick="chartOnclick('chart1')">巡检异常统计</a></li>
|
|||
|
|
<li><a href="#chart2" data-toggle="tab" onclick="chartOnclick('chart2')">维修统计</a></li>
|
|||
|
|
<li><a href="#chart3" data-toggle="tab" onclick="chartOnclick('chart3')">养护计划</a></li>
|
|||
|
|
<li class="pull-right">
|
|||
|
|
<div class="btn-toolbar" role="toolbar" aria-label="...">
|
|||
|
|
<div class="btn-group" role="group" aria-label="...">
|
|||
|
|
<a class="btn btn-default" href="#" role="button" onclick="dateOnclick('year')">年</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="btn-group" role="group" aria-label="...">
|
|||
|
|
<a class="btn btn-default" href="#" role="button" onclick="dateOnclick('month')">月</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="btn-group" role="group" aria-label="...">
|
|||
|
|
<a class="btn btn-default" href="#" role="button" onclick="dateOnclick('week')">周</a>
|
|||
|
|
</div>
|
|||
|
|
<!-- <div class="btn-group" role="group" aria-label="...">
|
|||
|
|
<select class="form-control">
|
|||
|
|
<option>2020-02</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
<div class="btn-group" role="group" aria-label="...">
|
|||
|
|
<a class="btn btn-primary" href="#" role="button">确定</a>
|
|||
|
|
</div> -->
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<div class="tab-content">
|
|||
|
|
<div class="tab-pane active" id="chart1">
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<!-- /.tab-pane -->
|
|||
|
|
<div class="tab-pane" id="chart2">
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<!-- /.tab-pane -->
|
|||
|
|
<div class="tab-pane" id="chart3">
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<!-- /.tab-pane -->
|
|||
|
|
</div>
|
|||
|
|
<!-- /.tab-content -->
|
|||
|
|
</div>
|
|||
|
|
<!-- nav-tabs-custom -->
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6">
|
|||
|
|
<div class="box box-white box-middle">
|
|||
|
|
<div class="box-header">
|
|||
|
|
<h4 class="box-title">设备故障统计</h4>
|
|||
|
|
<div class="box-tools">
|
|||
|
|
<div class="btn-toolbar" role="toolbar" aria-label="...">
|
|||
|
|
<div class="btn-group" role="group" aria-label="...">
|
|||
|
|
<a class="btn btn-default" href="#" role="button" onclick="getEquipmentFault('year')">年</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="btn-group" role="group" aria-label="...">
|
|||
|
|
<a class="btn btn-default" href="#" role="button" onclick="getEquipmentFault('month')">月</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="btn-group" role="group" aria-label="...">
|
|||
|
|
<a class="btn btn-default" href="#" role="button" onclick="getEquipmentFault('week')">周</a>
|
|||
|
|
</div>
|
|||
|
|
<!-- <div class="btn-group" role="group" aria-label="...">
|
|||
|
|
<select class="form-control">
|
|||
|
|
<option>2020-02</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
<div class="btn-group" role="group" aria-label="...">
|
|||
|
|
<a class="btn btn-primary" href="#" role="button">确定</a>
|
|||
|
|
</div> -->
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- /.box-tools -->
|
|||
|
|
</div>
|
|||
|
|
<div class="box-body" id="bar">
|
|||
|
|
</div>
|
|||
|
|
<!-- /.box-body -->
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-5">
|
|||
|
|
<div class="box box-white box-calendar">
|
|||
|
|
<div class="box-header">
|
|||
|
|
<h4 class="box-title">设备管理日历</h4>
|
|||
|
|
<div class="box-tools"></div>
|
|||
|
|
<!-- /.box-tools -->
|
|||
|
|
</div>
|
|||
|
|
<div class="box-body">
|
|||
|
|
<!-- THE CALENDAR -->
|
|||
|
|
<div id="calendar"></div>
|
|||
|
|
</div>
|
|||
|
|
<!-- /.box-body -->
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-7">
|
|||
|
|
<div class="nav-tabs-custom tabs-table">
|
|||
|
|
<ul class="nav nav-tabs">
|
|||
|
|
<li class="active"><a href="#tab_1" data-toggle="tab">设备台账</a></li>
|
|||
|
|
<li><a href="#tab_2" data-toggle="tab">缺陷管理</a></li>
|
|||
|
|
<li><a href="#tab_3" data-toggle="tab">报警统计</a></li>
|
|||
|
|
<li class="pull-right">
|
|||
|
|
<div class="btn-toolbar" role="toolbar" aria-label="...">
|
|||
|
|
<!-- <div class="btn-group" role="group" aria-label="...">
|
|||
|
|
<a class="btn btn-default" href="#" role="button">年</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="btn-group" role="group" aria-label="...">
|
|||
|
|
<a class="btn btn-default" href="#" role="button">月</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="btn-group" role="group" aria-label="...">
|
|||
|
|
<a class="btn btn-default" href="#" role="button">日</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="btn-group" role="group" aria-label="...">
|
|||
|
|
<select class="form-control">
|
|||
|
|
<option>2020-02</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
<div class="btn-group" role="group" aria-label="...">
|
|||
|
|
<a class="btn btn-primary" href="#" role="button">确定</a>
|
|||
|
|
</div> -->
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<div class="tab-content">
|
|||
|
|
<div class="tab-pane active" id="tab_1">
|
|||
|
|
<table class="table table-striped" id="table1">
|
|||
|
|
<!-- <thead>
|
|||
|
|
<tr>
|
|||
|
|
<th data-width="30px" data-align="center">
|
|||
|
|
<input type="checkbox" name="checkall" class="checkbox"
|
|||
|
|
onclick="selectAll('cids',this.checked);">
|
|||
|
|
</th>
|
|||
|
|
<th data-width="30%">设备编号</th>
|
|||
|
|
<th data-width="20%">名称</th>
|
|||
|
|
<th data-width="20%">无故障连续运行时间</th>
|
|||
|
|
<th data-width="20%">设备级别</th>
|
|||
|
|
<th data-width="8%">状态</th>
|
|||
|
|
</tr>
|
|||
|
|
</thead> -->
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
<!-- /.tab-pane -->
|
|||
|
|
<div class="tab-pane" id="tab_2">
|
|||
|
|
<table class="table table-striped" id="table2"></table>
|
|||
|
|
</div>
|
|||
|
|
<!-- /.tab-pane -->
|
|||
|
|
<div class="tab-pane" id="tab_3">
|
|||
|
|
<table class="table table-striped" id="table3"></table>
|
|||
|
|
</div>
|
|||
|
|
<!-- /.tab-pane -->
|
|||
|
|
</div>
|
|||
|
|
<!-- /.tab-content -->
|
|||
|
|
</div>
|
|||
|
|
<!-- nav-tabs-custom -->
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<!-- /.content -->
|
|||
|
|
</div>
|
|||
|
|
<%--<jsp:include page="/jsp/bottom.jsp"></jsp:include>--%>
|
|||
|
|
<%--<jsp:include page="/jsp/side.jsp"></jsp:include>--%>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
</html>
|