<!DOCTYPE HTML> 
 | 
<html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml"> 
 | 
<head> 
 | 
<meta charset="utf-8"> 
 | 
<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
 | 
<meta name="renderer" content="webkit|ie-comp|ie-stand"> 
 | 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
 | 
<meta name="viewport" 
 | 
    content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 
 | 
<meta http-equiv="Cache-Control" content="no-siteapp" /> 
 | 
<!-- 本框架基本脚本和样式 --> 
 | 
<script type="text/javascript" 
 | 
    th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script> 
 | 
<script type="text/javascript" 
 | 
    th:src="@{/js/systools/MBase.js}"></script> 
 | 
</head> 
 | 
<body> 
 | 
<div class="ibox-content"> 
 | 
        <form class="form-horizontal" id="dataform" onsubmit="javascript:return false;"> 
 | 
            <input autocomplete="off"   type="hidden" name="tokenUrl" th:value="${tokenUrl}"> 
 | 
            <input autocomplete="off"   type="hidden" name="token" th:value="${token}"> 
 | 
            <input autocomplete="off"   type="hidden" name="id" th:value="${obj.id}"> 
 | 
        <div class="form-group"> 
 | 
            <label class="col-sm-2 control-label">优惠券名称 
 | 
                <span class="text-danger">*</span> 
 | 
            </label> 
 | 
            <div class="col-sm-4"> 
 | 
                <input autocomplete="off"   type="text" class="form-control" name="cName" 
 | 
                       dataType="*1-110" 
 | 
                    th:value="${obj.cName}"nullmsg="优惠券名称不能为空"> 
 | 
            </div> 
 | 
            <label class="col-sm-2 control-label">最大发券数量 
 | 
                <span class="text-danger">*</span> 
 | 
            </label> 
 | 
            <div class="col-sm-4"> 
 | 
                <input autocomplete="off"   type="text" class="form-control" name="maxQuantity"ShopCouponDao 
 | 
                       dataType="n1-8" 
 | 
                       th:value="${obj.maxQuantity}"nullmsg="最大发券数量不能为空"> 
 | 
            </div> 
 | 
        </div> 
 | 
        <div class="form-group"> 
 | 
            <label class="col-sm-2 control-label">最低消费金额(满减) 
 | 
                <span class="text-danger">*</span> 
 | 
            </label> 
 | 
            <div class="col-sm-4"> 
 | 
                <input autocomplete="off"   type="text" class="form-control" name="minAmount" 
 | 
                       dataType="/(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/" 
 | 
                    th:value="${obj.minAmount}" errormsg="请输入正确的金额"> 
 | 
            </div> 
 | 
            <label class="col-sm-2 control-label">抵消金额 
 | 
                <span class="text-danger">*</span> 
 | 
            </label> 
 | 
            <div class="col-sm-4"> 
 | 
                <input autocomplete="off"   type="text" class="form-control" name="offsetAmount" 
 | 
                       dataType="/(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/" 
 | 
                       th:value="${obj.offsetAmount}" errormsg="请输入正确的金额"> 
 | 
            </div> 
 | 
        </div> 
 | 
        <div class="form-group"> 
 | 
            <label class="col-sm-2 control-label">开始时间 
 | 
                <span class="text-danger">*</span> 
 | 
            </label> 
 | 
            <div class="col-sm-4"> 
 | 
                <input autocomplete="off"   type="text" class="form-control datetimepicker" name="beginTime" readonly="true" 
 | 
                       th:value="${#dates.format(obj.beginTime, 'yyyy-MM-dd HH:mm')}" 
 | 
                       dataType="*1-50"  nullmsg="开始时间不能为空"> 
 | 
            </div> 
 | 
            <label class="col-sm-2 control-label">结束时间 
 | 
                <span class="text-danger">*</span> 
 | 
            </label> 
 | 
            <div class="col-sm-4"> 
 | 
                <input autocomplete="off"   type="text" class="form-control datetimepicker" name="endTime" readonly="true" 
 | 
                           th:value="${#dates.format(obj.endTime, 'yyyy-MM-dd HH:mm')}" 
 | 
                       dataType="*1-50" nullmsg="结束时间不能为空"> 
 | 
            </div> 
 | 
        </div> 
 | 
        <div class="form-group"> 
 | 
            <label class="col-sm-2 control-label">领取限制 
 | 
                <span class="text-danger">*</span> 
 | 
            </label> 
 | 
            <div class="col-sm-4"> 
 | 
                <select class="form-control" dataType="*" nullmsg="请选择领取限制" name="getLimit"> 
 | 
                    <!--                    <option value=''>请选择</option>--> 
 | 
                    <option value='1' th:if="${obj.getLimit == 1}" selected>所有人</option> 
 | 
                    <option value='1' th:unless="${obj.getLimit == 1}">所有人</option> 
 | 
                    <option value='2' th:if="${obj.getLimit == 2}" selected>新人</option> 
 | 
                    <option value='2' th:unless="${obj.getLimit == 2}">新人</option> 
 | 
                </select> 
 | 
                <!--<input autocomplete="off"   type="text" class="form-control" name="getLimit" --> 
 | 
                    <!--ignore="ignore"--> 
 | 
                    <!--th:value="${obj.getLimit}"nullmsg="领取限制不能为空">--> 
 | 
            </div> 
 | 
            <label class="col-sm-2 control-label">是否启用 
 | 
            </label> 
 | 
            <div class="col-sm-4"> 
 | 
                <select class="form-control" dataType="*" nullmsg="请选择状态" name="isOpen"> 
 | 
                    <!--                    <option value=''>请选择</option>--> 
 | 
                    <option value='1' th:if="${obj.isOpen == 1}" selected>启用</option> 
 | 
                    <option value='1' th:unless="${obj.isOpen == 1}">启用</option> 
 | 
                    <option value='2' th:if="${obj.isOpen == 2}" selected>停用</option> 
 | 
                    <option value='2' th:unless="${obj.isOpen == 2}">停用</option> 
 | 
                </select> 
 | 
            </div> 
 | 
            <!--<label class="col-sm-2 control-label">已领取数量--> 
 | 
            <!--</label>--> 
 | 
            <!--<div class="col-sm-4">--> 
 | 
                <!--<input autocomplete="off"   type="text" class="form-control" name="quantityReceive" --> 
 | 
                    <!--ignore="ignore"--> 
 | 
                    <!--th:value="${obj.quantityReceive}"nullmsg="已领取数量不能为空">--> 
 | 
            <!--</div>--> 
 | 
        </div> 
 | 
        <!--<div class="form-group">--> 
 | 
            <!--<!–<label class="col-sm-2 control-label">优惠券状态–>--> 
 | 
            <!--<!–</label>–>--> 
 | 
            <!--<!–<div class="col-sm-4">–>--> 
 | 
                <!--<!–<input autocomplete="off"   type="text" class="form-control" name="couponStatus" –>--> 
 | 
                    <!--<!–ignore="ignore"–>--> 
 | 
                    <!--<!–th:value="${obj.couponStatus}"nullmsg="优惠券状态不能为空">–>--> 
 | 
            <!--<!–</div>–>--> 
 | 
  
 | 
                <!--<!–<input autocomplete="off"   type="text" class="form-control" name="isOpen" –>--> 
 | 
                    <!--<!–ignore="ignore"–>--> 
 | 
                    <!--<!–th:value="${obj.isOpen}"nullmsg="是否启用不能为空">–>--> 
 | 
            <!--</div>--> 
 | 
        <!--</div>--> 
 | 
        <div class="form-group"> 
 | 
            <label class="col-sm-2 control-label">是否所有产品可用 
 | 
            </label> 
 | 
            <div class="col-sm-4"> 
 | 
                <select class="form-control" dataType="*" nullmsg="请选择状态" name="isAll" onchange="isAllChange(this.value)"> 
 | 
                    <!--                    <option value=''>请选择</option>--> 
 | 
                    <option value='1' th:if="${obj.isAll == 1}" selected>是</option> 
 | 
                    <option value='1' th:unless="${obj.isAll == 1}">是</option> 
 | 
                    <option value='2' th:if="${obj.isAll == 2}" selected>否</option> 
 | 
                    <option value='2' th:unless="${obj.isAll == 2}">否</option> 
 | 
                </select> 
 | 
                <!--<input autocomplete="off"   type="text" class="form-control" name="isAll" --> 
 | 
                    <!--ignore="ignore"--> 
 | 
                    <!--th:value="${obj.isAll}"nullmsg="是否所有产品可以不能为空">--> 
 | 
            </div> 
 | 
  
 | 
            <label class="col-sm-2 control-label">标签 
 | 
                <!--<span class="text-danger">*</span>--> 
 | 
            </label> 
 | 
            <div class="col-sm-4"> 
 | 
                <input autocomplete="off"   type="text" class="form-control" name="tag" 
 | 
                        ignore="ignore" 
 | 
                       th:value="${obj.tag}"nullmsg="优惠券名称不能为空"> 
 | 
            </div> 
 | 
  
 | 
        </div> 
 | 
        <div class="form-group" id="extendDiv"> 
 | 
            <label class="col-sm-2 control-label">使用产品 
 | 
            </label> 
 | 
            <div class="col-sm-4"> 
 | 
                <select class="form-control autoFull select2"  multiple="multiple" 
 | 
                        th:data-url="@{/admin/shopProduct/getAll}" data-value="id" 
 | 
                        data-filed="title" th:data-def="${obj.productIds}" name="productIds"> 
 | 
                </select> 
 | 
                <!--<input autocomplete="off"   type="text" class="form-control" name="productIds" --> 
 | 
                <!--ignore="ignore"--> 
 | 
                <!--th:value="${obj.productIds}"nullmsg="使用产品ids不能为空">--> 
 | 
            </div> 
 | 
            <label class="col-sm-2 control-label">使用属性 
 | 
            </label> 
 | 
            <div class="col-sm-4"> 
 | 
                <select class="select2 form-control" id="attrIds" 
 | 
                        multiple="multiple" name="attrIds"> 
 | 
                </select> 
 | 
                <!--<select class="form-control autoFull select2" nullmsg="公司不能为空" multiple="multiple"--> 
 | 
                        <!--name="attrIds">--> 
 | 
                <!--</select>--> 
 | 
                <!--<input autocomplete="off"   type="text" class="form-control" name="attrIds" --> 
 | 
                    <!--ignore="ignore"--> 
 | 
                    <!--th:value="${obj.attrIds}"nullmsg="使用属性ids不能为空">--> 
 | 
            </div> 
 | 
        </div> 
 | 
  
 | 
            <div class="form-group"> 
 | 
  
 | 
                <label class="col-sm-2 control-label">优惠券类型 
 | 
                </label> 
 | 
                <div class="col-sm-4"> 
 | 
                    <select class="form-control" dataType="*" nullmsg="请选择" name="kind"> 
 | 
                        <option value='1' th:if="${obj.kind == 1}" selected>优惠券</option> 
 | 
                        <option value='1' th:unless="${obj.kind == 1}">优惠券</option> 
 | 
                        <option value='2' th:if="${obj.kind == 2}" selected>店铺活动</option> 
 | 
                        <option value='2' th:unless="${obj.kind == 2}">店铺活动</option> 
 | 
                    </select> 
 | 
                </div> 
 | 
  
 | 
            </div> 
 | 
  
 | 
  
 | 
  
 | 
        <div class="form-group "> 
 | 
            <div class="col-sm-12 text-center"> 
 | 
                <a href="javascript:;" onclick="myForm.submit()" 
 | 
                    class="btn btn-success radius"><i class="fa fa-check"></i>  保存</a>     <a 
 | 
                     class="btn btn-danger radius" href="javascript:;" onclick="MTools.closeForm()" ><i class="fa fa-close"></i> 关闭</a> 
 | 
            </div> 
 | 
        </div> 
 | 
    </form> 
 | 
    </div> 
 | 
