#

whycq

2022-02-08 7efe5eb4bcd083a695b6bac240988c1308cc3eb8

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

@@ -26,14 +26,17 @@
         }else if(show==false){
            $("#tips").attr("style","display:block")
         }

         // 项目名称
         $("#details h2").html(project.id)
         // 预计节点时间
         var tab = ''
         var tabLeft3 = ''
         var day = 86400000
         var allDay = (endTime - startTime + day ) / day
         // 预计节点的天数,实际节点天数,占多少格子;预计/实际 节点与项目开始时间的时间间隔（从哪个格子开始渲染）
         console.log(allDay)
         var bigDays = []

         for(var i = 0;i<node.length;i++){
            var nodeName = node[i].name // 节点名称
            
@@ -41,13 +44,13 @@
            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 tab2 = 
                  '<tr id="td-node'+i+'-gz">'
                     +'<td rowspan="2" class="loadBox">'+nodeName+'</td>'
                     +'<td rowspan="2" class="loadBox">'+node[i].startTime.substring(0,10)+'</td>'
                     +'<td rowspan="2" class="loadBox">'+node[i].endTime$.substring(0,10)+'</td>'
                     +'<tr id="td-node'+i+'-gz-2">'+'</tr>'
            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>'
            tabLeft3 = tabLeft3 + tabLeft2
            var overtime = endTime-nodeRealEndTime
            if(overtime<0){
               bigDays.push(nodeRealEndTime)
@@ -59,20 +62,30 @@
         }
         var tab1 =
            '<thead>'
            +'<tr id="th-gz">'
            +'<th class="loadBox">'+'任务名称'+'</th>'
            +'<th class="loadBox">'+'开始时间'+'</th>'
            +'<th class="loadBox">'+'结束时间'+'</th>'
            + '</tr>'
               +'<tr id="th-gz">' + '</tr>'
            +'</thead>'
            +'<tbody>'
            +'<tr id="tot">'
            +'<td rowspan="2" class="loadBox">'+'任务总时间'+'</td>'
            +'<td  rowspan="2" class="loadBox">'+project.startDay.substring(0,10)+'</td>'
            +'<td  rowspan="2" class="loadBox">'+project.endDay.substring(0,10)+'</td>'
            +'</tr>'
               +'<tr id="tot">' +'</tr>'
            +'<tr id="tot-2">'+'</tr>'
         var tab3 = tab1+tab+'</tbody>'
         /* 节点时间表 */
         var tabLeft =    '<thead>' // 表头
                        +'<tr class="tab-head">'
                           +'<th>'+'项目名称'+'</th>'
                           +'<th>'+'开始时间'+'</th>'
                           +'<th>'+'结束时间'+'</th>'
                        +'</tr>'
                     +'</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>'
                        +'</tr>'

         var tabLeft4 = tabLeft + tabLeft3 +'</tbody>'
         $("#details-tab-left").empty()
         $("#details-tab-left").append(tabLeft4)
         $("#details-tab").empty()
         $("#details-tab").append(tab3);
         // 填充单元格
@@ -447,7 +460,7 @@
            var intRunDay = nodeRealEndTime-(nodeRealEndTime-(nodeEndTime-nodeStartTime))/day
            // 与当前时间的时间差
            for(var j=0;j<nodeDay;j++){
               $(nodeId2[i]).find('td').eq(3+intDay+j).attr("style","background:#3597D6")	
               $(nodeId2[i]).find('td').eq(intDay+j).attr("style","background:#3597D6")
            }
               // 实际开始时间与结束时间都填写  按实际时间进渲染
            if(nodeRealStartTime != "Invalid Date" && nodeRealEndTime !="Invalid Date"){