#

luxiaotao1123

2022-02-14 1c4928947c1c233af5ce91b77d910625e365c9fc

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

@@ -3,23 +3,19 @@
      var rowName = $(this).children(".projects").html() // 当前行中类名为projects的类中的文字
      var project = data[index] // 把data中的第index个项目 赋值给project
      if(project.id==rowName){
			
			
			
         // 比较时间
         var currentTime = new Date() // 系统当前时间
         var startTime = new Date(project.startDay.substring(0,10)) // 项目开始时间
         var endTime = new Date(project.endDay.substring(0,10)) // 项目结束时间
         var node = project.nodes
         for(var i=0;i<node.length;i++){
            if(node[i].startTime==''||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{
               show = true
            }
				
				
         }
         if(show==true){
            $("#details").attr("style","display:block")
@@ -31,28 +27,23 @@
         // 预计节点时间
         var tab = ''
         var tabLeft3 = ''
         var day = 86400000
         var allDay = (endTime - startTime + day ) / day
         // 预计节点的天数,实际节点天数,占多少格子;预计/实际 节点与项目开始时间的时间间隔（从哪个格子开始渲染）
         var bigDays = []
         var day = 86400000 // 一天是 86400000毫秒
         var days = (endT - staT + day ) / day // 项目节点天数

         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)) // 实际结束时间
         var bigDays = []
         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 = endTime-nodeRealEndTime
            var overtime = endT-proRET
            if(overtime<0){
               bigDays.push(nodeRealEndTime)
               bigDays.push(proRET)
            }
         }
         let max = bigDays[0]
@@ -63,11 +54,11 @@
            '<thead>'
               +'<tr id="th-gz">' + '</tr>'
            +'</thead>'
            +'<tbody>'
            +'<tbody id="tabBody">'
               +'<tr id="tot">' +'</tr>'
               +'<tr id="tot-2">'+'</tr>'
         var tab3 = tab1+tab+'</tbody>'
         /* 节点时间表 */
         /* 甘特图左侧 项目内容表 */
         var tabLeft =    '<thead>' // 表头
                        +'<tr class="tab-head">'
                           +'<th>'+'项目名称'+'</th>'
@@ -77,9 +68,9 @@
                     +'</thead>'
                     +'<tbody>' // 表身 （项目节点始末）
                        +'<tr class="tab-body">'
                           +'<td style="height: 54px">'+'项目总时长'+'</td>'
                           +'<td style="height: 54px">'+project.startDay.substring(0,10)+'</td>'
                           +'<td style="height: 54px">'+project.endDay.substring(0,10)+'</td>'
                           +'<td style="height: 50px">'+'项目总时长'+'</td>'
                           +'<td style="height: 50px">'+project.startDay.substring(0,10)+'</td>'
                           +'<td style="height: 50px">'+project.endDay.substring(0,10)+'</td>'
                        +'</tr>'

         var tabLeft4 = tabLeft + tabLeft3 +'</tbody>'
