").addClass("mask").attr("id", id)
.css({
position: "fixed",
top: 0,
left: 0,
width: "100%",
height: "100%",
// marginTop: "5.7%",
display: "flex", // 设置为 flex 布局
justifyContent: "center", // 水平居中
alignItems: "center", // 垂直居中
backgroundColor: "rgba(0, 0, 0, 0.38)",
display: "none"
});
// 创建加载动画元素
var spinner = $("
").addClass("loading-spinner")
.css({
width: "40px",
height: "40px",
border: "4px solid #f3f3f3",
borderTop: "4px solid #3498db",
borderRadius: "50%",
animation: "spin 1s linear infinite"
});
// 将加载动画元素添加到遮罩层中
mask.append(spinner);
//
// 在目标元素后面添加遮罩层
tableId.after(mask);
}
//过滤条件组件
/**
* @param {下拉框table中表头中的筛选的信息}datagridTitle
* @param {ShowDbGrid中filterId里的属性parent:table所设置的toolbar名称和下面div所包裹的id}Newid
* @param {ShowDbGrid中filterId里的属性filterFalse设置是否显示过滤框}filterFalse
*/
function filterNew(datagridTitle, id, Newid, filterFalse, btnFalse) {
//
//
if (filterFalse == undefined) { //判断之前控件中没有加入到这个属性,或者忘记添加而添加的属性(已使用到属性则不影响)
filterFalse = true
}
//
if (!$('#div' + Newid).length > 0) {
// var existingFilter = $("#" + Newid);
// if (existingFilter.length > 0) {
// // 如果过滤器已存在,先移除旧元素
// existingFilter.remove();
// }
var relationdatas1 = [
// { value: '0', text: '请选择', selected: true, },
{ value: '1', text: '包含', },
{ value: '2', text: '等于' },
{ value: '3', text: '不等于' },
{ value: '4', text: '大于' },
{ value: '5', text: '小于' },
]
var filteDiv = $("
");
filteDiv.css({
width: "100%",
display: filterFalse ? 'block' : 'none'
})
filteDiv.attr("id", "div" + Newid) //必须创建id(解析和渲染DOM使用)
//字段框(数根据表头的字段获取来判断)
var dept = $("
").addClass("easyui-combobox")
.css({
width: "15%",
// height: "30px",
})
dept.attr("name", "dept")
dept.attr("id", "cc" + Newid);
dept.attr("data-options", "valueField:'field', textField:'value',editable:false"); //每次初始化都会对应这table表头的信息
//条件框 (根据字段框具体要筛选什么数据)
var dept1 = $("
")
dept1.addClass("easyui-combobox")
dept1.css({
width: "15%",
// height: "30px",
})
dept1.attr("name", "dept" + Newid)
dept1.attr("id", "dd" + Newid);
// dept1.attr("labelWidth","20%")
dept1.attr("data-options", "valueField:'value', textField:'text',editable:false"); //每次初始化都会对应这table表头的信息
//
var dept2 = $("
") //输入框回车事件
dept2.addClass("easyui-textbox")
dept2.attr("id", "qq" + Newid)
dept2.css({
width: "15%",
marginLeft: "1%"
})
dept2.attr("type", "text")
var dept4 = $("