jyyhq/witDisplay/js/management/managementFrom.js

154 lines
7.2 KiB
JavaScript
Raw Normal View History

2025-02-10 12:18:11 +08:00
var example = null;
var pers = null;
var layer;
var table;
//var subName = localStorage.getItem("subName");
$(function () {
layui.use(['layer','form','table'], function () {
layer = layui.layer;
table = layui.table;
var form = layui.form;
init();
});
});
function init() {
// 已知数据渲染
table.render({
elem: '#layuiTable',
cols: [[ //标题栏
{ field: 'ID', title: '序号',width:'5%', sort: true, type:'numbers'},
{ field: 'alarmType', title: '告警类型', width: '19%', align:'center'},
{ field: 'deviceName', title: '设备名称', width: '19%', align:'center'},
{ field: 'devicePosition', title: '设备位置', width: '19%', align:'center'},
{ field: 'alarmContent', title: '报警内容', width: '19%', align:'center'},
{ field: 'alarmTime', title: '报警时间', width: '19%', align:'center'},
]],
data: [
{"alarmType": "10001","deviceName": "张三1","devicePosition": "男","alarmContent": "浙江杭州","alarmTime": "浙江杭州"},
{"alarmType": "10002","deviceName": "张三1","devicePosition": "男","alarmContent": "浙江杭州","alarmTime": "浙江杭州"},
{"alarmType": "10003","deviceName": "张三1","devicePosition": "男","alarmContent": "浙江杭州","alarmTime": "浙江杭州"},
{"alarmType": "10004","deviceName": "张三1","devicePosition": "男","alarmContent": "浙江杭州","alarmTime": "浙江杭州"},
{"alarmType": "10005","deviceName": "张三1","devicePosition": "男","alarmContent": "浙江杭州","alarmTime": "浙江杭州"},
{"alarmType": "10006","deviceName": "张三1","devicePosition": "男","alarmContent": "浙江杭州","alarmTime": "浙江杭州"},
{"alarmType": "10007","deviceName": "张三1","devicePosition": "男","alarmContent": "浙江杭州","alarmTime": "浙江杭州"},
{"alarmType": "10008","deviceName": "张三1","devicePosition": "男","alarmContent": "浙江杭州","alarmTime": "浙江杭州"},
{"alarmType": "10009","deviceName": "张三1","devicePosition": "男","alarmContent": "浙江杭州","alarmTime": "浙江杭州"},
{"alarmType": "10010","deviceName": "张三1","devicePosition": "男","alarmContent": "浙江杭州","alarmTime": "浙江杭州"},
{"alarmType": "10011","deviceName": "张三1","devicePosition": "男","alarmContent": "浙江杭州","alarmTime": "浙江杭州"},
{"alarmType": "10012","deviceName": "张三1","devicePosition": "男","alarmContent": "浙江杭州","alarmTime": "浙江杭州"},
{"alarmType": "10013","deviceName": "张三1","devicePosition": "男","alarmContent": "浙江杭州","alarmTime": "浙江杭州"},
{"alarmType": "10014","deviceName": "张三1","devicePosition": "男","alarmContent": "浙江杭州","alarmTime": "浙江杭州"},
{"alarmType": "10015","deviceName": "张三1","devicePosition": "男","alarmContent": "浙江杭州","alarmTime": "浙江杭州"},
{"alarmType": "10016","deviceName": "张三1","devicePosition": "男","alarmContent": "浙江杭州","alarmTime": "浙江杭州"},
{"alarmType": "10017","deviceName": "张三1","devicePosition": "男","alarmContent": "浙江杭州","alarmTime": "浙江杭州"},
{"alarmType": "10018","deviceName": "张三1","devicePosition": "男","alarmContent": "浙江杭州","alarmTime": "浙江杭州"},
{"alarmType": "10019","deviceName": "张三1","devicePosition": "男","alarmContent": "浙江杭州","alarmTime": "浙江杭州"},
{"alarmType": "10020","deviceName": "张三1","devicePosition": "男","alarmContent": "浙江杭州","alarmTime": "浙江杭州"},
],
id: 'testReload',
height: 600,
//skin: 'line', // 表格风格
//even: true,
page: true, // 是否显示分页
limits: [50, 100, 200],
limit: 10 // 每页默认显示的数量
});
/*table.render({
elem: '#layuiTable'
,url: ctxPath + "/acceptManage/getCheckAcceptList?keyWord="+keyWord+"&startDate="+startDate+"&endDate="+endDate
,method:'post'
,cols: [[
{ field: 'ID', title: '序号',width:'5%', sort: true, type:'numbers'}
, { field: 'orderDate',width:'8%', title: '时间',align:'center'}
, { field: 'departName',width:'8%', title: '部门',align:'center'}
, { field: 'orderId',width:'13%', title: '订单编号',align:'center'}
, { field: 'empName',width:'8%', title: '员工',align:'center'}
, { field: 'money',width:'5%', title: '金额',align:'center'}
, { field: 'invoiceNumber',width:'15%', title: '发票号',align:'center'}
, { field: 'remark',width:'18%', title: '备注',align:'center'}
, {
width:'10%'
,title: '订单照片'
,align:'center'
,templet:function (d) {
var fileNumber = d.fileNumber
var id = d.id
return '<div style="cursor: pointer;color: #0093FF" onclick="imgShow(' + id + ')">' + fileNumber + '</div>'
}
}
// , { field: 'filePath',width:10, title: '照片路径',align:'center',hide:true}
, {field:'right',width: '10%', title: '操作',toolbar:"#barDemo",align:'center'}
]]
,limits: [5,10,20,50] //一页选择显示3,5或10条数据
, limit: 10 //一页显示5条数据
, response: {
statusCode: 200 //规定成功的状态码默认0
}
, parseData: function (res) { //将原始数据解析成 table 组件所规定的数据res为从url中get到的数据
let result;
if (res.count > 0) {
if (this.page.curr) {
result = res.data.slice(this.limit * (this.page.curr - 1), this.limit * this.page.curr);
} else {
result = res.data.slice(0, this.limit);
}
}
return {
"code": res.code, //解析接口状态
"msg": res.msg, //解析提示文本
"count": res.count, //解析数据长度
"data": result //解析数据列表
};
}
,id: 'testReload'
,page: true //开启分页
,height: 700
});
table.on('tool(contact)', function(obj){
var data = obj.data;
if(obj.event === 'del'){
del(data.id);
} else if(obj.event === 'edit'){
edit(data.id);
}
});*/
}
//获取工程集合
/*function getProSelect(){
$("#proId").empty();
$.ajax({
type: 'POST',
url: dataUrl + 'select/getProSelectData',
data: {},
dataType: "json",
async: false,
success: function(data) {
var html="";
html += '<option value="">请选择工程</option>';
for(var i=0;i<data.length;i++){
html += '<option value="' + data[i].id + '">' + data[i].name + '</option>';
}
$("#proId").append(html);
layui.form.render();
},
error:function(data){
var html='<option value="">请选择工程</option>';
$("#proId").append(html);
layui.form.render();
}
});
};
*/
//设置弹窗关闭
/*function reloading() {
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
parent.layer.close(index); //再执行关闭
window.parent.location.reload();
}*/