</body> 
 | 
<script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script> 
 | 
<script th:inline="javascript"> 
 | 
    MTools.autoFullSelect(); 
 | 
    $(".select2").select2(); 
 | 
  
 | 
    /*<![CDATA[*/ 
 | 
    var obj=/*[[${obj}]]*/      
 | 
    /*]]>*/ 
 | 
  
 | 
    MTools.ininDatetimepicker({ 
 | 
        format: "yyyy-mm-dd hh:ii", 
 | 
        timeSelecter: ".datetimepicker", 
 | 
        minView: 'hour' 
 | 
    }); 
 | 
  
 | 
    var invokeUrl=basePath+"/admin/shopCoupon/addShopCoupon"; 
 | 
    if(obj.id!=null){ 
 | 
       invokeUrl = basePath+"/admin/shopCoupon/modifyShopCoupon"; 
 | 
    } 
 | 
  
 | 
  
 | 
  
 | 
  
 | 
    // $('#attrIds').val(['3','9']).trigger('change') 
 | 
  
 | 
    $(function () { 
 | 
        initAttrSelect("#attrIds"); 
 | 
        if (obj.productIds) { 
 | 
            var productIds = obj.productIds.split(',') 
 | 
            $('select[name=productIds]').val(productIds).trigger('change') 
 | 
        } 
 | 
    }) 
 | 
  
 | 
    if (obj.isAll == 2) { 
 | 
        $('#extendDiv').show() 
 | 
    } else { 
 | 
        $('#extendDiv').hide() 
 | 
    } 
 | 
  
 | 
    var myForm=MForm.initForm({ 
 | 
        invokeUrl:invokeUrl, 
 | 
        afterSubmit:function(){ 
 | 
            parent.myGrid.serchData(); 
 | 
        }, 
 | 
        beforeSubmit: function() { 
 | 
            var isAll = $('select[name=isAll]').val(); 
 | 
            var productIds = $('select[name=productIds]').val(); 
 | 
            var attrIds = $('select[name=attrIds]').val(); 
 | 
            //如果不是所有产品可用并且没有选择可以产品和属性 
 | 
            if (isAll == 2 && productIds == null && attrIds == null) { 
 | 
                layer.msg("请选择可使用的产品或属性!"); 
 | 
                return false; 
 | 
            } 
 | 
        } 
 | 
    }); 
 | 
  
 | 
    function isAllChange(_value) { 
 | 
        console.log(_value) 
 | 
        if (_value == 1 || _value == '1') { 
 | 
            $('#extendDiv').hide() 
 | 
            return 
 | 
        } 
 | 
        $('#extendDiv').show() 
 | 
    } 
 | 
  
 | 
    //初始化属性下拉选 
 | 
    function initAttrSelect(seler, def) { 
 | 
        $.AjaxProxy().invoke(basePath + "/admin/shopProductAttribute/showSonAttribute?attrCode=cpfl", 
 | 
                function (loj) { 
 | 
                    $(seler).createSelectTree( 
 | 
                            loj.attr("result").rows, 
 | 
                            { 
 | 
                                id: "attrId", 
 | 
                                parent: "parentId", 
 | 
                                value: "attrName", 
 | 
                                append: false, 
 | 
                                defaultValue: def, 
 | 
                                defaultHtml: '' 
 | 
                            }); 
 | 
                    var attrIds = obj.attrIds.split(',') 
 | 
                    $('#attrIds').val(attrIds).trigger('change') 
 | 
                }); 
 | 
    } 
 | 
  
 | 
</script> 
 | 
</body> 
 | 
</html> 
 |