234 行
8.7 KiB
HTML
可执行文件
234 行
8.7 KiB
HTML
可执行文件
<!doctype html>
|
|
<html lang="en">
|
|
<!--[1.7.17]-->
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport"
|
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>编辑</title>
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/layui/css/layui.css"/>
|
|
</head>
|
|
<style>
|
|
.layui-form input {
|
|
width: 400px;
|
|
}
|
|
|
|
.layui-textarea {
|
|
width: 600px;
|
|
height: 200px;
|
|
resize: none;
|
|
}
|
|
.layui-input-inline{
|
|
width: 400px!important;
|
|
}
|
|
.file_label {
|
|
position: relative;
|
|
cursor: pointer;
|
|
font-weight: normal;
|
|
width: 200px;
|
|
height: 200px;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.file_label:before {
|
|
display: block;
|
|
content: '+';
|
|
font-size: 110px;
|
|
font-weight: 100;
|
|
color: #bbb;
|
|
border: 1px solid #bbb;
|
|
width: 200px;
|
|
height: 200px;
|
|
border-radius: 10px;
|
|
text-align: center;
|
|
line-height: 206px;
|
|
}
|
|
|
|
.file_label > input {
|
|
width: 100px;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.file_label>img {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 200px;
|
|
height: 200px;
|
|
background-color: white;
|
|
border-radius: 10px;
|
|
border: 1px solid #ddd;
|
|
display: none;
|
|
}
|
|
</style>
|
|
<body>
|
|
<div style="padding: 30px;">
|
|
<form class="layui-form" action="">
|
|
<input type="hidden" name="id" value="{$list['id']}">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">商品图片</label>
|
|
<label class="file_label">
|
|
<input type="file" name="file" placeholder="选择图片" id="upload" accept="image/png,image/jpeg" value="{$list['image']}"/>
|
|
<img style="display: block;" id="upload-img" src="{$list['image']}">
|
|
</label>
|
|
<input type="hidden" name="image" id="uploadImg" value="{$list['image']}">
|
|
<label style="color: #ccc;">商品图推荐为正方形</label>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">商品名称</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="name" value="{$list.name}" id="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-inline">
|
|
<select name="type" lay-filter="type" id="type">
|
|
<option value=""></option>
|
|
<if condition="$list['type'] eq 1">
|
|
<option value="1" selected>积分</option>
|
|
<option value="2">积分+会员卡余额</option>
|
|
<option value="3">积分+微信支付</option>
|
|
<elseif condition="$list['type'] eq 2" />
|
|
<option value="1" >积分</option>
|
|
<option value="2" selected>积分+会员卡余额</option>
|
|
<option value="3">积分+微信支付</option>
|
|
<elseif condition="$list['type'] eq 3" />
|
|
<option value="1" >积分</option>
|
|
<option value="2">积分+会员卡余额</option>
|
|
<option value="3" selected>积分+微信支付</option>
|
|
</if>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">兑换积分</label>
|
|
<div class="layui-input-inline">
|
|
<input type="number" value="{$list.integral}" name="integral" id="integral" required lay-verify="required"
|
|
placeholder="请输入整数积分" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item price">
|
|
<label class="layui-form-label">所需价格</label>
|
|
<div class="layui-input-inline">
|
|
<input type="number" value="{$list.price}" name="price" id="price" 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-inline">
|
|
<input type="number" value="{$list.num}" name="num" id="num" 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-inline">
|
|
<textarea name="information" value="{$list.information}" id="information" required lay-verify="required"
|
|
placeholder="请输入商品描述" autocomplete="off" class="layui-textarea">{$list.information}</textarea>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">兑换须知</label>
|
|
<div class="layui-input-inline">
|
|
<textarea name="notice" value="{$list.notice}" id="notice" required lay-verify="required"
|
|
placeholder="请输入兑换须知" autocomplete="off" class="layui-textarea">{$list.notice}</textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label"></label>
|
|
<div class="layui-input-block">
|
|
<button class="layui-btn" type="button" id="submit">修改</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
<script src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
|
|
<script type="text/javascript" src="__PUBLIC__/layui/layui.js"></script>
|
|
<script type="text/javascript">
|
|
layui.use(['upload','form','layedit', 'laydate'], function () {
|
|
var upload = layui.upload;
|
|
var form = layui.form
|
|
,layer = layui.layer
|
|
,layedit = layui.layedit
|
|
,laydate = layui.laydate;;
|
|
var uploadInst = upload.render({
|
|
elem: '#upload' //绑定元素
|
|
, url: "{:U('upload')}" //上传接口
|
|
, done: function (res) {
|
|
//上传完毕回调
|
|
if (res.status == 1) {
|
|
$('#upload-img').attr('src', res.path);
|
|
$('#upload').val(res.path);
|
|
} else {
|
|
layer.msg(res.msg, {time: 1500});
|
|
}
|
|
}
|
|
, error: function () {
|
|
//请求异常回调
|
|
}
|
|
});
|
|
form.on('select(type)', function(data){
|
|
if (data.value != 1){
|
|
$(".price").css('display','block');
|
|
}else if(data.value == 1){
|
|
$(".price").css('display','none');
|
|
}
|
|
});
|
|
|
|
});
|
|
window.onload = function(){
|
|
var a = $("#type").val();
|
|
if(a == 1){
|
|
$(".price").css('display','none');
|
|
}
|
|
};
|
|
|
|
$("#submit").click(function () {
|
|
var name = $("#name").val();
|
|
var num = parseInt($("#num").val());
|
|
var img = $("#uploadImg").val();
|
|
var integral = parseInt($("#integral").val());
|
|
var type = $("#type").val();
|
|
var information = $("#information").val();
|
|
if (name == '' || !num || num<1 || img == '' || !integral || integral<1 || type == '' || information == '') {
|
|
top.layer.msg('请完善信息', {icon: 4, time: 1200});
|
|
return false;
|
|
}
|
|
if (integral != parseFloat($("#integral").val())) {
|
|
top.layer.msg('积分为整数', {icon: 4, time: 1200});
|
|
return false;
|
|
}
|
|
if (num != parseFloat($("#num").val())) {
|
|
top.layer.msg('数量为整数', {icon: 4, time: 1200});
|
|
return false;
|
|
}
|
|
$.ajax({
|
|
url: "{:U('score_update')}",
|
|
type: 'post',
|
|
data: $("form").serialize(),
|
|
success: function (res) {
|
|
if (res.status == 1) {
|
|
top.layer.msg(res.msg, {icon: 1, time: 1200}, function () {
|
|
top.layer.closeAll();
|
|
})
|
|
} else {
|
|
layer.msg(res.msg, {time: 1200});
|
|
}
|
|
},
|
|
error: function () {
|
|
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</html> |