setTimeout(function () { getTheaddData() getThbodyData() getType() }, 0) setInterval(function () { getThbodyData() }, 5000) //表头小进度表 var getType = function () { $.ajax({ url: baseurl + '/pms/projectPlan/dataSummary', type: 'GET', data: {}, success: function (res) { if (res.code === 200) { var str = '' + '' + '项目总数' + '' + '' + res.data.totalQuantity + '' + '' + '集成项目' + '' + '' + res.data.intoSum + '' + '' + '非集成项目数' + '' + '' + res.data.wrongInto + '' + '' + '已验收项目数' + '' + '' + res.data.inspected + '' + '' + '未验收项目数' + '' + '' + res.data.wrongInspected + '' + '' + '已完工未验收数' + '' + '' + res.data.finished + '' $("#type-header").append(str) } } }) } /****************************************************************************************************************************************************************************/ // 表头 var proData = ["项目名称", "项目类型", "开始时间", "结束时间"] var getTheaddData = function () { //$.ajax({ // url: baseurl + '/pms/flowStatus/list/auth', // type: 'GET', // data: {}, // success: function (res) { // // } //}) //for (var i = 0; i < proData.length; i++) { // var str = "" + proData[i] + "" // $("#tab-header").append(str) //} $.ajax({ url:baseurl+'/pms/projectPlan/flowStatus', type:'GET', dataType:'JSON', data:{}, success:function(res){ console.log(res) if(res.code==200){ data=res.data var headStr = [] for(var i = 0;i" $("#tab-header").append(str) } } }, }) } /*****************************************************************************************************************************************************************************/ var resMap = [ { endDay:"2023-01-16 00:00:00", id:"cs001", plandeAmt:10000, planinAmt: 50000, presaleAmt: 5000000, realdeAmt: 9000, realinAmt: 40000, startDay:"2022-09-15 00:00:00", type: "横梁式", nodes:[{name: '业务下单', startTime: '2022-09-10', endTime$: '2022-09-15', realStartTime$: '2022-09-10', realEndTime$: '2022-09-15'}, {name: '预付款', startTime: '2022-09-15', endTime$: '2022-09-26', realStartTime$: '2022-09-15', realEndTime$: '2022-09-26'}, {name: 'BOM上表', startTime: '2022-09-20', endTime$: '2022-09-30', realStartTime$: '2022-09-20', realEndTime$: '2022-09-30'}, {name: '物料请购', startTime: '2022-09-30', endTime$: '2022-10-10', realStartTime$: '2022-09-30', realEndTime$: '2022-10-10'}, {name: '施工计划书', startTime: '2022-10-05', endTime$: '2022-10-18', realStartTime$: '2022-10-05', realEndTime$: '2022-10-18'}, {name: '生产计划', startTime: '2022-10-18', endTime$: '2022-11-30', realStartTime$: '2022-10-18', realEndTime$: '2022-11-30'}, {name: '包装设计', startTime: '2022-10-25', endTime$: '2022-10-30', realStartTime$: '2022-10-25', realEndTime$: '2022-10-30'}, {name: '装车设计', startTime: '2022-10-26', endTime$: '2022-10-30', realStartTime$: '2022-10-26', realEndTime$: '2022-10-30'}, {name: '发货计划书', startTime: '2022-10-27', endTime$: '2022-10-28', realStartTime$: '2022-10-27', realEndTime$: '2022-10-28'}, {name: '生产制作', startTime: '2022-11-01', endTime$: '2022-12-05', realStartTime$: '2022-11-01', realEndTime$: '2022-12-05'}, {name: '发货', startTime: '2022-12-06', endTime$: '2022-12-10', realStartTime$: '2022-12-06', realEndTime$: '2022-12-10'}, {name: '安装队确认', startTime: '2022-12-15', endTime$: '2022-12-20', realStartTime$: '2022-12-15', realEndTime$: '2022-12-20'}, {name: '物流公司确认', startTime: '2022-12-20', endTime$: '2022-12-30', realStartTime$: '2022-12-20', realEndTime$: '2022-12-30'}, {name: '安装', startTime: '2022-12-01', endTime$: '2022-12-15', realStartTime$: '2022-12-01', realEndTime$: '2022-12-15'}, {name: '完工单签订', startTime: '2022-12-16', endTime$: '2022-12-18', realStartTime$: '2022-12-16', realEndTime$: '2022-12-18'}, {name: '验收', startTime: '2023-01-06', endTime$: '2023-01-10', realStartTime$: '2023-01-06', realEndTime$: '2023-01-10'}, {name: '总结报告', startTime: '2023-01-15', endTime$: '2023-01-16', realStartTime$: '2023-01-15', realEndTime$: '2023-01-16'} ] }, { endDay:"2022-09-30 00:00:00", id:"cs001", plandeAmt:10000, planinAmt: 50000, presaleAmt: 5000000, realdeAmt: 9000, realinAmt: 40000, startDay:"2022-09-15 00:00:00", type: "横梁式", nodes:[{name: '业务下单', startTime: '2022-09-10', endTime$: '2022-09-10', realStartTime$: '2022-09-30', realEndTime$: '2022-09-09'}, {name: '预付款', startTime: '2022-09-26', endTime$: '2022-09-26', realStartTime$: '2022-09-26', realEndTime$: '2022-09-26'}, {name: 'BOM上表', startTime: '2022-09-24', endTime$: '2022-09-24', realStartTime$: '2022-09-25', realEndTime$: '2022-09-25'}, {name: '物料请购', startTime: '2022-09-30', endTime$: '2022-09-30', realStartTime$: '2022-09-29', realEndTime$: '2022-09-29'}, {name: '施工计划书', startTime: '2022-09-26', endTime$: '2022-09-26', realStartTime$: '2022-09-26', realEndTime$: '2022-09-26'}, {name: '生产计划', startTime: '2022-09-26', endTime$: '2022-09-26', realStartTime$: '2022-09-26', realEndTime$: '2022-09-26'}, {name: '包装设计', startTime: '2022-09-06', endTime$: '2022-09-06', realStartTime$: '2022-09-06', realEndTime$: '2022-09-06'}, {name: '装车设计', startTime: '2022-09-26', endTime$: '2022-09-26', realStartTime$: '2022-09-26', realEndTime$: '2022-09-26'}, {name: '发货计划书', startTime: '2022-09-26', endTime$: '2022-09-26', realStartTime$: '2022-09-26', realEndTime$: '2022-09-26'}, {name: '生产制作', startTime: '2022-09-26', endTime$: '2022-09-26', realStartTime$: '2022-09-26', realEndTime$: '2022-09-26'}, {name: '发货', startTime: '2022-09-06', endTime$: '2022-09-06', realStartTime$: '2022-09-06', realEndTime$: '2022-09-06'}, {name: '安装队确认', startTime: '2022-09-06', endTime$: '2022-09-06', realStartTime$: '2022-09-06', realEndTime$: '2022-09-06'}, {name: '物流公司确认', startTime: '2022-09-06', endTime$: '2022-09-06', realStartTime$: '2022-09-06', realEndTime$: '2022-09-06'}, {name: '安装', startTime: '2022-09-06', endTime$: '2022-09-06', realStartTime$: '2022-09-06', realEndTime$: '2022-09-06'}, {name: '完工单签订', startTime: '2022-09-06', endTime$: '2022-09-06', realStartTime$: '2022-09-06', realEndTime$: '2022-09-06'}, {name: '验收', startTime: '2022-09-06', endTime$: '2022-09-06', realStartTime$: '2022-09-27', realEndTime$: '2022-09-30'}, {name: '总结报告', startTime: '2022-09-26', endTime$: '2022-09-26', realStartTime$: '2022-09-26', realEndTime$: '2022-09-26'} ] }, ]; var getThbodyData = function () { $.ajax({ url: baseurl + '/pms/projectPlan/toFront/common', type: 'GET', dataType: 'JSON', data: {}, success: function (res) { if (res.code == 200) { console.log(res) data = res.data //data = resMap // 判断时间是否有null 有null的改为 "" for (var i = 0; i < data.length; i++) { var dataNode = data[i].projectPlans for (var j = 0; j < dataNode.length; j++) { var dataNull = dataNode[j] for (var k in dataNull) { dataNull[k] = dataNull[k] === null ? "" : dataNull[k] } } data[i].presaleAmt = data[i].presaleAmt === null ? "" : data[i].presaleAmt; data[i].plandeAmt = data[i].plandeAmt === null ? "" : data[i].plandeAmt; data[i].planinAmt = data[i].planinAmt === null ? "" : data[i].planinAmt; data[i].realdeAmt = data[i].realdeAmt === null ? "" : data[i].realdeAmt; data[i].realinAmt = data[i].realinAmt === null ? "" : data[i].realinAmt; } // 表身填充 $('#tab-body').empty() for (var i = 0; i < data.length; i++) { var node = data[i].projectPlans for (var j = 0; j < node.length; j++) { var dataNull = node[j] for (var k in dataNull) { dataNull[k] = dataNull[k] === null ? "" : dataNull[k] } } str = '' for (var j = 0; j < node.length; j++) { var nodeName = node[j].flowId$ // 节点名称 var nodeEndTime = node[j].endTime$.substring(0, 10) var nodeRealStartTime = node[j].realEndTime$.substring(0, 10) str1 = '' + '

