68 lines
2.3 KiB
HTML
68 lines
2.3 KiB
HTML
|
<div class="bg-white">
|
||
|
<div id="logList" class="p-3"></div>
|
||
|
</div>
|
||
|
<script>
|
||
|
function log(){
|
||
|
if($('#customerTab').find('li').eq(3).data('load') =='true'){
|
||
|
return false;
|
||
|
}
|
||
|
$('#customerTab').find('li').eq(3).data('load','true');
|
||
|
let tool = layui.tool;
|
||
|
|
||
|
//日志
|
||
|
let callback = function(res){
|
||
|
$('.log-more').remove();
|
||
|
if(res.code==0 && res.data.length>0){
|
||
|
let itemLog = '',log_time='';
|
||
|
$.each(res.data, function (index, item) {
|
||
|
let detail = "";
|
||
|
if(log_time != item.create_time){
|
||
|
if(log_time==''){
|
||
|
itemLog+='<dl><dt><span class="date-second-point"></span>'+item.create_time+'</dt>'
|
||
|
}
|
||
|
else{
|
||
|
itemLog+='</dl><dl><dt><span class="date-second-point"></span>'+item.create_time+'</dt>'
|
||
|
}
|
||
|
log_time = item.create_time;
|
||
|
}
|
||
|
if(item.field =='new' || item.field =='del' || item.field =='belong'){
|
||
|
detail= `
|
||
|
<span class="log-content gray">${item.action}了${item.role}</strong><span class="ml-4 gray" title="${item.create_time}">${item.times}</span>
|
||
|
`;
|
||
|
}
|
||
|
else if(item.field =='file'){
|
||
|
detail= `
|
||
|
<span class="log-content gray">${item.action}了${item.title}<strong>${item.new_content}</strong><span class="ml-4 gray" title="${item.create_time}">${item.times}</span></span>
|
||
|
`;
|
||
|
}
|
||
|
else{
|
||
|
detail= `
|
||
|
<span class="log-content gray">将${item.role}<strong>${item.title}</strong>从 ${item.old_content} ${item.action}为<strong>${item.new_content}</strong><span class="ml-4 gray" title="${item.create_time}">${item.times}</span></span>
|
||
|
`;
|
||
|
}
|
||
|
itemLog+= `
|
||
|
<dd><img src="${item.thumb}" class="log-thumb" /><span class="log-name">${item.name}</span>${detail}</dd>
|
||
|
`;
|
||
|
});
|
||
|
|
||
|
itemLog+='</dl>';
|
||
|
if(res.data.length>19){
|
||
|
itemLog+='<div class="py-3 log-more"><button class="layui-btn layui-btn-normal layui-btn-sm" type="button">查看更多操作动态</button></div>';
|
||
|
}
|
||
|
$("#logList").append(itemLog).addClass('log-timeline');
|
||
|
}
|
||
|
else{
|
||
|
if(customer_page ==1){
|
||
|
$("#logList").html('<div class="layui-data-none">暂无动态</div>');
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
let customer_page=1;
|
||
|
tool.get("/customer/api/customer_log",{customer_id:customer_id,page:customer_page},callback);
|
||
|
$('#logList').on('click','.log-more',function(){
|
||
|
customer_page++;
|
||
|
tool.get("/customer/api/customer_log",{customer_id:customer_id,page:customer_page},callback);
|
||
|
});
|
||
|
}
|
||
|
</script>
|