Authored by 鲁尚清

停机计划管理页增加右键点击功能,实现按钮、链接、表头右键点击弹出当前元素值

... ... @@ -3001,7 +3001,94 @@ layui.define(['soulTable', 'commonDetail', 'common', 'laytpl', 'view', 'admin',
commonDetail.openDetail(resId, resType, title, editFlag,null,null,null,false);
layer.close(nameClickLoading);
},
//start lsq 停机计划中的右键点击事件 2022-05-19
contextmenuEvent: function (){
var contextmenuTips;
let text='';
$('[type=button]').contextmenu(function (e) {
e.preventDefault();
//按钮
text='按钮->'+$(this).text();
var contextmenuEl='<ul class="contextmenu-style" style="color:#fff;">';
contextmenuEl+='<li>name--'+text+'</li>';
contextmenuEl+='</ul>';
contextmenuTips = layer.tips(contextmenuEl, $(this), {
time: 0,
tips: [3, '#1e9fff'],
success() {
}
})
})
$('.layui-table-link').parents('td').contextmenu(function (e) {
e.preventDefault();
//超链接
text='超链接->'+$(this).text();
var contextmenuEl='<ul class="contextmenu-style" style="color:#fff;">';
contextmenuEl+='<li>name--'+text+'</li>';
contextmenuEl+='</ul>';
contextmenuTips = layer.tips(contextmenuEl, $(this), {
time: 0,
tips: [2, '#1e9fff'],
success() {
}
})
})
$('table thead tr th').contextmenu(function (e) {
e.preventDefault();
//超链接
text='表头->'+$(this).text();
var contextmenuEl='<ul class="contextmenu-style" style="color:#fff;">';
contextmenuEl+='<li>name--'+text+'</li>';
contextmenuEl+='</ul>';
contextmenuTips = layer.tips(contextmenuEl, $(this), {
time: 0,
tips: [2, '#1e9fff'],
success() {
}
})
})
/*$('[data-contextmenu]').contextmenu(function (e) {
e.preventDefault();
let text='';
if($(this).data('contextmenu')=='link'){
//超链接
text='超链接';
}else if($(this).data('contextmenu')=='button'){
//按钮
text='按钮';
}else if($(this).data('contextmenu')=='th'){
//表头
text='表头';
}
var contextmenuEl='<ul class="contextmenu-style" style="color:#fff;">';
contextmenuEl+='<li>name--'+text+'->'+$(this).text()+'</li>';
contextmenuEl+='</ul>';
contextmenuTips = layer.tips(contextmenuEl, $(this), {
time: 0,
tips: [1, '#1e9fff'],
success() {
}
})
})*/
$(document).on('click', function (event) {
//lsq 停机计划右键tip取消 2022-05-19
// var _con1 = $('[data-contextmenu]'); // 设置目标区域
var _con1 = $('[type=button]'); // 设置目标区域
var _con2 = $('.layui-table-link'); // 设置目标区域
var _con3 = $('table thead tr th'); // 设置目标区域
/*if (contextmenuTips && !_con1.is(event.target) && _con1.has(event.target).length === 0) {
layer.close(contextmenuTips);
}*/
if (contextmenuTips && (!_con1.is(event.target) || !_con2.is(event.target) || !_con3.is(event.target)) && (_con1.has(event.target).length === 0 || _con2.has(event.target).length === 0 || _con3.has(event.target).length === 0)) {
layer.close(contextmenuTips);
}
})
}
//end lsq 停机计划中的右键点击事件 2022-05-19
};
//对外暴露的接口
exports('commonCols', obj);
... ...
... ... @@ -253,6 +253,9 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
}
}]],
done: function (res, curr, count) {
//lsq 停机计划中的右键点击事件 2022-05-19
layui.commonCols.contextmenuEvent();
//点击名称 进行编辑
$('[shutdownplan-data-edit]').on('click', function () {
if ($.inArray('back:cutover:update', checkList) == -1) {
... ...