185 lines
9.5 KiB
HTML
Executable File
185 lines
9.5 KiB
HTML
Executable File
{include file="Public:header2"/}
|
|
<body style="min-height: 100%;background-color: #fff">
|
|
<div style="padding: 0 20px;position: relative;z-index: 99;border-bottom: 1px solid #e5e5e5;line-height: 39px;height: 39px;overflow: hidden;">
|
|
<span style="visibility: visible;">
|
|
<a href="{:url('/admin/reward')}" style="padding-right: 8px;line-height: 22px;font-size: 14px;color: #333!important;">奖励管理<span class="layui-box">></span></a>
|
|
<a href="javascript:;"> <cite>编辑奖励</cite></a>
|
|
</span>
|
|
</div>
|
|
|
|
<div class="layui-fluid">
|
|
<div class="layui-row layui-col-space15">
|
|
<div class="layui-col-md12">
|
|
<div class="layui-card">
|
|
<div class="layui-card-body">
|
|
<form onsubmit="return false;">
|
|
<input type="hidden" name="id" value="{$reward.id}">
|
|
<div class="layui-form" wid100 lay-filter="">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">奖励类型</label>
|
|
<div class="layui-input-inline" style="width: 700px">
|
|
<input type="radio" name="reward_type" value="1" lay-filter="reward_type" class="layui-input" title="优惠券" {if $reward.reward_type==1}checked{/if}>
|
|
<input type="radio" name="reward_type" value="2" lay-filter="reward_type" class="layui-input" title="钻石" {if $reward.reward_type==2}checked{/if}>
|
|
<input type="radio" name="reward_type" value="3" lay-filter="reward_type" class="layui-input" title="货币1" {if $reward.reward_type==3}checked{/if}>
|
|
<input type="radio" name="reward_type" value="4" lay-filter="reward_type" class="layui-input" title="货币2" {if $reward.reward_type==4}checked{/if}>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item" id="coupon_select" {if $reward.reward_type!=1}style="display:none;"{/if}>
|
|
<label class="layui-form-label">选择优惠券</label>
|
|
<div class="layui-input-inline">
|
|
<select name="reward_id" lay-verify="required" lay-filter="coupon">
|
|
<option value="">请选择优惠券</option>
|
|
{volist name="coupons" id="vo"}
|
|
<option value="{$vo.id}" {if $reward.reward_id==$vo.id}selected{/if}>{$vo.title} (满{$vo.man_price}减{$vo.price})</option>
|
|
{/volist}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item" id="reward_value_div" {if $reward.reward_type==1}style="display:none;"{/if}>
|
|
<label class="layui-form-label">奖励数值</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="reward_value" value="{$reward.reward_value}" placeholder="请输入奖励数值" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">奖励标题</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="title" value="{$reward.title}" lay-verify="required" placeholder="请输入奖励标题" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">奖励描述</label>
|
|
<div class="layui-input-inline">
|
|
<textarea name="description" placeholder="请输入奖励描述" class="layui-textarea" style="width: 600px">{$reward.description}</textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">奖励图标</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="icon" value="{$reward.icon}" placeholder="请输入图标URL" autocomplete="off" class="layui-input" style="width: 500px">
|
|
<div style="margin-top: 5px;">
|
|
<button type="button" class="layui-btn" id="upload_icon">
|
|
<i class="layui-icon"></i>上传图标
|
|
</button>
|
|
<img id="icon_preview" src="{$reward.icon}" style="max-width:200px;{if !$reward.icon}display:none;{/if}margin-top:10px;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">状态</label>
|
|
<div class="layui-input-inline" style="width: 700px">
|
|
<input type="radio" name="status" value="1" class="layui-input" title="启用" {if $reward.status==1}checked{/if}>
|
|
<input type="radio" name="status" value="0" class="layui-input" title="禁用" {if $reward.status==0}checked{/if}>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<button class="layui-btn" onclick="return check()">确认保存</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{include file="Public:footer"/}
|
|
</body>
|
|
</html>
|
|
<script type="text/javascript">
|
|
layui.use(['layer','form','upload'], function(){
|
|
var $ = layui.$;
|
|
var form = layui.form;
|
|
var upload = layui.upload;
|
|
|
|
// 监听奖励类型切换
|
|
form.on('radio(reward_type)', function(data){
|
|
if(data.value == '1') { // 优惠券
|
|
$('#coupon_select').show();
|
|
$('#reward_value_div').hide();
|
|
} else { // 钻石、货币1、货币2
|
|
$('#coupon_select').hide();
|
|
$('#reward_value_div').show();
|
|
}
|
|
});
|
|
|
|
// 监听优惠券选择
|
|
form.on('select(coupon)', function(data){
|
|
if(data.value) {
|
|
var couponName = $(data.elem).find("option:selected").text();
|
|
$("input[name=title]").val(couponName);
|
|
}
|
|
});
|
|
|
|
// 图标上传
|
|
upload.render({
|
|
elem: '#upload_icon',
|
|
url: '/admin/picture',
|
|
done: function(res){
|
|
if(res.status == 1){ // 上传成功
|
|
layer.msg("上传成功",{icon:1,time:1000},function(){
|
|
$("input[name=icon]").val(res.data.imgurl);
|
|
$("#icon_preview").attr("src", res.data.path).show();
|
|
});
|
|
} else { // 上传失败
|
|
layer.msg(res.msg,{icon:2,anim:6,time:1500});
|
|
}
|
|
},
|
|
error: function(){
|
|
layer.msg('服务繁忙，请稍后再试',{icon:2,anim:6,time:1500});
|
|
}
|
|
});
|
|
});
|
|
|
|
function check(){
|
|
var url = "{:url('/admin/reward_edit')}";
|
|
var $ = layui.$;
|
|
var load = layer.load(2);
|
|
|
|
// 表单验证
|
|
var reward_type = $("input[name='reward_type']:checked").val();
|
|
if(reward_type == 1) {
|
|
var reward_id = $("select[name='reward_id']").val();
|
|
if(!reward_id) {
|
|
layer.msg('请选择优惠券',{icon:2,anim:6,time:1500});
|
|
layer.close(load);
|
|
return false;
|
|
}
|
|
} else {
|
|
var reward_value = $("input[name='reward_value']").val();
|
|
if(!reward_value) {
|
|
layer.msg('请输入奖励数值',{icon:2,anim:6,time:1500});
|
|
layer.close(load);
|
|
return false;
|
|
}
|
|
}
|
|
|
|
var title = $("input[name='title']").val();
|
|
if(!title) {
|
|
layer.msg('请输入奖励标题',{icon:2,anim:6,time:1500});
|
|
layer.close(load);
|
|
return false;
|
|
}
|
|
|
|
// 提交表单
|
|
$.post(url, $("form").serialize(), function(data){
|
|
if(data.code == 0){
|
|
layer.msg(data.msg, {icon:1, time:1000}, function(){
|
|
location.href = "{:url('/admin/reward')}";
|
|
});
|
|
} else {
|
|
layer.msg(data.msg, {icon:2, anim:6, time:1500}, function(){
|
|
layer.close(load);
|
|
});
|
|
}
|
|
});
|
|
}
|
|
</script> |