cardputin.html
5.22 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
{include file="common/head"/}
<div class="admin-main layui-anim layui-anim-upbit">
<title>{:$title}</title>
<blockquote class="layui-elem-quote">
<h1> {:$title} </h1>
</blockquote>
<form class="layui-form layui-form-pane" action="">
<input type="hidden" name="cid" value="{$rs.id}">
<div class="layui-form-item">
<label class="layui-form-label">商家名称</label>
<div class="layui-input-block">
<input type="text" name="title" disabled="disabled" class="layui-input" value="{$rs.sellername}">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">卡券名称</label>
<div class="layui-input-inline">
<input type="text" name="username" disabled="disabled" class="layui-input" value="{$rs.card_title}">
</div>
</div>
<hr/>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">领取期限</label>
<div class="layui-input-inline" style="width: 300px;">
<input type="text" name="date" id="date" lay-verify="required" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
</div>
<div class="layui-form-mid layui-word-aux">该期间内可以领取</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">总数限制</label>
<div class="layui-input-inline" style="width: 100px;">
<input type="checkbox" name="total_limit" title="是否限制" lay-filter="total_limit" lay-skin="primary">
</div>
<ii id="li_total" style="display:none">
<div class="layui-form-mid layui-word-aux">红包总数达到</div>
<div class="layui-input-inline" style="width: 100px;">
<input type="text" name="total" id="total" class="layui-input">
</div>
<div class="layui-form-mid layui-word-aux">个时，停止发放</div>
</ii>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">领取条件</label>
<div class="layui-input-block">
<input type="radio" name="receive_condition" lay-filter="receive_condition" value="1" title="打开店铺页面时，如果顾客没有该卡券，自动发放" checked=""><br>
<input type="radio" name="receive_condition" lay-filter="receive_condition" value="2" title="完成订单支付后，支付订单金额达到：">
<input type="text" name="order_price" id="order_price" style="width: 100px;" class="layui-input">元时，自动发放
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">核销方式</label>
<div class="layui-input-inline" style="width: 500px;">
<div class="layui-form-mid layui-word-aux">用户在支付订单时，选择使用该卡券支付后，自动核销</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button type="button" class="layui-btn" lay-submit="" lay-filter="submit_add_card">确认投放</button>
<button type="reset" class="layui-btn layui-btn-primary">重新填写</button>
</div>
</div>
</form>
</div>
{include file="common/foot"/}
<script>
layui.use(['table','form','element','laydate'], function() {
var table = layui.table,laydate = layui.laydate,form = layui.form,$ = layui.jquery,layer = layui.layer,element = layui.element;
//更新该卡券信息
form.on('submit(submit_add_card)', function (data) {
var loading = layer.load(1, {shade: [0.1, '#fff']});
$.post("{:url('cardputin')}", data.field, function (res) {
layer.close(loading);
if (res.code == 1) {
layer.msg(res.msg, {time: 1000, icon: 1}, function () {
window.parent.location.reload();
});
} else {
layer.msg(res.msg, {time: 1000, icon: 2});
}
});
})
//复选框事件
form.on('checkbox(total_limit)', function (data) {
layer.tips((this.checked ? '限制总数' : '不限制总数'), data.othis);
if(this.checked){
$("#li_total").show();
$("#total").attr("lay-verify","required");
}else{
$("#li_total").hide();
$("#total").val('');
$("#total").attr("lay-verify","");
}
});
//单选按钮事件
form.on('radio(receive_condition)', function(data){
var msg = data.value==1 ? '自动领取' : "完成支付领取";
layer.tips((msg), data.othis);
if(data.value==1){
$("#order_price").val('');
$("#order_price").attr("lay-verify","");
}else{
$("#order_price").attr("lay-verify","required");
}
});
//日期时间范围
laydate.render({
elem: '#date'
,type: 'datetime'
,range: true
});
})
</script>