121 lines
5.7 KiB
HTML
121 lines
5.7 KiB
HTML
{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/productcate')}" 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;">
|
||
<div class="layui-form" wid100 lay-filter="">
|
||
|
||
<div class="layui-form-item slecte_cate">
|
||
<label class="layui-form-label">一级分类</label>
|
||
<div class="layui-input-inline">
|
||
<select name="pid" lay-filter="pid">
|
||
<option value="0">一级分类</option>
|
||
{volist name="cate" id="vo"}
|
||
<option {if condition="$data['pid'] eq $vo['id']"} selected {/if} value="{$vo['id']}">{$vo['title']}</option>
|
||
{/volist}
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">分类名称</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="title" value="{$data['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">
|
||
<input type="number" name="sort" value="{$data['sort']}" lay-verify="required" placeholder="请输入排序值" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item img" {if condition="$data['pid'] eq 0"}style="display:none;"{/if}>
|
||
<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">提示：图片尺寸比例为：80x80px，建议最大不超过1M，格式为：.jpg，.jpeg，.png</div>
|
||
</div>
|
||
<input type="hidden" name="id" value="{$data['id']}">
|
||
<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;
|
||
var element = layui.element;
|
||
//执行实例
|
||
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});
|
||
}
|
||
});
|
||
|
||
//选择分类
|
||
form.on("select(pid)",function(data){
|
||
if(data.value > 0){
|
||
$('.img').css("display",'block');
|
||
}else{
|
||
$('.img').css("display",'none');
|
||
}
|
||
})
|
||
|
||
});
|
||
|
||
function check(){
|
||
var url="{:url('/admin/productcate_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:1000},function(){
|
||
location.href="{:url('/admin/productcate')}";
|
||
});
|
||
}else{
|
||
layer.msg(data.msg,{icon:2,anim:6,time:1500},function(){
|
||
layer.close(load);
|
||
});
|
||
}
|
||
})
|
||
}
|
||
</script>
|