105 lines
4.8 KiB
HTML
Executable File
105 lines
4.8 KiB
HTML
Executable File
{include file="Public:header2"/}
|
|
<div class="layui-fluid">
|
|
<div class="layui-row layui-col-space15">
|
|
<div class="layui-col-md12">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">添加福利屋</div>
|
|
<div class="layui-card-body">
|
|
<form class="layui-form" action="" method="post">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">名称</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="name" required 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-block">
|
|
<button type="button" class="layui-btn" id="image">
|
|
<i class="layui-icon"></i>上传图片
|
|
</button>
|
|
<input type="hidden" name="image" value="">
|
|
<div class="layui-upload-list">
|
|
<img class="layui-upload-img" id="imagePreview" style="max-width: 200px; max-height: 100px;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">跳转路径</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="url" required 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-block">
|
|
<input type="number" name="sort" value="0" required lay-verify="required|number" placeholder="请输入排序" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">状态</label>
|
|
<div class="layui-input-block">
|
|
<input type="checkbox" name="status" lay-skin="switch" lay-text="启用|禁用" checked>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<button class="layui-btn" lay-submit lay-filter="formSubmit">立即提交</button>
|
|
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{include file="Public:footer"/}
|
|
<script>
|
|
layui.use(['form', 'upload'], function(){
|
|
var form = layui.form;
|
|
var upload = layui.upload;
|
|
|
|
// 执行实例
|
|
var uploadInst = upload.render({
|
|
accept: 'image'
|
|
,elem: '#image' // 绑定元素
|
|
,url: '/admin/picture' // 上传接口
|
|
,done: function(res){
|
|
// 上传完毕回调
|
|
if(res.status == 1){ // 成功
|
|
layer.msg("上传成功", {icon:1, time:1000}, function(){
|
|
$("#imagePreview").attr("src", res.data.path); // 单图
|
|
$("input[name=image]").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('submit(formSubmit)', function(data){
|
|
$.ajax({
|
|
url: '/admin/welfare_house_add',
|
|
type: 'post',
|
|
data: data.field,
|
|
dataType: 'json',
|
|
success: function(res){
|
|
if(res.status == 1){
|
|
layer.msg(res.msg, {icon: 1, time: 1000}, function(){
|
|
window.location.href = '/admin/welfare_house';
|
|
});
|
|
}else{
|
|
layer.msg(res.msg, {icon: 2, anim: 6, time: 1500});
|
|
}
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
});
|
|
</script>
|