<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="main.aspx.cs" Inherits="FineUIPro.Web.common.main" %>

<%@ Register Assembly="System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI.DataVisualization.Charting" TagPrefix="asp" %>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="../Scripts/jquery-3.7.1.min.js"></script>
    <script src="../res/echarts/echarts.js"></script>
    <style>
        /* 限定[项目名称]列自动换行,其他列不自动换行 */
        .f-grid-cell.f-grid-cell-ProjectName .f-grid-cell-inner {
            white-space: normal;
            word-break: break-all;
        }

        .f-grid-row.color1,
        .f-grid-row.color1 .f-icon,
        .f-grid-row.color1 a {
            color: lightgray;
        }
    </style>
    <link href="../res/css/common.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
        <f:PageManager ID="PageManager1" AutoSizePanelID="Panel1" runat="server" />
        <f:Panel ID="Panel1" CssClass="blockpanel" Margin="0px" runat="server" ShowBorder="false" ShowHeader="false" Layout="Region">
            <Items>
                <f:Panel runat="server" ID="panelCenterRegion" RegionPosition="Center" Layout="VBox"
                    Title="中间面板" ShowBorder="false" ShowHeader="false">
                    <Items>
                        <f:Grid ID="Grid1" BoxFlex="1" ShowBorder="false" ShowHeader="false" EnableCollapse="true" runat="server"
                            DataKeyNames="EProjectId" DataIDField="EProjectId" AllowSorting="true" SortField="ProjectControl_JobNo" SortDirection="DESC" OnSort="Grid1_Sort"
                            AllowPaging="true" IsDatabasePaging="true" PageSize="15" OnPageIndexChange="Grid1_PageIndexChange" OnRowDataBound="Grid1_RowDataBound" EnableRowSelectEvent="true" OnRowSelect="Grid1_RowSelect">
                            <Toolbars>
                                <f:Toolbar ID="Toolbar1" Position="Top" runat="server">
                                    <Items>
                                        <f:DropDownList ID="drpJobType" runat="server" AutoPostBack="true" OnSelectedIndexChanged="drpJobType_SelectedIndexChanged" NextFocusControl="btnFind"></f:DropDownList>
                                        <f:DropDownList ID="drpJobStatus" runat="server" EnableCheckBoxSelect="true" EnableMultiSelect="true" NextFocusControl="btnFind" AutoPostBack="true" OnSelectedIndexChanged="drpJobStatus_Click"></f:DropDownList>
                                        <f:DropDownList ID="drpDivision" runat="server" AutoPostBack="true" OnSelectedIndexChanged="dropDownList_Click" NextFocusControl="btnFind"></f:DropDownList>
                                        <f:TextBox ID="txtJobNoS" runat="server" EmptyText="Enter the Job No." EnableBlurEvent="true" OnBlur="dropDownList_Click" NextFocusControl="btnFind"></f:TextBox>
                                        <f:Button ID="btnFind" runat="server" OnClick="btnFind_Click" Hidden="true"></f:Button>

                                        <f:ToolbarFill ID="ToolbarFill1" runat="server"></f:ToolbarFill>
                                        <f:HyperLink runat="server" Text="Projects Transmittals" NavigateUrl="\\wcnnji008219389\Projects_Transmittals" Width="160px" Target="_blank"></f:HyperLink>
                                        <f:Button ID="btnSearch" runat="server" Icon="SystemSearch" Text="Search" OnClick="btnSearch_Click"></f:Button>
                                        <f:Button ID="btnViewDetail" Icon="User" runat="server" ToolTip="View details" Text="View details" OnClick="btnViewDetail_Click">
                                        </f:Button>
                                        <f:HiddenField runat="server" ID="hdItemsString"></f:HiddenField>
                                        <f:HiddenField runat="server" ID="hdJobNo"></f:HiddenField>
                                        <f:HiddenField runat="server" ID="hdJobTitle"></f:HiddenField>
                                        <f:HiddenField runat="server" ID="hdType"></f:HiddenField>
                                        <f:HiddenField runat="server" ID="hdStatus"></f:HiddenField>
                                        <f:HiddenField runat="server" ID="hdDivision"></f:HiddenField>
                                        <f:HiddenField runat="server" ID="hdProjectManager"></f:HiddenField>
                                        <f:HiddenField runat="server" ID="hdConstManager"></f:HiddenField>
                                        <f:HiddenField runat="server" ID="hdOperationRep"></f:HiddenField>
                                        <f:HiddenField runat="server" ID="hdAccount"></f:HiddenField>
                                        <f:HiddenField runat="server" ID="hdMOCFormNo"></f:HiddenField>
                                        <f:HiddenField runat="server" ID="hdLeadBy"></f:HiddenField>
                                        <f:HiddenField runat="server" ID="hdEngineer"></f:HiddenField>
                                        <f:HiddenField runat="server" ID="hdCritical"></f:HiddenField>
                                    </Items>
                                </f:Toolbar>
                            </Toolbars>
                            <Columns>
                                <f:TemplateField Width="40px">
                                    <ItemTemplate>
                                        <asp:Label ID="Label1" runat="server" Text='<%# Container.DataItemIndex + 1 %>'></asp:Label>
                                    </ItemTemplate>
                                </f:TemplateField>
                                <f:RenderField Width="90px" ColumnID="ProjectControl_JobNo" DataField="ProjectControl_JobNo" SortField="ProjectControl_JobNo"
                                    FieldType="String" HeaderText="Job No." HeaderTextAlign="Center">
                                </f:RenderField>
                                <f:RenderField Width="100px" ColumnID="ProjectControl_JobType" DataField="ProjectControl_JobType" SortField="ProjectControl_JobType"
                                    FieldType="String" HeaderText="Job Type" HeaderTextAlign="Center">
                                </f:RenderField>
                                <f:RenderField Width="350px" ColumnID="ProjectControl_JobTitle" DataField="ProjectControl_JobTitle" SortField="ProjectControl_JobTitle"
                                    FieldType="String" HeaderText="Job Title" HeaderTextAlign="Center">
                                </f:RenderField>
                                <f:RenderField Width="100px" ColumnID="ProjectControl_OrginalBudget" DataField="ProjectControl_OrginalBudget"
                                    FieldType="Int" HeaderText="Approved<br/>Budget(RMB)" HeaderTextAlign="Center" RendererFunction="renderSalary">
                                    <Editor>
                                        <f:NumberBox runat="server" EnableCommas="true" Readonly="true" />
                                    </Editor>
                                </f:RenderField>
                                <f:RenderField Width="100px" ColumnID="ProjectControl_ProjectManager" DataField="ProjectControl_ProjectManager"
                                    FieldType="String" HeaderText="Project<br/>Manager" HeaderTextAlign="Center">
                                </f:RenderField>
                                <f:RenderField Width="100px" ColumnID="ProjectControl_ConstManager" DataField="ProjectControl_ConstManager"
                                    FieldType="String" HeaderText="Const.<br/>Manager" HeaderTextAlign="Center">
                                </f:RenderField>
                                <f:RenderField Width="100px" ColumnID="ProjectControl_OperationRep" DataField="ProjectControl_OperationRep"
                                    FieldType="String" HeaderText="Operation<br/>Rep." HeaderTextAlign="Center">
                                </f:RenderField>
                                <f:RenderField Width="100px" ColumnID="ProjectControl_JobStatus" DataField="ProjectControl_JobStatus"
                                    FieldType="String" HeaderText="Job Status" HeaderTextAlign="Center">
                                </f:RenderField>
                                <f:RenderField Width="80px" ColumnID="ProjectControl_BUCode" DataField="ProjectControl_BUCode"
                                    FieldType="String" HeaderText="Bu.Code" HeaderTextAlign="Center">
                                </f:RenderField>
                                <f:RenderField Width="100px" ColumnID="PM_MA_ProjectApproval" DataField="PM_MA_ProjectApproval"
                                    FieldType="String" Renderer="Date" HeaderText="Approval<br/>Date" HeaderTextAlign="Center">
                                </f:RenderField>
                                <f:RenderField Width="100px" ColumnID="ProjectControl_MS_MC" DataField="ProjectControl_MS_MC"
                                    FieldType="String" Renderer="Date" HeaderText="MC Plan<br/>Date" HeaderTextAlign="Center">
                                </f:RenderField>
                                <f:TemplateField HeaderText="Schedule" runat="server" HeaderTextAlign="Center" ColumnID="tfSchedule" TextAlign="Center" Width="60px">
                                    <ItemTemplate>
                                        <asp:Image ID="imgSchedule" runat="server" Width="50px" Height="20px" />
                                    </ItemTemplate>
                                </f:TemplateField>
                                <f:TemplateField HeaderText="Cost" runat="server" HeaderTextAlign="Center" ColumnID="tfCost" TextAlign="Center" Width="60px">
                                    <ItemTemplate>
                                        <asp:Image ID="imgCost" runat="server" Width="50px" Height="20px" />
                                    </ItemTemplate>
                                </f:TemplateField>
                                <f:TemplateField HeaderText="Scope" runat="server" HeaderTextAlign="Center" ColumnID="tfScope" TextAlign="Center" Width="60px">
                                    <ItemTemplate>
                                        <asp:Image ID="imgScope" runat="server" Width="50px" Height="20px" />
                                    </ItemTemplate>
                                </f:TemplateField>
                                <f:TemplateField HeaderText="Links" HeaderTextAlign="Center" TextAlign="left" Width="80px">
                                    <ItemTemplate>
                                        <table style="width: 100%">
                                            <tr>
                                                <td style="width: 50%">
                                                    <asp:HyperLink ID="FilesLinks" runat="server" Height="18px" Target="_blank"></asp:HyperLink>
                                                </td>
                                                <td style="width: 50%">
                                                    <asp:HyperLink ID="NotesLinks" runat="server" Height="18px" Target="_blank"></asp:HyperLink>
                                                </td>
                                            </tr>
                                        </table>
                                    </ItemTemplate>
                                </f:TemplateField>
                                <f:TemplateField Hidden="true" Width="1px">
                                    <ItemTemplate>
                                        <asp:Label ID="EProjectId" runat="server" Text='<%# Eval("EProjectId") %>' Visible="false"></asp:Label>
                                    </ItemTemplate>
                                </f:TemplateField>
                            </Columns>
                            <Listeners>
                                <f:Listener Event="rowselect" Handler="onRowselect" />
                            </Listeners>
                        </f:Grid>
                    </Items>
                </f:Panel>
                <f:Panel runat="server" ID="panelBottomRegion" RegionPosition="Bottom" RegionSplit="true" RegionSplitWidth="15px" EnableCollapse="true" Height="395px"
                    Title="底部面板" ShowBorder="false" ShowHeader="false">
                    <Items>
                        <f:TabStrip ID="TabStrip1" ShowBorder="false" TabPosition="Top"
                            EnableTabCloseMenu="false" ActiveTabIndex="0" runat="server" AutoPostBack="true" OnTabIndexChanged="TabStrip1_TabIndexChanged">
                            <Tabs>
                                <f:Tab Title="General" BodyPadding="1px" Layout="VBox" runat="server" AutoScroll="true">
                                    <Items>
                                        <f:Form ID="SimpleForm1" ShowBorder="false" ShowHeader="false" AutoScroll="true"
                                            BodyPadding="1px" runat="server" RedStarPosition="BeforeText" LabelAlign="Right">
                                            <Items>
                                                <f:FormRow>
                                                    <Items>
                                                        <f:TextBox ID="txtBuCode" runat="server" Label="Bu.Code" LabelWidth="120px"></f:TextBox>
                                                        <f:NumberBox ID="txtApprovedBudget" runat="server" Label="Approved Budget(RMB)" LabelWidth="170px" EnableCommas="true"></f:NumberBox>
                                                        <f:TextBox ID="txtJobStatus" runat="server" Label="Job Status" LabelWidth="120px"></f:TextBox>
                                                        <f:Label ID="txtScopeChange" runat="server" Text="Scope Change" LabelWidth="160px"></f:Label>
                                                    </Items>
                                                </f:FormRow>
                                                <f:FormRow>
                                                    <Items>
                                                        <f:TextBox ID="txtJobNo" runat="server" Label="Job No." LabelWidth="120px"></f:TextBox>
                                                        <f:TextBox ID="txtAccountNo" runat="server" Label="Account No." LabelWidth="170px"></f:TextBox>
                                                        <f:TextBox ID="txtProcePipEng" runat="server" Label="Proce.&Pip.Eng." LabelWidth="120px"></f:TextBox>
                                                        <f:NumberBox ID="txtApprovedQty" runat="server" Label="-Approved Qty" LabelWidth="160px" EnableCommas="true" Readonly="true"></f:NumberBox>
                                                    </Items>
                                                </f:FormRow>
                                                <f:FormRow>
                                                    <Items>
                                                        <f:TextBox ID="txtJobType" runat="server" Label="Job Type" LabelWidth="120px"></f:TextBox>
                                                        <f:TextBox ID="txtNetworkNo" runat="server" Label="Network No." LabelWidth="170px"></f:TextBox>
                                                        <f:TextBox ID="txtEquipEng" runat="server" Label="Equip.Eng." LabelWidth="120px"></f:TextBox>
                                                        <f:NumberBox ID="txtApprovedCost" runat="server" Label="-Approved Cost(RMB)" LabelWidth="160px" EnableCommas="true" Readonly="true"></f:NumberBox>
                                                    </Items>
                                                </f:FormRow>
                                                <f:FormRow>
                                                    <Items>
                                                        <f:TextBox ID="txtProjType" runat="server" Label="Proj.Type" LabelWidth="120px"></f:TextBox>
                                                        <f:TextBox ID="txtCostEffectivity" runat="server" Label="Cost Effectivity" LabelWidth="170px"></f:TextBox>
                                                        <f:TextBox ID="txtInstrumentEng" runat="server" Label="Instrument Eng." LabelWidth="120px"></f:TextBox>
                                                        <f:NumberBox ID="txtPendingQty" runat="server" Label="-Pending Qty" LabelWidth="160px" EnableCommas="true" Readonly="true"></f:NumberBox>
                                                    </Items>
                                                </f:FormRow>
                                                <f:FormRow>
                                                    <Items>
                                                        <f:TextBox ID="txtJobTitle" runat="server" Label="Job Title" LabelWidth="120px"></f:TextBox>
                                                        <f:TextBox ID="txtPVIPredition" runat="server" Label="PVI Predition" LabelWidth="170px"></f:TextBox>
                                                        <f:TextBox ID="txtElectrialEng" runat="server" Label="Electrial Eng." LabelWidth="120px"></f:TextBox>
                                                        <f:NumberBox ID="txtPendingCost" runat="server" Label="-Pending Cost(RMB)" LabelWidth="160px" EnableCommas="true" Readonly="true"></f:NumberBox>
                                                    </Items>
                                                </f:FormRow>
                                                <f:FormRow>
                                                    <Items>
                                                        <f:TextBox ID="txtLeadBy" runat="server" Label="Lead By" LabelWidth="120px"></f:TextBox>
                                                        <f:TextBox ID="txtProjManager" runat="server" Label="Proj.Manager" LabelWidth="170px"></f:TextBox>
                                                        <f:TextBox ID="txtCivilEng" runat="server" Label="Civil Eng." LabelWidth="120px"></f:TextBox>
                                                        <f:TextBox ID="txtDocStatus" runat="server" Label="Doc.Status" LabelWidth="160px"></f:TextBox>
                                                    </Items>
                                                </f:FormRow>
                                                <f:FormRow>
                                                    <Items>
                                                        <f:TextBox ID="txtPriority" runat="server" Label="Priority" LabelWidth="120px"></f:TextBox>
                                                        <f:TextBox ID="txtConstManager" runat="server" Label="Const.Manager" LabelWidth="170px"></f:TextBox>
                                                        <f:TextBox ID="txtCDI" runat="server" Label="CDI" LabelWidth="120px"></f:TextBox>
                                                        <f:TextBox ID="txtMOCFormNo" runat="server" Label="MOC Form No." LabelWidth="160px"></f:TextBox>
                                                    </Items>
                                                </f:FormRow>
                                                <f:FormRow>
                                                    <Items>
                                                        <f:TextBox ID="txtCategory" runat="server" Label="Category" LabelWidth="120px"></f:TextBox>
                                                        <f:TextBox ID="txtEngManager" runat="server" Label="Eng.Manager" LabelWidth="170px"></f:TextBox>
                                                        <f:TextBox ID="txtOutSourceType" runat="server" Label="OutSource Type" LabelWidth="120px"></f:TextBox>
                                                        <f:TextBox ID="txtCAPEXPlanNo" runat="server" Label="CAPEX Plan No." LabelWidth="160px"></f:TextBox>
                                                    </Items>
                                                </f:FormRow>
                                                <f:FormRow ColumnWidths="25% 75%">
                                                    <Items>
                                                        <f:TextBox ID="txtOperationRep" runat="server" Label="Operation Rep." LabelWidth="120px"></f:TextBox>
                                                        <f:TextBox ID="txtRemarks" runat="server" Label="Remarks" LabelWidth="170px"></f:TextBox>
                                                    </Items>
                                                </f:FormRow>
                                            </Items>
                                        </f:Form>
                                    </Items>
                                </f:Tab>
                                <f:Tab Title="Schedule" BodyPadding="1px" runat="server" Layout="VBox">
                                    <Items>
                                        <f:Panel ID="Panel5" runat="server"
                                            Layout="HBox" ShowHeader="false" ShowBorder="false" AutoScroll="true" Height="340px">
                                            <Items>
                                                <f:Panel ID="Panel6" Width="390px"
                                                    runat="server" BodyPadding="1px" ShowBorder="false" ShowHeader="false">
                                                    <Items>
                                                        <f:Grid ID="grdSchedule" ShowBorder="true" ShowHeader="false" runat="server"
                                                            BoxFlex="1" DataKeyNames="id" AllowCellEditing="true" DataIDField="id">
                                                            <Columns>
                                                                <f:RowNumberField EnablePagingNumber="true" Width="30px" HeaderTextAlign="Center"
                                                                    TextAlign="Center" />
                                                                <f:RenderField Width="150px" ColumnID="Milesones" DataField="Milesones" SortField="Milesones"
                                                                    FieldType="String" HeaderText="Milesones" HeaderTextAlign="Center" ExpandUnusedSpace="true">
                                                                </f:RenderField>
                                                                <f:RenderField Width="100px" ColumnID="Schedule" DataField="Schedule" SortField="Schedule"
                                                                    FieldType="String" HeaderText="Schedule" HeaderTextAlign="Center">
                                                                </f:RenderField>
                                                                <f:RenderField Width="100px" ColumnID="Actual" DataField="Actual" SortField="Actual"
                                                                    FieldType="String" HeaderText="Actual" HeaderTextAlign="Center">
                                                                </f:RenderField>
                                                            </Columns>
                                                        </f:Grid>
                                                    </Items>
                                                </f:Panel>
                                                <f:Panel ID="Panel7" Width="760px"
                                                    runat="server" BodyPadding="1px" ShowBorder="false" ShowHeader="false">
                                                    <Items>
                                                        <f:Grid ID="grdScheduleDetail" ShowBorder="true" ShowHeader="false" EnableCollapse="true" runat="server"
                                                            BoxFlex="1" DataKeyNames="Sort" AllowCellEditing="true" DataIDField="Sort" SortField="Sort">
                                                            <Columns>
                                                                <f:RowNumberField EnablePagingNumber="true" Width="30px" HeaderTextAlign="Center"
                                                                    TextAlign="Center" />
                                                                <f:RenderField Width="130px" ColumnID="Disciplines" DataField="Disciplines"
                                                                    FieldType="String" HeaderText="" HeaderTextAlign="Center" ExpandUnusedSpace="true">
                                                                </f:RenderField>
                                                                <f:RenderField Width="95px" ColumnID="Sch_Start" DataField="Sch_Start"
                                                                    FieldType="String" HeaderText="Sch.Start" HeaderTextAlign="Center">
                                                                </f:RenderField>
                                                                <f:RenderField Width="95px" ColumnID="Sch_End" DataField="Sch_End"
                                                                    FieldType="String" HeaderText="Sch.End" HeaderTextAlign="Center">
                                                                </f:RenderField>
                                                                <f:RenderField Width="105px" ColumnID="RevisedStart" DataField="RevisedStart"
                                                                    FieldType="String" HeaderText="Forecast Start" HeaderTextAlign="Center">
                                                                </f:RenderField>
                                                                <f:RenderField Width="105px" ColumnID="RevisedEnd" DataField="RevisedEnd"
                                                                    FieldType="String" HeaderText="Forecast End" HeaderTextAlign="Center">
                                                                </f:RenderField>
                                                                <f:TemplateField HeaderText="Sch.Progress" Width="85px">
                                                                    <ItemTemplate>
                                                                        <asp:Label ID="lblSchProgress" runat="server" Text='<%# ConvertPro(Eval("SchProgress")) %>'></asp:Label>
                                                                    </ItemTemplate>
                                                                </f:TemplateField>
                                                                <f:TemplateField HeaderText="Actual Progress" Width="85px">
                                                                    <ItemTemplate>
                                                                        <asp:Label ID="lblActualProgress" runat="server" Text='<%# ConvertPro(Eval("ActualProgress")) %>'></asp:Label>
                                                                    </ItemTemplate>
                                                                </f:TemplateField>
                                                                <%-- <f:RenderField Width="90px" ColumnID="SchProgress" DataField="SchProgress"
                                                                    FieldType="String" HeaderText="Sch.Progress" HeaderTextAlign="Center">
                                                                </f:RenderField>
                                                                <f:RenderField Width="90px" ColumnID="ActualProgress" DataField="ActualProgress"
                                                                    FieldType="String" HeaderText="Actual Progress" HeaderTextAlign="Center">
                                                                </f:RenderField>--%>
                                                            </Columns>
                                                        </f:Grid>
                                                    </Items>
                                                </f:Panel>
                                                <f:Panel ID="Panel8" Width="280px"
                                                    runat="server" BodyPadding="1px" ShowBorder="false" ShowHeader="false">
                                                    <Items>
                                                        <f:Grid ID="grdClosuerDetail" ShowBorder="true" ShowHeader="false" EnableCollapse="true" runat="server"
                                                            BoxFlex="1" DataKeyNames="id" AllowCellEditing="true" DataIDField="id">
                                                            <Columns>
                                                                <f:RowNumberField EnablePagingNumber="true" Width="30px" HeaderTextAlign="Center"
                                                                    TextAlign="Center" />
                                                                <f:RenderField Width="140px" ColumnID="Closure" DataField="Closure"
                                                                    FieldType="String" HeaderText="Closure" HeaderTextAlign="Center" ExpandUnusedSpace="true">
                                                                </f:RenderField>
                                                                <f:RenderField Width="100px" ColumnID="ReceiveDate" DataField="ReceiveDate"
                                                                    FieldType="String" HeaderTextAlign="Center">
                                                                </f:RenderField>
                                                            </Columns>
                                                        </f:Grid>
                                                    </Items>
                                                </f:Panel>
                                            </Items>
                                        </f:Panel>
                                    </Items>
                                </f:Tab>
                                <f:Tab Title="Cost" BodyPadding="10px" runat="server">
                                    <Items>
                                        <f:Panel ID="Panel4" runat="server"
                                            ShowHeader="false" ShowBorder="false" AutoScroll="true" Layout="HBox">
                                            <Items>
                                                <f:Panel ID="Panel9" Width="350px"
                                                    runat="server" BodyPadding="1px" ShowBorder="false" ShowHeader="false">
                                                    <Items>
                                                        <f:NumberBox ID="txtOrginalBudget" runat="server" Label="Orginal Budget(RMB)" LabelWidth="190px" EnableCommas="true" Readonly="true"></f:NumberBox>
                                                        <f:NumberBox ID="txtChangedBudget" runat="server" Label="Changed Budget(RMB)" LabelWidth="190px" EnableCommas="true" Readonly="true"></f:NumberBox>
                                                        <f:NumberBox ID="txtActualCost" runat="server" Label="Actual Cost(RMB)" LabelWidth="190px" EnableCommas="true" Readonly="true"></f:NumberBox>
                                                        <f:NumberBox ID="txtCommitted_PRPO" runat="server" Label="Committed_PR/PO(RMB)" LabelWidth="190px" EnableCommas="true" Readonly="true"></f:NumberBox>
                                                        <f:NumberBox ID="txtCommitted_SSRs" runat="server" Label="Committed_SSRs(RMB)" LabelWidth="190px" EnableCommas="true" Readonly="true"></f:NumberBox>
                                                        <f:NumberBox ID="txtCostToComplete" runat="server" Label="Cost To Complete(RMB)" LabelWidth="190px" EnableCommas="true" Readonly="true"></f:NumberBox>
                                                        <f:NumberBox ID="txtEstimatedFinalCost" runat="server" Label="Estimated Final Cost(RMB)" LabelWidth="190px" EnableCommas="true" Readonly="true"></f:NumberBox>
                                                        <f:TextBox ID="txtVariance" runat="server" Label="Variance" LabelWidth="190px"></f:TextBox>
                                                    </Items>
                                                </f:Panel>
                                                <f:Panel ID="Panel10" Width="1000px" Height="280px"
                                                    runat="server" BodyPadding="1px" ShowBorder="false" ShowHeader="false">
                                                    <Items>
                                                        <f:ContentPanel ID="ContentPanel1" CssClass="blockpanel" runat="server" BodyPadding="1px"
                                                            EnableAjax="false" ShowBorder="false" ShowHeader="false">
                                                            <div id="divChart1" class="echartsdiv" style="height: 300px; width: 1000px;"></div>
                                                        </f:ContentPanel>
                                                    </Items>
                                                </f:Panel>
                                            </Items>
                                        </f:Panel>
                                    </Items>
                                </f:Tab>
                                <f:Tab Title="Permits" BodyPadding="1px" runat="server">
                                    <Items>
                                        <f:Grid ID="Grid5" ShowBorder="true" ShowHeader="false" EnableCollapse="true" runat="server" Height="300px"
                                            BoxFlex="1" AllowCellEditing="true" DataKeyNames="EProjectId">
                                            <Columns>
                                                <f:RowNumberField EnablePagingNumber="true" Width="50px" HeaderTextAlign="Center"
                                                    TextAlign="Center" />
                                                <f:RenderField Width="200px" ColumnID="Name" DataField="Name"
                                                    FieldType="String" HeaderText="" HeaderTextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="150px" ColumnID="Need" DataField="Need"
                                                    FieldType="String" HeaderText="Need?" HeaderTextAlign="Center" TextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="150px" ColumnID="ScheduledDate" DataField="ScheduledDate"
                                                    FieldType="Date" Renderer="Date" HeaderText="Scheduled Date" HeaderTextAlign="Center" TextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="150px" ColumnID="ActualDate" DataField="ActualDate"
                                                    FieldType="Date" Renderer="Date" HeaderText="Actual Date" HeaderTextAlign="Center" TextAlign="Center">
                                                </f:RenderField>
                                            </Columns>
                                        </f:Grid>
                                    </Items>
                                </f:Tab>
                                <f:Tab Title="Resources" BodyPadding="1px" runat="server">
                                    <Items>
                                        <f:Panel ID="Panel11" runat="server" ShowHeader="false" ShowBorder="false" AutoScroll="true" Layout="HBox">
                                            <Items>
                                                <f:Panel ID="Panel12" Width="730px"
                                                    runat="server" BodyPadding="1px" ShowBorder="false" ShowHeader="false">
                                                    <Items>
                                                        <f:Grid ID="Grid6" ShowBorder="true" ShowHeader="false" EnableCollapse="true" runat="server"
                                                            BoxFlex="1" DataKeyNames="" DataIDField="" OnRowDataBound="Grid6_RowDataBound"
                                                            Height="300px" EnableSummary="true" SummaryPosition="Flow">
                                                            <Columns>
                                                                <f:RowNumberField EnablePagingNumber="true" Width="40px" HeaderTextAlign="Center"
                                                                    TextAlign="Center" />
                                                                <f:RenderField Width="240px" ColumnID="Discipline" DataField="Discipline"
                                                                    FieldType="String" HeaderText="Discipline" HeaderTextAlign="Center" ExpandUnusedSpace="true">
                                                                </f:RenderField>
                                                                <f:RenderField Width="160px" ColumnID="Account" DataField="Account"
                                                                    FieldType="String" HeaderText="Account" HeaderTextAlign="Center">
                                                                </f:RenderField>
                                                                <f:RenderField Width="120px" ColumnID="UserName" DataField="UserName"
                                                                    FieldType="String" HeaderText="Engineer" HeaderTextAlign="Center">
                                                                </f:RenderField>
                                                                <f:RenderField Width="80px" ColumnID="ManHours" DataField="ManHours"
                                                                    FieldType="String" HeaderText="Planed<br/>Hours" HeaderTextAlign="Center">
                                                                </f:RenderField>
                                                                <f:RenderField Width="80px" ColumnID="Hourss" DataField="Hourss"
                                                                    FieldType="String" HeaderText="Actual<br/>Hours" HeaderTextAlign="Center">
                                                                </f:RenderField>
                                                            </Columns>
                                                        </f:Grid>
                                                    </Items>
                                                </f:Panel>
                                                <f:Panel ID="Panel13" Width="900px" Height="300px" AutoScroll="true"
                                                    runat="server" BodyPadding="1px" ShowBorder="false" ShowHeader="false">
                                                    <Items>
                                                        <f:ContentPanel ID="ContentPanel2" CssClass="blockpanel" runat="server" BodyPadding="1px"
                                                            EnableAjax="false" ShowBorder="false" ShowHeader="false">
                                                            <div id="divChart2" class="echartsdiv" style="height: 280px; width: 880px;"></div>
                                                        </f:ContentPanel>
                                                    </Items>
                                                </f:Panel>
                                            </Items>
                                        </f:Panel>
                                    </Items>
                                </f:Tab>
                                <f:Tab Title="Development Remarks" BodyPadding="5px" runat="server">
                                    <Items>
                                        <f:Form ID="Form2" ShowBorder="false" ShowHeader="false" AutoScroll="true"
                                            BodyPadding="10px" runat="server" RedStarPosition="BeforeText" LabelAlign="Right">
                                            <Items>
                                                <f:FormRow>
                                                    <Items>
                                                        <f:TextArea ID="txtEnginering" runat="server" Label="Enginering" Height="60px"></f:TextArea>
                                                    </Items>
                                                </f:FormRow>
                                                <f:FormRow>
                                                    <Items>
                                                        <f:TextArea ID="txtProcurement" runat="server" Label="Procurement" Height="60px"></f:TextArea>
                                                    </Items>
                                                </f:FormRow>
                                                <f:FormRow>
                                                    <Items>
                                                        <f:TextArea ID="txtConstruction" runat="server" Label="Construction" Height="60px"></f:TextArea>
                                                    </Items>
                                                </f:FormRow>
                                                <f:FormRow>
                                                    <Items>
                                                        <f:TextArea ID="txtQuilaityHSE" runat="server" Label="Quilaity&HSE" Height="60px"></f:TextArea>
                                                    </Items>
                                                </f:FormRow>
                                            </Items>
                                        </f:Form>
                                    </Items>
                                </f:Tab>
                                <f:Tab Title="Area Concern" BodyPadding="1px" runat="server">
                                    <Items>
                                        <f:Grid ID="Grid7" ShowBorder="true" ShowHeader="false" EnableCollapse="true" runat="server"
                                            BoxFlex="1" DataKeyNames="AreaConcernId" AllowCellEditing="true" DataIDField="AreaConcernId" Height="300px">
                                            <Columns>
                                                <f:TemplateField RenderAsRowExpander="true">
                                                    <ItemTemplate>
                                                        <div class="expander">
                                                            <p>
                                                                <%# Eval("Remark") %>
                                                            </p>
                                                        </div>
                                                    </ItemTemplate>
                                                </f:TemplateField>
                                                <f:RenderField Width="300px" ColumnID="SN" DataField="SN" SortField="SN"
                                                    FieldType="String" HeaderText="SN" HeaderTextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="200px" ColumnID="EntryDate" DataField="EntryDate" SortField="EntryDate"
                                                    FieldType="Date" Renderer="Date" HeaderText="Entry Date" HeaderTextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="200px" ColumnID="CreatedByName" DataField="CreatedByName"
                                                    FieldType="String" HeaderText="Created By" HeaderTextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="200px" ColumnID="CategoryCauseName" DataField="CategoryCauseName" FieldType="String" HeaderText="Category Cause" HeaderTextAlign="Center">
                                                </f:RenderField>
                                            </Columns>
                                        </f:Grid>
                                    </Items>
                                </f:Tab>
                                <f:Tab Title="TDC" BodyPadding="1px" runat="server" AutoScroll="true">
                                    <Items>
                                        <f:Grid ID="GridTDC" ShowBorder="true" ShowHeader="false" EnableCollapse="true" runat="server"
                                            BoxFlex="1" DataKeyNames="TDCId" DataIDField="TDCId" Height="300px">
                                            <Columns>
                                                <f:TemplateField Width="50px" TextAlign="Center">
                                                    <ItemTemplate>
                                                        <asp:Label ID="Label2" runat="server" Text='<%# Container.DataItemIndex + 1 %>'></asp:Label>
                                                    </ItemTemplate>
                                                </f:TemplateField>
                                                <f:RenderField Width="150px" ColumnID="Type" DataField="Type"
                                                    HeaderText="Type">
                                                </f:RenderField>
                                                <f:RenderField Width="130px" ColumnID="Disc" DataField="Disc" FieldType="String" HeaderText="Discipline">
                                                </f:RenderField>
                                                <f:RenderField Width="100px" ColumnID="A1Pages" DataField="A1Pages" FieldType="Double"
                                                    HeaderText="A1Pages">
                                                </f:RenderField>
                                                <f:RenderField Width="120px" ColumnID="ReceiveHC" DataField="ReceiveHC" FieldType="Date"
                                                    Renderer="Date" HeaderText="ReceiveHC">
                                                </f:RenderField>
                                                <f:RenderField Width="120px" ColumnID="ReceivePDF" DataField="ReceivePDF" FieldType="Date"
                                                    Renderer="Date" HeaderText="ReceivePDF">
                                                </f:RenderField>
                                                <f:RenderField Width="120px" ColumnID="ReceiveNative" DataField="ReceiveNative" FieldType="Date"
                                                    Renderer="Date" HeaderText="ReceiveNative">
                                                </f:RenderField>
                                                <f:RenderField Width="120px" ColumnID="PublishPDF" DataField="PublishPDF" FieldType="Date"
                                                    Renderer="Date" HeaderText="PublishPDF">
                                                </f:RenderField>
                                                <f:RenderField Width="120px" ColumnID="PublishNative" DataField="PublishNative" FieldType="Date"
                                                    Renderer="Date" HeaderText="PublishNative">
                                                </f:RenderField>
                                                <f:RenderField Width="100px" ColumnID="Remarks" DataField="Remarks" ExpandUnusedSpace="true"
                                                    HeaderText="Remarks">
                                                </f:RenderField>
                                            </Columns>
                                        </f:Grid>
                                    </Items>
                                </f:Tab>
                                <f:Tab Title="Punch List" BodyPadding="1px" runat="server">
                                    <Items>
                                        <f:Grid ID="Grid8" ShowBorder="true" ShowHeader="false" EnableCollapse="true" runat="server"
                                            BoxFlex="1" DataKeyNames="PunchId" AllowCellEditing="true" DataIDField="PunchId" Height="300px">
                                            <Columns>
                                                <f:TemplateField RenderAsRowExpander="true">
                                                    <ItemTemplate>
                                                        <div class="expander">
                                                            <p>
                                                                <%# Eval("Remark") %>
                                                            </p>
                                                        </div>
                                                    </ItemTemplate>
                                                </f:TemplateField>
                                                <f:RenderField Width="180px" ColumnID="DisciplineName" DataField="DisciplineName"
                                                    FieldType="String" HeaderText="Discipline" HeaderTextAlign="Center" ExpandUnusedSpace="true">
                                                </f:RenderField>
                                                <f:RenderField Width="120px" ColumnID="ClassName" DataField="ClassName"
                                                    FieldType="String" HeaderText="Class" HeaderTextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="120px" ColumnID="TagNo" DataField="TagNo"
                                                    FieldType="String" HeaderText="Tag No." HeaderTextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="150px" ColumnID="RespUnitPerson" DataField="RespUnitPerson"
                                                    FieldType="String" HeaderText="Resp.Unit/Person" HeaderTextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="120px" ColumnID="ResiedByName" DataField="ResiedByName"
                                                    FieldType="String" HeaderText="Rasied By" HeaderTextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="150px" ColumnID="PlanedFinishDate" DataField="PlanedFinishDate"
                                                    FieldType="Date" Renderer="Date" HeaderText="Planed Finish Date" HeaderTextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="150px" ColumnID="CTECheckerName" DataField="CTECheckerName"
                                                    FieldType="String" HeaderText="CTE Checker" HeaderTextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="100px" ColumnID="CTECheckDate" DataField="CTECheckDate"
                                                    FieldType="Date" Renderer="Date" HeaderText="Check Date" HeaderTextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="150px" ColumnID="OwnerCheckerName" DataField="OwnerCheckerName"
                                                    FieldType="String" HeaderText="Owner Checker" HeaderTextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="100px" ColumnID="OwnerCheckDate" DataField="OwnerCheckDate"
                                                    FieldType="Date" Renderer="Date" HeaderText="Check Date" HeaderTextAlign="Center">
                                                </f:RenderField>
                                            </Columns>
                                        </f:Grid>
                                    </Items>
                                </f:Tab>
                                <f:Tab Title="Lesson Learned" BodyPadding="1px" runat="server">
                                    <Items>
                                        <f:Grid ID="GridLessonLearned" ShowBorder="true" ShowHeader="false" EnableCollapse="true" runat="server"
                                            BoxFlex="1" DataKeyNames="LessonsLearnedId" AllowCellEditing="true" DataIDField="LessonsLearnedId"
                                            Height="300px">
                                            <Columns>
                                                <f:RenderField Width="110px" ColumnID="Id" DataField="Id" SortField="Id"
                                                    FieldType="String" HeaderText="Lesson ID" HeaderTextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="260px" ColumnID="AppliedDiscip" DataField="AppliedDiscip" SortField="AppliedDiscip"
                                                    FieldType="String" HeaderText="Applied Disc." HeaderTextAlign="Center" ExpandUnusedSpace="true">
                                                </f:RenderField>
                                                <f:RenderField Width="260px" ColumnID="Stage" DataField="Stage" SortField="Stage"
                                                    FieldType="String" HeaderText="Stage" HeaderTextAlign="Center" ExpandUnusedSpace="true">
                                                </f:RenderField>
                                                <f:RenderField Width="260px" ColumnID="Keyword" DataField="Keyword"
                                                    FieldType="String" HeaderText="Keyword" HeaderTextAlign="Center" ExpandUnusedSpace="true">
                                                </f:RenderField>
                                                <f:RenderField Width="90px" ColumnID="EntryDate" DataField="EntryDate"
                                                    FieldType="Date" Renderer="Date" HeaderText="Entry Date" HeaderTextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="110px" ColumnID="PostBy" DataField="PostBy"
                                                    FieldType="String" HeaderText="Posted By" HeaderTextAlign="Center">
                                                </f:RenderField>
                                            </Columns>
                                        </f:Grid>
                                    </Items>
                                </f:Tab>
                                <f:Tab Title="FCR Log" BodyPadding="1px" runat="server">
                                    <Items>
                                        <f:Grid ID="Grid9" ShowBorder="true" ShowHeader="false" EnableCollapse="true" runat="server"
                                            BoxFlex="1" DataKeyNames="FCRLogId" DataIDField="FCRLogId" Height="300px">
                                            <Columns>
                                                <f:RenderField Width="130px" ColumnID="DisciplineName" DataField="DisciplineName"
                                                    FieldType="String" HeaderText="Discipline" HeaderTextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="170px" ColumnID="FCRNo" DataField="FCRNo"
                                                    FieldType="String" HeaderText="FCR NO." HeaderTextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="100px" ColumnID="CDIName" DataField="CDIName"
                                                    FieldType="String" HeaderText="CDI" HeaderTextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="90px" ColumnID="CostYorN" DataField="CostYorN"
                                                    FieldType="String" HeaderText="Cost(Y/N)" HeaderTextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="100px" ColumnID="CostCNY" DataField="CostCNY"
                                                    FieldType="String" HeaderText="Cost(CNY)" HeaderTextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="90px" ColumnID="SchYorN" DataField="SchYorN"
                                                    FieldType="String" HeaderText="Sch.(Y/N)" HeaderTextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="100px" ColumnID="SchDays" DataField="SchDays"
                                                    FieldType="String" HeaderText="Sch.(Days)" HeaderTextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="120px" ColumnID="Initiator" DataField="Initiator"
                                                    FieldType="String" HeaderText="Initator" HeaderTextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="150px" ColumnID="CategoryName" DataField="CategoryName"
                                                    FieldType="String" HeaderText="Catetory" HeaderTextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="110px" ColumnID="TDCRecDate" DataField="TDCRecDate"
                                                    FieldType="Date" Renderer="Date" HeaderText="Receive Date" HeaderTextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="110px" ColumnID="FCRIssueDate" DataField="FCRIssueDate"
                                                    FieldType="Date" Renderer="Date" HeaderText="Issue Date" HeaderTextAlign="Center">
                                                </f:RenderField>
                                                <f:RenderField Width="110px" ColumnID="ConReturnDate" DataField="ConReturnDate"
                                                    FieldType="Date" Renderer="Date" HeaderText="Return Date" HeaderTextAlign="Center">
                                                </f:RenderField>
                                            </Columns>
                                        </f:Grid>
                                    </Items>
                                </f:Tab>
                                <f:Tab Title="Key Quantity" BodyPadding="1px" runat="server">
                                    <Items>
                                        <f:Grid ID="GridKeyQuantity" ShowBorder="true" ShowHeader="false" EnableCollapse="true" runat="server"
                                            BoxFlex="1" DataKeyNames="KeyQuantityId" DataIDField="KeyQuantityId" Height="300px">
                                            <Columns>
                                                <f:RenderField Width="120px" ColumnID="ProjectControl_JobNo" DataField="ProjectControl_JobNo" SortField="ProjectControl_JobNo"
                                                    FieldType="String" HeaderText="Job No" HeaderTextAlign="Center" TextAlign="Left">
                                                </f:RenderField>
                                                <f:RenderField Width="100px" ColumnID="DepartName" DataField="DepartName" SortField="DepartName"
                                                    FieldType="String" HeaderText="Type" HeaderTextAlign="Center" TextAlign="Left">
                                                </f:RenderField>
                                                <f:RenderField Width="80px" ColumnID="DisciplinesWBSCode" DataField="DisciplinesWBSCode"
                                                    SortField="DisciplinesWBSCode" FieldType="String" HeaderText="Identifier" HeaderTextAlign="Center" TextAlign="Left">
                                                </f:RenderField>
                                                <f:RenderField Width="180px" ColumnID="DisciplinesWBSName" DataField="DisciplinesWBSName"
                                                    FieldType="String" HeaderText="Descipline" HeaderTextAlign="Center" TextAlign="Left">
                                                </f:RenderField>
                                                <f:RenderField Width="100px" ColumnID="QuantityDesctiption" DataField="QuantityDesctiption"
                                                    FieldType="String" HeaderText="Quantity Desctiption" HeaderTextAlign="Center" TextAlign="Left" ExpandUnusedSpace="true">
                                                </f:RenderField>
                                                <f:RenderField Width="90px" ColumnID="InputQuantity" DataField="InputQuantity"
                                                    FieldType="String" HeaderText="Input Quantity" HeaderTextAlign="Center" TextAlign="Left">
                                                </f:RenderField>
                                                <f:RenderField Width="100px" ColumnID="PlanMHRsUnit" DataField="PlanMHRsUnit"
                                                    FieldType="String" HeaderText="Plan MHRs/Unit" HeaderTextAlign="Center" TextAlign="Left">
                                                </f:RenderField>
                                                <f:RenderField Width="90px" ColumnID="PlanMHRs" DataField="PlanMHRs"
                                                    FieldType="String" HeaderText="Plan MHRs" HeaderTextAlign="Center" TextAlign="Left">
                                                </f:RenderField>
                                                <f:RenderField Width="100px" ColumnID="PlanMHRsSummary" DataField="PlanMHRsSummary"
                                                    FieldType="String" HeaderText="Plan MHRs Summary" HeaderTextAlign="Center" TextAlign="Left">
                                                </f:RenderField>
                                                <f:RenderField Width="120px" ColumnID="ActualMHRs" DataField="ActualMHRs"
                                                    FieldType="String" HeaderText="Actual MHRs" HeaderTextAlign="Center" TextAlign="Left">
                                                </f:RenderField>
                                            </Columns>
                                        </f:Grid>
                                    </Items>
                                </f:Tab>
                            </Tabs>
                        </f:TabStrip>
                    </Items>
                </f:Panel>
            </Items>
        </f:Panel>
        <f:Window ID="Window1" Title="Details" Hidden="true" EnableIFrame="true" EnableMaximize="true"
            Target="Parent" EnableResize="true" runat="server" IsModal="true" Width="1400px"
            Height="680px">
        </f:Window>
        <f:Window ID="Window2" Title="Search" Hidden="true" EnableIFrame="true" EnableMaximize="false"
            Target="Parent" EnableResize="true" runat="server" IsModal="true" Width="600px"
            Height="620px" OnClose="Window2_Close">
        </f:Window>
    </form>
    <script>
        function onRowselect(event, nodeId) {
            onGrid1RowSelect(nodeId);
        }

        function onGrid1RowSelect(rowId) {

            $.ajax({
                url: "MainHandler.ashx",
                type: "POST",
                async: false,
                data: { "sId": rowId },
                dataType: "json",
                success: function (data) {
                    if (data != null) {
                        divCost(data.json);
                        divResources(data.json1);

                    }
                }
            });
        }

        function divCost(CostArr) {
            var Legendata = '';
            var ActCom = '';
            var ActComs = '';
            var Budget = '';
            for (var i = 0; i < CostArr.length; i++) {
                if (CostArr[i].Monthly != "") {
                    Legendata += "'" + CostArr[i].Monthly + "',";
                    var sd = parseFloat(CostArr[i].ActualCost) + parseFloat(CostArr[i].CommittedPRPO) + parseFloat(CostArr[i].CommittedSSRs + parseFloat(CostArr[i].CostToComplete));
                    ActCom += "" + sd + ",";
                    ActComs += "" + CostArr[i].ActualCost + ",";
                    Budget += "" + CostArr[i].OrginalBudget + ",";
                }
            }
            Legendata = '[' + Legendata.substring(0, Legendata.length - 1) + ']';
            Legendata = eval(Legendata);

            ActCom = '[' + ActCom.substring(0, ActCom.length - 1) + ']';
            ActCom = eval(ActCom);

            ActComs = '[' + ActComs.substring(0, ActComs.length - 1) + ']';
            ActComs = eval(ActComs);

            Budget = '[' + Budget.substring(0, Budget.length - 1) + ']';
            Budget = eval(Budget);

            var myChart = echarts.init(document.getElementById('divChart1'));
            //var colors = ['#675bba', '#5793f3', '#d14a61'];
            var option = {
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {            // 坐标轴指示器,坐标轴触发有效
                        type: 'shadow'        // 默认为直线,可选为:'line' | 'shadow'
                    }
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },
                legend: {
                    data: ['Budget', 'Est.Final', 'Actual']
                },
                xAxis: [
                    {
                        type: 'category',
                        data: Legendata,
                        axisTick: {
                            alignWithLabel: true
                        }
                    }
                ],
                yAxis: [
                    {
                        type: 'value'
                    }
                ],
                series: [
                    {
                        name: 'Budget',
                        type: 'line',
                        data: Budget,
                        itemStyle: {
                            normal: {
                                color: '#FF0000'
                            }
                        }
                    },
                    {
                        name: 'Est.Final',
                        type: 'line',
                        data: ActCom,
                        itemStyle: {
                            normal: {
                                color: '#8E388E'
                            }
                        }
                    },
                    {
                        name: 'Actual',
                        type: 'line',
                        data: ActComs,
                        itemStyle: {
                            normal: {
                                color: '#458B74'
                            }
                        }
                    }
                ]
            };
            myChart.setOption(option);
        }

        function divResources(ResourcesArr) {
            var Legendata = '';
            var ManHours = '';
            var Hours = '';
            var spanValue1 = 0;
            var spanValue2 = 0;
            for (var i = 0; i < ResourcesArr.length; i++) {
                if (ResourcesArr[i].DateMonth != "") {
                    Legendata += "'" + ResourcesArr[i].DateMonth + "',";
                    spanValue1 += ResourcesArr[i].ManHours;
                    ManHours += "" + spanValue1 + ",";
                    spanValue2 += ResourcesArr[i].Hours;
                    Hours += "" + spanValue2 + ",";
                }
            }
            console.log("ManHours:" + ManHours);

            Legendata = '[' + Legendata.substring(0, Legendata.length - 1) + ']';
            Legendata = eval(Legendata);

            ManHours = '[' + ManHours.substring(0, ManHours.length - 1) + ']';
            ManHours = eval(ManHours);

            Hours = '[' + Hours.substring(0, Hours.length - 1) + ']';
            Hours = eval(Hours);

            var myChart = echarts.init(document.getElementById('divChart2'));
            // var colors = ['#675bba', '#5793f3', '#d14a61'];
            var option = {
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {            // 坐标轴指示器,坐标轴触发有效
                        type: 'shadow'        // 默认为直线,可选为:'line' | 'shadow'
                    }
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },
                legend: {
                    data: ['planned Hours(Cum.)', 'Actual Hours(Cum.)']
                },
                xAxis: [
                    {
                        type: 'category',
                        data: Legendata,
                        axisLabel: {
                            interval: 0,  //控制坐标轴刻度标签的显示间隔.设置成 0 强制显示所有标签。设置为 1,隔一个标签显示一个标签。设置为2,间隔2个标签。以此类推
                            rotate: -20,//倾斜度 -90 至 90 默认为0 
                            textStyle: {
                                //fontWeight:"bold",  //加粗
                                color: "#000000"   //黑色
                            },
                        },
                        axisTick: {
                            alignWithLabel: true
                        }
                    }
                ],
                yAxis: [
                    {
                        type: 'value'
                    }
                ],
                series: [
                    {
                        name: 'Actual Hours(Cum.)',
                        type: 'line',
                        data: Hours,
                        itemStyle: {
                            normal: {
                                color: 'red'
                            }
                        }
                    },
                    {
                        name: 'planned Hours(Cum.)',
                        type: 'line',
                        data: ManHours,
                        itemStyle: {
                            normal: {
                                color: 'blue'
                            }
                        }
                    }
                ]
            };
            myChart.setOption(option);
        }

        function renderSalary(value) {
            return F.addCommas(value.toFixed(0));
        }
    </script>
</body>
</html>