first commit
This commit is contained in:
686
WebRoot/jsp/valueEngineering/economicView.jsp
Normal file
686
WebRoot/jsp/valueEngineering/economicView.jsp
Normal file
@ -0,0 +1,686 @@
|
||||
<%@ 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>
|
||||
Reference in New Issue
Block a user