seller_list.html
7.26 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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
{include file="common/head"/}
<div class="admin-main layui-anim layui-anim-upbit">
<fieldset class="layui-elem-field layui-field-title">
<legend>{:$title}</legend>
</fieldset>
<blockquote class="layui-elem-quote">
<a href="{:url('Seller/sellerList')}" class="layui-btn layui-btn-sm layui-btn-danger">
<i class="fa fa-file-image-o"></i> 商家信息列表
</a>
<a href="{:url('Template/uploadFile')}" class="layui-btn layui-btn-sm">
<i class="fa fa-file-image-o"></i> GIF图片、短视频上传
</a>
<a href="{:url('Template/Vegetable')}" class="layui-btn layui-btn-sm">
<i class="fa fa-file-image-o"></i> 菜品库管理
</a>
</blockquote>
<div class="demoTable">
搜索商家：<div class="layui-inline">
<input class="layui-input" name="key" id="key" placeholder="{:lang('pleaseEnter')}店铺名称" autocomplete="off">
</div>
商家来源：
<div class="layui-input-inline layui-form">
<div class="layui-input-8">
<select name="class" id="channel" lay-filter="myselect">
<option value="4">全部</option>
<option value="1" selected>合作</option>
<option value="2">推广</option>
<option value="3">测试</option>
</select>
</div>
</div>
<button class="layui-btn" id="search" data-type="reload">搜索</button>
备注: 人均消费(130)、店铺评分(4.9,最高5分)、停车场(0/1 无/有)开启单元格编辑
</div>
<table class="layui-table" id="list" lay-filter="list"></table>
</div>
{include file="common/foot"/}
<script type="text/html" id="action">
<a class="layui-btn {{ 0==d.status?'':'layui-btn-danger'}} layui-btn-xs" lay-event="stop">{{ 0==d.status?'启用':'停用'}}</a>
<a href="{:url('Seller/sellerconfig')}?id={{d.id}}&name={{d.sellername}}" class="layui-btn layui-btn-xs">配置</a>
<!--<a href="{:url('Template/configMer')}?id={{d.id}}&name={{d.sellername}}" class="layui-btn layui-btn-xs">配置菜品</a>-->
<a href="{:url('Basicinfo/smsRecharge')}?id={{d.id}}&name={{d.sellername}}" class="layui-btn layui-btn-xs">短信充值</a>
</script>
<script>
layui.use(['table','form'], function() {
var table = layui.table,$ = layui.jquery;
var tableIn = table.render({
elem: '#list',
url: '{:url("sellerList")}',
method: 'post',
title: '商家列表',
toolbar: '#toolbarDemo',
page:true,
cols: [[
{field: 'id', title: '{:lang("id")}', width:60, fixed: true},
{field: 'sellername', title: '商家名称'},
{field: 'selleralias', edit: 'text', title: '短店名+地址'},
{field: 'cuisine', align: 'center',title: '现有菜系'},
{field: 'type', align: 'center',title: '现有类型'},
{field: 'last_num', align: 'center',title: '短信余量'},
{field: 'average', align: 'center', edit: 'text', title: '人均消费'},
{field: 'score', align: 'center', edit: 'text', title: '店铺评分'},
{field: 'is_parking', align: 'center', edit: 'text',title: '是否有停车场'},
{field: 'user_name', align: 'center',title: '创建人'},
{field: 'dz_version', align: 'center',title: 'APP版本'},
{align: 'center', width:200,title: '操作', toolbar: '#action'}
]]
,id: 'testReload'
,page: true
});
//监听单元格编辑
table.on('edit(list)', function(obj){
var value = obj.value, //得到修改后的值
data = obj.data, //得到所在行所有键值
field = obj.field; //得到字段
var new_field = field=='average' ? "人均消费" : (field=='is_parking' ? "停车场" : (field=='score' ? "店铺评分" : '短店名'));
//layer.msg('[ID: '+ data.id +'] ' + field + ' 字段更改为：'+ value);
layer.confirm('请确认将 '+ data.sellername +'商家的 ' + new_field + ' 更改为：'+ value, function(index){
$.post("{:url('setsellerconfig')}",{sellerid:data.id,field:field,value:value},function(res){
if(res.code==1){
layer.msg(res.msg,{time:1000,icon:1});
}else{
layer.msg(res.msg,{time:1000,icon:2});
}
});
layer.close(index);
});
});
//监听行双击事件
table.on('rowDouble(list)', function(obj){
//table.on('row(list)', function(obj){ 双击事件
//console.log(obj.tr) //得到当前行元素对象
console.log(obj.data) //得到当前行数据
layer.open({
type: 2,
title: obj.data.sellername,
shadeClose: true,
shade: 0.8,
area: ['90%', '90%'],
content: '{:url("sellerdetail")}?sid='+obj.data.id //iframe的url
/*success:function(dom){
let $iframeDom=$(dom[0]).find("iframe").eq(0).contents();
$iframeDom.find("#test").html("我是从父级传来的值哟……")
}*/
});
});
//搜索
$('#search').on('click', function() {
var key = $('#key').val();
/*if($.trim(key)==='') {
layer.msg('{:lang("pleaseEnter")}店铺名称！',{icon:0});
return;
}*/
tableIn.reload({ page: {page: 1},where: {key: key,channel: $('#channel').val()}});
});
var $ = layui.$, active = {
reload: function(){
var key = $('#key');
var channel = $('#channel');
//执行重载
table.reload('testReload', {
page: {
curr: 1 //重新从第 1 页开始
}
,where: {
key: {
id: key.val(),
channel: channel.val()
}
}
});
}
};
$('.demoTable .layui-btn').on('click', function(){
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});
//启用、停用
table.on('tool(list)', function(obj){
var data = obj.data;
if(obj.event === 'stop'){
var statusVal = data.status==1 ? '停用' : '启用';
layer.confirm('请确定要 '+statusVal+" 该商家！", function(index){
$.post("{:url('configStop')}",{sellerid:data.id,status:data.status},function(res){
if(res.code==1){
layer.msg(res.msg,{time:1000,icon:1});
location.reload();
}else{
layer.msg(res.msg,{time:1000,icon:2});
}
});
layer.close(index);
});
}
});
})
</script>