yn_hxy_web/hxy-web/js/wireManager/viewPlan/addMonthPlan.js

 
 
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()为子页面的方法
	
	    },
	});
}