caimei365
/
caimei365-manager


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256
							<%@ 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"/>
    <script type="text/javascript">
        $(document).ready(function() {
            //$("#name").focus();
            $("#inputForm").validate({
                submitHandler: function(form){
                    var couponAmount = $("#couponAmount").val()*1;
                    var touchPrice = $("#touchPrice").val()*1;
                    if (couponAmount >= touchPrice) {
                        alertx("优惠券金额必须小于优惠条件金额");
                        return false;
                    }
                    var startDate = $("#startDate").val();
                    var endDate = $("#endDate").val();
                    if (startDate >= endDate) {
                        alertx("结束时间不能早于开始时间");
                        return false;
                    }
                    loading('正在提交，请稍等...');
                    form.submit();
                },
                errorContainer: "#messageBox",
                errorPlacement: function(error, element) {
                    $("#messageBox").text("输入有误，请先更正。");
                    if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
                        error.appendTo(element.parent().parent());
                    } else {
                        error.insertAfter(element);
                    }
                }
            });
        });
    </script>
</head>
<body>
<ul class="nav nav-tabs">
    <li><a href="${ctx}/coupon/cmCoupon/list?couponType=4&&moneyCouponFlag=2">新用户券</a></li>
    <li class="active"><a href="${ctx}/coupon/cmCoupon/form?couponType=4&id=${cmCoupon.id}">${not empty cmCoupon.id?'编辑':'添加'}</a></li>
</ul><br/>
<font style="color: red;margin-left: 20px">新用户券适合新注册的机构，并且适用于商城全部商品（不包括二手商品）。</font><br><br>
<form:form id="inputForm" modelAttribute="cmCoupon" action="${ctx}/coupon/cmCoupon/save" method="post" class="form-horizontal">
    <form:hidden path="id"/>
    <form:hidden path="productInfo" id="productInfo"/>
    <input type="hidden" name="couponType" value="4"/>
    <sys:message content="${message}"/>
    <form:hidden path="receiveFlag"/>
    <div class="control-group">
        <label class="control-label"><font color="red">*</font>优惠券金额：</label>
        <div class="controls">
            <input type="number" id="couponAmount" name="couponAmount" value="${cmCoupon.couponAmount}" min="0" required>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label"><font color="red">*</font>优惠条件：</label>
        <div class="controls">
            订单商品总额满&nbsp;&nbsp;&nbsp;&nbsp;<input type="number" name="touchPrice" id="touchPrice" value="${cmCoupon.touchPrice}" min="0" required>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label"><font color="red">*</font>上架时间：</label>
        <div class="controls">
            <input name="startDate" id="startDate" type="text" required readonly="readonly" maxlength="20" class="input-medium Wdate "
                   value="<fmt:formatDate value="${cmCoupon.startDate}" pattern="yyyy-MM-dd 00:00:00"/>"
                   onclick="WdatePicker({dateFmt:'yyyy-MM-dd 00:00:00',isShowClear:false});" onblur="dateShow()"/>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label"><font color="red">*</font>下架时间：</label>
        <div class="controls">
            <input name="endDate" id="endDate" type="text" required readonly="readonly" maxlength="20" class="input-medium Wdate "
                   value="<fmt:formatDate value="${cmCoupon.endDate}" pattern="yyyy-MM-dd 23:59:59"/>"
                   onclick="WdatePicker({dateFmt:'yyyy-MM-dd 23:59:59',isShowClear:false});" onblur="dateShow()"/>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label"><font color="red">*</font>领取期限：</label>
        <div class="controls">
            <input type="number" id="receivePeriod" name="receivePeriod" onkeyup="onlynum(this)" value="${cmCoupon.receivePeriod}" min="1" required> 天
            <input type="checkbox" id="receiveFlag" name="receiveFlag" style="margin-left:20px !important" value="${cmCoupon.receiveFlag eq 1?1:0}"
                ${cmCoupon.receiveFlag eq 1 ? "checked" : ""} onclick="changeCondition('receiveFlag','receivePeriod')" />同上下架时间
            <input id="receivePeriodTemp" type="hidden" value="${cmCoupon.receivePeriod}">
        </div>
    </div>
    <div class="control-group">
        <label class="control-label"><font color="red">*</font>使用期限：</label>
        <div class="controls">
            <input type="number" id="usePeriod" name="usePeriod" value="${cmCoupon.usePeriod}" min="1" required> 天
            <input type="checkbox" id="useTimeFlag" name="useTimeFlag" style="margin-left:20px !important" value="${cmCoupon.useTimeFlag eq 1?1:0}"
                ${cmCoupon.useTimeFlag eq 1 ? "checked" : ""} onclick="changeUseTime('useTimeFlag')"/>同上下架时间
            <input id="usePeriodTemp" type="hidden" value="${cmCoupon.usePeriod}">
        </div>
    </div>
    <div class="control-group">
        <label class="control-label"><font color="red">*</font>状态：</label>
        <div class="controls">
            <label id="initializeShow">
                <c:if test="${empty cmCoupon.status || cmCoupon.status eq 0}">
                    <font color="#800080">未生效</font>
                </c:if>
                <c:if test="${cmCoupon.status eq 1}">
                    <font color="#00CC66">已生效</font>
                </c:if>
                <c:if test="${cmCoupon.status eq 2}">
                    <font color="red">已关闭</font>
                </c:if>
                <c:if test="${cmCoupon.status eq 3}">
                    <font color="#FF6600">已失效</font>
                </c:if>
            </label>
            <label id="closeShow" style="display: none">
                <font color="red">已关闭</font>
            </label>
            <input type="hidden" id="hiddenStatus" name="status" value="">
            <input type="checkbox" id="status" name="status" value="2" ${cmCoupon.status eq "2" ? "checked" : ""} onclick="statusShow()" />关闭
        </div>
    </div>
    <div class="form-actions">
        <input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/>&nbsp;
        <input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
    </div>
