686 lines
27 KiB
Plaintext
686 lines
27 KiB
Plaintext
|
<%@ page language="java" pageEncoding="UTF-8"%>
|
|||
|
|
<%@page import="com.sipai.entity.maintenance.MaintenanceCommString"%>
|
|||
|
|
<%@page import="com.sipai.entity.maintenance.MaintenanceDetail"%>
|
|||
|
|
<%request.setAttribute("MAINTENANCE_TYPE_REPAIR",MaintenanceCommString.MAINTENANCE_TYPE_REPAIR);%>
|
|||
|
|
<%request.setAttribute("Status_Start",MaintenanceDetail.Status_Start);%>
|
|||
|
|
<%request.setAttribute("Status_Finish",MaintenanceDetail.Status_Finish);%>
|
|||
|
|
<%request.setAttribute("Status_Wait",MaintenanceDetail.Status_Wait);%>
|
|||
|
|
<link rel="stylesheet" href="<%=request.getContextPath()%>/CSS/circularRing.css" />
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
|
|||
|
|
|
|||
|
|
//根据父页面选择的TAB切换此页面tab
|
|||
|
|
function chooseTab() {
|
|||
|
|
switch (tabN) {
|
|||
|
|
case 'commCompare':
|
|||
|
|
$('#myTab a[href="#tab1"]').tab('show');
|
|||
|
|
break;
|
|||
|
|
case 'table2':
|
|||
|
|
//table2Data = data;
|
|||
|
|
break;
|
|||
|
|
case 'economicCompare':
|
|||
|
|
$('#myTab a[href="#tab1"]').tab('show');
|
|||
|
|
break;
|
|||
|
|
case 'efficiencyCompare':
|
|||
|
|
$('#myTab a[href="#efficiencyTab"]').tab('show');
|
|||
|
|
break;
|
|||
|
|
case 'qualityCompare':
|
|||
|
|
$('#myTab a[href="#qualityTab"]').tab('show');
|
|||
|
|
break;
|
|||
|
|
// case 'evaluateCompare':
|
|||
|
|
// $('#myTab a[href="#evaluateTab"]').tab('show');
|
|||
|
|
// break;
|
|||
|
|
default:
|
|||
|
|
$('#myTab a[href="#tab1"]').tab('show');
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//获取折线图数据
|
|||
|
|
function getRankChartData() {
|
|||
|
|
$.post(ext.contextPath + '/valueEngineering/equipmentEvaluate/getRankLineChart.do', { id:data[viewno].id }, function (result) {
|
|||
|
|
result = JSON.parse(result);
|
|||
|
|
if(result != ""){
|
|||
|
|
var rankChart = echarts.init(document.getElementById('rankDiv'));
|
|||
|
|
optionRank.xAxis[0].data = result[0].datetime;
|
|||
|
|
optionRank.series[0].data = result[0].value;
|
|||
|
|
optionRank.series[1].data = result[1].value;
|
|||
|
|
optionRank.series[2].data = result[2].value;
|
|||
|
|
optionRank.series[3].data = result[3].value;
|
|||
|
|
rankChart.setOption(optionRank);//得分走势
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//选择设备，
|
|||
|
|
var selectEquipmentCard = function () {
|
|||
|
|
$.post(ext.contextPath + '/valueEngineering/equipmentEvaluate/showEquipmentCardForEvalueSelect.do', {equipmentId: $("#equipid").val(),ids:'${param.ids}' }, function (data) {
|
|||
|
|
$("#emSubDiv").html(data);
|
|||
|
|
openModal('emSubModal');
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
var equipmentId = $("#equipid").val();
|
|||
|
|
//单个设备的维护详情
|
|||
|
|
var viewMaintainFun = function () {
|
|||
|
|
$.post(ext.contextPath + '/valueEngineering/equipmentEvaluate/viewMaintainDetail.do', { equipmentId: equipmentId}, function (data) {
|
|||
|
|
$("#faultBox").html(data);
|
|||
|
|
});
|
|||
|
|
//动态添加模态框尾部，否则关闭按钮会上移
|
|||
|
|
$(".modal-footer").remove();
|
|||
|
|
var foot ='<div class="modal-footer">'+
|
|||
|
|
'<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>'+
|
|||
|
|
'</div> ';
|
|||
|
|
$("#content").append(foot);
|
|||
|
|
}
|
|||
|
|
//单个设备的维修详情
|
|||
|
|
var viewRepairFun = function () {
|
|||
|
|
$.post(ext.contextPath + '/valueEngineering/equipmentEvaluate/viewRepairDetail.do', { equipmentId: equipmentId}, function (data) {
|
|||
|
|
$("#faultBox").html(data);
|
|||
|
|
});
|
|||
|
|
//动态添加模态框尾部，否则关闭按钮会上移
|
|||
|
|
$(".modal-footer").remove();
|
|||
|
|
var foot ='<div class="modal-footer">'+
|
|||
|
|
'<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>'+
|
|||
|
|
'</div> ';
|
|||
|
|
$("#content").append(foot);
|
|||
|
|
}
|
|||
|
|
//单个设备使用费用
|
|||
|
|
var viewUsedFun = function () {
|
|||
|
|
$.post(ext.contextPath + '/valueEngineering/equipmentEvaluate/viewEnergyMoney.do', { equipmentId: equipmentId}, function (data) {
|
|||
|
|
$("#faultBox").html(data);
|
|||
|
|
});
|
|||
|
|
//动态添加模态框尾部，否则关闭按钮会上移
|
|||
|
|
$(".modal-footer").remove();
|
|||
|
|
var foot ='<div class="modal-footer">'+
|
|||
|
|
'<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>'+
|
|||
|
|
'</div> ';
|
|||
|
|
$("#content").append(foot);
|
|||
|
|
}
|
|||
|
|
//单个设备的设备增加值
|
|||
|
|
var viewIncreaseValueFun = function () {
|
|||
|
|
$.post(ext.contextPath + '/valueEngineering/equipmentEvaluate/viewIncreaseValue.do', { equipmentId: equipmentId}, function (data) {
|
|||
|
|
$("#faultBox").html(data);
|
|||
|
|
});
|
|||
|
|
//动态添加模态框尾部，否则关闭按钮会上移
|
|||
|
|
$(".modal-footer").remove();
|
|||
|
|
var foot ='<div class="modal-footer">'+
|
|||
|
|
'<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>'+
|
|||
|
|
'</div> ';
|
|||
|
|
$("#content").append(foot);
|
|||
|
|
}
|
|||
|
|
//选择设备后刷新设备的费用信息
|
|||
|
|
var refreshEquipmentDataFun = function(){
|
|||
|
|
$.post(ext.contextPath + '/valueEngineering/equipmentEvaluate/getEquipmentCost.do', { equipmentId: equipmentId}, function (result) {
|
|||
|
|
$("#LCC").val(result.LCC)
|
|||
|
|
$("#purchaseMoney").val(result.purchaseMoney)
|
|||
|
|
$("#residualMoney").val(result.residualMoney)
|
|||
|
|
$("#runMoney").val(result.runMoney)
|
|||
|
|
$("#faultBox").html("");
|
|||
|
|
},'json')
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var initFun = function () {
|
|||
|
|
var option = {
|
|||
|
|
/* tooltip: {
|
|||
|
|
trigger: 'item',
|
|||
|
|
formatter: "{a} <br/>{b}: {c} ({d}%)"
|
|||
|
|
}, */
|
|||
|
|
color:['#00F5FF', '#00F5FF','#00F5FF','#00F5FF','#00F5FF','#00F5FF','#00F5FF','#00F5FF','#00F5FF','#00F5FF','#00F5FF','#00F5FF'],
|
|||
|
|
/* legend: {
|
|||
|
|
orient: 'vertical',
|
|||
|
|
x: 'left',
|
|||
|
|
data:['直达','营销广告','搜索引擎','邮件营销','联盟广告','视频广告','百度','谷歌','必应','其他']
|
|||
|
|
}, */
|
|||
|
|
series: [
|
|||
|
|
|
|||
|
|
{
|
|||
|
|
|
|||
|
|
type:'pie',
|
|||
|
|
selectedMode: 'single',
|
|||
|
|
radius: ['40%', '85%'],
|
|||
|
|
name: '',
|
|||
|
|
data:[
|
|||
|
|
{value:1, name:'维护'},
|
|||
|
|
{value:1, name:'维修'},
|
|||
|
|
{value:1, name:'改造'},
|
|||
|
|
{value:1, name:'更新'},
|
|||
|
|
{value:1, name:'报废'},
|
|||
|
|
{value:1, name:'规划'},
|
|||
|
|
{value:1, name:'设计'},
|
|||
|
|
{value:1, name:'制造'},
|
|||
|
|
{value:1, name:'选型'},
|
|||
|
|
{value:1, name:'购置'},
|
|||
|
|
{value:1, name:'安装'},
|
|||
|
|
{value:1, name:'使用'}
|
|||
|
|
],
|
|||
|
|
label: {
|
|||
|
|
normal: {
|
|||
|
|
position: 'inner',
|
|||
|
|
textStyle: {
|
|||
|
|
fontSize: 18
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
labelLine: {
|
|||
|
|
normal: {
|
|||
|
|
show: false
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
itemStyle:{
|
|||
|
|
normal: {
|
|||
|
|
color: "#B9D3EE"//默认显示的颜色
|
|||
|
|
},
|
|||
|
|
emphasis :{//高亮状态时显示不同颜色
|
|||
|
|
color: "#EE8262"
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
var width;
|
|||
|
|
var flag = IsPC(); //true为PC端，false为手机端
|
|||
|
|
if (flag==true){
|
|||
|
|
width=$("#sub").width()*0.5-100;
|
|||
|
|
}else{
|
|||
|
|
width=$(window).width()*0.75;
|
|||
|
|
}
|
|||
|
|
var chart = document.getElementById("div1");
|
|||
|
|
console.log(width);
|
|||
|
|
|
|||
|
|
//chart.style.width = $("#chartdiv").width();
|
|||
|
|
//chart.style.height = 250+'px';
|
|||
|
|
$("#div1").height(width);
|
|||
|
|
$("#div1").width(width);
|
|||
|
|
|
|||
|
|
var chartData = echarts.init(chart);
|
|||
|
|
|
|||
|
|
//setTimeout(function(){
|
|||
|
|
chartData.setOption(option);
|
|||
|
|
//设置默认选中高亮部分
|
|||
|
|
chartData.dispatchAction({
|
|||
|
|
type: 'highlight',
|
|||
|
|
seriesIndex: 1,
|
|||
|
|
dataIndex: 0
|
|||
|
|
});
|
|||
|
|
var index = -1; highlightIndex = 0;
|
|||
|
|
chartData.on('click', function (param) {
|
|||
|
|
switch(param.name){
|
|||
|
|
case '维护':
|
|||
|
|
viewMaintainFun();
|
|||
|
|
break;
|
|||
|
|
case '维修':
|
|||
|
|
viewRepairFun();
|
|||
|
|
break;
|
|||
|
|
case '改造':
|
|||
|
|
viewIncreaseValueFun();
|
|||
|
|
break;
|
|||
|
|
case '使用':
|
|||
|
|
viewUsedFun();
|
|||
|
|
break;
|
|||
|
|
case '安装':
|
|||
|
|
var addA ='<div class="col-lg-4 col-xs-4" style="text-align:left">'+
|
|||
|
|
'<label class="form-label">安装费用</label>'+
|
|||
|
|
'</div>'+
|
|||
|
|
'<div class="col-lg-7 col-xs-6" style="text-align:left">'+
|
|||
|
|
'<input type="text" class="form-control" name="" value= 0.00 style="text-align:center" readonly>'+
|
|||
|
|
'</div>'+
|
|||
|
|
'<div class="col-lg-1 col-xs-1">'+
|
|||
|
|
'<label>元</label>'+
|
|||
|
|
'</div>'
|
|||
|
|
$("#faultBox").html("");
|
|||
|
|
$("#addInput").empty();
|
|||
|
|
$("#addInput").append(addA);
|
|||
|
|
break;
|
|||
|
|
case '购置':
|
|||
|
|
var addB ='<div class="col-lg-4 col-xs-4" style="text-align:left">'+
|
|||
|
|
'<label class="form-label">购置费用</label>'+
|
|||
|
|
'</div>'+
|
|||
|
|
'<div class="col-lg-7 col-xs-6" style="text-align:left">'+
|
|||
|
|
'<input type="text" class="form-control" name="" value= 0.00 style="text-align:center" readonly>'+
|
|||
|
|
'</div>'+
|
|||
|
|
'<div class="col-lg-1 col-xs-1">'+
|
|||
|
|
'<label>元</label>'+
|
|||
|
|
'</div>'
|
|||
|
|
$("#faultBox").html("");
|
|||
|
|
$("#addInput").empty();
|
|||
|
|
$("#addInput").append(addB);
|
|||
|
|
break;
|
|||
|
|
case '选型':
|
|||
|
|
var addC ='<div class="col-lg-4 col-xs-4" style="text-align:left">'+
|
|||
|
|
'<label class="form-label">选型费用</label>'+
|
|||
|
|
'</div>'+
|
|||
|
|
'<div class="col-lg-7 col-xs-6" style="text-align:left">'+
|
|||
|
|
'<input type="text" class="form-control" name="" value= 0.00 style="text-align:center" readonly>'+
|
|||
|
|
'</div>'+
|
|||
|
|
'<div class="col-lg-1 col-xs-1">'+
|
|||
|
|
'<label>元</label>'+
|
|||
|
|
'</div>'
|
|||
|
|
$("#faultBox").html("");
|
|||
|
|
$("#addInput").empty();
|
|||
|
|
$("#addInput").append(addC);
|
|||
|
|
break;
|
|||
|
|
case '制造':
|
|||
|
|
var addD ='<div class="col-lg-4 col-xs-4" style="text-align:left">'+
|
|||
|
|
'<label class="form-label">制造费用</label>'+
|
|||
|
|
'</div>'+
|
|||
|
|
'<div class="col-lg-7 col-xs-6" style="text-align:left">'+
|
|||
|
|
'<input type="text" class="form-control" name="" value= 0.00 style="text-align:center" readonly>'+
|
|||
|
|
'</div>'+
|
|||
|
|
'<div class="col-lg-1 col-xs-1">'+
|
|||
|
|
'<label>元</label>'+
|
|||
|
|
'</div>'
|
|||
|
|
$("#faultBox").html("");
|
|||
|
|
$("#addInput").empty();
|
|||
|
|
$("#addInput").append(addD);
|
|||
|
|
break;
|
|||
|
|
case '设计':
|
|||
|
|
var addE ='<div class="col-lg-4 col-xs-4" style="text-align:left">'+
|
|||
|
|
'<label class="form-label">设计费用</label>'+
|
|||
|
|
'</div>'+
|
|||
|
|
'<div class="col-lg-7 col-xs-6" style="text-align:left">'+
|
|||
|
|
'<input type="text" class="form-control" name="" value= 0.00 style="text-align:center" readonly>'+
|
|||
|
|
'</div>'+
|
|||
|
|
'<div class="col-lg-1 col-xs-1">'+
|
|||
|
|
'<label>元</label>'+
|
|||
|
|
'</div>'
|
|||
|
|
$("#faultBox").html("");
|
|||
|
|
$("#addInput").empty();
|
|||
|
|
$("#addInput").append(addE);
|
|||
|
|
break;
|
|||
|
|
case '规划':
|
|||
|
|
var addF ='<div class="col-lg-4 col-xs-4" style="text-align:left">'+
|
|||
|
|
'<label class="form-label">规划费用</label>'+
|
|||
|
|
'</div>'+
|
|||
|
|
'<div class="col-lg-7 col-xs-6" style="text-align:left">'+
|
|||
|
|
'<input type="text" class="form-control" name="" value= 0.00 style="text-align:center" readonly>'+
|
|||
|
|
'</div>'+
|
|||
|
|
'<div class="col-lg-1 col-xs-1">'+
|
|||
|
|
'<label>元</label>'+
|
|||
|
|
'</div>'
|
|||
|
|
$("#faultBox").html("");
|
|||
|
|
$("#addInput").empty();
|
|||
|
|
$("#addInput").append(addF);
|
|||
|
|
break;
|
|||
|
|
case '报废':
|
|||
|
|
|
|||
|
|
break;
|
|||
|
|
case '更新':
|
|||
|
|
var addG ='<div class="col-lg-4 col-xs-4" style="text-align:left">'+
|
|||
|
|
'<label class="form-label">更新费用</label>'+
|
|||
|
|
'</div>'+
|
|||
|
|
'<div class="col-lg-7 col-xs-6" style="text-align:left">'+
|
|||
|
|
'<input type="text" class="form-control" name="" value= 0.00 style="text-align:center" readonly>'+
|
|||
|
|
'</div>'+
|
|||
|
|
'<div class="col-lg-1 col-xs-1">'+
|
|||
|
|
'<label>元</label>'+
|
|||
|
|
'</div>'
|
|||
|
|
$("#faultBox").html("");
|
|||
|
|
$("#addInput").empty();
|
|||
|
|
$("#addInput").append(addG);
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
//点击后显示或取消高亮状态
|
|||
|
|
if (param.dataIndex != index) {
|
|||
|
|
highlightIndex = 1;
|
|||
|
|
index = param.dataIndex;
|
|||
|
|
chartData.dispatchAction({ type: 'highlight', seriesIndex: 0, dataIndex: param.dataIndex });//选中高亮
|
|||
|
|
for (var i = 0; i < 12; i++) {
|
|||
|
|
if (i != index) {
|
|||
|
|
chartData.dispatchAction({ type: 'downplay', seriesIndex: 0, dataIndex: i });//取消高亮
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
highlightIndex = 0;
|
|||
|
|
datagridType = '';
|
|||
|
|
chartData.dispatchAction({ type: 'downplay', seriesIndex: 0, dataIndex: index });//取消高亮
|
|||
|
|
index = -1
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//该类设备的评分
|
|||
|
|
$("#economicScoreId").html(data[viewno].economicScore.toFixed(2));
|
|||
|
|
$("#effiScoreId").html(data[viewno].efficiencyScore.toFixed(2));
|
|||
|
|
$("#qualScoreId").html(data[viewno].qualityScore.toFixed(2));
|
|||
|
|
$("#tab1").height($("#div1").height()+$("#faultBox").height()+100);
|
|||
|
|
$("#bing2").css({ "background-color": "red" });
|
|||
|
|
chooseTab();
|
|||
|
|
getRankChartData();
|
|||
|
|
var starBarChart = echarts.init(document.getElementById('starBarDiv'));
|
|||
|
|
starBarChart.setOption(optionStarBar);//评分布局
|
|||
|
|
$('#star').rater('', { style: 'basic', curvalue: 4.9 });
|
|||
|
|
|
|||
|
|
$("#efficiencyTable").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: 50, // 页面数据条数
|
|||
|
|
pageNumber: 1, // 首页页码
|
|||
|
|
sidePagination: 'server', // 设置为服务器端分页
|
|||
|
|
//queryParams:queryParamsFun,
|
|||
|
|
sortName: 'id', // 要排序的字段
|
|||
|
|
sortOrder: 'desc', // 排序规则
|
|||
|
|
columns: [
|
|||
|
|
/* {
|
|||
|
|
checkbox: true, // 显示一个勾选框
|
|||
|
|
}, */
|
|||
|
|
{
|
|||
|
|
field: 'date', // 返回json数据中的name
|
|||
|
|
title: '时间', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle' // 上下居中
|
|||
|
|
}, {
|
|||
|
|
field: 'lastTime', // 返回json数据中的name
|
|||
|
|
title: '时长', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle' // 上下居中
|
|||
|
|
}, {
|
|||
|
|
title: "操作",
|
|||
|
|
align: 'center',
|
|||
|
|
valign: 'middle',
|
|||
|
|
width: 120, // 定义列的宽度，单位为像素px
|
|||
|
|
formatter: function (value, row, index) {
|
|||
|
|
var buts = "";
|
|||
|
|
buts += '<button class="btn btn-default btn-sm" title="查看详情" onclick="viewEconomicFun(\'' + row.id + '\')"><i class="fa fa-file-text-o"></i><span class="hidden-md hidden-lg">查看详情</span></button>';
|
|||
|
|
buts = '<div class="btn-group" >' + buts + '</div>';
|
|||
|
|
return buts;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
onLoadSuccess: function () { //加载成功时执行
|
|||
|
|
adjustBootstrapTableView("table2");
|
|||
|
|
},
|
|||
|
|
onLoadError: function () { //加载失败时执行
|
|||
|
|
console.info("加载数据失败");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$("#qualityTable").bootstrapTable({ // 对应table标签的id
|
|||
|
|
url: ext.contextPath + '/maintenance/getMaintenanceDetailList.do', // 获取表格数据的url
|
|||
|
|
cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
|
|||
|
|
striped: true, //表格显示条纹，默认为false
|
|||
|
|
pagination: true, // 在表格底部显示分页组件，默认false
|
|||
|
|
//pageList: [3,20,50], // 设置页面可以显示的数据条数
|
|||
|
|
pageSize: 3, // 页面数据条数
|
|||
|
|
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_code: '${param.companyId}',
|
|||
|
|
equipmentId: equipmentId,
|
|||
|
|
type:'${MAINTENANCE_TYPE_REPAIR}',
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
/* onClickRow:function(row){
|
|||
|
|
viewDetailFun(row.id);
|
|||
|
|
}, */
|
|||
|
|
columns: [
|
|||
|
|
/* {
|
|||
|
|
checkbox: true, // 显示一个勾选框
|
|||
|
|
}, */
|
|||
|
|
{
|
|||
|
|
field: 'problemcontent', // 返回json数据中的name
|
|||
|
|
title: '维修内容', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle' // 上下居中
|
|||
|
|
}, {
|
|||
|
|
field: 'insdt', // 返回json数据中的name
|
|||
|
|
title: '时间', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle' // 上下居中
|
|||
|
|
}, {
|
|||
|
|
field: 'stopTime', // 返回json数据中的name
|
|||
|
|
title: '停机时间/h', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle', // 上下居中
|
|||
|
|
formatter: function (value, row, index) {
|
|||
|
|
switch (row.status) {
|
|||
|
|
case '${Status_Finish}':
|
|||
|
|
var stdt = new Date(row.insdt.replace(/\-/g, "/"));
|
|||
|
|
var eddt = new Date(row.actualFinishDate.replace(/\-/g, "/"));
|
|||
|
|
return (parseInt(eddt - stdt) / 1000 / 60).toFixed(2);
|
|||
|
|
default:
|
|||
|
|
return '未完成';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return buts;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
onLoadSuccess: function () { //加载成功时执行
|
|||
|
|
adjustBootstrapTableView("qualityTable");
|
|||
|
|
},
|
|||
|
|
onLoadError: function () { //加载失败时执行
|
|||
|
|
console.info("加载数据失败");
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
/* var foot ='<div class="modal-footer">'+
|
|||
|
|
'<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>'+
|
|||
|
|
'</div> ';
|
|||
|
|
$("#content").append(foot); */
|
|||
|
|
};
|
|||
|
|
$(function(){
|
|||
|
|
initFun();
|
|||
|
|
var foot ='<div class="modal-footer">'+
|
|||
|
|
'<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>'+
|
|||
|
|
'</div> ';
|
|||
|
|
$("#content").append(foot);
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
<div class="modal fade" id="subModal">
|
|||
|
|
<div class="modal-dialog modal-lg" id="sub">
|
|||
|
|
<div class="modal-content" id="content">
|
|||
|
|
<div class="modal-header">
|
|||
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|||
|
|
<span aria-hidden="true">×</span></button>
|
|||
|
|
<h4 class="modal-title">设备指标详情</h4>
|
|||
|
|
</div>
|
|||
|
|
<div class="modal-body" >
|
|||
|
|
<!--tab导航栏 -->
|
|||
|
|
<div class="nav-tabs-custom">
|
|||
|
|
|
|||
|
|
<ul class="nav nav-tabs" id="myTab">
|
|||
|
|
<li><a href="#tab1" data-toggle="tab" index="0"
|
|||
|
|
onclick="">经济指标</a></li>
|
|||
|
|
<li><a href="#efficiencyTab" data-toggle="tab" index="1"
|
|||
|
|
onclick="">效率指标</a></li>
|
|||
|
|
<li><a href="#qualityTab" data-toggle="tab" index="2" onclick="">质量指标</a>
|
|||
|
|
</li>
|
|||
|
|
<!-- <li><a href="#evaluateTab" data-toggle="tab" index="3" onclick="">口碑评价</a>
|
|||
|
|
</li>
|
|||
|
|
<li><a href="#rankTab" data-toggle="tab" index="4" onclick="">得分走势</a></li>
|
|||
|
|
-->
|
|||
|
|
<!-- 选择设备 -->
|
|||
|
|
<div class="form-group form-inline pull-right" >
|
|||
|
|
<label class="form-label">选择设备:</label>
|
|||
|
|
<input id="equipid" name="equipmentId" type="hidden" value="${param.id}" />
|
|||
|
|
<input class="form-control" autocomplete="off" id="equipname" name="equipname"
|
|||
|
|
style="height:34px; width:200px" onclick="selectEquipmentCard()" placeholder="点击选择设备" value="${param.name}">
|
|||
|
|
<!-- <button class="btn btn-default" onclick="dosearch();"><i class="fa fa-search"></i></button> -->
|
|||
|
|
</div>
|
|||
|
|
</ul>
|
|||
|
|
|
|||
|
|
<div class="tab-content no-padding">
|
|||
|
|
<!-- Morris chart - Sales -->
|
|||
|
|
<!--设备经济指标tab -->
|
|||
|
|
<div class="tab-pane" id="tab1" style="position: relative; padding:5px;height:1000px]">
|
|||
|
|
<div style="margin-top:30px;" class="col-lg-6 col-xs-12"
|
|||
|
|
id="div2">
|
|||
|
|
<div class="col-lg-12 col-xs-12 ">
|
|||
|
|
<label class="form-label" style="font-size:30px">经济得分</label> <span
|
|||
|
|
id="economicScoreId"
|
|||
|
|
style="color:#0000FF;font-size:30px;margin-left:50px"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-12 col-xs-12 ">
|
|||
|
|
<div class="col-lg-3 col-xs-3">
|
|||
|
|
<label style="font-size:20px">LCC =</label>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-6 col-xs-7">
|
|||
|
|
<input type="text" class="form-control" id="LCC" name=""
|
|||
|
|
value="${LCC}" readonly>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-1 col-xs-1">
|
|||
|
|
<label>元</label>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-12 col-xs-12" style="margin-top:20px">
|
|||
|
|
<label style="color:#A9A9A9;">生命周期成本LCC=投资成本IC+运行故障成本(OC+FC)+报废成本DC</label>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="col-lg-12 col-xs-12 " style="margin-top:20px">
|
|||
|
|
<div class="col-lg-4 col-xs-4">
|
|||
|
|
<label class="form-label" style="text-align:left">前期管理费</label>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-7 col-xs-6" style="text-align:left">
|
|||
|
|
<input type="text" class="form-control" id="purchaseMoney" name=""
|
|||
|
|
value="${purchaseMoney}" style="text-align:center" readonly>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-1 col-xs-1">
|
|||
|
|
<label>元</label>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-12 col-xs-12 " style="margin-top:20px">
|
|||
|
|
<div class="col-lg-4 col-xs-4" style="text-align:left">
|
|||
|
|
<label class="form-label">运行维修费</label>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-7 col-xs-6" style="text-align:left">
|
|||
|
|
<input type="text" class="form-control" id="runMoney" name=""
|
|||
|
|
value="${runMoney}" style="text-align:center"
|
|||
|
|
readonly>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-1 col-xs-1">
|
|||
|
|
<label>元</label>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-12 col-xs-12 " style="margin-top:20px">
|
|||
|
|
<div class="col-lg-4 col-xs-4" style="text-align:left">
|
|||
|
|
<label class="form-label">轮换报废费</label>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-7 col-xs-6" style="text-align:left">
|
|||
|
|
<input type="text" class="form-control" id="residualMoney" name=""
|
|||
|
|
value="${residualMoney}" style="text-align:center" readonly>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-1 col-xs-1">
|
|||
|
|
<label>元</label>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-12 col-xs-12 " id = "addInput" style="margin-top:20px">
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="col-lg-6 col-xs-12" id="div1"
|
|||
|
|
style="padding-top:50px"></div>
|
|||
|
|
<div class="col-lg-12 col-xs-12" id="faultBox">
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<br />
|
|||
|
|
</div>
|
|||
|
|
<!-- 效率评分 -->
|
|||
|
|
<div class="tab-pane" id="efficiencyTab" style="position: relative; padding:5px;">
|
|||
|
|
<div class="form-group" style="margin-top:30px;height:45px">
|
|||
|
|
<label class="col-lg-4 col-xs-12 control-label" style="font-size:30px">效率得分</label>
|
|||
|
|
<div class="col-lg-8 col-xs-12">
|
|||
|
|
<label id="effiScoreId" style="color:#0000FF;font-size:30px"></label>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-group" style="height:40px;margin-left:10px">
|
|||
|
|
<label class="col-lg-4 col-xs-12 control-label" style="font-size:20px">瞬时流量</label>
|
|||
|
|
<div class="col-lg-8 col-xs-12">
|
|||
|
|
<label id="" style="font-size:20px;font-weight:bold" >${equipmentProp.instantFlow} m3/h</label>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-group" style="height:40px;margin-left:10px">
|
|||
|
|
<label class="col-lg-4 col-xs-12 control-label" style="font-size:20px">运行总时间</label>
|
|||
|
|
<div class="col-lg-8 col-xs-12">
|
|||
|
|
<label id="" style="font-size:20px;font-weight:bold" >${equipmentProp.runTime} h</label>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<br />
|
|||
|
|
<!--<table id="efficiencyTable"></table>-->
|
|||
|
|
</div>
|
|||
|
|
<div class="tab-pane" id="qualityTab" style="position: relative; padding:5px;">
|
|||
|
|
<div class="form-group" style="margin-top:30px;height:45px">
|
|||
|
|
<label class="col-lg-4 col-xs-12 control-label" style="font-size:30px">质量得分</label>
|
|||
|
|
<div class="col-lg-8 col-xs-12">
|
|||
|
|
<label id="qualScoreId" style="color:#0000FF;font-size:30px"></label>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-group" style="height:40px;margin-left:10px">
|
|||
|
|
<label class="col-lg-3 col-xs-12 control-label" style="font-size:20px">故障次数</label>
|
|||
|
|
<div class="col-lg-9 col-xs-12">
|
|||
|
|
<label id="" style="font-size:20px;font-weight:bold" >${equipmentProp.faultNumber}次</label>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-group" style="height:40px;margin-left:10px">
|
|||
|
|
<label class="col-lg-3 col-xs-12 control-label" style="font-size:20px">完好率</label>
|
|||
|
|
<div class="col-lg-9 col-xs-12">
|
|||
|
|
<label id="" style="font-size:20px;font-weight:bold">${equipmentProp.intactRate}%</label>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-group" style="height:40px;margin-left:10px">
|
|||
|
|
<label class="col-lg-3 col-xs-12 control-label" style="font-size:20px">维修次数累计</label>
|
|||
|
|
<div class="col-lg-9 col-xs-12">
|
|||
|
|
<splabelan id="" style="font-size:20px;font-weight:bold">${equipmentProp.repairNumber}次</label>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<br />
|
|||
|
|
<table id="qualityTable"></table>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 口碑评分 -->
|
|||
|
|
<div class="tab-pane" id="evaluateTab" style="position: relative; padding:5px;">
|
|||
|
|
<div class="form-group col-lg-4" style="margin-top:30px;width:300px;height:60px">
|
|||
|
|
<label class="col-sm-4 control-label"
|
|||
|
|
style="color:#0000FF;font-size:40px;font-weight: unset">4.9</label>
|
|||
|
|
<div class="col-sm-8">
|
|||
|
|
<div class="col-xs-12">
|
|||
|
|
<label id="star"></label>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-xs-12">
|
|||
|
|
<label style="color:#95ACC5;font-size: 20px">40384人评价</label>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div id="starBarDiv" style="height:200px;width:350px"></div>
|
|||
|
|
<div class="form-group col-lg-12 col-xs-12" style="margin-left:10px;margin-top:50px">
|
|||
|
|
<div class="col-sm-3 col-xs-12">
|
|||
|
|
<label class=" control-label" style="font-size:20px">评价详情</label>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-sm-9 col-xs-12">
|
|||
|
|
<div class="btn-group" style="width: 220px;">
|
|||
|
|
<button type="button" class="btn btn-default btn-sm" onclick=""><i
|
|||
|
|
class="fa fa-plus"></i>添加评价</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!--生成区-->
|
|||
|
|
<!-- <div class="form-group" style="margin-top:8px;border-top: 1px solid #BBB4BE;">
|
|||
|
|
<label></label>
|
|||
|
|
</div> -->
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 排名走势 -->
|
|||
|
|
<div class="tab-pane" id="rankTab" style="overflow-x:auto;position: relative; padding:5px;">
|
|||
|
|
<br />
|
|||
|
|
<div id="rankDiv" style="height:500px;width:850px"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<!-- /.modal-content -->
|
|||
|
|
</div>
|
|||
|
|
<!-- /.modal-dialog -->
|
|||
|
|
</div>
|