<%@ taglib prefix="spring" uri="http://www.springframework.org/tags/form" %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%@page import="com.base.project.wechat.m500point.dto.PointQualitySecurityDto" %> <%@page import="com.base.pf.base.util.StringUtils" %> <html> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"https://www.jb51.net/"; %> <head> <meta content="user-scalable=no, width=device-width, initial-scale=1.0" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!-- 新 Bootstrap 核心 CSS 文件 --> <link href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"> <!-- 可选的Bootstrap主题文件(一般不用引入) --> <link href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"> <link href="https://www.jb51.net/<%=basePath%>/page/pf/base/bootstrap/table/bootstrap-table.css"/> <!-- jQuery文件。务必在bootstrap.min.js 之前引入 --> <script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="https://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <script src="https://cdn.bootcss.com/bootstrap-table/1.9.1/bootstrap-table.min.js"></script> <script src="https://cdn.bootcss.com/bootstrap-table/1.9.1/locale/bootstrap-table-zh-CN.min.js"></script> <script src="https://www.jb51.net/<%=basePath%>/page/project/wechat/m500point/js/point_view.js"></script> <style type="text/css"> .file { position: relative; display: inline-block; /* background: #D0EEFF; */ /* border: 1px solid #99D3F5; */ /* border-radius: 4px; */ /* padding: 4px 12px; */ overflow: hidden; /* color: #1E88C7; */ text-decoration: none; text-indent: 0; /* line-height: 20px; */ } .file input { position: absolute; font-size: 100px; right: 0; top: 0; opacity: 0; } .file:hover { background: #AADFFD; border-color: #78C3F3; color: #004974; text-decoration: none; } td{ valign: middle } </style> <%PointQualitySecurityDto pDto = ((PointQualitySecurityDto)request.getAttribute("pointQualitySecurityDto")); %> <title>安全/质量填报</title> </head> <body> <h4>安全/质量填报</h4> <spring:form modelAttribute="pointQualitySecurityDto" action="save.do" method="post" enctype="multipart/form-data" > <input type="hidden" value="${pointQualitySecurityDto.pId }"/> <table> <thead> <tr> <th data-field="name" data-halign="center" valign="middle">工程部位(工点)</th> <th data-field="qrcode" data-halign="center" valign="middle">检查人</th> <th data-field="url" data-halign="center">检查时间</th> </tr> </thead> <tbody> <tr> <td>${pointQualitySecurityDto.pointProject }</td> <td>${pointQualitySecurityDto.recordPerson }</td> <td>${pointQualitySecurityDto.recordDate }</td> </tr> </tbody> </table> <table data-pagination="false" data-search="false" data-show-refresh="false" data-toggle="card" data-card-view = "true" data-show-toggle="false" data-show-columns="false" data-page-list="[10,20,50,100]"> <caption>安全</caption> <thead> <thead> <tr> <th data-field="" data-halign="center">检查项目</th> <th data-field="" data-halign="center">实际得分</th> <th data-field="" data-halign="center">是否合格</th> <th data-field="" data-halign="center">附件</th> </tr> </thead> <tbody> <tr> <td>安全施工</td> <td>${pointQualitySecurityDto.sSecurityScore } </td> <td>${pointQualitySecurityDto.isSSecurity } </td> <td> <%if(!StringUtils.isEmpty(pDto.getsSecurityFileName())){ %> <a href="javascript:void(0);"><img alt="" src="https://www.jb51.net/<%=basePath%>/page/project/wechat/m500point/img/box_picture.png"></a> <%} %> </td> </tr> <tr> <td>文明施工</td> <td>${pointQualitySecurityDto.sCiviliztionScore } </td> <td>${pointQualitySecurityDto.isSCiviliztion } </td> <td> <%if(!StringUtils.isEmpty(pDto.getsCiviliztionFileName())){ %> <a href="javascript:void(0);"><img alt="" src="https://www.jb51.net/<%=basePath%>/page/project/wechat/m500point/img/box_picture.png"></a> <%} %> </td> </tr> <tr> <td>脚手架</td> <td>${pointQualitySecurityDto.sScaffoldScore } </td> <td>${pointQualitySecurityDto.isSScaffold } </td> <td> <%if(!StringUtils.isEmpty(pDto.getsScaffoldFileName())){ %> <a href="javascript:void(0);"><img alt="" src="https://www.jb51.net/<%=basePath%>/page/project/wechat/m500point/img/box_picture.png"></a> <%} %> </td> </tr> <tr> <td>基坑支撑</td> <td>${pointQualitySecurityDto.sFounationScore } </td> <td>${pointQualitySecurityDto.isSFounation } </td> <td> <%if(!StringUtils.isEmpty(pDto.getsFounationFileName())){ %> <a href="javascript:void(0);"><img alt="" src="https://www.jb51.net/<%=basePath%>/page/project/wechat/m500point/img/box_picture.png"></a> <%} %> </td> </tr> <tr> <td>外用电梯</td> <td>${pointQualitySecurityDto.sLiftScore } </td> <td>${pointQualitySecurityDto.isSLift } </td> <td> <%if(!StringUtils.isEmpty(pDto.getsLiftFileName())){ %> <a href="javascript:void(0);"><img alt="" src="https://www.jb51.net/<%=basePath%>/page/project/wechat/m500point/img/box_picture.png"></a> <%} %> </td> </tr> <tr> <td>施工用电</td> <td>${pointQualitySecurityDto.sElectricityScore } </td> <td>${pointQualitySecurityDto.isSElectricity } </td> <td> <%if(!StringUtils.isEmpty(pDto.getsElectricityFileName())){ %> <a href="javascript:void(0);"><img alt="" src="https://www.jb51.net/<%=basePath%>/page/project/wechat/m500point/img/box_picture.png"></a> <%} %> </td> </tr> <tr> <td>施工机械</td> <td>${pointQualitySecurityDto.sMachineryScore } </td> <td>${pointQualitySecurityDto.isSMachinery } </td> <td> <%if(!StringUtils.isEmpty(pDto.getsMachineryFileName())){ %> <a href="javascript:void(0);"><img alt="" src="https://www.jb51.net/<%=basePath%>/page/project/wechat/m500point/img/box_picture.png"></a> <%} %> </td> </tr> </tbody> </table> <table data-pagination="false" data-search="false" data-show-refresh="false" data-toggle="card" data-card-view = "true" data-show-toggle="false" data-show-columns="false" data-page-list="[10,20,50,100]"> <caption>质量</caption> <thead> <thead> <tr> <th data-field="" data-halign="center">检查项目</th> <th data-field="" data-halign="center">实际得分</th> <th data-field="" data-halign="center">是否合格</th> <th data-field="" data-halign="center">附件</th> </tr> </thead> <tbody> <tr> <td>石灰质量</td> <td>${pointQualitySecurityDto.qLimeScore } </td> <td>${pointQualitySecurityDto.isQLime } </td> <td> <%if(!StringUtils.isEmpty(pDto.getqLimeFileName())){ %> <a href="javascript:void(0);"><img alt="" src="https://www.jb51.net/<%=basePath%>/page/project/wechat/m500point/img/box_picture.png"></a> <%} %> </td> </tr> <tr> <td>水泥质量</td> <td>${pointQualitySecurityDto.qCementScore } </td> <td>${pointQualitySecurityDto.isQCement } </td> <td> <%if(!StringUtils.isEmpty(pDto.getqCementFileName())){ %> <a href="javascript:void(0);"><img alt="" src="https://www.jb51.net/<%=basePath%>/page/project/wechat/m500point/img/box_picture.png"></a> <%} %> </td> </tr> <tr> <td>桩的数量<br>、类型、<br>布置形式</td> <td>${pointQualitySecurityDto.qPileCountScore } </td> <td>${pointQualitySecurityDto.isQPileCount } </td> <td> <%if(!StringUtils.isEmpty(pDto.getqPileCountFileName())){ %> <a href="javascript:void(0);"><img alt="" src="https://www.jb51.net/<%=basePath%>/page/project/wechat/m500point/img/box_picture.png"></a> <%} %> </td> </tr> <tr> <td>材料的配<br>合比例</td> <td>${pointQualitySecurityDto.qFillingScore } </td> <td>${pointQualitySecurityDto.isQFilling } </td> <td> <%if(!StringUtils.isEmpty(pDto.getqFillingFileName())){ %> <a href="javascript:void(0);"><img alt="" src="https://www.jb51.net/<%=basePath%>/page/project/wechat/m500point/img/box_picture.png"></a> <%} %> </td> </tr> <tr> <td>施工工艺</td> <td>${pointQualitySecurityDto.qTechnologyScore } </td> <td>${pointQualitySecurityDto.isQTechnology } </td> <td> <%if(!StringUtils.isEmpty(pDto.getqTechnologyFileName())){ %> <a href="javascript:void(0);"><img alt="" src="https://www.jb51.net/<%=basePath%>/page/project/wechat/m500point/img/box_picture.png"></a> <%} %> </td> </tr> <tr> <td>桩的密实<br>度</td> <td>${pointQualitySecurityDto.qPileDensityScore } </td> <td>${pointQualitySecurityDto.isQPileDensity } </td> <td> <%if(!StringUtils.isEmpty(pDto.getqPileDensityFileName())){ %> <a href="javascript:void(0);"><img alt="" src="https://www.jb51.net/<%=basePath%>/page/project/wechat/m500point/img/box_picture.png"></a> <%} %> </td> </tr> <tr> <td>地基承载<br>力</td> <td>${pointQualitySecurityDto.qBearingScore } </td> <td>${pointQualitySecurityDto.isQBearing } </td> <td> <%if(!StringUtils.isEmpty(pDto.getqBearingFileName())){ %> <a href="javascript:void(0);"><img alt="" src="https://www.jb51.net/<%=basePath%>/page/project/wechat/m500point/img/box_picture.png"></a> <%} %> </td> </tr> </tbody> </table> <div> </div> </spring:form> <!-- <button data-toggle="modal" data-target="#myModal"> --> <!-- 开始演示模态框 --> <!-- </button> --> <!-- 模态框(Modal) --> <div tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div> <div> <div> <!-- <button type="button" data-dismiss="modal" aria-hidden="true"> --> <!-- × --> <!-- </button> --> <!-- <h4> --> <!-- 图片查看 --> <!-- </h4><br> --> <button type="button" data-dismiss="modal">关闭 </button> </div> <div> <a href="#"> <div></div> <img src="" alt=""> </a> </div> <div> </div> </div><!-- /.modal-content --> </div><!-- /.modal --> </div> </body> </html> <script type="text/javascript"> function showPicture(attenchmentId){ $("#modelPicture").attr("src",""); $("#alertContent").html('<div></div>'); if(!attenchmentId){ $("#alertContent").html('<div>未上传图片。</div>'); setTimeout("$('#myModal').modal('hide');",1000); }else{ $("#modelPicture").attr("src","../../attachment/displayjpg.do?attenchmentId="+attenchmentId); } $("#myModal").modal('show'); } </script>
7. 列表页面