247 lines
8.7 KiB
JavaScript
Executable File
247 lines
8.7 KiB
JavaScript
Executable File
layui.use(['form', 'table'], function () {
|
|
var $ = layui.jquery,
|
|
form = layui.form,
|
|
table = layui.table;
|
|
|
|
brandpresetfn(form)
|
|
typespresetfn(form)
|
|
energypresetfn(form)
|
|
// 获取当前语言
|
|
var currentLang = localStorage.getItem('language') || 'zh';
|
|
var lang = langConfig[currentLang];
|
|
var operationBar = $('#currentTableBar').html();
|
|
if (operationBar) {
|
|
var newHtml = operationBar
|
|
.replace(/编辑/g, lang.carlist.operations.edit)
|
|
.replace(/删除/g, lang.carlist.operations.delete)
|
|
.replace(/审核/g, lang.carlist.operations.check)
|
|
.replace(/详情/g, lang.carlist.operations.show)
|
|
.replace(/Edit/g, lang.carlist.operations.edit)
|
|
.replace(/Delete/g, lang.carlist.operations.delete)
|
|
.replace(/Check/g, lang.carlist.operations.check)
|
|
.replace(/Details/g, lang.carlist.operations.show);
|
|
$('#currentTableBar').html(newHtml);
|
|
}
|
|
var toolbarDemo = $('#toolbarDemo').html();
|
|
if (toolbarDemo) {
|
|
var newHtmlt = toolbarDemo
|
|
.replace(/添加/g, lang.userlist.add)
|
|
$('#toolbarDemo').html(newHtmlt);
|
|
}
|
|
console.log(lang.carlist.operation)
|
|
var tableInitb = table.render({
|
|
elem: '#currentTableId',
|
|
url: lang.baseUrl+'console/vehicle/new/list',
|
|
headers: {
|
|
Authorization: sessionStorage.tokencar,
|
|
lang:localStorage.getItem('language')?localStorage.getItem('language'):"zh"
|
|
},
|
|
toolbar: '#toolbarDemo',
|
|
defaultToolbar: ['filter', 'exports', 'print', {
|
|
title: '提示',
|
|
layEvent: 'LAYTABLE_TIPS',
|
|
icon: 'layui-icon-tips'
|
|
}],
|
|
parseData: function(res) { //res 即为原始返回的数据
|
|
console.log(res)
|
|
return {
|
|
"code": 0, //解析接口状态
|
|
"msg": 'message', //解析提示文本
|
|
"count": res.data.meta.total, //解析数据长度
|
|
"data": res.data.list //解析数据列表
|
|
};
|
|
},
|
|
cols: [[
|
|
{type: "checkbox"},
|
|
{field: 'id', title: lang.carlist.ID, sort: true},
|
|
{field: 'name',minWidth: 100, title: lang.carlist.product_name},
|
|
{field: 'vin',minWidth: 100, title: lang.carlist.VIN},
|
|
{field: 'cover', minWidth: 100,title: lang.carlist.product_image,
|
|
templet: function(d){
|
|
var img= '<img style="display: inline-block;max-width:40px;max-height:40px" lay-src="'+d.cover_full+'" src="'+d.cover_full+'">'
|
|
return img;
|
|
}
|
|
},
|
|
{field: 'brand_name', title: lang.carlist.brand,},
|
|
{field: 'model_name', title: lang.carlist.model,},
|
|
{field: 'price', title: lang.carlist.price},
|
|
{field: 'type_name',title: lang.carlist.type,},
|
|
{field: 'energy_name', title: lang.carlist.energy},
|
|
{field: 'created_at',minWidth: 150,title: lang.carlist.create_time},
|
|
// {field: 'updated_at',minWidth: 150,title: '更新时间'},
|
|
{title: lang.carlist.operation, minWidth: 200, toolbar: '#currentTableBar', align: "center",fixed:'right'}
|
|
]],
|
|
done: function(res, curr, count){
|
|
// 表格渲染完成后绑定图片点击事件
|
|
$('img[lay-src]').on('click', function(){
|
|
var imgSrc = $(this).attr('lay-src');
|
|
layer.photos({
|
|
photos: {
|
|
"data": [{
|
|
"src": imgSrc
|
|
}]
|
|
},
|
|
anim: 5
|
|
});
|
|
});
|
|
window.i18n.updatePageContent();
|
|
},
|
|
limits: [10, 15, 20, 25, 50, 100],
|
|
limit: 10,
|
|
page: true,
|
|
skin: 'line',
|
|
lang: localStorage.getItem('language'),
|
|
// 添加分页相关的多语言配置
|
|
});
|
|
// 监听搜索操作
|
|
form.on('submit(data-search-btn)', function (data) {
|
|
//执行搜索重载
|
|
console.log(data.field)
|
|
table.reload('currentTableId', {
|
|
page: {
|
|
curr: 1
|
|
}
|
|
, where: {
|
|
"name_like":data.field.name_like,
|
|
"brand":data.field.brand,
|
|
"type":data.field.type,
|
|
"energy":data.field.energy
|
|
}
|
|
}, 'data');
|
|
|
|
return false;
|
|
});
|
|
|
|
/**
|
|
* toolbar监听事件
|
|
*/
|
|
table.on('toolbar(currentTableFilter)', function (obj) {
|
|
if (obj.event === 'add') { // 监听添加操作
|
|
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/carlistadd.html',
|
|
content: '../page/table/newcarlistadd.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; //获取提交的字段
|
|
var datas = transformDataall(field)
|
|
self.vehiclenewadd({
|
|
type: 'post',
|
|
data: datas,
|
|
successCallBack: function (result) {
|
|
layer.msg(result.message)
|
|
layer.close(index); //关闭弹层
|
|
tableInitb.reload()
|
|
},
|
|
failCallBack: function (result) {
|
|
alert(result.message);
|
|
}
|
|
})
|
|
console.log(datas)
|
|
console.log(field)
|
|
|
|
});
|
|
submit.trigger('click');
|
|
}
|
|
});
|
|
$(window).on("resize", function () {
|
|
layer.full(index);
|
|
});
|
|
} else if (obj.event === 'delete') { // 监听删除操作
|
|
var checkStatus = table.checkStatus('currentTableId')
|
|
, data = checkStatus.data;
|
|
layer.alert(JSON.stringify(data));
|
|
}
|
|
});
|
|
|
|
//监听表格复选框选择
|
|
table.on('checkbox(currentTableFilter)', function (obj) {
|
|
console.log(obj)
|
|
});
|
|
|
|
table.on('tool(currentTableFilter)', function (obj) {
|
|
var data = obj.data;
|
|
if (obj.event === '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/newcarlistedit.html?id='+data.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; //获取提交的字段
|
|
var datas = transformDataalledt(field)
|
|
console.log(datas)
|
|
console.log(field)
|
|
self.vehiclenewupdate({
|
|
type:'post',
|
|
data:datas,
|
|
successCallBack: function(result){
|
|
layer.msg(result.message)
|
|
layer.close(index); //关闭弹层
|
|
tableInitb.reload()
|
|
},
|
|
failCallBack: function(result){
|
|
alert(result.message);
|
|
}
|
|
})
|
|
});
|
|
submit.trigger('click');
|
|
}
|
|
});
|
|
$(window).on("resize", function () {
|
|
layer.full(index);
|
|
});
|
|
return false;
|
|
} else if (obj.event === 'delete') {
|
|
layer.confirm(lang.audit.confirm_delete, function(index) {
|
|
self.vehiclenewdelete({
|
|
type:'post',
|
|
data:{id:data.id},
|
|
successCallBack: function(result){
|
|
layer.msg(result.message, {
|
|
icon: 1,
|
|
time: 1000
|
|
});
|
|
tableInitb.reload()
|
|
},
|
|
failCallBack: function(result){
|
|
alert(result.message);
|
|
window.location.reload()
|
|
}
|
|
})
|
|
|
|
});
|
|
}else if (obj.event === 'show') { // 监听删除操作
|
|
var index = layer.open({
|
|
title: lang.audit.show,
|
|
type: 2,
|
|
shade: 0.2,
|
|
maxmin: true,
|
|
shadeClose: false,
|
|
area: ['60%', '85%'],
|
|
content: '../page/table/newcarlistshow.html?id='+data.id
|
|
});
|
|
}
|
|
});
|
|
|
|
}); |