#

whycq0520

2022-02-11 db55e0f6a3f64f4afd6af9314c8c9b130005f5d7

#

 src/main/webapp/static/js/projectShow.js

@@ -4,13 +4,13 @@
        var project = data[index] // 把data中的第index个项目 赋值给project
        if(project.id==rowName){
            // 比较时间
            var currT = new Date() // 系统当前时间 currentTime  currT
            var staT = new Date(project.startDay.substring(0,10)) // 项目开始时间 startTime staT
            var endT = new Date(project.endDay.substring(0,10)) // 项目结束时间 endTime endT
            var node = project.nodes
            // 检测项目节点时间是否有空值
            for(var i=0;i<node.length;i++){ // 循环项目节点时间
                if(node[i].staT==''||node[i].endTime$==''){
            var currT = new Date() // 当前时间
            var staT = new Date(project.startDay.substring(0,10)) // 项目开始时间
            var endT = new Date(project.endDay.substring(0,10)) // 项目结束时间
            var nodes = project.nodes
            // 判断项目计划节点时间是否有空值
            for(var i=0;i<nodes.length;i++){
                if(nodes[i].staT==''||nodes[i].endTime$==''){
                    show = false
                    break
                }else{
@@ -27,27 +27,23 @@
            // 预计节点时间
            var tab = ''
            var tabLeft3 = ''
            var day = 86400000
            var allDay = (endT - staT + day ) / day
            // 预计节点的天数,实际节点天数,占多少格子;预计/实际 节点与项目开始时间的时间间隔（从哪个格子开始渲染）
            var day = 86400000 // 一天是 86400000毫秒
            var days = (endT - staT + day ) / day // 项目节点天数

            var bigDays = []
            for(var i = 0;i<node.length;i++){
                var nodeName = node[i].name // 节点名称                    改第一个请求用
				
                var nodeStartTime = new Date(node[i].startTime.substring(0,10)) // 预计开始时间
                var nodeEndTime = new Date(node[i].endTime$.substring(0,10)) // 预计结束时间
                var nodeRealStartTime =    new Date(node[i].realStartTime$.substring(0,10)) // 实际开始时间
                var nodeRealEndTime =new Date(node[i].realEndTime$.substring(0,10)) // 实际结束时间
            for(var i = 0;i<nodes.length;i++){
                var projectsName = nodes[i].name // 节点名称                    改第一个请求用
                var proRET = new Date(nodes[i].realEndTime$.substring(0,10)) // 节点实际结束时间
                var tab2 ='<tr id="td-node'+i+'-gz">'+'<tr id="td-node'+i+'-gz-2">'+'</tr>'
                tab = tab +tab2
                var tabLeft2 = '<tr class="tab-body">'
                                    +'<td>'+nodeName+'</td>'
                                    +'<td>'+node[i].startTime.substring(0,10)+'</td>'
                                    +'<td>'+node[i].endTime$.substring(0,10)+'</td>'
                                    +'<td>'+projectsName+'</td>'
                                    +'<td>'+nodes[i].startTime.substring(0,10)+'</td>'
                                    +'<td>'+nodes[i].endTime$.substring(0,10)+'</td>'
                tabLeft3 = tabLeft3 + tabLeft2
                var overtime = endT-nodeRealEndTime
                var overtime = endT-proRET
                if(overtime<0){
                    bigDays.push(nodeRealEndTime)
                    bigDays.push(proRET)
                }
            }
            let max = bigDays[0]
@@ -62,7 +58,7 @@
                    +'<tr id="tot">' +'</tr>'
                    +'<tr id="tot-2">'+'</tr>'
            var tab3 = tab1+tab+'</tbody>'
            /* 节点时间表 */
            /* 甘特图左侧 项目内容表 */
            var tabLeft =     '<thead>' // 表头
                                +'<tr class="tab-head">'
                                    +'<th>'+'项目名称'+'</th>'
@@ -85,13 +81,13 @@
            // 填充单元格
            var nodeId = ["#tot-2"]
            var nodeId4 = []
            for(let k = 0;k<node.length;k++){
            for(let k = 0;k<nodes.length;k++){
                var getId = "#"+"td-node"+k+"-gz"
                var getId2 = "#"+"td-node"+k+"-gz-2"
                nodeId.push(getId)
                nodeId.push(getId2)
            }
            for(let k = 0;k<node.length;k++){
            for(let k = 0;k<nodes.length;k++){
                var getId = "#"+"td-node"+k+"-gz"
                var getId2 = "#"+"td-node"+k+"-gz-2"
                nodeId4.push(getId)
@@ -100,7 +96,7 @@
            }
            
            if(max>endT){
                 allDay = (max-staT+day)/day
                 days = (max-staT+day)/day
                endT=max
                getDateArr(staT,endT)
            }else{
@@ -139,20 +135,20 @@
                $("#th-gz").append(strr)
            }
            // 项目时间单元格
            for(let i=0;i<allDay;i++){
            for(let i=0;i<days;i++){
                str = '<td class="loadBox-2">'+dateArr[i]+'</td>'
                $("#tot").append(str);
                // $(".loadBox").attr('style','width:50px')
            }
            // 节点时间单元格
            for (let j=0;j<allDay;j++){
            for (let j=0;j<days;j++){
                tds = '<td class="gz-color">'+'</td>'
                for(let k in nodeId){
                    $(nodeId[k]).append(tds)
                }
            }
            var nodeId2 = [],nodeId3 = []
            for(let k = 0;k<node.length;k++){
            for(let k = 0;k<nodes.length;k++){
                var getId2 = "#"+"td-node"+k+"-gz"
                var getId3 = "#"+"td-node"+k+"-gz-2"
                nodeId2.push(getId2)
@@ -161,7 +157,7 @@
            for(var i=0;i<nodeId4.length;i++){
                $(nodeId4[i]).attr("style","background:#eeeeef")
            }
            // for(var j = 0;j < allDay;j++){
            // for(var j = 0;j < days;j++){
            //     $("#tot").find("td").eq(j+3).attr("style","background:#3597D6")
            // }
            var runDay = Math.ceil((currT - staT)/ day)
@@ -170,24 +166,23 @@
                    $("#tot-2").find("td").eq(j).attr("style","background:#0f9a84")
                }
            }
            for(var i = 0;i<node.length;i++){
                var nodeName = node[i].name // 节点
                var nodeStartTime = new Date(node[i].startTime.substring(0,10)) // 计划开始日期
                var nodeEndTime = new Date(node[i].endTime$.substring(0,10)) // 计划结束日期
                var nodeEndTime2 = new Date(nodeEndTime.getTime()+day*2) // 计划结束日期+2天
                var nodeRealStartTime =new Date(node[i].realStartTime$.substring(0,10)) // 实际开始日期
                var nodeRealEndTime =new Date(node[i].realEndTime$.substring(0,10)) // 实际结束日期
                var nodeDay = (nodeEndTime-nodeStartTime+day)/day // 计划工作天数
                var nodeRSDay = (nodeEndTime-nodeRealStartTime+day)/day // 节点实际工作天数
                        var nodeREDay = (nodeRealEndTime-nodeStartTime+day)/day // 预计开始-实际结束时间段
                var nodeRealDay = (nodeRealEndTime-nodeRealStartTime+day)/day //实际时间段
                var intDay = (nodeStartTime-staT)/day // 预计开始时间与项目开始时间的间隔
                var intRealDay = (nodeRealStartTime-staT)/day // 实际开始与项目开始时间的间隔
                var intRealEndDay = (nodeRealEndTime-staT)/day // 实际结束与项目开始的间隔
                var nodeRunDay = Math.ceil((currT-nodeStartTime)/ day)
                var nodeRealRunDay = Math.ceil((currT-nodeRealStartTime)/ day)
                var nodeRun = Math.ceil((currT-nodeEndTime-day)/ day)
                var notRealStartDay = nodeRealEndTime-(nodeEndTime-nodeStartTime) // 推算的实际开始日期
            for(var i = 0;i<nodes.length;i++){
                var proST = new Date(nodes[i].startTime.substring(0,10)) // 计划开始日期
                var proET = new Date(nodes[i].endTime$.substring(0,10)) // 计划结束日期
                var proET2 = new Date(proET.getTime()+day*2) // 计划结束日期+2天
                var proRST =new Date(nodes[i].realStartTime$.substring(0,10)) // 实际开始日期
                var proRET =new Date(nodes[i].realEndTime$.substring(0,10)) // 实际结束日期
                var nodeDay = (proET-proST+day)/day // 计划工作天数
                var nodeRSDay = (proET-proRST+day)/day // 节点实际工作天数
                        var nodeREDay = (proRET-proST+day)/day // 预计开始-实际结束时间段
                var nodeRealDay = (proRET-proRST+day)/day //实际时间段
                var intDay = (proST-staT)/day // 预计开始时间与项目开始时间的间隔
                var intRealDay = (proRST-staT)/day // 实际开始与项目开始时间的间隔
                var intRealEndDay = (proRET-staT)/day // 实际结束与项目开始的间隔
                var nodeRunDay = Math.ceil((currT-proST)/ day)
                var nodeRealRunDay = Math.ceil((currT-proRST)/ day)
                var nodeRun = Math.ceil((currT-proET-day)/ day)
                var notRealStartDay = proRET-(proET-proST) // 推算的实际开始日期
                var intNotRealStartTime = (new Date(notRealStartDay)-staT)/day // 推算的开始日期与项目开始日期的时间段


@@ -197,19 +192,19 @@
                    $(nodeId2[i]).find('td').eq(intDay+j).attr("style","background:#3597D6")
                }
                    // 实际开始日期与实际结束日期都填写  按实际时间进渲染
                if(nodeRealStartTime != "Invalid Date" && nodeRealEndTime !="Invalid Date"){
                if(proRST != "Invalid Date" && proRET !="Invalid Date"){
                    // 实际结束时间超过计划结束时间  超过的时间变红色
                    for(var j=0;j<nodeRealDay;j++){
                        if(nodeRealEndTime<=nodeEndTime){ // 实际结束日期<=计划结束日期
                        if(proRET<=proET){ // 实际结束日期<=计划结束日期
                            $(nodeId3[i]).find('td').eq(intRealDay+j).attr("style","background:#49C7D3")
                        }else if(nodeRealEndTime>nodeEndTime && nodeRealEndTime<=nodeEndTime2){ // 实际结束日期>计划结束日期
                        }else if(proRET>proET && proRET<=proET2){ // 实际结束日期>计划结束日期
                            $(nodeId3[i]).find('td').eq(intRealDay+j).attr("style","background:#ccc739")
                        }else { // 实际结束日期>计划结束日期+2天
                            $(nodeId3[i]).find('td').eq(intRealDay+j).attr("style","background:#CC3333")
                        }
                    }
                    // 实际开始时间已填 实际结束时间未填  (实际结束时间按预计结束时间填)改 当前时间与实际开始时间的间隔
                }else if(nodeRealStartTime != "Invalid Date" && nodeRealEndTime =="Invalid Date"){
                }else if(proRST != "Invalid Date" && proRET =="Invalid Date"){
                    for(var j=0;j<nodeRealRunDay;j++){
                        if(nodeRun>0){
                            $(nodeId3[i]).find('td').eq(intRealDay+j).attr("style","background:#CC3333")
@@ -220,12 +215,12 @@
                        }
                    }
                        // 实际开始时间未填 实际结束时间已填  实际开始时间按计划时长往前移
                }else if(nodeRealStartTime == "Invalid Date" && nodeRealEndTime !="Invalid Date"){
                    if(nodeRealEndTime<=nodeEndTime){ // 实际结束日期<=计划结束日期
                }else if(proRST == "Invalid Date" && proRET !="Invalid Date"){
                    if(proRET<=proET){ // 实际结束日期<=计划结束日期
                        for(var j=0;j<nodeDay;j++){ // 天数是节点计划天数
                            $(nodeId3[i]).find('td').eq(intNotRealStartTime+j).attr("style","background:#49C7D3") // 实际开始日期是 实际结束日期-计划天数
                        }
                    }else if(nodeRealEndTime<=nodeEndTime2){ //实际结束日期<=计划结束日期+2天
                    }else if(proRET<=proET2){ //实际结束日期<=计划结束日期+2天
                        for(var j=0;j<nodeDay;j++) { // 天数是节点计划天数
                            $(nodeId3[i]).find('td').eq(intNotRealStartTime + j).attr("style", "background:#ccc739")// 实际开始日期是 实际结束日期-计划天数
                        }
@@ -235,7 +230,7 @@
                        }
                    }
                    // 实际开始时间未填 实际结束时间未填
                }else if(nodeRealStartTime == "Invalid Date" && nodeRealEndTime =="Invalid Date"){
                }else if(proRST == "Invalid Date" && proRET =="Invalid Date"){

                }
            }