313 lines
15 KiB
HTML
313 lines
15 KiB
HTML
|
{include file="public/header" /}
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="page">
|
|||
|
|
<div class="fixed-bar">
|
|||
|
|
<div class="item-title">
|
|||
|
|
<div class="subject">
|
|||
|
|
<h3>满即送</h3>
|
|||
|
|
<h5></h5>
|
|||
|
|
</div>
|
|||
|
|
{include file="public/admin_items" /}
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="dssc-form-default">
|
|||
|
|
<div class="alert alert-block">
|
|||
|
|
<h4>{$Think.lang.ds_explain}{$Think.lang.ds_colon}</h4>
|
|||
|
|
<ul>
|
|||
|
|
<li>{$Think.lang.mansong_add_explain1}</li>
|
|||
|
|
<li>{$Think.lang.mansong_add_explain2}</li>
|
|||
|
|
<li>{$Think.lang.mansong_add_explain3}</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<form id="add_form" action="" method="post">
|
|||
|
|
<input id="level2_flag" type="hidden" value="false" />
|
|||
|
|
<input id="level3_flag" type="hidden" value="false" />
|
|||
|
|
<dl>
|
|||
|
|
<dt><i class="required">*</i>{$Think.lang.mansong_name}{$Think.lang.ds_colon}</dt>
|
|||
|
|
<dd>
|
|||
|
|
<input id="mansong_name" name="mansong_name" type="text" maxlength="25" class="w400 text"/>
|
|||
|
|
<span class="error-message"></span>
|
|||
|
|
<p class="hint">{$Think.lang.mansong_name_explain}</p>
|
|||
|
|
</dd>
|
|||
|
|
</dl>
|
|||
|
|
<dl>
|
|||
|
|
<dt><i class="required">*</i>{$Think.lang.start_time}{$Think.lang.ds_colon}</dt>
|
|||
|
|
<dd>
|
|||
|
|
<input id="start_time" name="start_time" type="text" class="text w130"/><em class="add-on"><i class="iconfont"></i></em>
|
|||
|
|
<span class="error-message"></span>
|
|||
|
|
<p class="hint">{:sprintf(lang('mansong_add_start_time_explain'),date('Y-m-d H:i',$start_time))}</p>
|
|||
|
|
</dd>
|
|||
|
|
</dl>
|
|||
|
|
<dl>
|
|||
|
|
<dt><i class="required">*</i>{$Think.lang.end_time}{$Think.lang.ds_colon}</dt>
|
|||
|
|
<dd>
|
|||
|
|
<input id="end_time" name="end_time" type="text" class="text w130"/><em class="add-on"><i class="iconfont"></i></em>
|
|||
|
|
<span class="error-message"></span>
|
|||
|
|
</dd>
|
|||
|
|
</dl>
|
|||
|
|
<dl>
|
|||
|
|
<dt><i class="required">*</i>{$Think.lang.full_feed_rule}{$Think.lang.ds_colon}</dt>
|
|||
|
|
<dd>
|
|||
|
|
<input type="hidden" id="mansong_rule_count" name="rule_count">
|
|||
|
|
<ul id="mansong_rule_list" class="dssc-mansong-rule-list">
|
|||
|
|
</ul>
|
|||
|
|
<a href="javascript:void(0);" id="btn_add_rule" class="dssc-btn dssc-btn-acidblue"><i class="iconfont"></i>{$Think.lang.add_rules}</a>
|
|||
|
|
<div id="div_add_rule" style="display:none;">
|
|||
|
|
<div class="dssc-mansong-error"><span id="mansong_price_error" style="display:none;"><i class="iconfont"></i>{$Think.lang.rule_amount_cannot_empty}</span><span id="mansong_discount_error" style="display:none;"><i class="iconfont"></i>{$Think.lang.full_minus_mustless_rule}</span></div>
|
|||
|
|
<div class="dssc-mansong-rule">
|
|||
|
|
<span>{$Think.lang.level_price} <input id="mansong_price" type="text" class="text w50"><em class="add-on"><i class="iconfont"></i></em>，</span>
|
|||
|
|
<span>{$Think.lang.level_discount} <input id="mansong_discount" type="text" class="text w50"><em class="add-on"><i class="iconfont"></i></em>，</span>
|
|||
|
|
<span>{$Think.lang.gift_name} <a href="javascript:void(0);" id="btn_show_search_goods" class="dssc-btn"><i class="iconfont"></i>{$Think.lang.choose_gifts}</a></span> <div id="mansong_goods_item" class="gift"></div>
|
|||
|
|
|
|||
|
|
<div id="div_search_goods" class="div-goods-select mt10" style="display: none;">
|
|||
|
|
<table class="search-form">
|
|||
|
|
<tr>
|
|||
|
|
<th class="w150">
|
|||
|
|
<strong>{$Think.lang.search_items}</strong>
|
|||
|
|
</th>
|
|||
|
|
<td class="w160">
|
|||
|
|
<input id="search_goods_name" type="text w150" class="text" name="goods_name" value=""/>
|
|||
|
|
</td>
|
|||
|
|
<td class="w70 tc">
|
|||
|
|
<a href="javascript:void(0);" id="btn_search_goods" class="dssc-btn"/><i class="iconfont"></i>{$Think.lang.ds_search}</a>
|
|||
|
|
</td>
|
|||
|
|
<td class="w10"></td>
|
|||
|
|
<td>
|
|||
|
|
<p class="hint">{$Think.lang.show_all_goods_sold}</p>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
</table>
|
|||
|
|
<a id="btn_hide_search_goods" class="close" href="javascript:void(0);">X</a>
|
|||
|
|
<div id="div_goods_search_result" class="search-result" style="width:739px;"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div id="mansong_rule_error" style="display:none;">{$Think.lang.choose_least_one_promotion}</div>
|
|||
|
|
<div class="mt10">
|
|||
|
|
<a href="javascript:void(0);" id="btn_save_rule" class="dssc-btn dssc-btn-acidblue"><i class="iconfont"></i>{$Think.lang.determine_rule_settings}</a>
|
|||
|
|
<a href="javascript:void(0);" id="btn_cancel_add_rule" class="dssc-btn dssc-btn-orange"><i class="iconfont"></i>{$Think.lang.ds_cancel}</a></div>
|
|||
|
|
</div>
|
|||
|
|
<span class="error-message"></span>
|
|||
|
|
<p class="hint">{$Think.lang.single_order_meets_amount}<br/>{$Think.lang.system_supports_rank_rules}</p>
|
|||
|
|
</dd>
|
|||
|
|
</dl>
|
|||
|
|
<dl>
|
|||
|
|
<dt>{$Think.lang.text_remark}{$Think.lang.ds_colon}</dt>
|
|||
|
|
<dd>
|
|||
|
|
<textarea name="remark" rows="3" id="remark" maxlength="100" class="textarea w400"></textarea>
|
|||
|
|
<p class="hint">{$Think.lang.mansong_remark_explain}</p>
|
|||
|
|
</dd>
|
|||
|
|
</dl>
|
|||
|
|
<div class="bottom">
|
|||
|
|
<input id="submit_button" type="submit" value="{$Think.lang.ds_submit}" class="btn">
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
<script id="mansong_rule_template" type="text/html">
|
|||
|
|
<li dstype="mansong_rule_item">
|
|||
|
|
<span>{$Think.lang.level_price}<strong><%=price%></strong>{$Think.lang.ds_yuan}， </span>
|
|||
|
|
<span>{$Think.lang.level_discount}<strong><%=discount%></strong>{$Think.lang.ds_yuan}， </span>
|
|||
|
|
<%if(goods_id>0){%>
|
|||
|
|
<span>{$Think.lang.gift_name} <%==goods%></span>
|
|||
|
|
<%}%>
|
|||
|
|
<input type="hidden" name="mansong_rule[]" value="<%=price%>,<%=discount%>,<%=goods_id%>">
|
|||
|
|
<a dstype="btn_del_mansong_rule" href="javascript:void(0);" class="dssc-btn-mini dssc-btn-red"><i class="iconfont"></i>{$Think.lang.ds_del}</a>
|
|||
|
|
</li>
|
|||
|
|
</script>
|
|||
|
|
<script id="mansong_goods_template" type="text/html">
|
|||
|
|
<div dstype="mansong_goods" class="selected-mansong-goods">
|
|||
|
|
<a href="<%=goods_url%>" title="<%=goods_name%>" class="goods-thumb" target="_blank">
|
|||
|
|
<img src="<%=goods_image_url%>"/>
|
|||
|
|
</a>
|
|||
|
|
<input dstype="mansong_goods_id" type="hidden" value="<%=goods_id%>">
|
|||
|
|
</div><a dstype="btn_del_mansong_goods" href="javascript:void(0);" class="dssc-btn-mini dssc-btn-red"><i class="iconfont"></i>{$Think.lang.delete_selected_gifts}</a>
|
|||
|
|
</script>
|
|||
|
|
<script src="{$Think.PLUGINS_SITE_ROOT}/template.min.js"></script>
|
|||
|
|
<link rel="stylesheet" href="{$Think.PLUGINS_SITE_ROOT}/js/jquery-ui-timepicker/jquery-ui-timepicker-addon.min.css">
|
|||
|
|
<script src="{$Think.PLUGINS_SITE_ROOT}/js/jquery-ui-timepicker/jquery-ui-timepicker-addon.min.js"></script>
|
|||
|
|
<script src="{$Think.PLUGINS_SITE_ROOT}/js/jquery-ui-timepicker/i18n/jquery-ui-timepicker-zh-CN.js"></script>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
$(document).ready(function(){
|
|||
|
|
$('#start_time').datetimepicker({dateFormat: 'yy-mm-dd'});
|
|||
|
|
$('#end_time').datetimepicker({dateFormat: 'yy-mm-dd'});
|
|||
|
|
|
|||
|
|
jQuery.validator.methods.greaterThanDate = function(value, element, param) {
|
|||
|
|
var date1 = new Date(Date.parse(param.replace(/-/g, "/")));
|
|||
|
|
var date2 = new Date(Date.parse(value.replace(/-/g, "/")));
|
|||
|
|
return date1 < date2;
|
|||
|
|
};
|
|||
|
|
jQuery.validator.methods.lessThanDate = function(value, element, param) {
|
|||
|
|
var date1 = new Date(Date.parse(param.replace(/-/g, "/")));
|
|||
|
|
var date2 = new Date(Date.parse(value.replace(/-/g, "/")));
|
|||
|
|
return date1 > date2;
|
|||
|
|
};
|
|||
|
|
jQuery.validator.methods.greaterThanStartDate = function(value, element) {
|
|||
|
|
var start_date = $("#start_time").val();
|
|||
|
|
var date1 = new Date(Date.parse(start_date.replace(/-/g, "/")));
|
|||
|
|
var date2 = new Date(Date.parse(value.replace(/-/g, "/")));
|
|||
|
|
return date1 < date2;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
//页面输入内容验证
|
|||
|
|
$("#add_form").validate({
|
|||
|
|
errorPlacement: function(error, element){
|
|||
|
|
var error_td = element.parent('dd').children('span.error-message');
|
|||
|
|
error_td.append(error);
|
|||
|
|
},
|
|||
|
|
onfocusout: false,
|
|||
|
|
submitHandler:function(form){
|
|||
|
|
ds_ajaxpost('add_form', 'url', "{:url('Promotionmansong/index')}");
|
|||
|
|
},
|
|||
|
|
rules : {
|
|||
|
|
mansong_name : {
|
|||
|
|
required : true
|
|||
|
|
},
|
|||
|
|
start_time : {
|
|||
|
|
required : true,
|
|||
|
|
greaterThanDate : '{$start_time|date='Y-m-d H:i'}'
|
|||
|
|
},
|
|||
|
|
end_time : {
|
|||
|
|
required : true,
|
|||
|
|
greaterThanStartDate : true
|
|||
|
|
},
|
|||
|
|
rule_count: {
|
|||
|
|
required: true,
|
|||
|
|
min: 1
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
messages : {
|
|||
|
|
mansong_name : {
|
|||
|
|
required : '<i class="iconfont"></i>{$Think.lang.mansong_name_error}'
|
|||
|
|
},
|
|||
|
|
start_time : {
|
|||
|
|
required : '<i class="iconfont"></i>{:sprintf(lang("mansong_add_start_time_explain"),date("Y-m-d H:i",$start_time))}',
|
|||
|
|
greaterThanDate : '<i class="iconfont"></i>{:sprintf(lang("mansong_add_start_time_explain"),date("Y-m-d H:i",$start_time))}'
|
|||
|
|
},
|
|||
|
|
end_time : {
|
|||
|
|
required : '<i class="iconfont"></i>{:sprintf(lang("mansong_add_end_time_explain"),date("Y-m-d H:i",$end_time))}',
|
|||
|
|
greaterThanStartDate : '<i class="iconfont"></i>{$Think.lang.greater_than_start_time}'
|
|||
|
|
},
|
|||
|
|
rule_count: {
|
|||
|
|
required: '<i class="iconfont"></i>{$Think.lang.add_rule_determine}',
|
|||
|
|
min: '<i class="iconfont"></i>{$Think.lang.add_rule_determine}'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 限时添加规则窗口
|
|||
|
|
$('#btn_add_rule').on('click', function() {
|
|||
|
|
$('#mansong_price').val('');
|
|||
|
|
$('#mansong_discount').val('');
|
|||
|
|
$('#mansong_goods_item').html('');
|
|||
|
|
$('#mansong_price_error').hide();
|
|||
|
|
$('#mansong_rule_error').hide();
|
|||
|
|
$('#div_add_rule').show();
|
|||
|
|
$('#btn_add_rule').hide();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 规则保存
|
|||
|
|
$('#btn_save_rule').on('click', function() {
|
|||
|
|
var mansong = {};
|
|||
|
|
mansong.price = Number($('#mansong_price').val());
|
|||
|
|
if(isNaN(mansong.price) || mansong.price <= 0) {
|
|||
|
|
$('#mansong_price_error').show();
|
|||
|
|
return false;
|
|||
|
|
} else {
|
|||
|
|
$('#mansong_price_error').hide();
|
|||
|
|
}
|
|||
|
|
mansong.discount = Number($('#mansong_discount').val());
|
|||
|
|
if(isNaN(mansong.discount) || mansong.discount < 0 || mansong.discount > mansong.price) {
|
|||
|
|
$('#mansong_discount_error').show();
|
|||
|
|
return false;
|
|||
|
|
} else {
|
|||
|
|
$('#mansong_discount_error').hide();
|
|||
|
|
}
|
|||
|
|
mansong.goods = $('#mansong_goods_item').find('[dstype="mansong_goods"]').html();
|
|||
|
|
mansong.goods_id = Number($('#mansong_goods_item').find('[dstype="mansong_goods_id"]').val());
|
|||
|
|
if(isNaN(mansong.goods_id)) {
|
|||
|
|
mansong.goods_id = 0;
|
|||
|
|
}
|
|||
|
|
if(mansong.discount == 0 && mansong.goods_id == 0) {
|
|||
|
|
$('#mansong_rule_error').show();
|
|||
|
|
return false;
|
|||
|
|
} else {
|
|||
|
|
$('#mansong_rule_error').hide();
|
|||
|
|
}
|
|||
|
|
var mansong_rule_item = template.render('mansong_rule_template', mansong);
|
|||
|
|
$('#mansong_rule_list').append(mansong_rule_item);
|
|||
|
|
close_div_add_rule();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 删除已添加的规则
|
|||
|
|
$('#mansong_rule_list').on('click', '[dstype="btn_del_mansong_rule"]', function() {
|
|||
|
|
$(this).parents('[dstype="mansong_rule_item"]').remove();
|
|||
|
|
close_div_add_rule();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 取消添加规则
|
|||
|
|
$('#btn_cancel_add_rule').on('click', function() {
|
|||
|
|
close_div_add_rule();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 关闭规则添加窗口
|
|||
|
|
function close_div_add_rule() {
|
|||
|
|
var rule_count = $('#mansong_rule_list').find('[dstype="mansong_rule_item"]').length;
|
|||
|
|
if( rule_count >= 3) {
|
|||
|
|
$('#btn_add_rule').hide();
|
|||
|
|
} else {
|
|||
|
|
$('#btn_add_rule').show();
|
|||
|
|
}
|
|||
|
|
$('#div_add_rule').hide();
|
|||
|
|
$('#mansong_rule_count').val(rule_count);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 限时商品选择窗口
|
|||
|
|
$('#btn_show_search_goods').on('click', function() {
|
|||
|
|
$('#div_search_goods').show();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 搜索商品
|
|||
|
|
$('#btn_search_goods').on('click', function() {
|
|||
|
|
var url = "{:url('Promotionmansong/search_goods')}";
|
|||
|
|
var datas = $.param({goods_name: $('#search_goods_name').val()});
|
|||
|
|
$('#div_goods_search_result').load(url,datas);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 搜索商品翻页
|
|||
|
|
$('#div_goods_search_result').on('click', '.pagination li a', function() {
|
|||
|
|
$('#div_goods_search_result').load($(this).attr('href'));
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 关闭商品选择窗口
|
|||
|
|
$('#btn_hide_search_goods').on('click', function() {
|
|||
|
|
$('#div_search_goods').hide();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 选择商品
|
|||
|
|
$('#div_goods_search_result').on('click', '[dstype="btn_add_mansong_goods"]', function() {
|
|||
|
|
var goods = {};
|
|||
|
|
goods.goods_id = $(this).attr('data-goods-id');
|
|||
|
|
goods.goods_name = $(this).attr('data-goods-name');
|
|||
|
|
goods.goods_image_url = $(this).attr('data-goods-image-url');
|
|||
|
|
goods.goods_url = $(this).attr('data-goods-url');
|
|||
|
|
var mansong_goods_item = template.render('mansong_goods_template', goods);
|
|||
|
|
$('#mansong_goods_item').html(mansong_goods_item);
|
|||
|
|
$('#div_search_goods').hide();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 删除以选的商品
|
|||
|
|
$('#mansong_goods_item').on('click', '[dstype="btn_del_mansong_goods"]', function() {
|
|||
|
|
$('#mansong_goods_item').html('');
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|