文件
mashangyoujiu/Application/Retail/View/Plug/score_receive.html

97 行
3.1 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: 300px;
resize: none;
}
.layui-input-inline{
width: 400px!important;
}
</style>
<body>
<div style="padding: 30px;">
<form class="layui-form" action="">
<input type="hidden" name="id" value="{$id}">
<div class="layui-form-item">
<label class="layui-form-label">兑换码</label>
<div class="layui-input-inline">
<input type="text" name="barcode" value="" id="barcode" 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 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: '#test2' //绑定元素
, url: "{:U('upload')}" //上传接口
, done: function (res) {
//上传完毕回调
if (res.status == 1) {
$('#head_img').attr('src', res.path);
$('#head_url').val(res.path);
} else {
layer.msg(res.msg, {time: 1500});
}
}
, error: function () {
//请求异常回调
}
});
});
$("#submit").click(function () {
var barcode = $("#barcode").val();
if (barcode == '') {
top.layer.msg('请输入兑换码', {icon: 4, time: 1200});
return false;
}
$.ajax({
url: "{:U('score_exgoods')}",
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>