xzzn/SIPAIIS_WMS_JSSW
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
main
SIPAIIS_WMS_JSSW/WebRoot/jsp/valueEngineering/equipmentEvalueList.jsp

606 lines
24 KiB
Plaintext
Raw Permalink Normal View History

first commit
2026-01-16 14:13:44 +08:00
<%@ 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"%>
<!DOCTYPE html>
<!-- <html lang="zh-CN"> -->
<!-- BEGIN HEAD -->
<head>
<title><%=ServerObject.atttable.get("TOPTITLE")%></title>
<!-- 引用页头及CSS页-->
<jsp:include page="/jsp/inc.jsp"></jsp:include>
<style>
.main-header{display:none;}
.content-header{display:none;}
.main-footer{display:none;}
#downloadPDF{display:none;}
.CommentPanel {
border-radius: 10px;
border: 2px solid #426AB2;
margin: auto;
margin-top: 5px;
margin-bottom: 5px;
width: 80%;
}
</style>
<!-- bootstrap switch -->
<link rel="stylesheet"
href="<%=request.getContextPath()%>/node_modules/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.min.css" />
<script type="text/javascript"
src="<%=request.getContextPath()%>/node_modules/bootstrap-switch/dist/js/bootstrap-switch.min.js"
charset="utf-8"></script>
<!-- 对比构建表格以及线图js -->
<script type="text/javascript" src="<%=request.getContextPath()%>/JS/comparePage.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>
<script type="text/javascript">
//当前日期
var mydate = new Date();
var nowDate=mydate.toLocaleDateString();
//添加对比设备
var addFun = function () {
var equipmentIds = "";
var tabData = $("#" + tabN).bootstrapTable('getData');
$.each(tabData, function (index, item) {
if (equipmentIds != "") {
equipmentIds += ",";
}
equipmentIds += item.id;
});
$.post(ext.contextPath + '/valueEngineering/equipmentEvaluate/showEquipmentForEvaluateSelects.do', { companyId: companyId, equipmentIds: equipmentIds }, function (data) {
$("#subDiv").html(data);
openModal('equipment4SelectModal');
});
};
//添加对比设备类型
var addCompareFun = function () {
/* var equipmentIds = "";
var tabData = $("#" + tabN).bootstrapTable('getData');
$.each(tabData, function (index, item) {
if (equipmentIds != "") {
equipmentIds += ",";
}
equipmentIds += item.id;
}); */
$.post(ext.contextPath + '/valueEngineering/equipmentEvaluate/addEquipmentClassForCompare.do', {data:JSON.stringify(data),ids:selectEquipmentIds}, function (data) {
$("#subDiv").html(data);
openModal('subModal');
});
};
//生成pdf报表
var downloadPDF= function () {
if(data == null || data == ""){
showAlert('d','没有对比数据！','mainAlertdiv');
return;
}else{
var pdfName = "";
switch (tabN) {
case 'commCompare':
pdfName = "综合对比报表";
break;
case 'economicCompare':
pdfName = "经济对比报表";
break;
case 'efficiencyCompare':
pdfName = "效率对比报表";
break;
case 'qualityCompare':
pdfName = "质量对比报表";
break;
case 'evaluateCompare':
pdfName = "口碑对比报表";
break;
default:
break;
}
swal({
text: "您确定要生成"+pdfName+"?",
dangerMode: true,
buttons: {
cancel: {
text: "取消",
value: null,
visible: true,
className: "btn btn-default btn-sm",
closeModal: true,
},
confirm: {
text: "确定",
value: true,
visible: true,
className: "btn btn-danger btn-sm",
closeModal: true
}
}
}).then(function(willDelete) {
if (willDelete) {
$("#"+tabN).find("tr:last").hide();//隐藏表格最后一行
var tdNumber = document.getElementById(tabN).rows.item(0).cells.length; //列数
$("#"+tabN).find("tr").find("td:eq("+tdNumber+")").hide();//隐藏表格最后一列
//新增一行表头，用于报表表头
var addTr = '<tr id = "titleId"><td colspan="'+tdNumber+'" style="text-align: center; vertical-align: middle;">'+pdfName+'('+nowDate+')</td>';
$("#"+tabN).prepend(addTr)
//获取表格父级元素id，用于打印的内容
var divId = $("#"+tabN).parent().attr('id');
var targetDom = $("#"+divId);
//把需要导出的pdf内容clone一份，这样对它进行转换、微调等操作时才不会影响原来界面
var copyDom = targetDom.clone();
//新的div宽高跟原来一样，高度设置成自适应，这样才能完整显示节点中的所有内容（比如说表格滚动条中的内容）
copyDom.width(targetDom.width()*1.5 + "px");
copyDom.height(targetDom.height() + "px");
$('body').append(copyDom);//ps:这里一定要先把copyDom append到body下，不然会导致图标为空
//生成导出的表格数据后，去掉增加的行列，使界面恢复原貌
$("#"+tabN).find("tr:last").show();//显示最后一行
$("#"+tabN).find("tr").find("td:eq("+tdNumber+")").show();//显示最后一列;
$("#titleId").remove();
// 将 表格 渲染成 canvas
html2canvas(copyDom, {
background: '#FF1493',
onrendered: function (canvas) {
var imgData = canvas.toDataURL('image/jpeg',1.0);
var img = new Image();
img.src = imgData;
//根据图片的尺寸设置pdf的规格，要在图片加载成功时执行，之所以要*0.225是因为比例问题
img.onload = function () {
//此处需要注意，pdf横置和竖置两个属性，需要根据宽高的比例来调整，不然会出现显示不完全的问题
if (this.width > this.height) {
var doc = new jsPDF('l', 'mm', [this.width * 0.225, this.height * 0.225]);
} else {
var doc = new jsPDF('p', 'mm', [this.width * 0.225, this.height * 0.225]);
}
doc.addImage(imgData, 'jpeg', 0, 0, this.width * 0.225, this.height * 0.225);
//根据下载保存成不同的文件名
doc.save(pdfName+nowDate+'.pdf');
};
//删除复制出来的div
copyDom.remove();
}
})
}
});
}
}
//表格加载的数据
var data;
//查看详情时选中的data序数
var viewno;
//已选择的设备id
var selectEquipmentIds="";
//查看详情时的该条评价数据
var evaluateObject;
//标识当前页面显示的tab
var tabN = "commCompare";
var tabFun = function (tab) {
tabN = tab;
finishSelectFun();
};
//清空
var clearAllTable = function () {
$('#commCompare').html('<tr><td style="text-align: center; vertical-align: middle;">没有找到匹配的记录</td></tr>');
$('#economicCompare').html('<tr><td style="text-align: center; vertical-align: middle;">没有找到匹配的记录</td></tr>');
$('#efficiencyCompare').html('<tr><td style="text-align: center; vertical-align: middle;">没有找到匹配的记录</td></tr>');
$('#qualityCompare').html('<tr><td style="text-align: center; vertical-align: middle;">没有找到匹配的记录</td></tr>');
$('#evaluateCompare').html('<tr><td style="text-align: center; vertical-align: middle;">没有找到匹配的记录</td></tr>');
};
//选择设备后的数据赋值给当前表格
var finishSelectFun = function () {
if (data != null && data != "") {
switch (tabN) {
case 'commCompare':
$('#commCompare').html("");//清空内容
buildCommCompareTable(data);//构建表格
break;
case 'economicCompare':
$('#economicCompare').html("");//清空内容
buildEconCompareTable(data);//构建表格
break;
case 'efficiencyCompare':
$('#efficiencyCompare').html("");//清空内容
buildEffiCompareTable(data);//构建表格
break;
case 'qualityCompare':
$('#qualityCompare').html("");//清空内容
buildQualCompareTable(data);//构建表格
break;
case 'evaluateCompare':
//$('#evaluateCompare').html("");//清空内容
break;
default:
break;
}
}
};
//对比查看详情界面，先选择设备，再弹出设备指标详情页面
var viewDetailFun = function (i) {
viewno = i;
//console.log(data[0]);
$.post(ext.contextPath + '/valueEngineering/equipmentEvaluate/showEquipmentCardForEvalueSelect.do', {equipmentData : JSON.stringify(data[i]),companyId:companyId}, function (data) {
$("#emSubDiv").html(data);
openModal('emSubModal');
});
};
var companyId = "";
var starArray = [[4.4, 3.2, 2.9], [4.4, 3.2, 2.9], [4.4, 3.2, 2.9]];
$(function () {
var flag = IsApp();
if (flag==true){
}else{
$(".main-header").show();
$(".content-header").show();
$(".main-footer").show();
$("#downloadPDF").show();
}
$.post(ext.contextPath + "/user/getSearchBizsByUserId4Select.do", {}, function (data) {
var selelct = $("#search_code").select2({
data: data,
placeholder: '请选择',//默认文字提示
allowClear: false,//允许清空
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; } // 函数用于呈现当前的选择
});
selelct.on("change", function (e) {
});
if (data.length == 1) {
//选择厂区为一个厂时隐藏选择框
selelct.val(data[0].id).trigger("change");
companyId = data[0].id;
$("#search_code").next().css("display", "none");
$("#company").text($("#search_code").text());
} else {
selelct.val("").trigger("change");
$("#company").css("display", "none");
};
$(".select2-selection--single").css({ 'height': '30px', 'paddingTop': '4px' });
}, 'json');
for (var i = 0; i < 3; i++) {
for (var j = 0; j < 2; j++) {
$('#star' + i + j).rater('', { style: 'inline', curvalue: starArray[i][j] });
}
}
$('#inline1').rater('', { style: 'inline', curvalue: 3.2 });
})
</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="menu4SelectDiv"></div>
<div id="emSubDiv"></div>
<div id="maintainDiv"></div>
<div>
<!--<div class="form-group form-inline">
<div class="form-group">
<label class="form-label" id="companylabel">水厂:</label>
<label class="form-label" id="company"
style="width:180px;border: none;background: transparent;"></label>
</div>
<div class="form-group">
<select class="form-control select2 " id="search_code" name="search_code"
style="width: 220px;"></select>
</div>
</div>-->
<div class="form-group" style="padding:0;">
<div class="btn-group" style="width: 220px;padding-bottom:10px;">
<button type="button" class="btn btn-default btn-sm" onclick="addCompareFun();"><i
class="fa fa-plus"></i>添加对比</button>
<button type="button" class="btn btn-default btn-sm" onclick="downloadPDF();" id="downloadPDF"><i
class="fa fa-file-pdf-o"></i>生成报表</button>
<!-- <button type="button" class="btn btn-default btn-sm" onclick="deletesFun();"><i class="fa fa-trash-o"></i> 删除</button> -->
</div>
</div>
</div>
<div class="nav-tabs-custom">
<ul class="nav nav-tabs" id="compareTab">
<li class="active"><a href="#commCompareTab" data-toggle="tab" index="0"
onclick="tabFun('commCompare')">综合对比</a></li>
<li><a href="#economicCompareTab" data-toggle="tab" index="1"
onclick="tabFun('economicCompare')">经济对比</a></li>
<li><a href="#efficiencyCompareTab" data-toggle="tab" index="2"
onclick="tabFun('efficiencyCompare')">效率对比</a></li>
<li><a href="#qualityCompareTab" data-toggle="tab" index="3"
onclick="tabFun('qualityCompare')">质量对比</a></li>
<!-- <li><a href="#evaluateCompareTab" data-toggle="tab" index="4"
onclick="tabFun('evaluateCompare')">口碑对比</a></li> -->
</ul>
<div class="tab-content no-padding">
<!-- Morris chart - Sales -->
<div class="tab-pane active" id="commCompareTab" style="position: relative; padding:5px;">
<table id="commCompare" class="table table-hover table-striped" style="width:100%;background-color: #FCFCFC">
<tr>
<td style="text-align: center; vertical-align: middle;">请添加对比条件</td>
</tr>
</table>
</div>
<div class="tab-pane" id="economicCompareTab" style="position: relative; padding:5px;">
<table id="economicCompare" class="table table-hover table-striped" style="width:100%;background-color:#FCFCFC">
<tr>
<td style="text-align: center; vertical-align: middle;">请添加对比条件</td>
</tr>
</table>
</div>
<div class="tab-pane" id="efficiencyCompareTab" style="position: relative; padding:5px;">
<table id="efficiencyCompare" class="table table-hover table-striped" style="width:100%;background-color:#FCFCFC">
<tr>
<td style="text-align: center; vertical-align: middle;">请添加对比条件</td>
</tr>
</table>
</div>
<div class="tab-pane" id="qualityCompareTab" style="position: relative; padding:5px;">
<table id="qualityCompare" class="table table-hover table-striped" style="width:100%;background-color:#FCFCFC">
<tr>
<td style="text-align: center; vertical-align: middle;">请添加对比条件</td>
</tr>
</table>
</div>
<div class="tab-pane" id="evaluateCompareTab" style="position: relative; padding:5px;">
<table id="evaluateCompare" class="table table-hover table-striped" style="width:100%;background-color: #FCFCFC">
<tr style="width:100%">
<th style="background-color:#CCCCCC;text-align: center; vertical-align: middle; ">序号
</td>
<th style="background-color:#CCCCCC;text-align: center; vertical-align: middle;">1
</th>
<th style="background-color:#CCCCCC;text-align: center; vertical-align: middle;">2
</th>
<th style="background-color:#CCCCCC;text-align: center; vertical-align: middle;">3
</th>
<th style="background-color:#CCCCCC;text-align: center; vertical-align: middle;">4
</th>
</tr>
<tr>
<td style="background-color:#CCCCCC;text-align: center; vertical-align: middle;">
设备名称
</td>
<td style="text-align: center; vertical-align: middle;">水泵</td>
<td style="text-align: center; vertical-align: middle;">水泵</td>
<td style="text-align: center; vertical-align: middle;">水泵</td>
<td rowspan="8" style="text-align: center; vertical-align: middle;">
<button type="button" class="btn btn-default btn-lg"
onclick="addCompareFun();">添加</button>
</td>
</tr>
<tr>
<td style="background-color:#CCCCCC;text-align: center; vertical-align: middle;">型号
</td>
<td style="text-align: center; vertical-align: middle;">SB-1</td>
<td style="text-align: center; vertical-align: middle;">SB-1</td>
<td style="text-align: center; vertical-align: middle;">SB-1</td>
</tr>
<tr>
<td style="background-color:#CCCCCC;text-align: center; vertical-align: middle;">厂家
</td>
<td style="text-align: center; vertical-align: middle;">西门子</td>
<td style="text-align: center; vertical-align: middle;">欧姆龙</td>
<td style="text-align: center; vertical-align: middle;">国产</td>
</tr>
<tr>
<td style="background-color:#CCCCCC;text-align: center; vertical-align: middle;">
口碑得分
</td>
<td
style="background-color:greenyellow;text-align: center; vertical-align: middle;">
8.8</td>
<td style="text-align: center; vertical-align: middle;">8.8</td>
<td style="text-align: center; vertical-align: middle;">8.2</td>
</tr>
<tr>
<td style="background-color:#CCCCCC;text-align: center; vertical-align: middle;">
点评标签
</td>
<td style="text-align: center; vertical-align: middle;">
<span class="badge badge-primary">质量好</span>
<span class="badge badge-primary">备件不好买</span></td>
<td style="text-align: center; vertical-align: middle;">
<span class="badge badge-primary">质量好</span></td>
<td style="text-align: center; vertical-align: middle;">
<span class="badge badge-primary">质量一般</span>
<span class="badge badge-primary">备件免费</span></td>
</tr>
<tr>
<td style="background-color:#CCCCCC;text-align: center; vertical-align: middle;">
用户点评
</td>
<td style="text-align: left; vertical-align: middle;">
<div class="CommentPanel">
<table>
<tr>
<td style="width:70%;padding-left:8px;padding-top:3px">
<span style="font-size:12px;color:blue">张三</span>
</td>
<td>
<span id="star00"></span>
<span
style="color:#FFAC2C;font-size:10px;margin-top:3px">3.5</span>
</td>
</tr>
<tr>
<td colspan="2" style="padding-left:4px;padding:5px 12px 3px 12px">
<span>还可以，挺好用，质量好</span>
</td>
</tr>
</table>
</div>
<div class="CommentPanel">
<table>
<tr>
<td style="width:70%;padding-left:8px;padding-top:3px">
<span style="font-size:12px;color:blue">李四</span>
</td>
<td>
<span id="star01"></span>
<span
style="color:#FFAC2C;font-size:10px;margin-top:3px">3.5</span>
</td>
</tr>
<tr>
<td colspan="2" style="padding-left:4px;padding:5px 12px 3px 12px">
<span>关键质量好，不过价格贵了点</span>
</td>
</tr>
</table>
</div>
</td>
<td style="text-align: left; vertical-align: middle;">
<div class="CommentPanel">
<table>
<tr>
<td style="width:70%;padding-left:8px;padding-top:3px">
<span style="font-size:12px;color:blue">张三</span>
</td>
<td>
<span id="star10"></span>
<span
style="color:#FFAC2C;font-size:10px;margin-top:3px">3.5</span>
</td>
</tr>
<tr>
<td colspan="2" style="padding-left:4px;padding:5px 12px 3px 12px">
<span>还可以，挺好用，质量好</span>
</td>
</tr>
</table>
</div>
<div class="CommentPanel">
<table>
<tr>
<td style="width:70%;padding-left:8px;padding-top:3px">
<span style="font-size:12px;color:blue">李四</span>
</td>
<td>
<span id="star11"></span>
<span
style="color:#FFAC2C;font-size:10px;margin-top:3px">3.5</span>
</td>
</tr>
<tr>
<td colspan="2" style="padding-left:4px;padding:5px 12px 3px 12px">
<span>关键质量好，不过价格贵了点</span>
</td>
</tr>
</table>
</div>
</td>
<td style="text-align: left; vertical-align: middle;">
<div class="CommentPanel">
<table>
<tr>
<td style="width:70%;padding-left:8px;padding-top:5px">
<span style="font-size:12px;color:blue">张三</span>
</td>
<td>
<span id="star20"></span>
<span
style="color:#FFAC2C;font-size:10px;margin-top:8px">3.5</span>
</td>
</tr>
<tr>
<td colspan="2" style="padding-left:4px;padding:5px 12px 5px 12px">
<span>还可以，挺好用，质量好</span>
</td>
</tr>
</table>
</div>
<div class="CommentPanel">
<table>
<tr>
<td style="width:70%;padding-left:8px;padding-top:3px">
<span style="font-size:12px;color:blue">李四</span>
</td>
<td>
<span id="star21"></span>
<span
style="color:#FFAC2C;font-size:10px;margin-top:3px">3.5</span>
</td>
</tr>
<tr>
<td colspan="2" style="padding-left:4px;padding:5px 12px 3px 12px">
<span>关键质量好，不过价格贵了点</span>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td style="background-color:#CCCCCC"></td>
<td align="center">
<button type="button" class="btn btn-default btn-sm"
onclick="viewDetailFun();">查看详情</button>
</td>
<td align="center">
<button type="button" class="btn btn-default btn-sm"
onclick="viewDetailFun();">查看详情</button>
</td>
<td align="center">
<button type="button" class="btn btn-default btn-sm"
onclick="viewDetailFun();">查看详情</button>
</td>
<td></td>
</tr>
</table>
</div>
</div>
</div>
</section>
<!-- /.content -->
</div>
<%-- <jsp:include page="/jsp/bottom.jsp"></jsp:include>
<jsp:include page="/jsp/side.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>
<!-- 前端表格导出pdf -->
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/jspdf/html2canvas-0.4.1.js"
charset="utf-8"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/jspdf/jspdf.min.js"
charset="utf-8"></script>
<!-- 星级评分-->
<script type="text/javascript" src="<%=request.getContextPath()%>/JS/jquery.rater.packed.js"></script>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/CSS/rater.css" media="screen" />
</html>
Reference in New Issue Copy Permalink