{include file="public/layout" /}
<script type="text/javascript" src="__PUBLIC__/plugins/colpick/js/colpick.js"></script>
<link href="__PUBLIC__/plugins/colpick/css/colpick.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
#coupon_color {
/*margin:0;*/
/*padding:0;*/
border:solid 1px #dc143c;
width:70px;
height:20px;
border-right:40px solid green;
/*line-height:20px;*/
}
</style>
<body class="bodystyle" style="overflow-y: scroll; cursor: default; -moz-user-select: inherit;">
<div id="append_parent"></div>
<div id="ajaxwaitid"></div>
{include file="shop/left" /}
<div class="page">
<div class="fixed-bar">
<div class="item-title">
<a class="back_xin" href="{:url('Coupon/index')}" title="返回"><i class="iconfont e-fanhui"></i></a>
<div class="subject">
<h3>新增优惠券</h3>
<h5></h5>
</div>
</div>
</div>
<form class="form-horizontal" id="postForm" action="{:url('Coupon/add')}" method="post">
<div class="ncap-form-default">
<dl class="row">
<dt class="tit">
<label for="coupon_name"><em>*</em>优惠券名称</label>
</dt>
<dd class="opt">
<input type="text" name="coupon_name" id="coupon_name" class="input-txt" autocomplete="off">
<p class="notic"></p>
</dd>
</dl>
<dl class="row">
<dt class="tit">
<label for="coupon_name"><em>*</em>优惠券颜色</label>
</dt>
<dd class="opt">
<input type="text" name="coupon_color" value="#dc143c" id="coupon_color" style="border-color: #dc143c;" />
<p class="notic"></p>
</dd>
</dl>
<dl class="row">
<dt class="tit">
<label for="coupon_type"><em>*</em>可使用商品</label>
</dt>
<dd class="opt">
<label><input type="radio" name="coupon_type" value="1" checked="checked" /> 全站通用</label>
<label><input type="radio" name="coupon_type" value="2" /> 指定商品</label>
<label><input type="radio" name="coupon_type" value="3" /> 指定分类</label>
<p class="notic"></p>
</dd>
</dl>
<dl class="row none">
<dt class="tit">
<label for="coupon_form"><em>*</em>优惠券类型</label>
</dt>
<dd class="opt">
<label><input type="radio" name="coupon_form" value="1" checked="checked"/> 满减券</label>
<p class="notic"></p>
</dd>
</dl>
<dl class="row" style="display: none;">
<dt class="tit">
<label for="product_id"><em>*</em>商品集合</label>
</dt>
<dd class="opt">
<a href="JavaScript:void(0);" onclick="Product();" class="ncap-btn ncap-btn-green">选择商品</a>
<input type="hidden" name="product_id" id="product_id">
<input type="hidden" id="SelectProductID">
<span style="color: red; display: none;">已选 <a href="JavaScript:void(0);" id="product_id_num">0</a> 商品</span>
</dd>
</dl>
<script type="text/javascript">
$( function() {
$('#product_id_num').click( function() {
var product_ids = $('#product_id').val();
var url = "{:url('Coupon/select_product')}";
url = url + '&product_ids=' + product_ids;
//iframe窗
layer.open({
type: 2,
title: '已选商品列表',
shadeClose: false,
shade: layer_shade,
closeBtn: 3,
area: ['80%', '90%'],
content: url
});
});
});
function Product() {
var url = "{:url('Coupon/select_product')}";
//iframe窗
layer.open({
type: 2,
title: '请选择商品',
shadeClose: false,
shade: layer_shade,
closeBtn: 3,
area: ['80%', '90%'],
content: url
});
}
</script>
<dl class="row" style="display: none;">
<dt class="tit">
<label for="arctype_id"><em>*</em>商品分类</label>
</dt>
<dd class="opt">
<a href="JavaScript:void(0);" onclick="Arctype();" class="ncap-btn ncap-btn-green">选择分类</a>
<input type="hidden" name="arctype_id" id="arctype_id" class="input-txt">
<input type="hidden" id="SelectArctypeID">
<span style="color: red; display: none;">已选 <font id="arctype_id_num">0</font> 分类</span>
</dd>
</dl>
<script type="text/javascript">
/**
* 选择分类
* @param {[type]} obj [description]
* @return {[type]} [description]
*/
function Arctype()
{
var typeids = $('#arctype_id').val();
var iframes = layer.open({
type: 2,
title: '请选择分类',
fixed: true, //不固定
shadeClose: false,
shade: layer_shade,
// maxmin: true, //开启最大化最小化按钮
area: ['750px', '550px'],
btn: ['确定', '关闭'],
content: eyou_basefile+"?m=admin&c=Coupon&a=select_arctype&typeids="+typeids+"&lang="+__lang__,
yes: function(index, layero) {
var body = layer.getChildFrame('body', index);
var SelectArctypeIDNew = body.find('#post_typeids').val();
layer.close(index);
$('#arctype_id').val(SelectArctypeIDNew);
$('#SelectArctypeID').val(SelectArctypeIDNew);
if (SelectArctypeIDNew) {
$('#arctype_id_num').html(SelectArctypeIDNew.split(",").length).parent().show();
} else {
$('#arctype_id_num').parent().hide();
}
}
});
}
</script>
<dl class="row">
<dt class="tit">
<label for="coupon_price"><em>*</em>优惠规则</label>
<!--减免金额-->
</dt>
<dd class="opt">
满
<input type="text" autocomplete="off" name="conditions_use" id="conditions_use" class="input-txt" onpaste="this.value=this.value.replace(/[^\d.]/g, '');" onkeyup="this.value=this.value.replace(/[^\d.]/g, '');" style="width: 80px !important;">
元，减
<input type="text" autocomplete="off" name="coupon_price" id="coupon_price" class="input-txt" onpaste="this.value=this.value.replace(/[^\d.]/g, '');" onkeyup="this.value=this.value.replace(/[^\d.]/g, '');" style="width: 80px !important;">
元
<p class="notic"></p>
</dd>
</dl>
<dl class="row">
<dt class="tit">
<label for="coupon_stock"><em>*</em>库存</label>
</dt>
<dd class="opt">
<input type="text" autocomplete="off" name="coupon_stock" id="coupon_stock" class="input-txt" onpaste="this.value=this.value.replace(/[^\d.]/g, '');" onkeyup="this.value=this.value.replace(/[^\d.]/g, '');" style="width: 100px !important;"> 张
<p class="notic"></p>
</dd>
</dl>
<dl class="row none" >
<dt class="tit">
<label for="redeem_points">兑换所需积分</label>
</dt>
<dd class="opt">
<input type="text" name="redeem_points" id="redeem_points" value="0" class="input-txt" onpaste="this.value=this.value.replace(/[^\d.]/g, '');" onkeyup="this.value=this.value.replace(/[^\d.]/g, '');">
<p class="notic">兑换优惠券需要的积分，为0时免费领取</p>
</dd>
</dl>
<dl class="row none">
<dt class="tit">
<label for="redeem_authority">领取权限</label>
</dt>
<dd class="opt">
{volist name="users_level" id="vo"}
<label><input type="checkbox" name="level_id[]" value="{$vo.level_id}">{$vo.level_name}</label>
{/volist}
<p class="notic">未勾选时，所有用户都可以领取</p>
</dd>
</dl>
<dl class="row">
<dt class="tit">
<label for="use_type"><em>*</em>使用期限</label>
</dt>
<dd class="opt">
<label><input type="radio" name="use_type" value="1" checked="checked" onclick="chooseUseType(this);" /> 固定时间内有效</label>
<input type="text" autocomplete="off" name="use_start_time" id="use_start_time" value="{$start_date}" class="input-txt" style="width: 130px !important;" />-
<input type="text" autocomplete="off" name="use_end_time" id="use_end_time" value="{$end_date}" class="input-txt" style="width: 130px !important;" />
<div class="mt5"></div>
<label><input type="radio" name="use_type" value="2" onclick="chooseUseType(this);" /> 领到当日开始</label>
<input type="text" id="valid_days_2" value="30" disabled="disabled" class="input-txt" onpaste="this.value=this.value.replace(/[^\d.]/g, '');" onkeyup="this.value=this.value.replace(/[^\d.]/g, '');" style="width: 50px !important;"> 天内有效
<div class="mt5"></div>
<label><input type="radio" name="use_type" value="3" onclick="chooseUseType(this);" /> 领到次日开始</label>
<input type="text" id="valid_days_3" value="30" disabled="disabled" class="input-txt" onpaste="this.value=this.value.replace(/[^\d.]/g, '');" onkeyup="this.value=this.value.replace(/[^\d.]/g, '');" style="width: 50px !important;"> 天内有效
<p class="notic"></p>
</dd>
</dl>
<dl class="row">
<dt class="tit">
<label for="start_date"><em>*</em>发放日期</label>
</dt>
<dd class="opt">
<input type="text" autocomplete="off" name="start_date" id="start_date" value="{$start_date}" class="input-txt">
<p class="notic">优惠券开始发放时间</p>
</dd>
</dl>
<dl class="row">
<dt class="tit">
<label for="end_date"><em>*</em>结束日期</label>
</dt>
<dd class="opt">
<input type="text" autocomplete="off" name="end_date" id="end_date" value="" class="input-txt">
<p class="notic">优惠券发放结束时间</p>
</dd>
</dl>
<div class="bot">
<input type="hidden" name="valid_days" id="valid_days">
<a href="JavaScript:void(0);" onclick="checkForm();" class="ncap-btn-big ncap-btn-green" id="submitBtn">确认提交</a>
</div>
</div>
</form>
</div>
<script type="text/javascript">
try{
if (typeof(eval('is_conceal_1649209614'))=="function" && is_conceal_1649209614()){
$(".page").css("margin-left","");
}else{
$(".page").css("margin-left","100px");
}
}catch(e){}
$(document).ready(function(){
// 颜色选择
$('#coupon_color').colpick({
flat:false,
layout:'rgbhex',
submit:0,
colorScheme:'light',
color:$('#coupon_color').val(),
onChange:function(hsb,hex,rgb,el,bySetColor) {
$(el).css('border-color','#'+hex);
// Fill the text box just if the color was set using the picker, and not the colpickSetColor function.
if(!bySetColor) $(el).val('#'+hex);
}
}).keyup(function(){
$(this).colpickSetColor('#'+this.value);
});
});
function chooseUseType(obj){
var val = $(obj).val();
if ( 1 == val ){
$("#use_start_time").attr('disabled',false);
$("#use_end_time").attr('disabled',false);
$("#valid_days_2").attr('disabled',true);
$("#valid_days_3").attr('disabled',true);
}else if( 2 == val ){
$("#valid_days_2").attr('disabled',false);
$("#use_start_time").attr('disabled',true);
$("#use_end_time").attr('disabled',true);
$("#valid_days_3").attr('disabled',true);
}else if( 3 == val ){
$("#valid_days_3").attr('disabled',false);
$("#use_start_time").attr('disabled',true);
$("#use_end_time").attr('disabled',true);
$("#valid_days_2").attr('disabled',true);
}
}
layui.use('laydate', function() {
var laydate = layui.laydate;
laydate.render({
elem: '#start_date'
,type: 'datetime'
});
laydate.render({
elem: '#end_date'
,type: 'datetime'
});
laydate.render({
elem: '#use_start_time'
,type: 'datetime'
});
laydate.render({
elem: '#use_end_time'
,type: 'datetime'
});
})
$(function () {
$('input[name=coupon_type]').click(function() {
if (3 == $(this).val()) {
$('#arctype_id').parent().parent().show();
$('#product_id').parent().parent().hide();
} else if (2 == $(this).val()) {
$('#product_id').parent().parent().show();
$('#arctype_id').parent().parent().hide();
} else {
$('#product_id').parent().parent().hide();
$('#arctype_id').parent().parent().hide();
}
});
});
var parentObj = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
function checkForm(){
if ($('#coupon_name').val() == '') {
showErrorMsg('请填写优惠券名称');
$('#coupon_name').focus();
return false;
}
if ($('#conditions_use').val() == '') {
showErrorMsg('请填写优惠规则-使用条件');
$('#conditions_use').focus();
return false;
}
if ($('#coupon_price').val() == '') {
showErrorMsg('请填写优惠规则-减免金额');
$('#coupon_price').focus();
return false;
}
if ($('#coupon_stock').val() == '') {
showErrorMsg('请填写库存');
$('#coupon_stock').focus();
return false;
}
var use_type = $("input[name='use_type']:checked").val();
if ( 1 == use_type ) {
if ($('#use_start_time').val() == '') {
showErrorMsg('请填写优惠券有效开始时间');
$('#use_start_time').focus();
return false;
}
if ($('#use_end_time').val() == '') {
showErrorMsg('请填写优惠券有效结束时间');
$('#use_end_time').focus();
return false;
}
}else if ( 2 == use_type ) {
var valid_days_2 = $('#valid_days_2').val();
if ( valid_days_2 == '') {
showErrorMsg('请填写优惠券有效天数');
$('#valid_days_2').focus();
return false;
}
$("#valid_days").val(valid_days_2)
}else if ( 3 == use_type ) {
var valid_days_3 = $('#valid_days_3').val();
if ( valid_days_3 == '') {
showErrorMsg('请填写优惠券有效天数');
$('#valid_days_3').focus();
return false;
}
$("#valid_days").val(valid_days_3)
}
if ($('#start_date').val() == '') {
showErrorMsg('请选择优惠券发放日期');
$('#start_date').focus();
return false;
}
if ($('#end_date').val() == '') {
showErrorMsg('请选择优惠券结束日期');
$('#end_date').focus();
return false;
}
layer_loading('正在处理');
$.ajax({
type : 'post',
url : "{:url('Coupon/add', ['_ajax'=>1])}",
data : $('#postForm').serialize(),
dataType : 'json',
success : function(res){
layer.closeAll();
if(res.code == 1){
layer.msg(res.msg, {icon: 1, shade: layer_shade, time: 1000}, function(){
window.location.href = res.url;
});
}else{
showErrorMsg(res.msg);
}
},
error: function(e){
layer.closeAll();
showErrorAlert(e.responseText);
}
});
}
</script>
{include file="public/footer" /}