货架工程项目之js dom实现项目工程进度图

        public class aa
        {
            public static int bb=0;
            public static TimeSpan Start;
            public static TimeSpan end;
        }

        public ActionResult Scheduledetial(String OfferID)
        {
            DataContent db = new DataContent();//回头给安装公司的详细做搜索实例化类
            ScheduleDM Result = new ScheduleDM();//实例化一个ScheduleDM
            Result.list = JsonConvert.SerializeObject(ScheduleInfo(ISchedule.ScheduleDetial(OfferID)));//第一次进行筛选，并且选出最早的初始时间和最迟的结束时间（妈的连个开始日期，结束日期都没有）
            var info = db.Offer.Where(x => x.OfferID.Equals(OfferID)).FirstOrDefault();//这儿通过offerid获取投标表的用户id
            var infos = db.UserInfo.Where(x => x.UserID.Equals(info.UserID)).FirstOrDefault();//这儿通过USerid到用户表中去读取安装公司信息
            Result.CompanyName = infos.CompanyName;//获取安装公司信息并且赋值
            Result.UserRealName = infos.UserRealName;//获取安装公司联系人并且赋值
            Result.UserPhone = infos.UserPhone;//获取安装公司联系人电话并且赋值
            Result.OfferID = OfferID;//获取offerID给前台(评论需要用到)
            TimeSpan asd = aa.end-aa.Start;//这儿就可以获取一共有多少天数了
            Result.NowPage = asd.Days;//这里偷懒直接用Int类型的nowpage代替一共多少天数这个变量了     
            Result.list = JsonConvert.SerializeObject(ScheduleInfo(ISchedule.ScheduleDetial(OfferID)));//列表第二次循环（重要一定要执行，第一次执行的时候开始日期和结束日期不是最终形态的完全体，需要执行第二次才能正确的判断处每一个工程的开始日期和完结日期）
            return View(Result);//返回前台
        }

        public static IList<ScheduleDM> ScheduleInfo(IList<ScheduleDM> ScheduleDetials)
        {
            int a = 0;
            IList<ScheduleDM> item = new List<ScheduleDM>();//类似视图转换器，这儿就不多多讲述了
            foreach (var aa in ScheduleDetials)
            {
                a++;
                item.Add(ScheduleInfos(aa,a));
            }
            return item;
        }



        public static ScheduleDM ScheduleInfos(ScheduleDM ScheduleDetials, int a)
        {
            ScheduleDM item = new ScheduleDM();
            item.idd = a.ToString();
            item.StepID = ScheduleDetials.StepID;
            item.OfferID = ScheduleDetials.OfferID;
            item.StepName = ScheduleDetials.StepName;
            item.StepStartTime = ScheduleDetials.StepStartTime;
            item.StepEndTime = ScheduleDetials.StepEndTime;
            item.Tool = ScheduleDetials.Tool;
            item.people = ScheduleDetials.people;
            item.StepLiable = ScheduleDetials.StepLiable;
            item.StepArtificial = ScheduleDetials.StepArtificial;
            //底下一大段皆为日期加减（注正确的每个工程的开始日期和结束日期必须要执行两次）
            TimeSpan timeNow = new TimeSpan(DateTime.Now.Ticks);
            DateTime ddd = ScheduleDetials.StepStartTime.Value;
            DateTime sss = ScheduleDetials.StepEndTime.Value;
            TimeSpan ts = new TimeSpan(0);
            TimeSpan time = new TimeSpan(ddd.Ticks);
            TimeSpan times = new TimeSpan(sss.Ticks);
            TimeSpan time1 = timeNow - time;
            if (aa.Start == ts)
            {
                aa.Start = time;
            }
            else if (aa.Start > time)
            {
                aa.Start = time;
            }
            if (aa.end == ts)
            {
                aa.end = times;
            }
            else if (aa.end < times)
            {
                aa.end = times;
            }
            if (aa.bb < time1.Days)
            {
                aa.bb = time1.Days;
            }
            TimeSpan StratTime = time - aa.Start;
            TimeSpan Endtime = times - aa.Start;
            item.StratTime = StratTime.Days;
             item.EndTime =Endtime.Days;
            return item;
        }

   var aaaa = @Html.Raw(Model.NowPage);//总页数
       var a2=aaaa ;
        var a1=0;
        var list=@Html.Raw(Model.list);

        while(a1<aaaa)//给列表循环添加天数
        {
            a1 = a1 + 1;
            
            var x = document.getElementById('tr2').insertCell(4)
            x.innerHTML = a2;
            a2=a2-1;
        }
        list.forEach(function(e){  //foreach循环读取list的数据
            var x=document.getElementById('myTable').insertRow()
            var z2=x.insertCell(0)
            var z1=x.insertCell(1)
            var y=x.insertCell(2)
            var z=x.insertCell(3)
    
            y.innerHTML=e.StepLiable
            z.innerHTML=e.Tool
            z1.innerHTML=e.StepName
            z2.innerHTML=e.idd
            var a3 = 0;
            var a4=aaaa ;
            var ass=e.StratTime;
            var asss=e.EndTime;
            ass=ass+1;
            while(a3<aaaa)
            {
                a3 = a3 + 1;
                a4=-1;
                var y1=x.insertCell()

                if(ass<=a3&&asss>=a3)//当前天数如何大于开始日期，并且小于结束日期则读取每日日数赋值给他
                    y1.innerHTML = e.people;
                else
                    y1.innerHTML = "";
               
            }