manghe/app/admin/view/Advert/edit.html
2025-03-21 19:25:07 +08:00

152 lines
8.2 KiB
HTML
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{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" style="width: 600px">
<input type="radio" name="type" value="1" lay-filter="type" class="layui-input" disabled title="首页" {if $data.type eq 1} checked {/if}>
<!-- <input type="radio" name="type" value="2" lay-filter="type" class="layui-input" disabled title="商城" {if $data.type eq 2} checked {/if}>-->
<input type="radio" name="type" value="3" lay-filter="type" class="layui-input" disabled title="商城" {if $data.type eq 3} checked {/if}>
<input type="radio" name="type" value="4" lay-filter="type" class="layui-input" disabled title="排行榜" {if $data.type eq 4} checked {/if}>
<input type="radio" name="type" value="5" lay-filter="type" class="layui-input" disabled title="推荐上新" {if $data.type eq 5} checked {/if}>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">排序值</label>
<div class="layui-input-inline">
<input type="text" name="sort" value="{$data['sort']}" min="1" 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" style="width: 600px">
<input type="radio" name="ttype" value="0" lay-filter="ttype" class="layui-input" title="不跳转" {if condition="$data.ttype eq 0"}checked{/if}>
<input type="radio" name="ttype" value="1" lay-filter="ttype" class="layui-input" title="优惠券" {if condition="$data.ttype eq 1"}checked{/if}>
<input type="radio" name="ttype" value="2" lay-filter="ttype" class="layui-input" title="一番赏(包含全局赏,积分赏)" {if condition="$data.ttype eq 2"}checked{/if}>
<input type="radio" name="ttype" value="3" lay-filter="ttype" class="layui-input" title="无限赏(包含领主赏)" {if condition="$data.ttype eq 3"}checked{/if}>
<input type="radio" name="ttype" value="4" lay-filter="ttype" class="layui-input" title="连击赏" {if condition="$data.ttype eq 4"}checked{/if}>
</div>
</div>
<div class="layui-form-item coupon_id">
<label class="layui-form-label">优惠券id</label>
<div class="layui-input-inline">
<input type="text" name="coupon_id" value="{$data['coupon_id']}" lay-verify="required" placeholder="请输入优惠券id" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item goods_id">
<label class="layui-form-label">盒子id</label>
<div class="layui-input-inline">
<input type="text" name="goods_id" value="{$data['goods_id']}" lay-verify="required" placeholder="请输入盒子id" 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="hidden" name="imgurl" value="{$data['imgurl']}" lay-verify="required" placeholder="请上传图片" autocomplete="off" class="layui-input" >
<img style="float:left;width:120px;" class="" id="imgurl" src="{PHP} echo imageUrl($data['imgurl']){/php}">
</div>
<!-- <div class="layui-form-mid layui-word-aux">提示图片尺寸比例为750:216建议最大不超过1M格式为.jpg.jpeg.png</div>-->
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<input type="hidden" value="{$data['id']}" name="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 upload = layui.upload;
var element = layui.element;
var form = layui.form;
$(function () {
var value = "{$data.ttype}";
type_switch(value);
})
function type_switch(value){
if(value == 1){
$(".coupon_id").show();
$(".goods_id").hide();
}else if(value == 2) {
$(".coupon_id").hide();
$(".goods_id").show();
}else if(value == 3) {
$(".coupon_id").hide();
$(".goods_id").show();
}else if(value == 4) {
$(".coupon_id").hide();
$(".goods_id").show();
}else {
$(".coupon_id").hide();
$(".goods_id").hide();
}
}
form.on('radio(ttype)', function (data) {
var value = data.value; // 当前选中的value值
type_switch(value);
});
//执行实例
var uploadInst = 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});
}
});
});
function check(){
var url="{:url('/admin/advert_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);
});
}
})
}
</script>