1692 lines
57 KiB
Plaintext
1692 lines
57 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 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("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/bootstrap-fileinput/css/fileinput.min.css" />
|
||
<script type="text/javascript"
|
||
src="<%=request.getContextPath()%>/node_modules/bootstrap-fileinput/js/fileinput.min.js"
|
||
charset="utf-8"></script>
|
||
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/bootstrap-fileinput/js/locales/zh.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>
|
||
<style type="text/css">
|
||
/*隐藏百度地图底部文字*/
|
||
.anchorBL{display:none;}
|
||
.main-header {
|
||
display: none;
|
||
}
|
||
|
||
.content-header {
|
||
display: none;
|
||
}
|
||
|
||
.main-footer {
|
||
display: none;
|
||
}
|
||
|
||
/*解决tab导航栏切换标签时，后面的标签里echars图表不显示的情况 */
|
||
.tab-content>.tab-pane,
|
||
.pill-content>.pill-pane {
|
||
display: block;
|
||
/* undo display:none */
|
||
height: 0;
|
||
/* height:0 is also invisible */
|
||
overflow-y: hidden;
|
||
/* no-overflow */
|
||
}
|
||
|
||
.tab-content>.active,
|
||
.pill-content>.active {
|
||
height: auto;
|
||
/* let the content decide it */
|
||
}
|
||
|
||
/* bootstrap hack end */
|
||
|
||
.select2-container .select2-selection--single {
|
||
height: 34px;
|
||
line-height: 34px;
|
||
}
|
||
|
||
.select2-selection__arrow {
|
||
margin-top: 3px;
|
||
}
|
||
</style>
|
||
<!--
|
||
<script type="text/javascript" src="<%=request.getContextPath()%>/temp_test_js/equipmentStatisticalChart.js"></script>
|
||
-->
|
||
<script type="text/javascript">
|
||
//写cookies
|
||
function setCookie(name, value) {
|
||
var Days = 365;
|
||
var exp = new Date();
|
||
exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
|
||
document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
|
||
}
|
||
// 读取cookies
|
||
function getCookie(name) {
|
||
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
|
||
if (arr = document.cookie.match(reg)) return unescape(arr[2]);
|
||
else return null;
|
||
}
|
||
|
||
// 删除cookies
|
||
function delCookie(name) {
|
||
var exp = new Date();
|
||
exp.setTime(exp.getTime() - 1);
|
||
var cval = getCookie(name);
|
||
if (cval != null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
|
||
}
|
||
|
||
var companyId = unitId;
|
||
|
||
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();
|
||
// console.log("66");
|
||
});
|
||
$('#reservationtime').val(beginTimeStore + locale.separator + endTimeStore);
|
||
};
|
||
// 查看异常
|
||
var viewAbnormalFun = function (ids) {
|
||
$.post(ext.contextPath + '/maintenance/abnormity/showAbnormalListForView.do', { ids: ids }, function (data) {
|
||
$("#subDiv").html(data);
|
||
openModal('subModal');
|
||
});
|
||
}
|
||
// 查看缺陷
|
||
var viewDefectFun = function (ids) {
|
||
$.post(ext.contextPath + '/maintenance/showDefectListForView.do', { ids: ids }, function (data) {
|
||
$("#subDiv").html(data);
|
||
openModal('subModal');
|
||
});
|
||
}
|
||
// 初始化工艺段
|
||
/*
|
||
* var refreshSelect = function () { var selelct_ =
|
||
* $("#processSection").select2({ data: null, placeholder:
|
||
* '请选择',//默认文字提示 allowClear: true,//允许清空 escapeMarkup: function
|
||
* (markup) { return markup; }, // 自定义格式化防止xss注入 language: "zh-CN",
|
||
* minimumInputLength: 0, minimumResultsForSearch: 10,//数据超过十个启用搜索框 });
|
||
* $("#processSection").empty(); $(".select2-selection--single").css({
|
||
* 'height': '30px', 'paddingTop': '4px' }) };
|
||
*/
|
||
|
||
// 选择工艺段
|
||
function processSectionSelect() {
|
||
$.post(ext.contextPath + "/user/processSection/getProcessSection4Select.do", { companyId: companyId }, function (data) {
|
||
// $("#processSection").empty();
|
||
// $("#processSection").select2("val", " ");
|
||
|
||
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) {
|
||
// select.one("change", function (e) {
|
||
$("#table1").bootstrapTable('refresh');
|
||
$("#table2").bootstrapTable('refresh');
|
||
$("#table3").bootstrapTable('refresh');
|
||
$('#calendar').fullCalendar('refetchEvents');
|
||
getEquipmentNumber();
|
||
// getDefectNumber();
|
||
getEquipmentFault();
|
||
patrolAbnormal();
|
||
getRepairNumber();
|
||
getMaintainNumber();
|
||
// equipmentTotalTime();
|
||
getIntactRate();
|
||
// getAlarmNum();
|
||
});
|
||
/*
|
||
* $("#processSection").on("select2:unselect", function (e) {
|
||
* dosearch(); //console.log("88"); }); select.on("change",
|
||
* function (e) { if ($("#processSection").val() != null) {
|
||
* dosearch(); //console.log("33"); } });
|
||
*/
|
||
}, '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) {
|
||
$("#table1").bootstrapTable('refresh');
|
||
$("#table2").bootstrapTable('refresh');
|
||
$("#table3").bootstrapTable('refresh');
|
||
$('#calendar').fullCalendar('refetchEvents');
|
||
getEquipmentNumber();
|
||
// getDefectNumber();
|
||
getEquipmentFault();
|
||
patrolAbnormal();
|
||
getRepairNumber();
|
||
getMaintainNumber();
|
||
// equipmentTotalTime();
|
||
getIntactRate();
|
||
// getAlarmNum();
|
||
// console.log("11");
|
||
});
|
||
|
||
}, '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) {
|
||
$("#table1").bootstrapTable('refresh');
|
||
$("#table2").bootstrapTable('refresh');
|
||
$("#table3").bootstrapTable('refresh');
|
||
$('#calendar').fullCalendar('refetchEvents');
|
||
getEquipmentNumber();
|
||
// getDefectNumber();
|
||
getEquipmentFault();
|
||
patrolAbnormal();
|
||
getRepairNumber();
|
||
getMaintainNumber();
|
||
// equipmentTotalTime();
|
||
getIntactRate();
|
||
// getAlarmNum();
|
||
// console.log("22");
|
||
});
|
||
}, 'json');
|
||
}
|
||
|
||
// 报警数量
|
||
var getAlarmNum = function () {
|
||
$.post(ext.contextPath + "/work/scadaAlarm/getAlarmNumberByProcessSection.do", {
|
||
companyId: companyId,
|
||
pSectionId: $("#processSection").val(),
|
||
sdt: beginTimeStore,
|
||
edt: endTimeStore
|
||
}, function (data) {
|
||
// console.info(data)
|
||
$("#equipmentsNum").html(data);
|
||
}, 'json');
|
||
};
|
||
|
||
/*
|
||
* //完好率和故障率 var getIntactRate = function () { $.post(ext.contextPath +
|
||
* "/valueEngineering/equipmentEvaluate/getCompanyStatistics.do", { ids:
|
||
* companyId, equipmentLevelId: '${Equipment_Level_All}', stdt: beginTimeStore,
|
||
* eddt: endTimeStore }, function (data) { console.info(data);
|
||
* $("#intactRate").html((data.rows[0].intactRate * 100).toFixed(1) + "%");
|
||
* $("#faultRate").html(((1 - data.rows[0].intactRate) * 100).toFixed(1) + "%"); },
|
||
* '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) {
|
||
console.info(data);
|
||
// result.put("intactRate", intactRateStr);
|
||
// result.put("faultRate", faultRateRateStr);
|
||
$("#intactRate").text(data.intactRate);
|
||
$("#faultRate").text(data.faultRate);
|
||
// $("#intactRate").html((data.rows[0].intactRate *
|
||
// 100).toFixed(1) + "%");
|
||
// $("#faultRate").html(((1 - data.rows[0].intactRate) *
|
||
// 100).toFixed(1) + "%");
|
||
}, 'json');
|
||
};
|
||
|
||
// 搜索
|
||
var dosearch = function () {
|
||
$("#table1").bootstrapTable('refresh');
|
||
$("#table2").bootstrapTable('refresh');
|
||
$("#table3").bootstrapTable('refresh');
|
||
$('#calendar').fullCalendar('refetchEvents');
|
||
getEquipmentNumber();
|
||
// getDefectNumber();
|
||
getEquipmentFault();
|
||
patrolAbnormal();
|
||
getRepairNumber();
|
||
getMaintainNumber();
|
||
// equipmentTotalTime();
|
||
getIntactRate();
|
||
// getAlarmNum();
|
||
processSectionSelect();
|
||
};
|
||
|
||
|
||
|
||
$(function () {
|
||
companyId = unitId;
|
||
console.log(companyId);
|
||
initFun();
|
||
var flag = IsApp();
|
||
if (flag == true) {
|
||
|
||
} else {
|
||
$(".main-header").show();
|
||
$(".content-header").show();
|
||
$(".main-footer").show();
|
||
}
|
||
|
||
// 简易公司combotree
|
||
$.post(ext.contextPath + "/user/showCompanySelectTree.do", {}, function (data) {
|
||
$('#companySelectTree').html(data);
|
||
});
|
||
// 初始化时间
|
||
initDate();
|
||
});
|
||
|
||
function initFun() {
|
||
getEquipmentNumber();
|
||
// getIntactRate();
|
||
getEquipmentFault();
|
||
patrolAbnormal();
|
||
getRepairNumber();
|
||
getMaintainNumber();
|
||
// 设备列表
|
||
$("#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: 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,
|
||
unitId: companyId,
|
||
pSectionId: $("#processSection").val(),
|
||
equipmentLevel: $("#equipmentLevel").val(),
|
||
equipmentClass: $("#equipmentClass").val()
|
||
}
|
||
},
|
||
sortName: 'id', // 要排序的字段
|
||
sortOrder: 'desc', // 排序规则
|
||
onClickRow: function (row) {// 单击行事件,执行查看功能
|
||
equipmentViewFun(row.id);
|
||
},
|
||
columns: [
|
||
{
|
||
field: 'equipmentstatus', // 返回json数据中的name
|
||
title: '', // 表格表头显示文字
|
||
sortable: false,
|
||
align: 'center', // 左右居中
|
||
valign: 'middle',
|
||
formatter: function (value, row, index) {
|
||
switch (value) {
|
||
case '0':
|
||
return '<span class="fa fa-circle" style="color:#ff0000 ;"></span>';
|
||
case '1':
|
||
return '<span class="fa fa-circle" style="color:#00ff00;"></span>';
|
||
default:
|
||
return "";
|
||
}
|
||
}
|
||
}, {
|
||
field: 'equipmentcardid', // 返回json数据中的name
|
||
title: '设备编号', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle' // 上下居中
|
||
}, {
|
||
field: 'equipmentname', // 返回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 '0':
|
||
return "禁用";
|
||
case '1':
|
||
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("加载数据失败");
|
||
}
|
||
});
|
||
|
||
equipmentLevelSelect();
|
||
equipmentClassSelect();
|
||
getIntactRate();
|
||
processSectionSelect();
|
||
|
||
|
||
// 设备管理日历
|
||
$('#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);
|
||
}
|
||
});
|
||
}
|
||
|
||
// 查询设备的数量和在用数量
|
||
var getEquipmentNumber = function () {
|
||
$.post(ext.contextPath + "/equipment/getEquipmentNumber.do", {
|
||
companyId: companyId,
|
||
pSectionId: $("#processSection").val(),
|
||
equipmentLevel: $("#equipmentLevel").val(),
|
||
equipmentClass: $("#equipmentClass").val(),
|
||
}, function (data) {
|
||
// console.info(data)
|
||
$("#equipmentNumber").text("");
|
||
$("#useEquipmentNumber").text("");
|
||
$("#equipmentNumber").text(data.equipmentNumber);
|
||
$("#useEquipmentNumber").text(data.useEquipmentNumber);
|
||
$("#useEquipmentNumber_a").text(data.useEquipmentNumber);
|
||
|
||
$("#installNumber").text(data.equipmentNumber);
|
||
$("#EquipmentWorth").text(toThousands(parseFloat(data.EquipmentWorth/10000).toFixed(2)));
|
||
$("#useRate").text(parseFloat(data.useEquipmentNumber/data.equipmentNumber*100).toFixed(2)+"%");
|
||
}, 'json');
|
||
};
|
||
|
||
// 累计消缺数量
|
||
/*
|
||
* var getDefectNumber = function () { $.post(ext.contextPath +
|
||
* "/maintenance/getDefectNumber.do", { companyId: companyId,
|
||
* pSectionId: $("#processSection").val(), sdt: beginTimeStore, edt:
|
||
* endTimeStore }, function (data) { //console.info(data)
|
||
* $("#defectNumber").html(data.defectNumber); }, 'json'); };
|
||
*/
|
||
|
||
var myChartFault;
|
||
// 设备故障统计柱状图
|
||
var getEquipmentFault = function (type) {
|
||
$.post(ext.contextPath + "/equipment/getEquipmentFaultsNumber.do", {
|
||
companyId: companyId,
|
||
pSectionId: $("#processSection").val(),
|
||
sdt: beginTimeStore,
|
||
edt: endTimeStore,
|
||
type: type
|
||
}, function (data) {
|
||
option = {
|
||
/*
|
||
* title : { text: '设备故障统计', subtext: '济南南康水厂' },
|
||
*/
|
||
tooltip: {
|
||
trigger: 'axis'
|
||
},
|
||
legend: {
|
||
},
|
||
grid: {
|
||
left: '2%',
|
||
right: '15%',
|
||
top: '2%',
|
||
bottom: '2%',
|
||
containLabel: true
|
||
},
|
||
toolbox: {
|
||
show: true,
|
||
feature: {
|
||
// mark : {show: true},
|
||
// dataView : {show: true, readOnly: false},
|
||
magicType: { show: true, type: ['line', 'bar'] },
|
||
/*
|
||
* restore : {show: true}, saveAsImage : {show:
|
||
* 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'
|
||
}
|
||
},
|
||
}
|
||
]
|
||
};
|
||
myChartFault = echarts.init(document.getElementById("fault_chart"));
|
||
myChartFault.setOption(option);
|
||
}, 'json');
|
||
};
|
||
// 获取点击的导航标签
|
||
var chartStatus = 'chart1';
|
||
var chartOnclick = function (chart) {
|
||
chartStatus = chart;
|
||
}
|
||
// 导航条中的周月年点击触发
|
||
var dateOnclick = function (type) {
|
||
switch (chartStatus) {
|
||
case 'chart1':
|
||
patrolAbnormal(type);
|
||
break;
|
||
case 'chart2':
|
||
getRepairNumber(type);
|
||
break;
|
||
case 'chart3':
|
||
getMaintainNumber(type);
|
||
break;
|
||
}
|
||
}
|
||
|
||
// 巡检异常统计柱状图
|
||
var myChartAbnormal;
|
||
var patrolAbnormal = function (type) {
|
||
$.post(ext.contextPath + "/maintenance/abnormity/getPatrolAbnormal.do", {
|
||
companyId: companyId,
|
||
pSectionId: $("#processSection").val(),
|
||
sdt: beginTimeStore,
|
||
edt: endTimeStore,
|
||
type: type
|
||
}, function (data) {
|
||
// console.info(data)
|
||
option = {
|
||
/*
|
||
* title : { text: '巡检异常统计', //subtext: '济南南康水厂' },
|
||
*/
|
||
tooltip: {
|
||
trigger: 'axis'
|
||
},
|
||
toolbox: {
|
||
show: true,
|
||
feature: {
|
||
mark: { show: true },
|
||
// dataView : {show: true, readOnly: false},
|
||
magicType: { show: true, type: ['line', 'bar'] },
|
||
// restore : {show: true},
|
||
// saveAsImage : {show: true}
|
||
}
|
||
},
|
||
grid: {
|
||
left: '5%',
|
||
// right:'10%',
|
||
top: '10%',
|
||
bottom: '5%',
|
||
containLabel: true
|
||
},
|
||
calculable: true,
|
||
xAxis: [
|
||
{
|
||
type: 'category',
|
||
data: data.name
|
||
}
|
||
],
|
||
yAxis: [
|
||
{
|
||
type: 'value',
|
||
name: '数量（个）',
|
||
minInterval: 1
|
||
}
|
||
],
|
||
series: [
|
||
{
|
||
name: '异常数量',
|
||
type: 'bar',
|
||
data: data.number,
|
||
/*
|
||
* markPoint : { data : [ {name : '年最高', value :
|
||
* 182.2, xAxis: 7, yAxis: 183, symbolSize:18},
|
||
* {name : '年最低', value : 2.3, xAxis: 11, yAxis: 3} ] },
|
||
*/
|
||
/*
|
||
* markLine : { data : [ {type : 'average', name :
|
||
* '平均值'} ] }
|
||
*/
|
||
itemStyle: {
|
||
normal: {
|
||
/*
|
||
* color: function(params) { // build a
|
||
* color map as your need. var colorList = [
|
||
* '#1C86EE', ]; return
|
||
* colorList[params.dataIndex] },
|
||
*/
|
||
color: '#1C86EE'
|
||
}
|
||
},
|
||
}
|
||
]
|
||
};
|
||
myChartAbnormal = echarts.init(document.getElementById("patrol_abnormal"));
|
||
myChartAbnormal.setOption(option);
|
||
}, 'json');
|
||
};
|
||
|
||
// 维修统计柱状图
|
||
var myChartRepair;
|
||
var getRepairNumber = function (type) {
|
||
$.post(ext.contextPath + "/maintenance/getMaintenanceNumber.do", {
|
||
companyId: companyId,
|
||
pSectionId: $("#processSection").val(),
|
||
sdt: beginTimeStore,
|
||
edt: endTimeStore,
|
||
type: type,
|
||
maintenanceType: '${MAINTENANCE_TYPE_REPAIR}'
|
||
}, function (data) {
|
||
option = {
|
||
/*
|
||
* title : { text: '巡检异常统计', //subtext: '济南南康水厂' },
|
||
*/
|
||
tooltip: {
|
||
trigger: 'axis'
|
||
},
|
||
toolbox: {
|
||
show: true,
|
||
feature: {
|
||
mark: { show: true },
|
||
// dataView : {show: true, readOnly: false},
|
||
magicType: { show: true, type: ['line', 'bar'] },
|
||
// restore : {show: true},
|
||
// saveAsImage : {show: true}
|
||
}
|
||
},
|
||
grid: {
|
||
left: '5%',
|
||
// right:'10%',
|
||
top: '10%',
|
||
bottom: '5%',
|
||
containLabel: true
|
||
},
|
||
calculable: true,
|
||
xAxis: [
|
||
{
|
||
type: 'category',
|
||
data: data.name
|
||
}
|
||
],
|
||
yAxis: [
|
||
{
|
||
type: 'value',
|
||
name: '数量（个）',
|
||
minInterval: 1
|
||
}
|
||
],
|
||
series: [
|
||
{
|
||
name: '维修数量',
|
||
type: 'bar',
|
||
data: data.number,
|
||
/*
|
||
* markPoint : { data : [ {name : '年最高', value :
|
||
* 182.2, xAxis: 7, yAxis: 183, symbolSize:18},
|
||
* {name : '年最低', value : 2.3, xAxis: 11, yAxis: 3} ] },
|
||
*/
|
||
/*
|
||
* markLine : { data : [ {type : 'average', name :
|
||
* '平均值'} ] }
|
||
*/
|
||
itemStyle: {
|
||
normal: {
|
||
/*
|
||
* color: function(params) { // build a
|
||
* color map as your need. var colorList = [
|
||
* '#1C86EE', ]; return
|
||
* colorList[params.dataIndex] },
|
||
*/
|
||
color: '#1C86EE'
|
||
}
|
||
},
|
||
}
|
||
]
|
||
};
|
||
myChartRepair = echarts.init(document.getElementById("repair_number"));
|
||
myChartRepair.setOption(option);
|
||
}, 'json');
|
||
};
|
||
|
||
// 养护计划柱状图
|
||
var myChartMaintain;
|
||
var getMaintainNumber = function (type) {
|
||
$.post(ext.contextPath + "/maintenance/getMaintenanceNumber.do", {
|
||
companyId: companyId,
|
||
pSectionId: $("#processSection").val(),
|
||
sdt: beginTimeStore,
|
||
edt: endTimeStore,
|
||
type: type,
|
||
maintenanceType: '${MAINTENANCE_TYPE_MAINTAIN}'
|
||
}, function (data) {
|
||
option = {
|
||
/*
|
||
* title : { text: '巡检异常统计', //subtext: '济南南康水厂' },
|
||
*/
|
||
tooltip: {
|
||
trigger: 'axis'
|
||
},
|
||
toolbox: {
|
||
show: true,
|
||
feature: {
|
||
mark: { show: true },
|
||
// dataView : {show: true, readOnly: false},
|
||
magicType: { show: true, type: ['line', 'bar'] },
|
||
// restore : {show: true},
|
||
// saveAsImage : {show: true}
|
||
}
|
||
},
|
||
grid: {
|
||
left: '5%',
|
||
// right:'10%',
|
||
top: '10%',
|
||
bottom: '5%',
|
||
containLabel: true
|
||
},
|
||
calculable: true,
|
||
xAxis: [
|
||
{
|
||
type: 'category',
|
||
data: data.name,
|
||
|
||
}
|
||
],
|
||
yAxis: [
|
||
{
|
||
type: 'value',
|
||
name: '数量（个）',
|
||
minInterval: 1
|
||
}
|
||
],
|
||
series: [
|
||
{
|
||
name: '养护数量',
|
||
type: 'bar',
|
||
data: data.number,
|
||
/*
|
||
* markPoint : { data : [ {name : '年最高', value :
|
||
* 182.2, xAxis: 7, yAxis: 183, symbolSize:18},
|
||
* {name : '年最低', value : 2.3, xAxis: 11, yAxis: 3} ] },
|
||
*/
|
||
/*
|
||
* markLine : { data : [ {type : 'average', name :
|
||
* '平均值'} ] }
|
||
*/
|
||
itemStyle: {
|
||
normal: {
|
||
/*
|
||
* color: function(params) { // build a
|
||
* color map as your need. var colorList = [
|
||
* '#1C86EE', ]; return
|
||
* colorList[params.dataIndex] },
|
||
*/
|
||
color: '#1C86EE'
|
||
}
|
||
},
|
||
}
|
||
]
|
||
};
|
||
myChartMaintain = echarts.init(document.getElementById("maintain"));
|
||
myChartMaintain.setOption(option);
|
||
}, 'json');
|
||
};
|
||
|
||
// 核心设备综合效率
|
||
var myChartEfficiency = "";
|
||
var equipmentEfficiency = function (efficiencyType, topNum) {
|
||
// console.log("bizId", companyId);
|
||
if (efficiencyType != null && efficiencyType != "") {
|
||
setCookie('efficiencyType', efficiencyType);
|
||
} else {
|
||
efficiencyType = "";
|
||
}
|
||
if (topNum != null && topNum != "") {
|
||
setCookie('topNum', topNum);
|
||
} else {
|
||
topNum = "";
|
||
}
|
||
// console.log("topNum", topNum);
|
||
$.post(ext.contextPath + "/equipment/getEquipmentEfficiency.do", { bizId: companyId, efficiencyType: efficiencyType, topNum: topNum }, function (data) {
|
||
// console.log(data);
|
||
optionEfficiency = {
|
||
/*
|
||
* title : { text: '巡检异常统计', subtext: '济南南康水厂' },
|
||
*/
|
||
tooltip: {
|
||
trigger: 'axis'
|
||
},
|
||
toolbox: {
|
||
show: true,
|
||
/*
|
||
* feature : { mark : {show: true}, dataView : {show:
|
||
* true, readOnly: false}, magicType : {show: true,
|
||
* type: ['line', 'bar']}, restore : {show: true},
|
||
* saveAsImage : {show: true} }
|
||
*/
|
||
},
|
||
grid: {
|
||
left: '2%',
|
||
right: '10%',
|
||
top: '10%',
|
||
bottom: '2%',
|
||
containLabel: true
|
||
},
|
||
calculable: true,
|
||
xAxis: [
|
||
{
|
||
type: 'category',
|
||
data: data.xAis,// ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
|
||
name: '小时'
|
||
}
|
||
],
|
||
yAxis: [
|
||
{
|
||
type: 'value',
|
||
name: '效率（%）'
|
||
}
|
||
],
|
||
series: [
|
||
{
|
||
name: '效率（%）',
|
||
type: 'bar',
|
||
data: data.value,
|
||
/*
|
||
* markPoint : { data : [ {name : '年最高', value :
|
||
* 182.2, xAxis: 7, yAxis: 183, symbolSize:18},
|
||
* {name : '年最低', value : 2.3, xAxis: 11, yAxis: 3} ] },
|
||
*/
|
||
/*
|
||
* markLine : { data : [ {type : 'average', name :
|
||
* '平均值'} ] }
|
||
*/
|
||
itemStyle: {
|
||
normal: {
|
||
/*
|
||
* color: function(params) { // build a
|
||
* color map as your need. var colorList = [
|
||
* '#836FFF', ]; return
|
||
* colorList[params.dataIndex] },
|
||
*/
|
||
color: '#1C86EE'
|
||
}
|
||
},
|
||
}
|
||
]
|
||
};
|
||
myChartEfficiency = echarts.init(document.getElementById("equipment_efficiency"));
|
||
myChartEfficiency.setOption(optionEfficiency);
|
||
}, 'json');
|
||
};
|
||
|
||
// 主要设备无故障运行总台时
|
||
/*
|
||
* var myChartTotalTime; var equipmentTotalTime = function () { //
|
||
* $.post(ext.contextPath + "/equipment/getEquipmentFaultsNumber.do",
|
||
* {}, function(data){ option = { /* title : { text: '某地区蒸发量和降水量',
|
||
* subtext: '纯属虚构' }, tooltip: { trigger: 'axis' }, legend: { data:
|
||
* ['泵', '鼓风机', '脱水机'] }, /* toolbox: { show : true, feature : { mark :
|
||
* {show: true}, dataView : {show: true, readOnly: false}, magicType :
|
||
* {show: true, type: ['line', 'bar']}, restore : {show: true},
|
||
* saveAsImage : {show: true} } }, calculable: true, grid: { left: '2%',
|
||
* right: '10%', top: '10%', bottom: '2%', containLabel: true }, xAxis: [ {
|
||
* type: 'category', data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月',
|
||
* '8月', '9月', '10月', '11月', '12月'], name: '月份' } ], yAxis: [ { type:
|
||
* 'value', name: '时长（h）' } ], series: [ { name: '泵', type: 'bar', data:
|
||
* [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4,
|
||
* 3.3], markPoint: { data: [ { type: 'max', name: '最大值' }, { type:
|
||
* 'min', name: '最小值' } ] }, markLine: { data: [ { type: 'average',
|
||
* name: '平均值' } ] } }, { name: '鼓风机', type: 'bar', data: [4.6, 3.9,
|
||
* 2.0, 14.4, 30.7, 63.7, 200.6, 172.2, 35.7, 16.8, 9.0, 10.3],
|
||
* markPoint: { data: [ { type: 'max', name: '最大值' }, { type: 'min',
|
||
* name: '最小值' } ] /* data : [ {name : '年最高', value : 200.6, xAxis: 7,
|
||
* yAxis: 183, symbolSize:18}, {name : '年最低', value : 2.3, xAxis: 11,
|
||
* yAxis: 3} ] }, markLine: { data: [ { type: 'average', name: '平均值' } ] } }, {
|
||
* name: '脱水机', type: 'bar', data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7,
|
||
* 175.6, 182.2, 48.7, 18.8, 6.0, 2.3], markPoint: { data: [ { type:
|
||
* 'max', name: '最大值' }, { type: 'min', name: '最小值' } ] }, /* markPoint : {
|
||
* data : [ {name : '年最高', value : 182.2, xAxis: 7, yAxis: 183,
|
||
* symbolSize:18}, {name : '年最低', value : 2.3, xAxis: 11, yAxis: 3} ] },
|
||
* markLine: { data: [ { type: 'average', name: '平均值' } ] } } ] };
|
||
* myChartTotalTime =
|
||
* echarts.init(document.getElementById("total_time"));
|
||
* myChartTotalTime.setOption(option); //},'json'); }
|
||
*/
|
||
|
||
function toThousands(num) {
|
||
var num = (num || 0).toString(), result = '';
|
||
while (num.length > 3) {
|
||
result = ',' + num.slice(-6) + result;
|
||
num = num.slice(0, num.length - 6);
|
||
}
|
||
if (num) { result = num + result; }
|
||
return result;
|
||
}
|
||
|
||
// 查看设备详情
|
||
var equipmentViewFun = function (id) {
|
||
$.post(ext.contextPath + '/equipment/doview.do', { id: id }, function (data) {
|
||
$("#subDiv").html(data);
|
||
openModal('subModal');
|
||
});
|
||
};
|
||
|
||
// 保养单
|
||
var maintenanceViewFun = function (id) {
|
||
$.post(ext.contextPath + '/maintenance/viewMaintain.do', { id: id }, function (data) {
|
||
$("#subDiv").html(data);
|
||
openModal('subMaintainModal');
|
||
});
|
||
}
|
||
|
||
var patrolRecordViewFun = function (id) {
|
||
$.post(ext.contextPath + '/timeEfficiency/patrolRecord/view.do', { id: id }, function (data) {
|
||
$("#subDiv").html(data);
|
||
openModal('subModal');
|
||
});
|
||
};
|
||
|
||
var showDetailView = function (id) {
|
||
if (${ PatrolType_Equipment == patrolRecord.type }) {
|
||
$.post(ext.contextPath + '/timeEfficiency/patrolRecord/viewDetial_Equipment.do', { id: id }, function (data) {
|
||
$("#subDiv_recordDetail").html(data);
|
||
openModal('subModal_recordDetail');
|
||
});
|
||
}else {
|
||
$.post(ext.contextPath + '/timeEfficiency/patrolRecord/viewDetial.do', { id: id }, function (data) {
|
||
$("#subDiv_recordDetail").html(data);
|
||
openModal('subModal_recordDetail');
|
||
});
|
||
}
|
||
|
||
};
|
||
</script>
|
||
</head>
|
||
|
||
<body onload="initMenu()" class="hold-transition ${cu.themeclass} sidebar-mini">
|
||
<div class="wrapper">
|
||
<!-- 引用top -->
|
||
<%--<jsp:include page="/jsp/side.jsp"></jsp:include> --%>
|
||
<!-- 菜单栏 -->
|
||
<%--<jsp:include page="/jsp/left.jsp"></jsp:include>--%>
|
||
<div class="content-wrapper">
|
||
<!-- Content Header (Page header) -->
|
||
<section class="content-header">
|
||
<h1 id="head_title"></h1>
|
||
<ol class="breadcrumb">
|
||
<li><a id='head_firstlevel' href="#"><i class="fa fa-dashboard"></i> </a></li>
|
||
<!-- <li class="active">Here</li> -->
|
||
</ol>
|
||
</section>
|
||
<!-- Main content -->
|
||
<section class="content container-fluid">
|
||
<div id="mainAlertdiv"></div>
|
||
<div id="subDiv"></div>
|
||
<div id="subDetailDiv"></div>
|
||
<div id="subAbnormalDiv"></div>
|
||
<div id="traceDiv"></div>
|
||
<div id="handleDetailDiv"></div>
|
||
<div id="fileInputDiv"></div>
|
||
<div id="fault4SelectDiv"></div>
|
||
<div id="subDiv_recordDetail"></div>
|
||
<!-- 公司树 -->
|
||
<!-- <div id="companySelectTree"></div> -->
|
||
<div class="form-inline" style="margin-bottom: 40px;">
|
||
<div class="form-group" style="margin-top: 10px;">
|
||
<label class="form-label">工艺区段</label>
|
||
<select class="form-control select2 " id="processSection" name="processSection"
|
||
style="width: 200px;"></select>
|
||
</div>
|
||
<div class="form-group" style="margin-top: 10px;">
|
||
<label class="form-label">设备等级</label>
|
||
<select class="form-control select2 " id="equipmentLevel" name="equipmentLevel"
|
||
style="width: 200px;"></select>
|
||
</div>
|
||
<div class="form-group" style="margin-top: 10px;">
|
||
<label class="form-label">设备类型</label>
|
||
<select class="form-control select2 " id="equipmentClass" name="equipmentClass"
|
||
style="width: 200px;"></select>
|
||
</div>
|
||
<div class="input-group" style="margin-top: 10px;">
|
||
<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>
|
||
<!-- 设备数量统计 -->
|
||
<section class="col-lg-6 col-md-6 col-xs-12 connectedSortable ui-sortable">
|
||
<div class="box box-primary">
|
||
<div class="box-header with-border">
|
||
<h3 class="box-title">设备数量</h3>
|
||
</div>
|
||
<div class="box-body">
|
||
<div class="col-lg-12 col-md-12 col-xs-6">
|
||
<div class="small-box bg-aqua top-card">
|
||
<div class="inner" style="width: 100%;height: 100px;">
|
||
|
||
<div style="width: 50%;float: left">
|
||
<i class="fa fa-tv"></i>
|
||
<span style="font-size:15px;">设备总台套数</span>
|
||
<h3 style="color:#292929;font-size:40px;"><span
|
||
id="equipmentNumber"></span><span
|
||
style="font-size:14px;font-weight:normal">台</span></h3>
|
||
</div>
|
||
|
||
<div style="width: 50%;float: left;">
|
||
<i class="fa fa-tv"></i>
|
||
<span style="font-size:15px;">装机容量</span>
|
||
<h3 style="color:#292929;font-size:40px;"><span
|
||
id="installNumber"></span><span
|
||
style="font-size:14px;font-weight:normal">台</span></h3>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-12 col-md-12 col-xs-6">
|
||
<div class="small-box bg-green top-card">
|
||
<div class="inner" style="height: 100px;width: 100%;">
|
||
|
||
<div style="width: 50%;float: left;">
|
||
<i class="fa fa-tv"></i>
|
||
<span style="font-size:15px;">设备在用台套数</span>
|
||
<h3 style="color:#292929;font-size:40px;"><span
|
||
id="useEquipmentNumber"></span><span
|
||
style="font-size:14px;font-weight:normal">台</span></h3>
|
||
</div>
|
||
|
||
<div style="width: 50%;float: left;">
|
||
<i class="fa fa-tv"></i>
|
||
<span style="font-size:15px;">设备在用套数</span>
|
||
<h3 style="color:#292929;font-size:40px;"><span
|
||
id="useEquipmentNumber_a"></span><span
|
||
style="font-size:14px;font-weight:normal">台</span></h3>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-12 col-md-12 col-xs-6">
|
||
<div class="small-box bg-yellow top-card">
|
||
<div class="inner" style="height: 100px;">
|
||
<i class="fa fa-tv"></i>
|
||
<span style="font-size:15px;">设备总价值</span>
|
||
<h3 style="color:#292929;font-size:40px;"><span
|
||
id="EquipmentWorth"></span><span
|
||
style="font-size:14px;font-weight:normal">万元</span></h3>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- 设备关键KPI统计 -->
|
||
<!-- -->
|
||
<!-- -->
|
||
<!-- <section class=" col-lg-4 col-md-4 col-xs-12 connectedSortable ui-sortable">
|
||
<div class="box box-primary">
|
||
<div class="box-header with-border">
|
||
<h3 class="box-title">设备关键KPI</h3>
|
||
</div> -->
|
||
|
||
<!-- <div class="box-body" style=""> -->
|
||
<!--<div class="col-lg-6 col-md-6 col-xs-6">
|
||
<div class="small-box bg-green top-card">
|
||
<div class="inner">
|
||
<i class="fa fa-database"></i>
|
||
<span style="font-size:15px;">累计消缺数量</span>
|
||
<h3 style="color:#292929;font-size:40px;"><span id="defectNumber"></span><span
|
||
style="font-size:14px;font-weight:normal">个</span></h3>
|
||
</div>
|
||
</div>
|
||
</div> -->
|
||
|
||
<!-- <div class="col-lg-12 col-md-12 col-xs-12">
|
||
small box
|
||
<div class="small-box bg-red
|
||
top-card">
|
||
<div class="inner">
|
||
<i class="fa fa-bell"></i>
|
||
<span style="font-size:15px;">报警累计量</span>
|
||
<h3 style="color:#292929;font-size:40px;" id="equipmentsNum">21<span
|
||
style="font-size:14px;font-weight:normal">个</span></h3>
|
||
</div>
|
||
</div>
|
||
</div> -->
|
||
|
||
<!-- <div class="col-lg-12 col-md-12 col-xs-12">
|
||
small box
|
||
<div class="small-box bg-yellow top-card">
|
||
<div class="inner">
|
||
<i class="fa fa-hourglass"></i>
|
||
<span style="font-size:15px;">设备运行总台时</span>
|
||
<h3 style="color:#292929;font-size:40px;" id="mpointsNum">800<span
|
||
style="font-size:14px;font-weight:normal">h</span></h3>
|
||
</div>
|
||
</div>
|
||
</div> -->
|
||
|
||
<!-- ./col -->
|
||
<!--<div class=" col-lg-6 col-md-6 col-xs-6">
|
||
<div class="small-box bg-blue top-card">
|
||
<div class="inner">
|
||
<i class="fa fa-institution"></i>
|
||
<span style="font-size:15px;">故障停机率</span>
|
||
<h3 style="color:#292929;font-size:40px;" id="citesNum">3.1<span
|
||
style="font-size:14px;font-weight:normal">%</span></h3>
|
||
</div>
|
||
</div>
|
||
</div>-->
|
||
|
||
<!-- </div>
|
||
</div>
|
||
</section> -->
|
||
<!-- -->
|
||
<!-- -->
|
||
<!-- 设备关键KPI统计 -->
|
||
<section class=" col-lg-6 col-md-6 col-xs-12 connectedSortable ui-sortable">
|
||
<div class="box box-primary">
|
||
<div class="box-header with-border">
|
||
<h3 class="box-title">设备统计</h3>
|
||
</div>
|
||
<div class="box-body">
|
||
<div class="col-lg-12 col-md-12 col-xs-12">
|
||
<!-- small box -->
|
||
<div class="small-box bg-green
|
||
top-card">
|
||
<div class="inner" style="height: 100px;">
|
||
<i class="fa fa-bell"></i>
|
||
<span style="font-size:15px;">设备完好率</span>
|
||
<h3 style="color:#292929;font-size:40px;" id="intactRate"><span
|
||
style="font-size:14px;font-weight:normal">%</span></h3>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-12 col-md-12 col-xs-12">
|
||
<!-- small box -->
|
||
<div class="small-box bg-yellow top-card">
|
||
<div class="inner" style="height: 100px;">
|
||
<i class="fa fa-hourglass"></i>
|
||
<span style="font-size:15px;">设备故障率</span>
|
||
<h3 style="color:#292929;font-size:40px;" id="faultRate"><span
|
||
style="font-size:14px;font-weight:normal">%</span></h3>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-12 col-md-12 col-xs-12">
|
||
<!-- small box -->
|
||
<div class="small-box bg-aqua top-card">
|
||
<div class="inner" style="height: 100px;">
|
||
<i class="fa fa-hourglass"></i>
|
||
<span style="font-size:15px;">设备利用率</span>
|
||
<h3 style="color:#292929;font-size:40px;" id="useRate"><span
|
||
style="font-size:14px;font-weight:normal">%</span></h3>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--设备故障统计 -->
|
||
<section class=" col-lg-6 col-md-6 col-xs-12 connectedSortable ui-sortable">
|
||
<div class="box box-primary">
|
||
<div class="box-header with-border">
|
||
<h3 class="box-title">设备故障统计</h3>
|
||
<div class="box-tools pull-right" data-toggle="tooltip">
|
||
<div class="btn-group" data-toggle="btn-toggle">
|
||
<button type="button" class="btn btn-default btn-xs "
|
||
onclick="getEquipmentFault('week')">周</button>
|
||
<button type="button" class="btn btn-default btn-xs "
|
||
onclick="getEquipmentFault('month')">月</button>
|
||
<button type="button" class="btn btn-default btn-xs "
|
||
onclick="getEquipmentFault('year')">年</button>
|
||
</div>
|
||
</div>
|
||
<div class="box-body">
|
||
<div id="fault_chart"
|
||
style="height: 299px; overflow:auto; padding: 0px; position: relative;"></div>
|
||
</div>
|
||
<!-- /.box-body-->
|
||
</div>
|
||
</section>
|
||
|
||
<!--巡检异常、维修统计、养护计划 -->
|
||
<section class="col-lg-6 col-md-6 col-xs-12 connectedSortable ui-sortable" style="font-size:16px;">
|
||
<div class="nav-tabs-custom" style="background-color:white;">
|
||
<ul class="nav nav-tabs" id="mytabs" style="">
|
||
<li class="active"><a href="#chart1" onclick="chartOnclick('chart1')"
|
||
data-toggle="tab">异常统计</a></li>
|
||
<li class=""><a href="#chart2" onclick="chartOnclick('chart2')" data-toggle="tab">维修统计</a>
|
||
</li>
|
||
<li class=""><a href="#chart3" onclick="chartOnclick('chart3')" data-toggle="tab">养护计划</a>
|
||
</li>
|
||
<div class="box-tools pull-right" style="margin-top:4px;margin-right:4px;">
|
||
<div class="btn-group" data-toggle="btn-toggle">
|
||
<button type="button" class="btn btn-default btn-xs "
|
||
onclick="dateOnclick('week')">周</button>
|
||
<button type="button" class="btn btn-default btn-xs "
|
||
onclick="dateOnclick('month')">月</button>
|
||
<button type="button" class="btn btn-default btn-xs "
|
||
onclick="dateOnclick('year')">年</button>
|
||
</div>
|
||
</div>
|
||
</ul>
|
||
<div class="tab-content">
|
||
<div class=" tab-pane active" id="chart1">
|
||
<div id="patrol_abnormal" style="height:299px;">
|
||
</div>
|
||
</div>
|
||
<div class=" tab-pane" id="chart2">
|
||
<div id="repair_number" style="height:299px;">
|
||
</div>
|
||
</div>
|
||
<div class=" tab-pane " id="chart3">
|
||
<div id="maintain" style="height:299px;">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!--核心设备综合效率统计 -->
|
||
<!--
|
||
<section id="equEfficiencySection" class=" col-lg-6 col-md-6 col-xs-12 connectedSortable ui-sortable">
|
||
<div class="box box-primary">
|
||
<div class="box-header with-border">
|
||
<h3 class="box-title">核心设备综合效率</h3>
|
||
<div class="box-tools pull-right" data-toggle="tooltip" style="float:right">
|
||
<div class="btn-group" data-toggle="btn-toggle">
|
||
<button type="button" class="btn btn-default btn-xs " style="height:25px"
|
||
onclick="equipmentEfficiency('${EquipmentEfficiency_1H}', $('#topNumInput').val());">1小时</button>
|
||
<button type="button" class="btn btn-default btn-xs " style="height:25px"
|
||
onclick="equipmentEfficiency('${EquipmentEfficiency_8H}', $('#topNumInput').val());">8小时</button>
|
||
</div>
|
||
|
||
<div style="float:right">
|
||
<span style="font-size: 12">列数:</span>
|
||
<input id="topNumInput" type="number" value="12" style="width:45px;height:25px">
|
||
</div>
|
||
</div>
|
||
-->
|
||
<!--
|
||
<div class="box-tools pull-right">
|
||
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
|
||
</button>
|
||
<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
|
||
</div>
|
||
-->
|
||
<!--
|
||
</div>
|
||
<div class="box-body">
|
||
<div id="equipment_efficiency" style="height: 300px; padding: 0px; position: relative;">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
-->
|
||
</section>
|
||
<!-- -->
|
||
<!--主要设备无故障运行总台时统计 -->
|
||
<!--<section class=" col-lg-6 col-md-6 col-xs-12 connectedSortable ui-sortable">
|
||
<div class="box box-primary">
|
||
<div class="box-header with-border">
|
||
<h3 class="box-title">主要设备无故障运行总台时</h3>
|
||
<div class="box-tools pull-right" data-toggle="tooltip">
|
||
<div class="btn-group" data-toggle="btn-toggle">
|
||
<button type="button" class="btn btn-default btn-xs " onclick="">周</button>
|
||
<button type="button" class="btn btn-default btn-xs " onclick="">月</button>
|
||
<button type="button" class="btn btn-default btn-xs " onclick="">年</button>
|
||
</div>
|
||
</div>
|
||
<!-- <div class="box-tools pull-right">
|
||
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
|
||
</button>
|
||
<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
|
||
</div>
|
||
</div>
|
||
<div class="box-body">
|
||
<div id="total_time" style="height: 300px; "></div>
|
||
</div>-->
|
||
<!-- /.box-body
|
||
</div>
|
||
</section>-->
|
||
<section class="col-lg-12 col-md-12 col-xs-12 connectedSortable ui-sortable">
|
||
<div class="box box-primary">
|
||
<div class="box-body no-padding">
|
||
<!-- THE CALENDAR -->
|
||
<div id="calendar"></div>
|
||
</div>
|
||
<!-- /.box-body -->
|
||
</div>
|
||
</section>
|
||
<!-- 设备台账、设备巡检、设备保养记录统计 -->
|
||
<section id="calendarSection" class="col-lg-12 col-md-12 col-xs-12 connectedSortable ui-sortable"
|
||
style="font-size:16px;">
|
||
<div style="background-color:white;">
|
||
<div class="nav-tabs-custom">
|
||
<ul class="nav nav-tabs" id="">
|
||
<li class="active"><a href="#tabFir" data-toggle="tab" index="0"
|
||
aria-expanded="true">设备台账</a>
|
||
</li>
|
||
<li class=""><a href="#tabSec" data-toggle="tab" index="1" aria-expanded="false">设备维护报养</a>
|
||
</li>
|
||
<li class=""><a href="#tabThird" data-toggle="tab" index="2" aria-expanded="false">设备巡检</a>
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
<div class="tab-content">
|
||
<div class=" tab-pane active" id="tabFir">
|
||
<table id="table1"></table>
|
||
</div>
|
||
<div class=" tab-pane " id="tabSec">
|
||
<table id="table2"></table>
|
||
</div>
|
||
<div class=" tab-pane " id="tabThird">
|
||
<table id="table3"></table>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</section>
|
||
<!-- /.content -->
|
||
</div>
|
||
<%-- <jsp:include page="/jsp/bottom.jsp"></jsp:include> --%>
|
||
</div>
|
||
</body>
|
||
<!-- echarts-->
|
||
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/echarts/echarts.js" charset="utf-8"></script>
|
||
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/echarts/macarons.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>
|
||
<!-- 本ak仅限珠海水控自来水项目临时使用，公司申请商业ak后替换更新。后续项目请使用公司商业ak -->
|
||
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=NZhMekYms7kucYQ2ZeSlauu1E868uS4F"></script>
|
||
</html> |