' + nodeEndTime + '

' + '

' + nodeRealStartTime + '

' + '' str = str + str1 } var str2 = '' + '' + data[i].projectName + '' + '' + data[i].projectType + '' //+ '' + data[i].presaleAmt + '' + '' + '

' + data[i].projectStartTime.substring(0, 10) + '

' + '' + '' + '

' + data[i].projectEndTime.substring(0, 10) + '

' + '' var str9 = '' + '

' + data[i].plandeAmt + '

' + '

' + data[i].realdeAmt + '

' + '' + '' + '

' + data[i].planinAmt + '

' + '

' + data[i].realinAmt + '

' + '' str9 = '' var str3 = str2 + str + str9 + '' $('#tab-body').append(str3) var deAmt = data[i].plandeAmt - data[i].realdeAmt if (deAmt < 0) { $("#tab-body").find('tr').eq(i).find("td").eq(14).attr("style", "background:#CC3333"); } else { $("#tab-body").find('tr').eq(i).find("td").eq(14).attr("style", "background:#009966"); } var inAmt = data[i].planinAmt - data[i].realinAmt if (inAmt < 0) { $("#tab-body").find('tr').eq(i).find("td").eq(15).attr("style", "background:#CC3333 "); } else { $("#tab-body").find('tr').eq(i).find("td").eq(15).attr("style", "background:#009966"); } } var dataLen = data.length for (var t = 0; t < dataLen; t++) { var nodes = data[t].nodes for (var k in data[t].nodes) { var k = parseInt(k) // 项目节点实际结束时间 var realEndTime$ = data[t].nodes[k].realEndTime$.substring(0, 10) // 项目节点计划结束时间 var endTime$ = data[t].nodes[k].endTime$.substring(0, 10) var myDate = new Date() var nowDay = myDate.getFullYear() + "-" + (myDate.getMonth() + 1) + "-" + myDate.getDate() var eDay = new Date(endTime$) // 判断realEndTime$.substring(0,10) 是否为空 if (realEndTime$ === "") { // 计划日期与系统日期比较 var ExDay = eDay.getTime() - myDate.getTime() if (ExDay > -86400000 && ExDay < 172800000) { $("#tab-body").find('tr').eq(t).find("td").eq(k + 3).attr("style", "background:#CC9933"); } else if (ExDay < -86400000) { $("#tab-body").find('tr').eq(t).find("td").eq(k + 3).attr("style", "background:#CC3333"); } else if (ExDay > 172800000) { $("#tab-body").find('tr').eq(t).find("td").eq(k + 3).attr("style", "background:#2e4e7e") } } else { function tab(date1, date2) { var oDate1 = new Date(date1); var oDate2 = new Date(date2); var x = oDate1.getTime() - oDate2.getTime() if (x >= 0) { $("#tab-body").find('tr').eq(t).find("td").eq(k + 3).attr("style", "background:#009966") } else { $("#tab-body").find('tr').eq(t).find("td").eq(k + 3).attr("style", "background:#CC3333"); } } tab(endTime$, realEndTime$,); } } } } } }) } /*****************************************************************************************************************************************************************************/