91 lines
3.2 KiB
HTML
91 lines
3.2 KiB
HTML
{template '_header'}
|
|
<div class='page-heading'><h2>优惠券设置</h2></div>
|
|
|
|
<form id="setform" action="" method="post" class="form-horizontal form-validate">
|
|
|
|
<input type="hidden" name="tab" id='tab' value="{$_GPC['tab']}" />
|
|
|
|
|
|
<ul class="nav nav-arrow-next nav-tabs" id="myTab">
|
|
<li {if $_GPC['tab']=='basic' || empty($_GPC['tab'])}class="active"{/if} ><a href="#tab_basic">基本</a></li>
|
|
<li {if $_GPC['tab']=='adv'}class="active"{/if} ><a href="#tab_adv">幻灯片</a></li>
|
|
<li {if $_GPC['tab']=='notice'}class="active"{/if} ><a href="#tab_notice">通知</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/coupon/set/basic'}</div>
|
|
<div class="tab-pane {if $_GPC['tab']=='adv'}active{/if}" id="tab_adv">{template 'sale/coupon/set/adv'}</div>
|
|
<div class="tab-pane {if $_GPC['tab']=='notice'}active{/if}" id="tab_notice">{template 'sale/coupon/set/notice'}</div>
|
|
</div>
|
|
|
|
<div class="form-group"></div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label"></label>
|
|
<div class="col-sm-9">
|
|
<input type="submit" value="提交" class="btn btn-primary" />
|
|
|
|
</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 () {
|
|
bindEvents();
|
|
})
|
|
function removeAdv(obj){
|
|
$(obj).closest('.adv-item').remove();
|
|
}
|
|
function addAdv(){
|
|
var html='<tr class="adv-item">';
|
|
html+='<td><a href="javascript:;" class="btn btn-default btn-sm btn-move"><i class="fa fa-arrows"></i></a></td>';
|
|
html+='<td>';
|
|
html+='<div class="input-group img-item">';
|
|
html+='<div class="input-group-addon">';
|
|
html+='<img src="" style="height:20px;width:50px" />';
|
|
html+='</div>';
|
|
html+='<input type="text" class="form-control" name="adv_img[]" />';
|
|
html+='<div class="input-group-btn">';
|
|
html+='<button type="button" class="btn btn-default btn-select-pic">选择图片</button>';
|
|
html+='</div>';
|
|
html+='</div>';
|
|
html+='</td>';
|
|
html+='<td><input type="text" class="form-control" name="adv_url[]" /></td>';
|
|
html+='<td><button type="button" class="btn btn-danger btn-sm" onclick="removeAdv(this)"><i class="fa fa-remove"></i></button>';
|
|
|
|
html+='</td>';
|
|
html+='</tr>';
|
|
$('#tbody').append(html);
|
|
bindEvents();
|
|
}
|
|
function bindEvents() {
|
|
require(['jquery', 'util'], function ($, util) {
|
|
$('.btn-select-pic').unbind('click').click(function () {
|
|
var imgitem = $(this).closest('.img-item');
|
|
util.image('', function (data) {
|
|
imgitem.find('img').attr('src', data['url']);
|
|
imgitem.find('input').val(data['attachment']);
|
|
});
|
|
});
|
|
});
|
|
require(['jquery.ui'] ,function(){
|
|
$("#tbody").sortable({handle: '.btn-move'});
|
|
})
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
{template '_footer'}
|