| <!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> |