123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134 |
- <%@ page import="java.util.Date" %>
- <%@ page contentType="text/html;charset=UTF-8" %>
- <%@ include file="/WEB-INF/views/include/taglib.jsp"%>
- <html>
- <head>
- <title>选择商品</title>
- <meta name="decorator" content="default"/>
- <style type="text/css">
- .table td i{margin:0 2px;}
- </style>
- <script type="text/javascript">
- $(document).ready(function() {
- //弹出框去滚动条
- top.$('#jbox-content').css("overflow-y","hidden");
- show_title(30);
- // 反选
- $('body').on('click','input[name="info"]',function() {
- var allInputLength = $('input[name="info"]').length - $('input[name="info"]:disabled').length,
- allInputCheckedLength = $('input[name="info"]:checked').length,
- checkAllEle= $('.check-all');
- // 判断选中长度和总长度,如果相等就是全选否则取消全选
- if(allInputLength === allInputCheckedLength) {
- checkAllEle.attr('checked', true);
- } else {
- checkAllEle.attr('checked', false);
- }
- })
- });
- function page(n,s){
- $("#pageNo").val(n);
- $("#pageSize").val(s);
- $("#searchForm").submit();
- return false;
- }
- function getCheckedItems(){
- var items = [];
- var $items = $('.check-item:checked');
- $items.each(function(){
- var product = JSON.parse($(this).val());
- items.push({
- "id": "",
- "productId": product.productID,
- "image": product.mainImage,
- "productName": product.name,
- "shopName": product.shopName,
- "sort": 1,
- "status": "1",
- "addTime": ""
- })
- });
- return items;
- }
- function allCkbfun(ckb){
- var isChecked = ckb.checked;
- $(".check-item").each2(function () {
- var attr = $(this).attr("disabled");
- if (attr != 'disabled') {
- $(this).attr('checked', isChecked);
- }
- });
- }
- /**
- * @param obj
- * jquery控制input只能输入数字
- */
- function onlynum(obj) {
- obj.value = obj.value.replace(/[^\d]/g, ""); //清除"数字"以外的字符
- }
- /**
- * @param obj
- * jquery控制input只能输入数字和两位小数(金额)
- */
- function num(obj) {
- obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符
- obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字
- obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个, 清除多余的
- obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
- obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输入两个小数
- }
- </script>
- </head>
- <body>
- <form:form id="searchForm" modelAttribute="product" action="${ctx}/hehe/cmHeheCollageProduct/toAddProduct?productIds=${productIds}" method="post" class="breadcrumb form-search">
- <input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
- <input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
- <div class="ul-form">
- <label>商品ID:</label>
- <form:input path="productID" htmlEscape="false" maxlength="8" class="input-mini" onchange="onlynum(this)"/>
- <label>商品名称:</label>
- <form:input path="name" htmlEscape="false" class="input-medium" maxlength="20"/>
- <label>供应商:</label>
- <form:input path="shopName" htmlEscape="false" class="input-medium" maxlength="20"/>
- <input id="btnSubmit" class="btn btn-primary" type="submit" value="搜索"/>
- <div class="clearfix"></div>
- </div>
- </form:form>
- <sys:message content="${message}"/>
- <table class="table table-striped table-bordered table-condensed table-hover">
- <tr>
- <th style="width:20px;"></th>
- <th>商品ID</th>
- <th>商品图片</th>
- <th>商品名称</th>
- <th>供应商</th>
- </tr>
- <tbody>
- <c:if test="${not empty page.list}">
- <c:forEach items="${page.list}" var="item">
- <tr id="${item.productID}" class="itemtr">
- <%--已过滤添加过的商品和未上架的商品--%>
- <th>
- <input class="check-item" type="radio" name="info" value='${fns:toJson(item)}'/>
- </th>
- <td>${item.productID}</td>
- <td><img src="${item.mainImage}" width="50px" height="50px"></td>
- <td>${item.name}</td>
- <td>${item.shopName}</td>
- </tr>
- </c:forEach>
- </c:if>
- </tbody>
- </table>
- <c:if test="${empty page.list}">
- <p style="text-align: center;"><font color="#1e90ff">暂无数据……</font></p>
- </c:if>
- <div class="pagination">${page}</div>
- </body>
- </html>
|