606 lines
24 KiB
Plaintext
606 lines
24 KiB
Plaintext
<%@ 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> |