</form:form>
<script>
    $(function () {
        initInputDisplay();
        initUseTimeFlag();
    })

    function statusShow() {
        var status = $("input[name='status']:checked").val();
        if (status == 2) {
            $("#initializeShow").hide();
            $("#closeShow").show();
        } else {
            $("#initializeShow").show();
            $("#closeShow").hide();
            $("#hiddenStatus").val(0);
        }
    }

    function dateShow() {
        var startDate = $("#startDate").val();
        var startMs = new Date(startDate).getTime();
        var endDate = $("#endDate").val();
        var endMs = new Date(endDate).getTime();
        var nowMs = new Date().getTime();
        if (nowMs < startMs) {
            $("#initializeShow").html("<font color=\"#800080\">未生效</font>");
        } else if (nowMs > endMs) {
            $("#initializeShow").html("<font color=\"#FF6600\">已失效</font>");
        } else {
            $("#initializeShow").html("<font color=\"#00CC66\">已生效</font>");
        }
    }

    /**
     * @param obj
     * jquery控制input只能输入数字
     */
    function onlynum(obj) {
        obj.value = obj.value.replace(/[^\d]/g, ""); //清除"数字"以外的字符
    }

    function changeCondition(flag, name) {
        var obj = $("#" + flag);
        var val = obj.val();
        if (val === '1') {
            obj.val(0);
            val = '0';
        } else {
            obj.val(1);
            val = '1';
        }
        var inputObj = $("#" + name);
        // 临时数据
        var tempObj = $("#" + name + "Temp");
        if (name.indexOf("Time") !== -1) {
            //修改时间
            if (val === '1') {
                inputObj.attr('onclick', '');
                inputObj.removeClass('required');
            } else {
                inputObj.attr('onclick', "WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false})");
                inputObj.addClass('required');
            }
        }else {
            if (val === '1') {
                inputObj.attr('readonly', true);
                inputObj.attr('required', false);
            } else {
                inputObj.attr('readonly', false);
                inputObj.attr('required', true);
            }
        }
        if (val === '1') {
            tempObj.val(inputObj.val());
            inputObj.val('');
        } else {
            inputObj.val(tempObj.val());
            tempObj.val('');
        }
    }

    function initInputDisplay() {
        var receiveFlag = $("#receiveFlag").val();
        if (receiveFlag === '1') {
            $("#receivePeriod").attr('readonly', true);
            $("#receivePeriod").attr('required', false);
        } else {
            $("#receivePeriod").attr('readonly', false);
            $("#receivePeriod").attr('required', true);
        }
    }

    function changeUseTime(flag){
        var obj = $("#" + flag);
        var val = obj.val();
        if (val === '1') {
            obj.val(0);
            val = '0';
        } else {
            obj.val(1);
            val = '1';
        }
        var temp = $("#usePeriodTemp").val();
        var use = $("#usePeriod").val();
        if (val === '1') {
            $("#usePeriod").attr('readonly', true);
            $("#usePeriod").attr('required', false);
            $("#usePeriod").val('');
            $("#usePeriodTemp").val(use);
        } else {
            $("#usePeriod").attr('readonly', false);
            $("#usePeriod").attr('required', true);
            $("#usePeriod").val(temp);
        }
    }

    function initUseTimeFlag(){
        var receiveFlag = $("#useTimeFlag").val();
        if (receiveFlag === '1') {
            $("#useTimeFlag").attr('readonly', true);
            $("#useTimeFlag").attr('required', false);
        } else {
            $("#useTimeFlag").attr('readonly', false);
            $("#useTimeFlag").attr('required', true);
        }
    }
</script>
</body>
</html>