414 lines
14 KiB
HTML
414 lines
14 KiB
HTML
{template '_header'}
|
||
<link href="/favicon.ico" rel="shortcut icon" />
|
||
<link rel="stylesheet" type="text/css" href="../addons/{EWEI_SHOP_V2_MODULE_NAME}/template/web/sale/wxcard/css/iconfont.css"/>
|
||
<link rel="stylesheet" type="text/css" href="../addons/{EWEI_SHOP_V2_MODULE_NAME}/template/web/sale/wxcard/css/index.css"/>
|
||
|
||
<script type="text/javascript" src="../addons/{EWEI_SHOP_V2_MODULE_NAME}/static/js/app/biz/sale/wxcard/colorpalette.js" charset="utf-8"></script>
|
||
|
||
<div class="page-heading">
|
||
<span class='pull-right'>
|
||
<a class="btn btn-default btn-sm" href="{php echo webUrl('sale/wxcard')}">返回列表</a>
|
||
</span>
|
||
<h2>添加 {if $type==0}代金券{elseif $type==1}折扣券{/if}</h2>
|
||
</div>
|
||
|
||
<div id="bgcolor" class="preview Color010">
|
||
<div class="title">
|
||
<i class="back iconfont"></i>
|
||
<i class="more pull-right iconfont"></i>
|
||
</div>
|
||
<div class="panel">
|
||
|
||
<!--商户信息-->
|
||
<div class="logo-area">
|
||
<div class="logo">
|
||
<img id="showlogo" src="{php echo empty($item)?'':$item['logo_url']}"/>
|
||
</div>
|
||
<p class="name" id="showbrand_name">{$item['brand_name']}
|
||
</p>
|
||
</div>
|
||
<!--卡券标题-->
|
||
<div class="card">
|
||
<p id="showtitle" class="card-title">{$item['title']}</p>
|
||
<div id="btnuse" class='btn Color010'>使用</div>
|
||
</div>
|
||
<!--使用条件-->
|
||
<div class="card_usage">
|
||
<ul>
|
||
<li id="showuselimit" style="display: none;"><em>使用条件：</em><span id="showlimittext"></span></li>
|
||
<li><em>可用时间：</em><span id="showbeginendtime"></span></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!--卡券封面-->
|
||
<div class="card-cover" id="showallabstract" {if empty($item['setabstract'])}style="display: none;"{/if}>
|
||
<img id="showabstractimg" src="{php echo empty($item)?'':$item['abstractimg']}"/>
|
||
<span class="card-cover-intr">
|
||
<span id="showabstract" class="cover-title">
|
||
{$item['abstract']}
|
||
<i class="go pull-right iconfont"></i>
|
||
</span>
|
||
</span>
|
||
</div>
|
||
|
||
<!--卡券其他-->
|
||
<div class="card-other">
|
||
<ul>
|
||
<li>公众号<i class="go pull-right iconfont"></i></li>
|
||
<li>详情<i class="go pull-right iconfont"></i></li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!--自定义入口1-->
|
||
<div class="custom-detail" id="showcustom" {if empty($item['setcustom'])}style="display: none;"{/if}>
|
||
<ul>
|
||
<li><span id="show_custom_url_name">{if empty($item['custom_url_name'])}自定义入口1(选填){else}{$item['custom_url_name']}{/if}</span><i class="go pull-right iconfont"></i><span class="pull-right gray" id="show_custom_url_sub_title">{$item['custom_url_sub_title']}</span></li>
|
||
</ul>
|
||
</div>
|
||
<!--自定义入口2-->
|
||
<div class="custom-detail" id="showpromotion" {if empty($item['setpromotion'])} style="display: none;"{/if}>
|
||
<ul>
|
||
<li><span id="show_promotion_url_name">{if empty($item['promotion_url_name'])}自定义入口2(选填){else}{$item['promotion_url_name']}{/if}</span><i class="go pull-right iconfont"></i><span class="pull-right gray" id="show_promotion_url_sub_title">{$item['promotion_url_sub_title']}</span></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<form style="width: 450px;float: left;margin-left: 30px" {ife 'sale.wxcard' $item}action="" method='post'{/if} class='form-horizontal form-validate'>
|
||
<input type="hidden" name="id" value="{$item['id']}">
|
||
<input type="hidden" name="tab" id='tab' value="{$_GPC['tab']}" />
|
||
|
||
<ul class="nav nav-arrow-next nav-tabs" style="width: 450px" id="myTab">
|
||
<li {if $_GPC['tab']=='basic' || empty($_GPC['tab'])}class="active"{/if} ><a href="#tab_basic">基本</a></li>
|
||
<li {if $_GPC['tab']=='abstract'}class="active"{/if} ><a href="#tab_abstract">自定义元素</a></li>
|
||
<li {if $_GPC['tab']=='limit'}class="active"{/if} ><a href="#tab_limit">使用限制</a></li>
|
||
<li {if $_GPC['tab']=='center'}class="active"{/if} ><a href="#tab_center">领取设置</a></li>
|
||
</ul>
|
||
|
||
<div class="tab-content">
|
||
<div class="tab-pane {if $_GPC['tab']=='basic' || empty($_GPC['tab'])}active{/if}" id="tab_basic">{template 'sale/wxcard/post/basic'}</div>
|
||
<div class="tab-pane {if $_GPC['tab']=='abstract'}active{/if}" id="tab_abstract">{template 'sale/wxcard/post/abstract'}</div>
|
||
<div class="tab-pane {if $_GPC['tab']=='limit'}active{/if}" id="tab_limit">{template 'sale/wxcard/post/limit'}</div>
|
||
<div class="tab-pane {if $_GPC['tab']=='center'}active{/if}" id="tab_center">{template 'sale/wxcard/post/center'}</div>
|
||
</div>
|
||
|
||
<div class="form-group"></div>
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label"f></label>
|
||
<div class="col-sm-9 col-xs-12">
|
||
{ife 'sale.wxcard' $item}
|
||
<input type="submit" name="submit" value="提交" class="btn btn-primary" />
|
||
{/if}
|
||
<input type="button" name="back" onclick='history.back()' {ife 'sale.wxcard' $item}style='margin-left:10px;'{/if} value="返回列表" class="btn btn-default" />
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
</form>
|
||
<script language='javascript'>
|
||
require(['bootstrap'],function(){
|
||
$('#myTab a').click(function (e) {
|
||
e.preventDefault();
|
||
$('#tab').val( $(this).attr('href'));
|
||
$(this).tab('show');
|
||
})
|
||
});
|
||
|
||
function showbacktype(type){
|
||
|
||
$('.backtype').hide();
|
||
$('.backtype' + type).show();
|
||
}
|
||
|
||
function setshowuselimit()
|
||
{
|
||
var shiyongtext = $("#accept_category").val();
|
||
|
||
var text="";
|
||
if(shiyongtext!='')
|
||
{
|
||
text="适用于"+shiyongtext;
|
||
}
|
||
var bushiyongtext = $("#reject_category").val();
|
||
|
||
if(bushiyongtext!='')
|
||
{
|
||
if(shiyongtext!='')
|
||
{
|
||
text=text+",";
|
||
}
|
||
|
||
text=text+"不适用于"+bushiyongtext;
|
||
}
|
||
|
||
$("#showlimittext").html(text);
|
||
}
|
||
|
||
|
||
|
||
$(function(){
|
||
|
||
$('form').submit(function(){
|
||
|
||
{if empty($id)}
|
||
if($('#title').val()==''||$('#title').val().length>9)
|
||
{
|
||
$('#myTab a[href=#tab_basic]').tab('show');
|
||
tip.msgbox.err('卡券标题不能为空且不能超过9个字符!');
|
||
$('form').attr('stop',1);
|
||
|
||
|
||
return false;
|
||
}
|
||
|
||
if($('#logourl').val()==''||$('#logolocalpath').val()=='')
|
||
{
|
||
$('#myTab a[href=#tab_basic]').tab('show');
|
||
tip.msgbox.err('logo图片未上传!');
|
||
$('form').attr('stop',1);
|
||
|
||
|
||
return false;
|
||
}
|
||
|
||
|
||
|
||
|
||
if($('#quantity').val()=='')
|
||
{
|
||
$('#myTab a[href=#tab_basic]').tab('show');
|
||
tip.msgbox.err('卡券库存数量不能为空且必须大于1!');
|
||
$('form').attr('stop',1);
|
||
|
||
|
||
return false;
|
||
}
|
||
|
||
if($('#brand_name').val()==''||$('#brand_name').val().length>12)
|
||
{
|
||
$('#myTab a[href=#tab_basic]').tab('show');
|
||
tip.msgbox.err('商铺名称不能为空且长度超过12个字符!');
|
||
$('form').attr('stop',1);
|
||
|
||
return false;
|
||
}
|
||
|
||
|
||
{if empty($type)}
|
||
if($('#reduce_cost').val()==''||$('#reduce_cost').val()<=0)
|
||
{
|
||
$('#myTab a[href=#tab_basic]').tab('show');
|
||
tip.msgbox.err('减免金额不能为空,且必须大于1,支持2位小数点!');
|
||
$('form').attr('stop',1);
|
||
|
||
|
||
return false;
|
||
}
|
||
|
||
{else}
|
||
if($('#discount').val()==''||$('#discount').val()>9.9||$('#discount').val()<1)
|
||
{
|
||
$('#myTab a[href=#tab_basic]').tab('show');
|
||
tip.msgbox.err('不能为空且折扣额度需填写范围在1-9.9的数字!');
|
||
$('form').attr('stop',1);
|
||
|
||
return false;
|
||
}
|
||
{/if}
|
||
|
||
{/if}
|
||
|
||
|
||
|
||
|
||
$('form').removeAttr('stop');
|
||
return true;
|
||
});
|
||
|
||
|
||
require(['jquery', 'util'], function($, util){
|
||
//示例图logo控制
|
||
$('#uploadlogo').click(function(){
|
||
util.image('',function(data){
|
||
$("#showlogo").attr('src',data.url);
|
||
$("#logourl").val(data.url);
|
||
$("#logolocalpath").val(data.attachment);
|
||
});
|
||
});
|
||
|
||
//示例图封面图片控制
|
||
$('#upabstractimg').click(function(){
|
||
util.image('',function(data){
|
||
$("#showabstractimg").attr('src',data.url);
|
||
$("#abstractimgurl").val(data.url);
|
||
$("#abstractimglocalpath").val(data.attachment);
|
||
});
|
||
});
|
||
});
|
||
|
||
//示例图l品牌名称文本控制
|
||
$('#brand_name').change(function(){
|
||
$('#showbrand_name').html($(this).val());
|
||
});
|
||
|
||
//示例图有效期控制
|
||
window.timer_id = setInterval(function(){
|
||
if($("input[name='datetype']:checked").val()=="DATE_TYPE_FIX_TIME_RANGE")
|
||
{
|
||
$("#showbeginendtime").html( $("input[name='beginendtime[start]']").val().replace("-",".")+" "+$("input[name='beginendtime[end]").val().replace("-","."));
|
||
}
|
||
else if($("input[name='datetype']:checked").val()=="DATE_TYPE_FIX_TERM")
|
||
{
|
||
var fixed_begin_term = $("#fixed_begin_term").val();
|
||
var fixed_term = $("#fixed_term").val();
|
||
var nowdate = new Date();
|
||
nowdate=new Date(nowdate.getTime()+fixed_begin_term*86400*1000);
|
||
var showdate =nowdate.getFullYear() + "." + (nowdate.getMonth()+1) + "." + nowdate.getDate();
|
||
|
||
nowdate=new Date(nowdate.getTime()+(fixed_term-1)*86400*1000);
|
||
var showdate =showdate+"-"+nowdate.getFullYear() + "." + (nowdate.getMonth()+1) + "." + nowdate.getDate();
|
||
$("#showbeginendtime").html(showdate);
|
||
}
|
||
|
||
},1000);
|
||
//clearInterval(window.time_id);
|
||
|
||
//示例图标题控制
|
||
$('#title').change(function(){
|
||
$('#showtitle').html($(this).val());
|
||
});
|
||
//示例图适用商品控制
|
||
$('#accept_category').change(function(){
|
||
setshowuselimit();
|
||
});
|
||
$('#reject_category').change(function(){
|
||
setshowuselimit();
|
||
});
|
||
|
||
//示例图封面文本控制
|
||
$('#abstract').change(function(){
|
||
$('#showabstract').html($(this).val());
|
||
});
|
||
|
||
//示例图卡券顶部按钮文本控制
|
||
$('#center_title').change(function(){
|
||
|
||
var str = $(this).val();
|
||
|
||
if(str=="")
|
||
{
|
||
str="使用";
|
||
}
|
||
|
||
$('#btnuse').html(str);
|
||
});
|
||
|
||
|
||
//添加自定义入口1
|
||
$("#addcustom") .on('click', function(){
|
||
$("#showsetcustom").show();
|
||
$("#showcustom").show();
|
||
$("#setcustom").val(1);
|
||
});
|
||
//删除自定义入口1
|
||
$("#delcustom") .on('click', function(){
|
||
$("#showsetcustom").hide();
|
||
$("#showcustom").hide();
|
||
$("#setcustom").val(0);
|
||
});
|
||
|
||
|
||
//添加自定义入口2
|
||
$("#addpromotion") .on('click', function(){
|
||
$("#showsetpromotion").show();
|
||
$("#showpromotion").show();
|
||
$("#setpromotion").val(1);
|
||
|
||
});
|
||
//删除自定义入口2
|
||
$("#delpromotion") .on('click', function(){
|
||
$("#showsetpromotion").hide();
|
||
$("#showpromotion").hide();
|
||
$("#setpromotion").val(0);
|
||
});
|
||
|
||
|
||
//添加封面
|
||
$("#addabstract") .on('click', function(){
|
||
$("#showsetabstract").show();
|
||
$("#showallabstract").show();
|
||
$("#setabstract").val(1);
|
||
});
|
||
//删除封面
|
||
$("#delabstract") .on('click', function(){
|
||
$("#showsetabstract").hide();
|
||
$("#showallabstract").hide();
|
||
$("#setabstract").val(0);
|
||
});
|
||
|
||
|
||
//示例图自定义入口1文本控制
|
||
$('#custom_url_name').change(function(){
|
||
|
||
var str = $(this).val();
|
||
|
||
if(str=="")
|
||
{
|
||
str="自定义入口1(选填)";
|
||
}
|
||
|
||
$('#show_custom_url_name').html(str);
|
||
});
|
||
//示例图自定义入口1引导文本控制
|
||
$('#custom_url_sub_title').change(function(){
|
||
$('#show_custom_url_sub_title').html($(this).val());
|
||
});
|
||
|
||
|
||
|
||
//示例图自定义入口2文本控制
|
||
$('#promotion_url_name').change(function(){
|
||
|
||
var str = $(this).val();
|
||
|
||
if(str=="")
|
||
{
|
||
str="自定义入口2(选填)";
|
||
}
|
||
|
||
$('#show_promotion_url_name').html(str);
|
||
});
|
||
//示例图自定义入口2引导文本控制
|
||
$('#promotion_url_sub_title').change(function(){
|
||
$('#show_promotion_url_sub_title').html($(this).val());
|
||
});
|
||
|
||
|
||
|
||
//示例图使用条件控制
|
||
$("#use_condition") .on('click', function(){
|
||
|
||
if($(this).prop("checked"))
|
||
{
|
||
$("#showuse_condition").show();
|
||
$("#showuselimit").show();
|
||
|
||
}else
|
||
{
|
||
$("#showuse_condition").hide();
|
||
$("#showuselimit").hide();
|
||
}
|
||
});
|
||
|
||
|
||
|
||
|
||
})
|
||
</script>
|
||
|
||
{template '_footer'}
|