BootStrap轻松实现微信页面开发代码分享

2020-05-24 21:34:10易采站长站整理

<!-- 可选的Bootstrap主题文件(一般不用引入) -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<link href="<%=basePath%>/page/pf/base/bootstrap/table/bootstrap-table.css" rel="stylesheet"/>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap-table/1.9.1/bootstrap-table.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap-table/1.9.1/locale/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="<%=basePath%>/page/project/wechat/m500point/js/point_quality_security.js"></script>
<title>安全/质量填报</title>
</head>
<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;
}
</style>
<%PointQualitySecurityDto pDto = ((PointQualitySecurityDto)request.getAttribute("pointQualitySecurityDto")); %>
<body class="container">
<h4 class="page-header">安全/质量填报</h4>
<spring:form id="defaultForm" modelAttribute="pointQualitySecurityDto" action="save.do" method="post" enctype="multipart/form-data" >
<input type="hidden" name="pId" value="${pointQualitySecurityDto.pId }"/>
<input type="hidden" name="sId" value="${pointQualitySecurityDto.sId }"/>
<input type="hidden" name="qId" value="${pointQualitySecurityDto.qId }"/>
<input type="hidden" name="pointProject" value="${pointQualitySecurityDto.pointProject }"/>
<input type="hidden" name="recordPerson" value="${pointQualitySecurityDto.recordPerson }"/>
<input type="hidden" name="recordDate" value="${pointQualitySecurityDto.recordDate }"/>
<spring:hidden path="scrollTop"/>
<spring:hidden path="isSave"/>
<input type="hidden" name="category" id="uploadCategory"/>
<table id="formQRCode" class="table table-striped table-hover table-bordered">
<thead>
<tr>
<th data-field="name" data-halign="center" valign="middle">工程部位(工点)</th>
<th data-field="qrcode" data-halign="center" valign="middle">检查人</th>