@@ -90,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)
@@ -104,33 +95,32 @@
            k++
         }
         
         if(max>endTime){
             allDay = (max-startTime+day)/day
             endTime=max
            getDateArr(startTime,endTime)
         if(max>endT){
             days = (max-staT+day)/day
            endT=max
            getDateArr(staT,endT)
         }else{
            getDateArr(startTime,endTime);
            getDateArr(staT,endT);
         }
         let newDataArr = []
         //
         var strr =''
         // 年份
         if(monthDays.length<2){ // 一个月
            var gz=monthDays[0]-startTime.getDate()+1 // 当前月份剩余天数
            stt = '<td class="loadBox" colspan="'+gz+'">'+newMonthArr[0]+'</td>' // 有多少天就横跨多少个格子
            var gz=monthDays[0]-staT.getDate()+1 // 当前月份剩余天数
            stt = '<th class="loadBox" colspan="'+gz+'">'+newMonthArr[0]+'</th>' // 有多少天就横跨多少个格子
            $("#th-gz").append(stt)
         }else if (monthDays.length<3){ // 两个月
            var gz=monthDays[0]-startTime.getDate()+1// 当前月份剩余天数
            stt = '<td class="loadBox" colspan="'+gz+'">'+newMonthArr[0]+'</td>' // 有多少天就横跨多少个格子
            var gz2 = monthDays[1]-(monthDays[1]-endTime.getDate()) // 剩余的天数=当月天数-（当月天数-结束日期）
            stt2 = '<td class="loadBox" colspan="'+gz2+'">'+newMonthArr[1]+'</td>'
            var gz=monthDays[0]-staT.getDate()+1// 当前月份剩余天数
            stt = '<th class="loadBox" colspan="'+gz+'">'+newMonthArr[0]+'</th>' // 有多少天就横跨多少个格子
            var gz2 = monthDays[1]-(monthDays[1]-endT.getDate()) // 剩余的天数=当月天数-（当月天数-结束日期）
            stt2 = '<th class="loadBox" colspan="'+gz2+'">'+newMonthArr[1]+'</th>'
            strr =stt +stt2
            $("#th-gz").append(strr)
         }else { // 三个月及以上
            var gz=monthDays[0]-startTime.getDate()+1// 当前月份剩余天数
            stt = '<td class="loadBox" colspan="'+gz+'">'+newMonthArr[0]+'</td>' // 有多少天就横跨多少个格子
            var gz2 = monthDays[monthDays.length-1]-(monthDays[monthDays.length-1]-endTime.getDate()) // 剩余的天数=当月天数-（当月天数-结束日期）
            stt2 = '<td class="loadBox" colspan="'+gz2+'">'+newMonthArr[newMonthArr.length-1]+'</td>'
            console.log(gz2)
            var gz=monthDays[0]-staT.getDate()+1// 当前月份剩余天数
            stt = '<th class="loadBox" colspan="'+gz+'">'+newMonthArr[0]+'</th>' // 有多少天就横跨多少个格子
            var gz2 = monthDays[monthDays.length-1]-(monthDays[monthDays.length-1]-endT.getDate()) // 剩余的天数=当月天数-（当月天数-结束日期）
            stt2 = '<th class="loadBox" colspan="'+gz2+'">'+newMonthArr[newMonthArr.length-1]+'</th>'
            // 去除第一个月 和最后一个月
            monthDays.shift()
            monthDays.pop()
@@ -138,405 +128,133 @@
            newMonthArr.pop()
            var std = ''
            for (var j=0;j<monthDays.length;j++){
               stt3 = '<td class="loadBox" colspan="'+monthDays[j]+'">'+newMonthArr[j]+'</td>'
               stt3 = '<th class="loadBox" colspan="'+monthDays[j]+'">'+newMonthArr[j]+'</th>'
               std = std + stt3
            }
            strr = stt + std +stt2
            $("#th-gz").append(strr)
         }
         // if(allDay <= 40){
         //    let iday = allDay
         //    if(monthDays.length<2){
         //       var gz=monthDays[0]-startTime.getDate()+1
         //           stt = '<td class="loadBox" colspan="'+gz+'">'+newMonthArr[0]+'</td>'
         //
         //             strr = stt
         //             $("#th-gz").append(strr)
         //    }else{
         //       var gz=monthDays[0]-startTime.getDate()+1
         //           stt = '<td class="loadBox" colspan="'+gz+'">'+newMonthArr[0]+'</td>'
         //       var gze=monthDays[monthDays.length-1]-(monthDays[monthDays.length-1]-endTime.getDate())
         //          stc = '<td class="loadBox" colspan="'+gze+'">'+newMonthArr[newMonthArr.length-1]+'</td>'
         //             strr = stt+stc
         //             $("#th-gz").append(strr)
         //
         //          for(let i=0;i<iday;i++){
         //             str = '<td class="loadBox-2">'+dateArr[i]+'</td>'
         //             $("#tot").append(str);
         //             // $(".loadBox").attr('style','width:50px')
         //          }
         //             for (let j=0;j<allDay;j++){
         //                tds = '<td class="gz-color">'+'</td>'
         //                for(let k in nodeId){
         //                   $(nodeId[k]).append(tds)
         //                }
         //             }
         //    }
         //
         // }else if(allDay>40 && allDay<=80){
         //    let iday = Math.ceil(allDay / 2 )
         //    for(var m=0;m<monthDays.length-1;m++){
         //       var gzd=monthDays[m]
         //           std = '<td class="loadBox" colspan="'+gzd+'">'+newMonthArr[m]+'</td>'
         //    }
         //       var gz=monthDays[0]-startTime.getDate()+1
         //           stt = '<td class="loadBox" colspan="'+gz+'">'+newMonthArr[0]+'</td>'
         //       var gze=monthDays[monthDays.length-1]-(monthDays[monthDays.length-1]-endTime.getDate())
         //          stc = '<td class="loadBox" colspan="'+gze+'">'+newMonthArr[newMonthArr.length-1]+'</td>'
         //             strr = stt+std+stc
         //             $("#th-gz").append(strr)
         //       for(let k=0;k<dateArr.length;k++){
         //          var newDays = dateArr[k]
         //          newDataArr.push(newDays)
         //          k++
         //       }
         //          for(let i=0;i<iday;i++){
         //             str = '<td class="loadBox-2" colspan="2">'+newDataArr[i]+'</td>'
         //             $("#tot").append(str);
         //             // $(".loadBox").attr('style','width:50px')
         //          }
         //             allDays = allDay%2
         //             if(allDays==1){
         //                allDay = allDay+1
         //             }else {
         //                allDay = allDay
         //             }
         //                for (let j=0;j<allDay;j++){
         //                   tds = '<td class="gz-color">'+'</td>'
         //                   for(let k in nodeId){
         //                      $(nodeId[k]).append(tds)
         //                   }
         //                }
         // }else if(allDay>80 && allDay<=120){
         //    let iday = Math.ceil(allDay / 3 )
         //    var num = 1
         //    var ste = null
         //    for(var m=0;m<monthDays.length-2;m++){
         //       var gzd=monthDays[m+1]
         //
         //          std = '<td class="loadBox" colspan="'+gzd+'">'+newMonthArr[num]+'</td>'
         //          ste=ste+std
         //          num++
         //    }
         //
         //       var gz=monthDays[0]-startTime.getDate()+1
         //           stt = '<td class="loadBox" colspan="'+gz+'">'+newMonthArr[0]+'</td>'
         //       var gze=monthDays[monthDays.length-1]-(monthDays[monthDays.length-1]-endTime.getDate())
         //          stc = '<td class="loadBox" colspan="'+gze+'">'+newMonthArr[newMonthArr.length-1]+'</td>'
         //             strr = stt+ste+stc
         //             $("#th-gz").append(strr)
         //       for(let k=0;k<=dateArr.length;k++){
         //          var newDays = dateArr[k]
         //          newDataArr.push(newDays)
         //          k=k+2
         //       }
         //          for(let i=0;i<iday;i++){
         //             // 固定表
         //             str = '<td class="loadBox-2" colspan="3">'+newDataArr[i]+'</td>'
         //             $("#tot").append(str);
         //             // $(".loadBox").attr('style','width:10px;padding:0px')
         //          }
         //             allDays = allDay%3
         //             if(allDays==1){
         //                allDay = allDay+2
         //             }else if(allDays==2){
         //                allDay = allDay+1
         //             }else{
         //                allDay = allDay
         //             }
         //                for (let j=0;j<allDay;j++){
         //                   tds = '<td class="gz-color">'+'</td>'
         //                   for(let k in nodeId){
         //                      $(nodeId[k]).append(tds)
         //                   }
         //                }
         // }else if(allDay>120 && allDay<=160){
         //    let iday = Math.ceil(allDay / 4 )
         //    var num = 1
         //    var ste = null
         //    for(var m=0;m<monthDays.length-2;m++){
         //       var gzd=monthDays[m+1]
         //          std = '<td class="loadBox" colspan="'+gzd+'">'+newMonthArr[num]+'</td>'
         //          ste=ste+std
         //          num++
         //    }
         //       var gz=monthDays[0]-startTime.getDate()+1
         //           stt = '<td class="loadBox" colspan="'+gz+'">'+newMonthArr[0]+'</td>'
         //       var gze=monthDays[monthDays.length-1]-(monthDays[monthDays.length-1]-endTime.getDate())
         //          stc = '<td class="loadBox" colspan="'+gze+'">'+newMonthArr[newMonthArr.length-1]+'</td>'
         //             strr = stt+ste+stc
         //             $("#th-gz").append(strr)
         //       for(let k=0;k<=dateArr.length;k++){
         //          var newDays = dateArr[k]
         //          newDataArr.push(newDays)
         //          k=k+3
         //       }
         //          for(let i=0;i<iday;i++){
         //             str = '<td class="loadBox-2" colspan="4">'+newDataArr[i]+'</td>'
         //             $("#tot").append(str);
         //          }
         //             allDays = allDay%4
         //             if(allDays==1){
         //                allDay = allDay+3
         //             }else if(allDays==2){
         //                allDay = allDay+2
         //             }else if(allDays==3){
         //                allDay = allDay+1
         //             }else{
         //                allDay = allDay
         //             }
         //                for (let j=0;j<allDay;j++){
         //                   tds = '<td class="gz-color">'+'</td>'
         //                   for(let k in nodeId){
         //                      $(nodeId[k]).append(tds)
         //                   }
         //                }
         // }else if(allDay>160 && allDay<=200){
         //    let iday = Math.ceil(allDay / 5 )
         //    var num = 1
         //    var ste = null
         //    for(var m=0;m<monthDays.length-2;m++){
         //       var gzd=monthDays[m+1]
         //
         //          std = '<td class="loadBox" colspan="'+gzd+'">'+newMonthArr[num]+'</td>'
         //          ste=ste+std
         //          num++
         //    }
         //       var gz=monthDays[0]-startTime.getDate()+1
         //           stt = '<td class="loadBox" colspan="'+gz+'">'+newMonthArr[0]+'</td>'
         //       var gze=monthDays[monthDays.length-1]-(monthDays[monthDays.length-1]-endTime.getDate())
         //          stc = '<td class="loadBox" colspan="'+gze+'">'+newMonthArr[newMonthArr.length-1]+'</td>'
         //             strr = stt+ste+stc
         //             $("#th-gz").append(strr)
         //       for(let k=0;k<=dateArr.length;k++){
         //          var newDays = dateArr[k]
         //          newDataArr.push(newDays)
         //          k=k+4
         //       }
         //          for(let i=0;i<iday;i++){
         //             // 固定表
         //             str = '<td class="loadBox-2" colspan="5">'+newDataArr[i]+'</td>'
         //             $("#tot").append(str);
         //          }
         //             allDays = allDay%5
         //             if(allDays==1){
         //                allDay = allDay+4
         //             }else if(allDays==2){
         //                allDay = allDay+3
         //             }else if(allDays==3){
         //                allDay = allDay+2
         //             }else if(allDays==4){
         //                allDay = allDay+1
         //             }else{
         //                allDay = allDay
         //             }
         //                for (let j=0;j<allDay;j++){
         //                   tds = '<td class="gz-color">'+'</td>'
         //                   for(let k in nodeId){
         //                      $(nodeId[k]).append(tds)
         //                   }
         //                }
         // }else if(allDay>200 && allDay<=240){
         //    let iday = Math.ceil(allDay / 6 )
         //    var num = 1
         //    var ste = null
         //    for(var m=0;m<monthDays.length-2;m++){
         //       var gzd=monthDays[m+1]
         //          std = '<td class="loadBox" colspan="'+gzd+'">'+newMonthArr[num]+'</td>'
         //          ste=ste+std
         //          num++
         //    }
         //       var gz=monthDays[0]-startTime.getDate()+1
         //           stt = '<td class="loadBox" colspan="'+gz+'">'+newMonthArr[0]+'</td>'
         //       var gze=monthDays[monthDays.length-1]-(monthDays[monthDays.length-1]-endTime.getDate())
         //          stc = '<td class="loadBox" colspan="'+gze+'">'+newMonthArr[newMonthArr.length-1]+'</td>'
         //             strr = stt+ste+stc
         //             $("#th-gz").append(strr)
         //       for(let k=0;k<=dateArr.length;k++){
         //          var newDays = dateArr[k]
         //          newDataArr.push(newDays)
         //          k=k+5
         //       }
         //          for(let i=0;i<iday;i++){
         //             // 固定表
         //             str = '<td class="loadBox-2" colspan="6">'+newDataArr[i]+'</td>'
         //             $("#tot").append(str);
         //          }
         //             allDays = allDay%6
         //             if(allDays==1){
         //                allDay = allDay+5
         //             }else if(allDays==2){
         //                allDay = allDay+4
         //             }else if(allDays==3){
         //                allDay = allDay+3
         //             }else if(allDays==4){
         //                allDay = allDay+2
         //             }else if(allDays==5){
         //                allDay = allDay+1
         //             }else{
         //                allDay = allDay
         //             }
         //                for (let j=0;j<allDay;j++){
         //                   tds = '<td class="gz-color">'+'</td>'
         //                   for(let k in nodeId){
         //                      $(nodeId[k]).append(tds)
         //                   }
         //                }
         // }else if(allDay>240){
         //    let iday = Math.ceil(allDay / 7 )
         //       for(let k=0;k<=dateArr.length;k++){
         //          var newDays = dateArr[k]
         //          newDataArr.push(newDays)
         //          k=k+6
         //       }
         //          for(let i=0;i<iday;i++){
         //             // 固定表
         //             str = '<td class="loadBox" colspan="7">'+newDataArr[i]+'</td>'
         //             $("#th-gz").append(str);
         //          }
         //             allDays = allDay%7
         //             if(allDays==1){
         //                allDay = allDay+6
         //             }else if(allDays==2){
         //                allDay = allDay+5
         //             }else if(allDays==3){
         //                allDay = allDay+4
         //             }else if(allDays==4){
         //                allDay = allDay+3
         //             }else if(allDays==5){
         //                allDay = allDay+2
         //             }else if(allDays==6){
         //                allDay = allDay+1
         //             }else{
         //                allDay = allDay
         //             }
         //                for (let j=0;j<allDay;j++){
         //                   tds = '<td class="gz-color">'+'</td>'
         //                   for(let k in nodeId){
         //                      $(nodeId[k]).append(tds)
         //                   }
         //                }
         // }else if(allDay>280){
         //    let iday = Math.ceil(allDay / 8 )
         //       for(let k=0;k<=dateArr.length;k++){
         //          var newDays = dateArr[k]
         //          newDataArr.push(newDays)
         //          k=k+7
         //       }
         //          for(let i=0;i<iday;i++){
         //             // 固定表
         //             str = '<td class="loadBox-2" colspan="8">'+newDataArr[i]+'</td>'
         //             $("#th-gz").append(str);
         //          }
         //             allDays = allDay%8
         //             if(allDays==1){
         //                allDay = allDay+7
         //             }else if(allDays==2){
         //                allDay = allDay+6
         //             }else if(allDays==3){
         //                allDay = allDay+5
         //             }else if(allDays==4){
         //                allDay = allDay+4
         //             }else if(allDays==5){
         //                allDay = allDay+3
         //             }else if(allDays==6){
         //                allDay = allDay+2
         //             }else if(allDays==7){
         //                allDay = allDay+1
         //             }else{
         //                allDay = allDay
         //             }
         //                for (let j=0;j<allDay;j++){
         //                   tds = '<td class="gz-color">'+'</td>'
         //                   for(let k in nodeId){
         //                      $(nodeId[k]).append(tds)
         //                   }
         //                }
         //    }
         // 123
         // var nodeId2 = [],nodeId3 = []
         // for(let k = 0;k<node.length;k++){
         //    var getId2 = "#"+"td-node"+k+"-gz"
         //    var getId3 = "#"+"td-node"+k+"-gz-2"
         //    nodeId2.push(getId2)
         //    nodeId3.push(getId3)
         // 项目时间单元格
         for(let i=0;i<days;i++){
            str = '<th class="loadBox-2">'+dateArr[i]+'</th>'
            $("#tot").append(str);
            // $(".loadBox").attr('style','width:50px')
         }
         // 节点时间单元格
         for (let j=0;j<days;j++){
            tds = '<td class="gz-color'+j+' time-color">'+'</td>'
            for(let k in nodeId){
               $(nodeId[k]).append(tds)
            }
         }
         var nodeId2 = [],nodeId3 = []
         for(let k = 0;k<nodes.length;k++){
            var getId2 = "#"+"td-node"+k+"-gz"
            var getId3 = "#"+"td-node"+k+"-gz-2"
            nodeId2.push(getId2)
            nodeId3.push(getId3)
         }
         for(var i=0;i<nodeId4.length;i++){
            $(nodeId4[i]).attr("style","background:#eeeeef")
         }
         // for(var j = 0;j < days;j++){
         //    $("#tot").find("td").eq(j+3).attr("style","background:#3597D6")
         // }
         // for(var i=0;i<nodeId4.length;i++){
         //    $(nodeId4[i]).attr("style","background:#eeeeef")
         // }
         // // for(var j = 0;j < allDay;j++){
         // //    $("#tot").find("td").eq(j+3).attr("style","background:#3597D6")
         // // }
         // var runDay = Math.ceil((currentTime - startTime)/ day)
         // if(runDay>0){
         //    for(var j = 0;j < runDay;j++){
         //       $("#tot-2").find("td").eq(j).attr("style","background:#49C7D3")
         //    }
         // }
         // 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)) // 实际结束时间
         //    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-startTime)/day // 预计开始时间与项目开始时间的间隔
         //    var intRealDay = (nodeRealStartTime-startTime)/day // 实际开始与项目开始时间的间隔
         //    var nodeRunDay = Math.ceil((currentTime-nodeStartTime)/ day)
         //    var nodeRealRunDay = Math.ceil((currentTime-nodeRealStartTime)/ day)
         //    var nodeRun = Math.ceil((currentTime-nodeEndTime-day)/ day)
         //    var intRunDay = nodeRealEndTime-(nodeRealEndTime-(nodeEndTime-nodeStartTime))/day
         //    // 与当前时间的时间差
         //    for(var j=0;j<nodeDay;j++){
         //       $(nodeId2[i]).find('td').eq(intDay+j).attr("style","background:#3597D6")
         //    }
         //       // 实际开始时间与结束时间都填写  按实际时间进渲染
         //    if(nodeRealStartTime != "Invalid Date" && nodeRealEndTime !="Invalid Date"){
         //       for(var j=0;j<nodeRealDay;j++){
         //          $(nodeId3[i]).find('td').eq(intRealDay+j).attr("style","background:#49C7D3")
         //       }
         //       // 实际开始时间已填 实际结束时间未填  实际结束时间按预计结束时间填
         //    }else if(nodeRealStartTime != "Invalid Date" && nodeRealEndTime =="Invalid Date"){
         //       for(var j=0;j<nodeRealRunDay;j++){
         //          if(nodeRun>0){
         //             $(nodeId3[i]).find('td').eq(intRealDay+j).attr("style","background:#CC3333")
         //          }else if(nodeRun>-2 && nodeRun<=0){
         //             $(nodeId3[i]).find('td').eq(intRealDay+j).attr("style","background:#CC9933")
         //          }else{
         //             $(nodeId3[i]).find('td').eq(intRealDay+j).attr("style","background:#49C7D3")
         //          }
         //       }
         //       // 实际开始时间未填 实际结束时间已填  实际开始时间按预计开始时间填
         //    }else if(nodeRealStartTime == "Invalid Date" && nodeRealEndTime !="Invalid Date"){
         //       if(nodeEndTime<nodeRealEndTime){
         //          for(var j=0;j<nodeREDay;j++){
         //             $(nodeId3[i]).find('td').eq(intDay+j).attr("style","background:#49C7D3")
         //          }
         //       }else if(nodeEndTime>=nodeRealEndTime && nodeRealEndTime>=nodeStartTime){
         //          for(var j=0;j<nodeREDay;j++){
         //             $(nodeId3[i]).find('td').eq(intDay+j).attr("style","background:#49C7D3")
         //          }
         //       }else{
         //          if(intRunDay<0){
         //             intRunDay = 0
         //             for(var j=0;j<nodeDay;j++){
         //                $(nodeId3[i]).find('td').eq(intRunDay+j).attr("style","background:#49C7D3")
         //             }
         //          }
         //          for(var j=0;j<nodeDay;j++){
         //             $(nodeId3[i]).find('td').eq(intRunDay+j).attr("style","background:#49C7D3")
         //          }
         //       }
         //       // 实际开始时间未填 实际结束时间未填
         //    }else if(nodeRealStartTime == "Invalid Date" && nodeRealEndTime =="Invalid Date"){
         //       for(var j=0;j<nodeDay;j++){
         //          $(nodeId3[i]).find('td').eq(intDay+j).attr("style","background:#49C7D3")
         //       }
         //    }
         // }
         var runDay = Math.ceil((currT - staT)/ day)
         if(runDay>0){
            for(var j = 0;j < runDay;j++){
               $("#tot-2").find("td").eq(j).attr("style","background:#8bddde")
            }
         }
         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 // 推算的开始日期与项目开始日期的时间段



            // 与当前时间的时间差
            for(var j=0;j<nodeDay;j++){
               $(nodeId2[i]).find('td').eq(intDay+j).attr("style","background:#5998f5")
            }
               // 实际开始日期与实际结束日期都填写  按实际时间进渲染
            if(proRST != "Invalid Date" && proRET !="Invalid Date"){
					
               for(var j=0;j<nodeRealDay;j++){
                  if(proRET<=proET2){ // 实际结束日期<=计划结束日期
                     $(nodeId3[i]).find('td').eq(intRealDay+j).attr("style","background:#00cc88")
                  }else if(proRET>proET2 && proRET<=proET){ // 实际结束日期>计划结束日期
                     $(nodeId3[i]).find('td').eq(intRealDay+j).attr("style","background:#00cc88")
                  }else { // 实际结束日期>计划结束日期+2天
                     $(nodeId3[i]).find('td').eq(intRealDay+j).attr("style","background:#e63939")
                  }
               }
               // 实际开始时间已填 实际结束时间未填  (实际结束时间按预计结束时间填)改 当前时间与实际开始时间的间隔
            }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")
                  }else if(nodeRun>-3 && nodeRun<=0){
                     $(nodeId3[i]).find('td').eq(intRealDay+j).attr("style","background:#ccc739")
                  }else{
                     $(nodeId3[i]).find('td').eq(intRealDay+j).attr("style","background:#8bddde")
                  }
               }
                  // 实际开始时间未填 实际结束时间已填  实际开始时间按计划开始时间
            }else if(proRST == "Invalid Date" && proRET !="Invalid Date"){
               if(proRET<=proST){ // 实际结束日期<=计划开始日期  暂时不填充
                  // for(var j=0;j<nodeDay;j++){ // 天数是节点计划天数
                  //    $(nodeId3[i]).find('td').eq(intNotRealStartTime+j).attr("style","background:#49C7D3") // 实际开始日期是 实际结束日期-计划天数
                  // }
               }else if(proRET<=proET){ //实际结束日期<=计划结束日期
                  for(var j=0;j<nodeREDay;j++) { // 天数是 实际结束日期-计划开始日期
                     $(nodeId3[i]).find('td').eq(intDay + j).attr("style", "background:#00cc88")// 实际开始日期是 实际结束日期-计划天数
                  }
               }else{ // 实际结束日期>计划结束日期
                  for(var j=0;j<nodeREDay;j++) { // 天数是 实际结束日期-计划开始日期
                     $(nodeId3[i]).find('td').eq(intDay + j).attr("style", "background:#CC3333")// 实际开始日期是 实际结束日期-计划天数
                  }
               }
               // 实际开始时间未填 实际结束时间未填
            }else if(proRST == "Invalid Date" && proRET =="Invalid Date"){

            }
         }
         // 鼠标经过
         $(document).on('mouseover','.time-color',function () {
            // console.log($(this).attr('class'))
            var cls = $(this).attr('class').split(' ')[0]
            var cll = '.'+cls
            $(cll).addClass('over-color')
         })
         // 鼠标离开
         $(document).on('mouseout','.time-color',function () {
            // console.log($(this).attr('class'))
            var cls = $(this).attr('class').split(' ')[0]
            var cll = '.'+cls
            $(cll).removeClass('over-color')
         })
         // 滚轮
			
			
			



         function getDateArr(start,end) {
               let option = new Date(start) // 开始时间
               let nowDate = new Date(end) // 结束时间
@@ -573,4 +291,6 @@
         }
         }
         })