<%@ 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>