390 lines
11 KiB
JavaScript
390 lines
11 KiB
JavaScript
layui.define(['tool','oaPicker','tinymce'],function(exports){
|
|
let layer = layui.layer,tool=layui.tool,laydate = layui.laydate,dropdown = layui.dropdown,oaPicker = layui.oaPicker,tinymce = layui.tinymce;
|
|
const opts={
|
|
"box":'editBox',//编辑容器id
|
|
"id":0,//编辑容器id
|
|
"url": '',
|
|
"dropdown":{},
|
|
"callback":function(e){
|
|
layer.msg(e.msg);
|
|
if(e.code==0){
|
|
setTimeout(function(){
|
|
location.reload();
|
|
},1000)
|
|
}
|
|
}
|
|
};
|
|
|
|
const obj = {
|
|
log: function (box,name,action_id) {
|
|
let page=1;
|
|
let callback = function (res) {
|
|
if (res.code == 0 && res.data.length > 0) {
|
|
let itemLog = '',logTime='';
|
|
$.each(res.data, function (index, item) {
|
|
let detail = "";
|
|
if(logTime != item.create_time){
|
|
if(logTime==''){
|
|
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>'
|
|
}
|
|
logTime = item.create_time;
|
|
}
|
|
detail= `
|
|
<span class="log-content gray">将<strong>${item.field_name}</strong>从 <span class="green">${item.old_content}</span> ${item.action}为 <span class="blue">${item.new_content}</span><span class="ml-4 gray" title="${item.create_time}">${item.times}</span></span>
|
|
`;
|
|
|
|
if(item.field=='new'){
|
|
detail= `
|
|
<span class="log-content gray">创建了该数据记录<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.admin_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>';
|
|
}
|
|
$("#"+box).html(itemLog);
|
|
$('#'+box+'Total').html(res.action.total);
|
|
}
|
|
else{
|
|
if(page ==1){
|
|
$("#"+box).html('<div class="layui-data-none">暂无记录</div>');
|
|
}
|
|
}
|
|
}
|
|
tool.get("/api/index/load_log", {name:name,action_id:action_id,page:page}, callback);
|
|
$("#"+box).on('click','.log-more',function(){
|
|
page++;
|
|
tool.get("/api/index/load_log", {name:name,action_id:action_id,page:page}, callback);
|
|
});
|
|
},
|
|
//短文本
|
|
text: function (that) {
|
|
let me = this;
|
|
let field = that.data('field');
|
|
let text = that.data('text');
|
|
if (typeof(text) == "undefined") {
|
|
text = that.text();
|
|
}
|
|
$(parent.$('.express-close')).addClass('parent-colse');
|
|
layer.open({
|
|
type: 1,
|
|
title: '请输入内容',
|
|
area: ['360px', '158px'],
|
|
content: '<div style="padding:5px;"><input class="layui-input" id="oaEditText" value="' + text + '"/></div>',
|
|
end: function(){
|
|
$(parent.$('.express-close')).removeClass('parent-colse');
|
|
},
|
|
btnAlign: 'c',
|
|
btn: ['提交保存'],
|
|
yes: function () {
|
|
let val = $("#oaEditText").val();
|
|
if (val != '') {
|
|
let postData = {'id':me.sets.id,'scene':'oaedit'};
|
|
postData[field] = val;
|
|
tool.post(me.sets.url,postData,me.sets.callback);
|
|
} else {
|
|
layer.msg('请输入内容');
|
|
}
|
|
}
|
|
})
|
|
},
|
|
//长文本
|
|
textarea: function (that) {
|
|
let me = this;
|
|
let field = that.data('field');
|
|
let target = that.data('target');
|
|
let textarea='';
|
|
if (typeof(target) == "undefined") {
|
|
textarea = that.text();
|
|
}
|
|
else{
|
|
textarea = $('#'+target).text();
|
|
}
|
|
$(parent.$('.express-close')).addClass('parent-colse');
|
|
layer.open({
|
|
type: 1,
|
|
title: '请输入内容',
|
|
area: ['600px', '320px'],
|
|
content: '<div style="padding:5px;"><textarea class="layui-textarea" id="oaEditTextarea" style="width: 100%; height: 200px;">' + textarea + '</textarea></div>',
|
|
btnAlign: 'c',
|
|
end: function(){
|
|
$(parent.$('.express-close')).removeClass('parent-colse');
|
|
},
|
|
btn: ['提交保存'],
|
|
yes: function () {
|
|
let val = $("#oaEditTextarea").val();
|
|
if (val != '') {
|
|
let postData = {'id':me.sets.id,'scene':'oaedit'};
|
|
postData[field] = val;
|
|
tool.post(me.sets.url,postData,me.sets.callback);
|
|
} else {
|
|
layer.msg('请输入内容');
|
|
}
|
|
}
|
|
})
|
|
},
|
|
//数字
|
|
num: function (that) {
|
|
let me = this;
|
|
let field = that.data('field');
|
|
let text = that.data('text');
|
|
let min = that.data('min');
|
|
let max = that.data('max');
|
|
if (typeof(min) == "undefined") {
|
|
min = '';
|
|
}
|
|
if (typeof(max) == "undefined") {
|
|
max = '';
|
|
}
|
|
if (typeof(text) == "undefined") {
|
|
text = that.text();
|
|
}
|
|
$(parent.$('.express-close')).addClass('parent-colse');
|
|
layer.open({
|
|
type: 1,
|
|
title: '请输入数字',
|
|
area: ['200px', '158px'],
|
|
content: '<div style="padding:5px;"><input class="layui-input" oninput="this.value = this.value.replace(/[^0-9]/g,\'\')" id="oaEditNum" value="' + text + '"/></div>',
|
|
end: function(){
|
|
$(parent.$('.express-close')).removeClass('parent-colse');
|
|
},
|
|
btnAlign: 'c',
|
|
btn: ['提交保存'],
|
|
yes: function () {
|
|
let val = $("#oaEditNum").val();
|
|
if (val != '') {
|
|
if(min !='' && val<min){
|
|
layer.msg('输入数字不能小于'+min);
|
|
return false;
|
|
}
|
|
if(max !='' && val>max){
|
|
layer.msg('输入数字不能大于'+max);
|
|
return false;
|
|
}
|
|
let postData = {'id':me.sets.id,'scene':'oaedit'};
|
|
postData[field] = val;
|
|
tool.post(me.sets.url,postData,me.sets.callback);
|
|
} else {
|
|
layer.msg('请输入内容');
|
|
}
|
|
}
|
|
})
|
|
},
|
|
dropdown: function (that) {
|
|
let me = this;
|
|
let field = that.data('field');
|
|
let text = that.data('text');
|
|
let cancel = that.data('cancel');
|
|
let arrayidx = that.data('array');
|
|
if (typeof(text) == "undefined") {
|
|
text = that.text();
|
|
}
|
|
if (typeof(cancel) == "undefined") {
|
|
cancel = 0;
|
|
}
|
|
let data = me.sets.dropdown[arrayidx];
|
|
let len = data.length;
|
|
while (len--) {
|
|
if (data[len].id == text) {
|
|
data.splice(len, 1);
|
|
}
|
|
}
|
|
if (data.length == 0) {
|
|
layer.msg('无可关联的内容');
|
|
return false;
|
|
}
|
|
if (cancel==1) {
|
|
data.push({ id: 0, title: '<span style="color:#FF5722">取消关联</span>' });
|
|
}
|
|
dropdown.render({
|
|
elem: that,
|
|
show: true,
|
|
data: data,
|
|
click: function (data, othis) {
|
|
let postData = {'id':me.sets.id,'scene':'oaedit'};
|
|
postData[field] = data.id;
|
|
tool.post(me.sets.url,postData,me.sets.callback);
|
|
}
|
|
});
|
|
},
|
|
oadate: function (that) {
|
|
let me = this;
|
|
let type = that.data('type');
|
|
let range = that.data('range');
|
|
let min = that.data('min');
|
|
let max = that.data('max');
|
|
if (typeof(type) == "undefined" || type === '') {
|
|
type = 'date';
|
|
}
|
|
if (typeof(range) == "undefined" || type === '') {
|
|
range = false;
|
|
}
|
|
if (typeof(min) == "undefined" || min === '') {
|
|
min = '1900-1-1';
|
|
}
|
|
if (typeof(max) == "undefined" || max === '') {
|
|
max = '2099-1-1';
|
|
}
|
|
let field = that.data('field');
|
|
let text = that.data('text');
|
|
if (typeof(text) == "undefined") {
|
|
text = that.text();
|
|
}
|
|
layui.laydate.render({
|
|
elem: that,
|
|
show: true,
|
|
type: type,
|
|
range: range,
|
|
min: min,
|
|
max: max,
|
|
fullPanel: true,
|
|
done: function (val, date) {
|
|
let postData = {'id':me.sets.id,'scene':'oaedit'};
|
|
postData[field] = val;
|
|
tool.post(me.sets.url,postData,me.sets.callback);
|
|
}
|
|
});
|
|
},
|
|
adminpicker: function (that){
|
|
let me = this;
|
|
let field = that.data('field');
|
|
let ids = that.data('ids');
|
|
let names = that.data('names');
|
|
let type = that.data('type');
|
|
if (typeof(type) == "undefined") {
|
|
type = 1;
|
|
}
|
|
oaPicker.employeeInit({
|
|
ids:ids.toString(),
|
|
names:names.toString(),
|
|
type:type,
|
|
callback:function(seleted){
|
|
let select_id=[],select_name=[];
|
|
for(var a=0; a<seleted.length;a++){
|
|
select_id.push(seleted[a].id);
|
|
select_name.push(seleted[a].name);
|
|
}
|
|
let postData = {'id':me.sets.id,'scene':'oaedit'};
|
|
postData[field] = select_id.join(',');
|
|
tool.post(me.sets.url,postData,me.sets.callback);
|
|
}
|
|
});
|
|
},
|
|
picker:function(that){
|
|
let me = this;
|
|
let field = that.data('field');
|
|
let types = that.data('picker');
|
|
let type = that.data('type');
|
|
let where = that.data('where');
|
|
let map = {}
|
|
if (typeof(type) == "undefined") {
|
|
type = 1;
|
|
}
|
|
if (typeof(where) == "undefined" || where == '') {
|
|
map = {};
|
|
}
|
|
else{
|
|
const jsonStr = where.replace(/(\w+):/g, '"$1":').replace(/'/g, '"');
|
|
map = JSON.parse(jsonStr);
|
|
}
|
|
let callback = function(data){
|
|
let ids = [],titles=[];
|
|
for ( var i = 0; i <data.length; i++){
|
|
ids.push(data[i].id);
|
|
titles.push(data[i].title);
|
|
}
|
|
let postData = {'id':me.sets.id,'scene':'oaedit'};
|
|
postData[field] = ids.join(',');
|
|
tool.post(me.sets.url,postData,me.sets.callback);
|
|
}
|
|
oaPicker.picker(types,type,callback,map);
|
|
},
|
|
editor:function(that){
|
|
let me = this,index = Date.now();
|
|
let field = that.data('field');
|
|
let target = that.data('target');
|
|
let content='';
|
|
if (typeof(target) == "undefined") {
|
|
content = that.html();
|
|
}
|
|
else{
|
|
content = $('#'+target).html();
|
|
}
|
|
$(parent.$('.express-close')).addClass('parent-colse');
|
|
layer.open({
|
|
type: 1,
|
|
title: '请输入内容',
|
|
zIndex:20,
|
|
area: ['900px', '600px'],
|
|
content: '<div style="padding:5px;"><textarea class="layui-textarea" id="oaEditEditor'+index+'" style="width: 100%;">' + content + '</textarea></div>',
|
|
btnAlign: 'c',
|
|
btn: ['提交保存'],
|
|
end: function(){
|
|
$(parent.$('.express-close')).removeClass('parent-colse');
|
|
},
|
|
success:function(){
|
|
var edit = tinymce.render({
|
|
selector: "#oaEditEditor"+index,
|
|
images_upload_url: '/api/index/upload/sourse/tinymce',//图片上传接口
|
|
height: 480
|
|
});
|
|
},
|
|
yes: function () {
|
|
let val = tinyMCE.editors['oaEditEditor'+index].getContent();
|
|
if (val != '') {
|
|
let postData = {'id':me.sets.id,'scene':'oaedit'};
|
|
postData[field] = val;
|
|
tool.post(me.sets.url,postData,me.sets.callback);
|
|
} else {
|
|
layer.msg('请输入内容');
|
|
}
|
|
}
|
|
})
|
|
},
|
|
init: function (options) {
|
|
this.sets = $.extend({}, opts, options);
|
|
let me = this;
|
|
let editBox = $('#'+me.sets.box);
|
|
editBox.find('.click-edit').addClass('on');
|
|
editBox.on('click','.click-edit',function(){
|
|
let that = $(this);
|
|
let types = that.data('types');
|
|
switch (types) {
|
|
case "num":
|
|
me.num(that);
|
|
break;
|
|
case "oadate":
|
|
me.oadate(that);
|
|
break;
|
|
case "textarea":
|
|
me.textarea(that);
|
|
break;
|
|
case "dropdown":
|
|
me.dropdown(that);
|
|
break;
|
|
case "adminpicker":
|
|
me.adminpicker(that);
|
|
break;
|
|
case "picker":
|
|
me.picker(that);
|
|
break;
|
|
case "editor":
|
|
me.editor(that);
|
|
break;
|
|
default:
|
|
me.text(that);
|
|
}
|
|
})
|
|
}
|
|
}
|
|
//输出接口
|
|
exports('oaEdit', obj);
|
|
});
|