caimei365
/
caimei365-manager


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
							<%@ 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,
                    "pcStatus": "1",
                    "appletsStatus": "1",
                    "addTime": ""
                })
            });
            return items;
        }

        function allCkbfun(ckb){
            var isChecked = ckb.checked;
            $(".check-item").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}/coupon/cmCoupon/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="10" 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"/>
        &nbsp;&nbsp;<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;"><input class="check-all" type="checkbox" onclick="allCkbfun(this);"/></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" ${item.storeStatus ? "disabled" : ""}  type="checkbox" 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>