220 lines
6.5 KiB
JavaScript
Executable File
220 lines
6.5 KiB
JavaScript
Executable File
layui.use(['form', 'table','laytpl','laypage'], function () {
|
|
var $ = layui.jquery,
|
|
form = layui.form,
|
|
laytpl = layui.laytpl,
|
|
laypage = layui.laypage,
|
|
table = layui.table;
|
|
//总页数大于页码总数
|
|
var sechparem={
|
|
page:1,
|
|
limit:8
|
|
}
|
|
// 获取当前语言
|
|
var currentLang = localStorage.getItem('language') || 'zh';
|
|
var lang = langConfig[currentLang];
|
|
function getlist(){
|
|
self.userslist({
|
|
type:'get',
|
|
data:sechparem,
|
|
successCallBack: function(result){
|
|
if(result.code==0){
|
|
var list = result.data.list
|
|
var getTpl = demo.innerHTML
|
|
,view = document.getElementById('view');
|
|
laytpl(getTpl).render(list, function(html){
|
|
view.innerHTML = html;
|
|
});
|
|
form.render();
|
|
}
|
|
},
|
|
failCallBack: function(result){
|
|
alert(result.message);
|
|
}
|
|
})
|
|
}
|
|
self.userslist({
|
|
type:'get',
|
|
data:sechparem,
|
|
successCallBack: function(result){
|
|
if(result.code==0){
|
|
var list = result.data.list
|
|
var getTpl = demo.innerHTML
|
|
,view = document.getElementById('view');
|
|
laytpl(getTpl).render(list, function(html){
|
|
view.innerHTML = html;
|
|
window.i18n.updatePageContent();
|
|
});
|
|
form.render();
|
|
|
|
form.on("switch(switchTest)", function (data) {
|
|
var id = $(this).data('id');
|
|
let load = layer.load();
|
|
let postData = {};
|
|
postData.status = data.elem.checked ? 1 : 0;
|
|
postData.id = id;
|
|
self.usersupdate({
|
|
type:'post',
|
|
data: postData,
|
|
successCallBack: function (result) {
|
|
layer.msg(result.message)
|
|
layer.close(load);
|
|
getlist()
|
|
},
|
|
failCallBack: function (result) {
|
|
layer.msg(result.message)
|
|
layer.closeAll('loading');
|
|
}
|
|
})
|
|
});
|
|
|
|
laypage.render({
|
|
elem: 'test-laypage-demo1',
|
|
count: result.data.meta.total, //数据总数，从服务端得到
|
|
layout: ['prev', 'page', 'next', 'count'],
|
|
prev: '<i class="layui-icon"></i>',
|
|
next: '<i class="layui-icon"></i>',
|
|
limit: 9,
|
|
limits: [9, 16, 24, 32],
|
|
// ,count: 70 //数据总数，从服务端得到
|
|
jump: function(obj, first){
|
|
//obj包含了当前分页的所有参数，比如：
|
|
console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
|
|
console.log(obj.limit); //得到每页显示的条数
|
|
sechparem.page=obj.curr
|
|
sechparem.limit=obj.limit
|
|
window.i18n.updatePageContent();
|
|
//首次不执行
|
|
if(!first){
|
|
getlist()
|
|
//do something
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
},
|
|
failCallBack: function(result){
|
|
alert(result.message);
|
|
}
|
|
})
|
|
|
|
//添加
|
|
$("#addbtn").click(function(){
|
|
var index = layer.open({
|
|
title: lang.userlist.add,
|
|
type: 2,
|
|
shade: 0.2,
|
|
maxmin:true,
|
|
shadeClose: true,
|
|
area: ['70%', '90%'],
|
|
btn: [lang.audit.confirm, lang.audit.cancel],
|
|
content: '../page/table/userlistadd.html',
|
|
yes: function (index, layero) {
|
|
var iframeWindow = window['layui-layer-iframe' + index]
|
|
, submitID = 'saveBtn'
|
|
, submit = layero.find('iframe').contents().find('#' + submitID);
|
|
//监听提交
|
|
iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
|
|
var field = data.field; //获取提交的字段
|
|
self.agtadd({
|
|
type: 'post',
|
|
data: data.field,
|
|
successCallBack: function (result) {
|
|
layer.msg(result.message)
|
|
layer.close(index); //关闭弹层
|
|
getlist(1,10)
|
|
},
|
|
failCallBack: function (result) {
|
|
alert(result.message);
|
|
}
|
|
})
|
|
console.log(field)
|
|
|
|
});
|
|
submit.trigger('click');
|
|
}
|
|
});
|
|
$(window).on("resize", function () {
|
|
layer.full(index);
|
|
});
|
|
})
|
|
//编辑
|
|
$(document).on('click', '.items', function() {
|
|
var id = $(this).data('id'); // 获取data-id属性值
|
|
var name = $(this).data('name'); // 获取data-id属性值
|
|
if (name === 'edit') {
|
|
var index = layer.open({
|
|
title:lang.audit.edit_title,
|
|
type: 2,
|
|
shade: 0.2,
|
|
maxmin:true,
|
|
shadeClose: true,
|
|
area: ['70%', '90%'],
|
|
btn: [lang.audit.confirm, lang.audit.cancel],
|
|
content: '../page/table/userlistedit.html?id='+id,
|
|
yes: function(index, layero){
|
|
var iframeWindow = window['layui-layer-iframe'+ index]
|
|
,submitID = 'saveBtn'
|
|
,submit = layero.find('iframe').contents().find('#'+ submitID);
|
|
//监听提交
|
|
iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
|
|
var field = data.field; //获取提交的字段
|
|
self.usersupdate({
|
|
type:'post',
|
|
data:data.field,
|
|
successCallBack: function(result){
|
|
layer.msg(result.message)
|
|
layer.close(index); //关闭弹层
|
|
getlist(1,10)
|
|
},
|
|
failCallBack: function(result){
|
|
alert(result.message);
|
|
}
|
|
})
|
|
});
|
|
submit.trigger('click');
|
|
}
|
|
});
|
|
$(window).on("resize", function () {
|
|
layer.full(index);
|
|
});
|
|
return false;
|
|
} else if (name === 'delete') {
|
|
layer.confirm(lang.audit.confirm_delete, function(index) {
|
|
self.usersdelete({
|
|
type:'post',
|
|
data:{id:id},
|
|
successCallBack: function(result){
|
|
layer.msg(result.message, {
|
|
icon: 1,
|
|
time: 1000
|
|
});
|
|
getlist(1,10)
|
|
},
|
|
failCallBack: function(result){
|
|
alert(result.message);
|
|
window.location.reload()
|
|
}
|
|
})
|
|
|
|
});
|
|
}
|
|
console.log(id)
|
|
console.log(name)
|
|
});
|
|
|
|
// 监听搜索操作
|
|
form.on('submit(data-search-btn)', function (data) {
|
|
sechparem =data.field;
|
|
sechparem.page=1
|
|
sechparem.limit=10
|
|
getlist()
|
|
return false;
|
|
});
|
|
|
|
/**
|
|
* toolbar监听事件
|
|
*/
|
|
|
|
|
|
}); |