156 lines
7.9 KiB
HTML
Executable File
156 lines
7.9 KiB
HTML
Executable File
{include file="Public:header2"/}
|
|
<body style="min-height: 100%;background-color: #fff">
|
|
<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;">
|
|
<div class="layui-form" wid100 lay-filter="">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">卡等级名称</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="title" value="{$info.title}" autocomplete="off" placeholder="请输入卡等级名称" class="layui-input" style="width: 200px" >
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">卡等级概率</label>
|
|
<div class="layui-input-inline" style="width: 230px">
|
|
<input type="text" name="pro" value="{$info.pro*1}" autocomplete="off" placeholder="请输入卡等级概率" class="layui-input" style="width: 200px;display: inline-block">%
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">颜色设置</label>
|
|
<div class="layui-input-inline" style="width: 230px">
|
|
<input type="text" name="color" value="{$info.color}" autocomplete="off" placeholder="请输入颜色" class="layui-input" style="width: 200px;display: inline-block">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">卡等级排序</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="sort" value="{$info.sort}" autocomplete="off" placeholder="请输入卡等级排序" class="layui-input" style="width: 200px" >
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">卡等级图标</label>
|
|
<div class="layui-input-inline">
|
|
<input type="hidden" name="imgurl" value="{$info.imgurl}" lay-verify="required" placeholder="请上传图片" autocomplete="off" class="layui-input" >
|
|
<img style="float:left;width:120px;" class="" id="imgurl" src="{:imageUrl($info.imgurl)}">
|
|
</div>
|
|
</div>
|
|
{if $info.special_imgurl}
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">发光特效</label>
|
|
<div class="layui-input-inline">
|
|
<input type="hidden" name="special_imgurl" value="{$info.special_imgurl}" lay-verify="required" placeholder="请上传图片" autocomplete="off" class="layui-input" >
|
|
<img style="float:left;width:120px;" class="" id="special_imgurl" src="{:imageUrl($info.special_imgurl)}">
|
|
<i onclick="close_special_imgurl()" style="right: 62px;position: absolute;top: -11px;cursor: pointer" class="layui-icon layui-icon-close-fill"></i>
|
|
|
|
</div>
|
|
</div>
|
|
{else/}
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">发光特效</label>
|
|
<div class="layui-input-inline">
|
|
<input type="hidden" name="special_imgurl" value="" lay-verify="required" placeholder="请上传图片" autocomplete="off" class="layui-input" >
|
|
<img style="float:left;width:120px;" class="" id="special_imgurl" src="/static/image/upload.jpg">
|
|
<i onclick="close_special_imgurl()" style="right: 62px;position: absolute;top: -11px;cursor: pointer" class="layui-icon layui-icon-close-fill"></i>
|
|
|
|
</div>
|
|
</div>
|
|
{/if}
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<input type="hidden" name="id" value="{$info.id}">
|
|
<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','element'], function(){
|
|
var $ = layui.$;
|
|
var form = layui.form;
|
|
var upload = layui.upload;
|
|
var element = layui.element;
|
|
upload.render({
|
|
accept:'imgurl'
|
|
,elem: '#imgurl' //绑定元素
|
|
,url: '/admin/picture' //上传接口
|
|
,done: function(res){
|
|
//上传完毕回调
|
|
if(res.status == 1){ //成功
|
|
layer.msg("上传成功",{icon:1,time:1000},function(){
|
|
$("#imgurl").attr("src",res.data.path); //单图
|
|
$("input[name=imgurl]").val(res.data.imgurl);
|
|
});
|
|
}else{ //失败
|
|
layer.msg(res.msg,{icon:2,anim:6,time:1500});
|
|
}
|
|
}
|
|
,error: function(){
|
|
//请求异常回调
|
|
layer.msg('服务繁忙，请稍后再试',{icon:2,anim:6,time:1500});
|
|
}
|
|
});
|
|
|
|
|
|
|
|
upload.render({
|
|
accept:'imgurl'
|
|
,elem: '#special_imgurl' //绑定元素
|
|
,url: '/admin/picture' //上传接口
|
|
,done: function(res){
|
|
//上传完毕回调
|
|
if(res.status == 1){ //成功
|
|
layer.msg("上传成功",{icon:1,time:1000},function(){
|
|
$("#special_imgurl").attr("src",res.data.path); //单图
|
|
$("input[name=special_imgurl]").val(res.data.imgurl);
|
|
});
|
|
}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/card_shang_edit')}";
|
|
var $ = layui.$;
|
|
var load=layer.load(2);
|
|
$.post(url,$("form").serialize(),function(data){
|
|
if(data.status==1){
|
|
layer.msg(data.msg,{icon:1,time:1500},function(){
|
|
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
|
|
parent.layer.close(index);
|
|
parent.location.reload();
|
|
});
|
|
}else{
|
|
layer.msg(data.msg,{icon:2,anim:6,time:1500},function(){
|
|
layer.close(load);
|
|
});
|
|
}
|
|
})
|
|
}
|
|
|
|
|
|
function close_special_imgurl() {
|
|
$("#special_imgurl").attr("src","/static/image/upload.jpg"); //单图
|
|
$("input[name=special_imgurl]").val('');
|
|
}
|
|
|
|
</script>
|