seller_room_label.html
4.51 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
{include file="common/head"/}
<div class="admin-main layui-anim layui-anim-upbit" ng-app="hd" ng-controller="ctrl">
<fieldset class="layui-elem-field layui-field-title">
<legend>{$title}</legend>
</fieldset>
<form class="layui-form layui-form-pane">
<input class="layui-input" type="hidden" id="sid" value="{if $info.id}{$info.id}{else}请输入商家ID{/if}" autocomplete="on">
<div class="layui-form-item">
<label class="layui-form-label">包间类型</label>
<div class="layui-input-block" id="list">
{foreach $list as $key=>$vo}
<input type="radio" name="roomtype" value="{$vo.id}" class="roomtype" title="{$vo.name}" lay-filter="package">
{/foreach}
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">通用标签</label>
<div class="layui-input-block">
{foreach $publist as $vo}
<input type='checkbox' name="pub" value="{$vo.id}" class='pub_check' id="pub_check_{$vo.id}" lay-skin='primary' title="{$vo.name}">
{/foreach}
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button type="button" class="layui-btn" lay-submit="" lay-filter="submit">{:lang('submit')}</button>
</div>
</div>
</form>
</div>
{include file="common/foot"/}
<script>
layui.use(['form', 'layer','upload'], function () {
var form = layui.form, $ = layui.jquery, upload = layui.upload;
//当前数据提交&更新缓存
form.on('submit(submit)', function (data) {
//校验是否有单选选中
var rlen = $(".roomtype:checked").length;
if(rlen == 0){
layer.msg('请选择包间类型！',{icon:3});
return false;
}
//校验复选框对象
var clen = $(".pub_check:checked").length;
//复选框校验。
if(clen==0){
layer.msg('请至少勾选一项通用标签！',{icon:3});
return false;
}
//将页面全部复选框选中的值或者单选按钮选中的值拼接到一个数组中
var val_box = [];
$('input[type=checkbox]:checked').each(function() {
val_box.push($(this).val());
});
//对应的按钮以及商家ID
var sid = $("#sid").val();
//获取单选按钮选中的值
var room_type_id = $('input[type=radio]:checked').val();
//等待加载图标
var loading = layer.load(1, {shade: [0.1, '#fff']});
//请求变更
$.ajax({
url: "{:url('setroomstatus')}",
type: 'post',
cache: false,
data:{sid:sid,room_type_id:room_type_id,data:val_box},
success: function (res) {
layer.close(loading);
layer.msg(res.msgs,{icon:1});
form.render();
},
error: function (result) {
layer.close(loading);
}
});
})
//根据不同的包间类型ID 查询通用标签选中情况。
form.on('radio(package)', function(data){
var sid = $('#sid').val();
$.ajax({
url: "{:url('getroomstatus')}",
type: 'post',
cache: false,
data:{room_type_id:data.value,sid:sid},
success: function (res) {
//取消现有复选框选中状态
$(".pub_check").prop("checked", false);
//重新给复选框赋值
if (res.code == 1) {
$.each(res.list, function (i, item) {
$('#pub_check_'+item.pid).prop("checked",true);
});
}
//重载表单
form.render();
},
error: function (result) {
}
});
});
});
</script>