262 lines
6.6 KiB
JavaScript
262 lines
6.6 KiB
JavaScript
|
||
|
||
var pers = []
|
||
var table,form,laydate
|
||
layui.use(['form','layer','table','laydate'], function () {
|
||
table = layui.table;
|
||
form = layui.form;
|
||
laydate = layui.laydate
|
||
|
||
|
||
|
||
table.on('tool(table)', function (obj) {
|
||
switch (obj.event) {
|
||
case 'details':
|
||
console.log('详情',obj)
|
||
detailsView(obj.id)
|
||
break;
|
||
case 'uploadResult':
|
||
console.log('上传结果',obj)
|
||
updateView()
|
||
break;
|
||
}
|
||
});
|
||
init();
|
||
|
||
});
|
||
|
||
// 静态数据
|
||
var tableData = [
|
||
{id: 1, lineName: '±500kV永富直'},
|
||
{id: 1, lineName: '±500kV永富直'},
|
||
{id: 1, lineName: '±500kV永富直'},
|
||
{id: 1, lineName: '±500kV永富直'},
|
||
{id: 1, lineName: '±500kV永富直'},
|
||
{id: 1, lineName: '±500kV永富直'},
|
||
{id: 1, lineName: '±500kV永富直'},
|
||
{id: 1, lineName: '±500kV永富直'},
|
||
{id: 1, lineName: '±500kV永富直'},
|
||
{id: 1, lineName: '±500kV永富直'},
|
||
{id: 1, lineName: '±500kV永富直'},
|
||
{id: 1, lineName: '±500kV永富直'},
|
||
{id: 1, lineName: '±500kV永富直'},
|
||
{id: 1, lineName: '±500kV永富直'},
|
||
{id: 1, lineName: '±500kV永富直'},
|
||
{id: 1, lineName: '±500kV永富直'},
|
||
];
|
||
|
||
|
||
/**
|
||
* 初始化数据
|
||
*/
|
||
function init(){
|
||
// 渲染表格
|
||
table.render({
|
||
elem: '#table',
|
||
// url: "/sys/achievement",
|
||
// page: true,
|
||
skin: 'line', // 表格样式
|
||
cols: [[
|
||
{
|
||
title: '序号',
|
||
field: 'zizeng',
|
||
align: 'center',
|
||
type: 'numbers',
|
||
width: '5%'
|
||
},
|
||
{field:'lineName', title: '线路名称',align: 'center',width: '15%'},
|
||
{
|
||
field: '',
|
||
title: '工作内容',
|
||
align: 'center',
|
||
templet: function(d){
|
||
var id = d.id
|
||
var html = `<input class="workContent layui-input" key="${id}" type="text" style="width: 150px;height: 25px;"/>`;
|
||
return html;
|
||
},
|
||
},
|
||
{
|
||
field: '',
|
||
title: '计划开始时间',
|
||
align: 'center',
|
||
templet: function(d){
|
||
var id = d.id
|
||
var html = `<input class="planStartTime layui-input" key="${id}" readonly type="text" style="width: 150px;height: 25px;"/>`;
|
||
return html;
|
||
},
|
||
},
|
||
{
|
||
field: '',
|
||
title: '计划结束时间',
|
||
align: 'center',
|
||
templet: function(d){
|
||
var id = d.id
|
||
var html = `<input class="planEndTime layui-input" key="${id}" readonly type="text" style="width: 150px;height: 25px;"/>`;
|
||
return html;
|
||
},
|
||
},
|
||
{
|
||
field: '',
|
||
title: '责任人（护线员）',
|
||
align: 'center',
|
||
templet: function(d){
|
||
var id = d.id
|
||
var html = `<input class="liablePerson layui-input" key="${id}" type="text" style="width: 150px;height: 25px;"/>`;
|
||
return html;
|
||
},
|
||
},
|
||
{
|
||
field: '',
|
||
title: '督办人（设备主人）',
|
||
align: 'center',
|
||
templet: function(d){
|
||
var id = d.id
|
||
var html = `<input class="proctorPerson layui-input" key="${id}" type="text" style="width: 150px;height: 25px;"/>`;
|
||
return html;
|
||
},
|
||
},
|
||
{
|
||
field: '',
|
||
title: '完成标准',
|
||
align: 'center',
|
||
templet: function(d){
|
||
var id = d.id
|
||
var html = `<input class="standard layui-input" key="${id}" type="text" style="width: 150px;height: 25px;"/>`;
|
||
return html;
|
||
},
|
||
},
|
||
{
|
||
field: '',
|
||
title: '备注',
|
||
align: 'center',
|
||
templet: function(d){
|
||
var id = d.id
|
||
var html = `<input class="remark layui-input" key="${id}" type="text" style="width: 150px;height: 25px;"/>`;
|
||
return html;
|
||
},
|
||
}
|
||
]],
|
||
data: tableData,
|
||
done: function(res, curr, count, origin){
|
||
console.log(res); // 得到当前渲染的数据
|
||
console.log(curr); // 得到当前页码
|
||
console.log(count); // 得到数据总量
|
||
console.log(origin); // 回调函数所执行的来源 --- 2.8.7+
|
||
laydate.render({
|
||
elem: '.planStartTime'
|
||
});
|
||
laydate.render({
|
||
elem: '.planEndTime'
|
||
});
|
||
},
|
||
});
|
||
|
||
}
|
||
//提交月计划
|
||
function saveMonthPlan(){
|
||
//获取工作内容 DOM
|
||
var workContents = $(".workContent");
|
||
//获取计划开始时间 DOM
|
||
var planStartTimes = $(".planStartTime");
|
||
//获取计划结束时间 DOM
|
||
var planEndTimes = $(".planEndTime");
|
||
//获取责任人（护线员） DOM
|
||
var liablePersons = $(".liablePerson");
|
||
//获取督办人（设备主人） DOM
|
||
var proctorPersons = $(".proctorPerson");
|
||
//获取完成标准 DOM
|
||
var standards = $(".standard");
|
||
//获取备注 DOM
|
||
var remarks = $(".remark");
|
||
|
||
var arr = [];
|
||
//循环获取的 DOM，将数据整合
|
||
for (var i = 0; i < workContents.length; i++) {
|
||
//获取此行数据 的id
|
||
var id = $(workContents[i]).attr("key");
|
||
//获取工作内容
|
||
var workContent = $(workContents[i]).val();
|
||
//获取计划开始时间
|
||
var planStartTime = $(planStartTimes[i]).val();
|
||
//获取计划结束时间
|
||
var planEndTime = $(planEndTimes[i]).val();
|
||
//获取责任人（护线员）
|
||
var liablePerson = $(liablePersons[i]).val();
|
||
//获取督办人（设备主人）
|
||
var proctorPerson = $(proctorPersons[i]).val();
|
||
//获取完成标准
|
||
var standard = $(standards[i]).val();
|
||
//获取备注
|
||
var remark = $(remarks[i]).val();
|
||
|
||
if(workContent == ""){
|
||
layer.msg("请填写工作内容", {icon: 0});
|
||
$(workContents[i]).focus();
|
||
return;
|
||
}
|
||
if(planStartTime == ""){
|
||
layer.msg("请填写计划开始时间", {icon: 0});
|
||
$(planStartTimes[i]).focus();
|
||
return;
|
||
}
|
||
if(planEndTime == ""){
|
||
layer.msg("请填写计划结束时间", {icon: 0});
|
||
$(planEndTimes[i]).focus();
|
||
return;
|
||
}
|
||
if(liablePerson == ""){
|
||
layer.msg("请填写责任人（护线员）", {icon: 0});
|
||
$(liablePersons[i]).focus();
|
||
return;
|
||
}
|
||
if(proctorPerson == ""){
|
||
layer.msg("请填写督办人（设备主人）", {icon: 0});
|
||
$(proctorPersons[i]).focus();
|
||
return;
|
||
}
|
||
if(standard == ""){
|
||
layer.msg("请填写完成标准", {icon: 0});
|
||
$(standards[i]).focus();
|
||
return;
|
||
}
|
||
if(remark == ""){
|
||
layer.msg("请填写备注", {icon: 0});
|
||
$(remarks[i]).focus();
|
||
return;
|
||
}
|
||
|
||
var json = {
|
||
"id": id,
|
||
"workContent": workContent,
|
||
"planStartTime": planStartTime,
|
||
"planEndTime": planEndTime,
|
||
"liablePerson": liablePerson,
|
||
"proctorPerson": proctorPerson,
|
||
"standard": standard,
|
||
"remark": remark
|
||
}
|
||
arr.push(json);
|
||
console.log(arr)
|
||
|
||
}
|
||
}
|
||
|
||
|
||
//撤销月计划
|
||
function revokeMonthPlan(){
|
||
let height = '60%';
|
||
let width = '40%';
|
||
var index = layer.open({
|
||
title: ['计划撤销', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
|
||
type: 2,
|
||
content: './revokeMonthPlan.html',
|
||
area: [width, height],
|
||
maxmin: false,
|
||
success: function (layero, index) {
|
||
// var myIframe = window[layero.find('iframe')[0]['name']];
|
||
// myIframe.hideSubmit();
|
||
// var fnc = myIframe.setData(data.data); //aaa()为子页面的方法
|
||
|
||
},
|
||
});
|
||
} |