1024 lines
50 KiB
Plaintext
1024 lines
50 KiB
Plaintext
@model IEnumerable<GODATA.Models.Ticket.TicketOpenCloseModel>
|
|
|
|
@*<script src="~/Scripts/Report/reportTicketDetails.js"></script>*@
|
|
@Scripts.Render("~/bundles/jsTicketReportFullDetail")
|
|
@if (Model != null && Model.Count() > 0)
|
|
{
|
|
|
|
<input id="ticketStatusHidden" type="hidden" value="@Model.Select(s => s.TicketStatus).FirstOrDefault().ToString()" />
|
|
<input id="ticketAssignedToHidden" type="hidden" value="@Model.Select(s => s.AssignedTo).FirstOrDefault().ToString()" />
|
|
|
|
<div class="size25 left">
|
|
<div class="window">
|
|
<div class="titlebar">
|
|
<div class="title">
|
|
Ticket List
|
|
</div>
|
|
</div>
|
|
<div class="innerWindow ">
|
|
@*<div class="toolbar" style="border-bottom: 1px solid #d5d5d5;">
|
|
</div>*@
|
|
<div id="divTicket" class="content withtoolbar" style="margin-top: -27px; overflow-x: auto;">
|
|
@if (ViewBag.CloseTicketHistory != null)
|
|
{
|
|
<table id="tableTicketHistory" data-ticketstatus="close" class="OpenTicketTbl" cellpadding="0" cellspacing="0" width="100%">
|
|
<thead>
|
|
<tr>
|
|
<th width="84px">
|
|
Id
|
|
</th>
|
|
<th>
|
|
Status
|
|
</th>
|
|
<th>
|
|
Resolution SLA (in min)
|
|
</th>
|
|
<th>
|
|
Response SLA (in min)
|
|
</th>
|
|
<th>
|
|
Closure within 24 Hrs and Feedback
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@foreach (var item2 in (List<GODATA.Models.Ticket.TicketModel>)ViewBag.CloseTicketHistory)
|
|
{
|
|
<tr id="@item2.TicketId" data-ticketStatus="@item2.TicketStatusAlias" data-ticketCreationTime="@item2.CreationTime" data-reason24Hrs="@Convert.ToDouble(item2.TotalTicketCloseHours)" data-isFeedback="@item2.FeedBackAgenName" class="trData">
|
|
<td width="84px" class="SelectRow">
|
|
@Html.DisplayFor(modelItem => item2.TicketIdAlias)
|
|
</td>
|
|
<td class="SelectRow">
|
|
@Html.DisplayFor(modelItem => item2.TicketStatusAlias)
|
|
</td>
|
|
<td class="SelectRow">
|
|
@Html.DisplayFor(modelItem => item2.DefaultSlaTime)
|
|
</td>
|
|
<td class="SelectRow">
|
|
@Html.DisplayFor(modelItem => item2.TotalTicketLifecycleTimeSla)
|
|
</td>
|
|
|
|
@if (item2.CallStatus == null) { item2.CallStatus = ""; } else { item2.CallStatus = item2.CallStatus; }
|
|
|
|
|
|
@* if feedback and reason for 24 hrs are filled *@
|
|
@if ((Convert.ToDouble(item2.TotalTicketCloseHours) >= Convert.ToDouble(24)) && ((item2.CallStatus.ToString()).ToLower().Trim() == "feedback collected") && (item2.ReasonBeyond24Hrs != "" && item2.ReasonBeyond24Hrs != null))
|
|
{
|
|
<td class="SelectRow reasonFeedback" align="">
|
|
<span id="span24Hrs" class="Hours" style="background: green;">24</span> <span id="spanFeedback" class="feedback" style="background: green;">F</span>
|
|
</td>
|
|
}
|
|
@* if reason is filled and feedback is not filled *@
|
|
else if ((Convert.ToDouble(item2.TotalTicketCloseHours) >= Convert.ToDouble(24)) && ((item2.CallStatus.ToString()).ToLower().Trim() != "feedback collected" || item2.CallStatus.ToString() == "" || item2.CallStatus.ToString() == null) && (item2.ReasonBeyond24Hrs != "" && item2.ReasonBeyond24Hrs != null))
|
|
//else if ((Convert.ToDouble(item2.TotalTicketCloseHours) >= Convert.ToDouble(24)) && (item2.FeedBackAgenName == "" || item2.FeedBackAgenName == null) && (item2.ReasonBeyond24Hrs != "" && item2.ReasonBeyond24Hrs != null))
|
|
{
|
|
<td class="SelectRow reasonFeedback" align="">
|
|
<span id="span24Hrs" class="Hours" style="background: green;">24</span> <span id="spanFeedback" class="feedback" style="background: red;">F</span>
|
|
|
|
</td>
|
|
}
|
|
@* if reason and feedback are not filled *@
|
|
else if ((Convert.ToDouble(item2.TotalTicketCloseHours) >= Convert.ToDouble(24)) && ((item2.CallStatus.ToString()).ToLower().Trim() != "feedback collected" || item2.CallStatus.ToString() == "" || item2.CallStatus.ToString() == null) && (item2.ReasonBeyond24Hrs == "" || item2.ReasonBeyond24Hrs == null))
|
|
//else if ((Convert.ToDouble(item2.TotalTicketCloseHours) >= Convert.ToDouble(24)) && (item2.FeedBackAgenName == "" || item2.FeedBackAgenName == null) && (item2.ReasonBeyond24Hrs == "" || item2.ReasonBeyond24Hrs == null))
|
|
{
|
|
<td class="SelectRow reasonFeedback" align="">
|
|
<span id="span24Hrs" class="Hours" style="background: red;">24</span> <span id="spanFeedback" class="feedback" style="background: red;">F</span>
|
|
|
|
</td>
|
|
}
|
|
@* if reason is not filled and feedback is filled *@
|
|
else if ((Convert.ToDouble(item2.TotalTicketCloseHours) >= Convert.ToDouble(24)) && ((item2.CallStatus.ToString()).ToLower().Trim() == "feedback collected") && (item2.ReasonBeyond24Hrs == "" || item2.ReasonBeyond24Hrs == null))
|
|
//else if ((Convert.ToDouble(item2.TotalTicketCloseHours) >= Convert.ToDouble(24)) && (item2.FeedBackAgenName != "" && item2.FeedBackAgenName != null) && (item2.ReasonBeyond24Hrs == "" || item2.ReasonBeyond24Hrs == null))
|
|
{
|
|
<td class="SelectRow reasonFeedback" align="">
|
|
<span id="span24Hrs" class="Hours" style="background: red;">24</span> <span id="spanFeedback" class="feedback" style="background: green;">F</span>
|
|
|
|
</td>
|
|
}
|
|
@* if ticket is not under case of 24 hrs closure and feedback is not filled *@
|
|
else if (Convert.ToDouble(item2.TotalTicketCloseHours) < Convert.ToDouble(24) && (item2.CallStatus.ToString().ToLower().Trim() != "feedback collected"))
|
|
//else if (Convert.ToDouble(item2.TotalTicketCloseHours) < Convert.ToDouble(24) && (item2.FeedBackAgenName == "" || item2.FeedBackAgenName == null))
|
|
{
|
|
<td class="SelectRow reasonFeedback" align="">
|
|
<span id="spanFeedback" class="feedback" style="background: red;">F</span>
|
|
|
|
</td>
|
|
}
|
|
@* if ticket is not under case of 24 hrs closure and feedback is filled *@
|
|
else if ((Convert.ToDouble(item2.TotalTicketCloseHours) < Convert.ToDouble(24)) && ((item2.CallStatus.ToString()).ToLower().Trim() == "feedback collected"))
|
|
//else if (Convert.ToDouble(item2.TotalTicketCloseHours) < Convert.ToDouble(24) && (item2.FeedBackAgenName != "" && item2.FeedBackAgenName != null))
|
|
{
|
|
<td class="SelectRow reasonFeedback" align="">
|
|
<span id="spanFeedback" class="feedback" style="background: green;">F</span>
|
|
|
|
</td>
|
|
}
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
</table>
|
|
}
|
|
else
|
|
{
|
|
<table id="tableTicketHistory" data-ticketstatus="open" class="OpenTicketTbl" cellpadding="0" cellspacing="0" width="100%">
|
|
<thead>
|
|
<tr>
|
|
<th width="84px">
|
|
Id
|
|
</th>
|
|
<th>
|
|
Status
|
|
</th>
|
|
<th>
|
|
Resolution SLA (in min)
|
|
</th>
|
|
<th>
|
|
Response SLA (in min)
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@foreach (var item in Model)
|
|
{
|
|
|
|
<tr id="@item.TicketId" data-ticketStatus="@item.TicketStatusAlias" class="trData">
|
|
<td width="84px" class="SelectRow ">
|
|
@Html.DisplayFor(modelItem => item.TicketIdAlias)
|
|
</td>
|
|
<td class="SelectRow ">
|
|
@Html.DisplayFor(modelItem => item.TicketStatusAlias)
|
|
</td>
|
|
<td class="SelectRow ">
|
|
@Html.DisplayFor(modelItem => item.DefaultSlaTime)
|
|
</td>
|
|
<td class="SelectRow ">
|
|
@Html.DisplayFor(modelItem => item.TotalTicketLifecycleTimeSla)
|
|
</td>
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
</table>
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="size50 mid20-20" id="divMap" style="left: 25%;">
|
|
<div class="window">
|
|
<div class="titlebar">
|
|
<div class="title">
|
|
Ticket Information
|
|
</div>
|
|
</div>
|
|
<div class="innerWindow">
|
|
<div id="divMapDetail" class="toolbar DeatilPopup">
|
|
<ul class="toolUl">
|
|
@* <li class="editBtn">
|
|
<div class="toolBtn">
|
|
<label id="labelRoute">
|
|
<span class="k-icon k-add" style="background-image: none;"></span>Route Map
|
|
</label>
|
|
</div>
|
|
</li>*@
|
|
<li class="editBtn">
|
|
<div class="toolBtn">
|
|
<label id="labelActivity">
|
|
<span class="k-icon k-add" style="background-image: none;"></span>Ticket Activity
|
|
</label>
|
|
</div>
|
|
</li>
|
|
<li class="editBtn" id="listpaymentdetais">
|
|
<div class="toolBtn">
|
|
<label id="labelpayment" onclick="getPaymentDetails();">
|
|
<span class="k-icon k-add" style="background-image: none;"></span>Payment Details (
|
|
<span id="spncount" style="color:red;"></span> )
|
|
</label>
|
|
</div>
|
|
|
|
</li>
|
|
@* <li class="editBtn" style="display:block;" id="lidtcdata">
|
|
<div class="toolBtn">
|
|
<label id="labelDTCData" onclick="onclickLabelDtcData();">
|
|
<span class="k-icon k-add" style="background-image: none;"></span>DTC Data<label id="lblDTCCount"></label>
|
|
</label>
|
|
</div>
|
|
</li>*@
|
|
|
|
<li class="editBtn" style="display:block;" id="lidtcdata">
|
|
<div class="toolBtn">
|
|
<label id="labelDTCData" onclick="onclickLabelDtcData();">
|
|
<span class="k-icon k-add" style="background-image: none;"></span>DTC Data<label id="lblDTCCountSuperAdmin"></label>
|
|
</label>
|
|
</div>
|
|
</li>
|
|
<li class="editBtn" id="listFeedback">
|
|
<div class="toolBtn">
|
|
<label id="labelFeedback">
|
|
<span class="k-icon k-add" style="background-image: none;"></span>Feedback
|
|
</label>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
@*<div id="divMapContainer" class="innerWindow">*@
|
|
<div id="divMapContainer" class="content MapBox" style="top: 32px;">
|
|
<img src="" id="staticMapImgUrl" />
|
|
</div>
|
|
<div id="divPaymentDeatils" class="content" style="display: none;margin-top:41px;">
|
|
<div id="dvpdf">
|
|
<span id="spnpayment">
|
|
Hi, Total amount paid pertaining to EOS ticket <span id="spntid"></span> is Rs <span id="spnamount"></span>/- .<br />
|
|
<div> Following are the payment details :</div>
|
|
</span>
|
|
<table id="tblpayment" class="OpenTicketTbl" cellpadding="0" cellspacing="0" width="100%">
|
|
<thead>
|
|
<tr>
|
|
<th><span>Payment Date</span></th>
|
|
<th><span>Time</span></th>
|
|
<th><span>Paid By</span></th>
|
|
<th><span>Mobile number</span></th>
|
|
<th><span>Paid Amount</span></th>
|
|
<th><span>Mode Of Payment</span></th>
|
|
<th><span>Remarks</span></th>
|
|
<th><span>Payment Updated By</span></th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody id="tblpaymentdata"></tbody>
|
|
</table>
|
|
</div>
|
|
<div id="dvError" style="margin-top:12px;font-size:16px;"></div>
|
|
<br />
|
|
|
|
</div>
|
|
<div id="divActivity" class="content" style="top: 32px; display: none; overflow: hidden;">
|
|
</div>
|
|
<div id="divDTCDta" class="content" style="display: none;">
|
|
|
|
<table id="dateTable" style="display:none;" >
|
|
<tbody>
|
|
<tr>
|
|
<td> <div class="datesectiondtc">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</td>
|
|
</tr></tbody></table>
|
|
|
|
<table class="modalTable">
|
|
<thead role="grid" id="tblvolvo" style="display:none;">
|
|
<tr>
|
|
@* <th><span>chassis No</span></th>
|
|
<th><span>Emission Norms</span></th>
|
|
<th><span>Segment</span></th>
|
|
<th><span>Engine No</span></th>
|
|
<th><span>Model</span></th>
|
|
<th><span>Chassis Id</span></th>*@
|
|
<th><span>Dtc Code</span></th>
|
|
<th><span>Description</span></th>
|
|
<th><span>Occurance Count</span></th>
|
|
<th><span>FirstFailureTime</span></th>
|
|
<th><span>Last FailureTime</span></th>
|
|
<th><span>Dtc Status</span></th>
|
|
@* <th><span>Main Software</span></th>
|
|
<th><span>Packet DateTime</span></th>*@
|
|
|
|
</tr>
|
|
</thead>
|
|
@*</table>
|
|
<table role="grid">*@
|
|
<thead id="tblwabco" style="display:none;">
|
|
<tr>
|
|
@* <th><span>chassis No</span></th>
|
|
<th><span>Emission Norms</span></th>
|
|
<th><span>Segment</span></th>
|
|
<th><span>Engine No</span></th>
|
|
<th><span>Model</span></th>
|
|
<th><span>Chassis Id</span></th>
|
|
<th><span>Device ID</span></th>
|
|
<th><span>Occurance Count</span></th>
|
|
<th><span>Spn</span></th>*@
|
|
<th><span>Dtc Code</span></th>
|
|
<th><span>Description</span></th>
|
|
<th><span>Occurance Count</span></th>
|
|
<th><span>Dtc Occurance Date</span></th>
|
|
@* <th><span>Case Number</span></th>*@
|
|
<th><span>Dtc Status</span></th>
|
|
@* <th><span>Packet DateTime</span></th>*@
|
|
</tr>
|
|
</thead>
|
|
<tbody id="tbldtcdata" >
|
|
|
|
</tbody>
|
|
@* <input type="button" value="Quick Download" class="button_blue CustomeBtn" onclick="exportDtcReportCSV()" title="Quick Download" style="margin:-2px 7px;height:14px;"/>
|
|
*@
|
|
</table>
|
|
|
|
<div id="dvError" style="margin-top:12px;font-size:16px;"></div>
|
|
@*<table >
|
|
</table>*@
|
|
</div>
|
|
|
|
<div id="divFeedback" class="content" style="top: 32px; display: none;">
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="divTicketDetailTitle" class="size25 right">
|
|
<div class="window">
|
|
<div class="titlebar">
|
|
<div class="title">
|
|
Ticket Details
|
|
</div>
|
|
</div>
|
|
<div class="innerWindow">
|
|
<div class="content" style="overflow-x: auto;">
|
|
<div class="listDetails">
|
|
<div id="divDetail" class="ldSection Accordian_list" style="border-top: 0;">
|
|
@foreach (var item2 in Model)
|
|
{
|
|
@Html.Hidden("AssignedVanDealerLat", @item2.AssignedToUserLattitude)
|
|
@Html.Hidden("AssignedVanDealerLng", @item2.AssignedToUserLongitude)
|
|
@Html.Hidden("BreakdownLat", @item2.BreakdownLattitude)
|
|
@Html.Hidden("BreakdownLng", @item2.BreakdownLongitude)
|
|
@Html.Hidden("defaultSlaTime", @item2.DefaultSlaTime)
|
|
@Html.Hidden("CustomerContactNo", @item2.CustomerContactNo)
|
|
@Html.Hidden("VehicleRegistrationNo", @item2.VehicleRegisterNumber)
|
|
@Html.Hidden("DealerID", @item2.Dealer_Id)
|
|
@Html.Hidden("VehicleTagging", @item2.Vehicle_tagging)
|
|
@Html.Hidden("Device_Alias", @item2.Device_Alias)
|
|
@Html.Hidden("CreationTime", @item2.CreationTime)
|
|
@Html.Hidden("CurrentLat", @item2.current_lat)
|
|
@Html.Hidden("CurrentLong", @item2.current_long)
|
|
<div class="ldSection" style="">
|
|
@*<h2 style="text-align: center;" class="darktxt"><span>@Html.DisplayFor(modelItem => item.TicketId)</span></h2>*@
|
|
|
|
@(Html.Kendo().PanelBar()
|
|
.Name("panelbar")
|
|
.ExpandMode(PanelBarExpandMode.Multiple)
|
|
.Events(events => events
|
|
// .Collapse("collapse")
|
|
.Expand("onExpand")
|
|
)
|
|
.HtmlAttributes(new { @class = "themeTable TicketID" })
|
|
.Items(panelbar =>
|
|
{
|
|
panelbar.Add().Text("Ticket Id - " + item2.TicketIdAlias).HtmlAttributes(new { style = "text-align: center;", @id = "divTicketDetails", @class = "darktxt" })
|
|
.Expanded(true)
|
|
.Content(@<div>
|
|
<div id="loadingTicketDetails" class="loadingBlue"></div>
|
|
<input type="hidden" id="hdnticketAlias" value="@item2.TicketIdAlias"/>
|
|
<table id="tableTicketDetails" class="themeTable TicketID" cellpadding="0" cellspacing="0">
|
|
@{
|
|
double totalDistance = 2 * Convert.ToDouble(item2.EstimatedDistance);
|
|
double totalChargeableDistance = Convert.ToDouble(item2.ActualDistance);
|
|
}
|
|
<tbody>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Assigned To</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@item2.AssignedTo</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Created By</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@item2.UsersUserName</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Creation Date and Time</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item2.CreationTime)</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Last Modified By</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item2.LastModifiedBy)</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Last Modified Date and Time</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item2.LastModifiedTime)</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Breakdown Location</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item2.BreakdownLocation)</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Breakdown Location Landmark</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item2.BreakdownLocationLandmark)</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
@*<span class="darktxt">Total Distance Covered by Vehicle (In KM)</span>*@
|
|
<span class="darktxt">Breakdown Vehicle Travelled (In KM)</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item2.KmCovered)</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Route</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@Html.Display("route", (string)ViewBag.Route)</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Estimated Chargeable Distance (In KM)</span>
|
|
</td>
|
|
@if (item2.EstimatedDistance != "" && item2.EstimatedDistance != null)
|
|
{
|
|
<td style="" class=" darktxt">
|
|
@Html.DisplayFor(modelItem => item2.EstimatedDistance) + @Html.DisplayFor(modelItem => item2.EstimatedDistance) = @totalDistance
|
|
</td>
|
|
}
|
|
else
|
|
{
|
|
<td style="" class=" darktxt">
|
|
@Html.DisplayFor(modelItem => item2.EstimatedDistance)
|
|
</td>
|
|
}
|
|
</tr>
|
|
@* @if ((item2.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["ClosedAlias"]) || (item2.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["OpportunityLost"]))
|
|
{
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Actual Chargeable Distance (In KM)</span>
|
|
</td>
|
|
@if (item2.ActualDistance != "" && item2.ActualDistance != null)
|
|
{
|
|
<td style="" class=" darktxt">
|
|
@Html.DisplayFor(modelItem => item2.ActualDistance)
|
|
</td>
|
|
}
|
|
else
|
|
{
|
|
<td style="" class=" darktxt">
|
|
@Html.DisplayFor(modelItem => item2.EstimatedDistance)
|
|
</td>
|
|
}
|
|
</tr>
|
|
}*@
|
|
<tr>
|
|
<td style="" class=" ">
|
|
@*<span class="darktxt">Total Distance Covered by Vehicle (In KM)</span>*@
|
|
<span class="darktxt">EOS Van Actual Distance Travelled (In KM)</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item2.VanKmCovered)</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
@*<span class="darktxt">Total Distance Covered by Vehicle (In KM)</span>*@
|
|
<span class="darktxt">EOS Van Trip Start</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item2.TripStart)</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
@*<span class="darktxt">Total Distance Covered by Vehicle (In KM)</span>*@
|
|
<span class="darktxt">EOS Van Trip End</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item2.TripEnd)</td>
|
|
</tr>
|
|
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
);
|
|
|
|
panelbar.Add().Text("Driver/Caller Info").HtmlAttributes(new { @id = "divDriverDetails", @class = "" })
|
|
.Content(@<div>
|
|
<div id="loadingDriverDetails" class="loadingBlue"></div>
|
|
<table id="tableDriverDetails" class="themeTable TicketID" cellpadding="0" cellspacing="0">
|
|
<tbody>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Name</span>
|
|
</td>
|
|
<td style="" class="darktxt">
|
|
<label id="customerName"></label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Contact No.</span>
|
|
</td>
|
|
<td style="" class=" darktxt">
|
|
<label id="customerContactNo"></label>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
);
|
|
panelbar.Add().Text("Vehicle's Owner/Fleet Info").HtmlAttributes(new { @id = "divOwnerDetails", @class = "" })
|
|
.Content(@<div>
|
|
<div id="loadingOwnerDetails" class="loadingBlue"></div>
|
|
<table id="tableOwnerDetails" class="themeTable TicketID" cellpadding="0" cellspacing="0">
|
|
<tbody>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Owner's Name</span>
|
|
</td>
|
|
<td style="" class=" darktxt">
|
|
<label id="ownerName"></label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Owner's Contact No.</span>
|
|
</td>
|
|
<td style="" class=" darktxt">
|
|
<label id="ownerContact"></label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Owner's Location</span>
|
|
</td>
|
|
<td style="" class=" darktxt">
|
|
<label id="ownerState"></label>
|
|
</td>
|
|
</tr>
|
|
|
|
@* added on 15-12-2020*@
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Customer Type</span>
|
|
</td>
|
|
<td style="" class=" darktxt">
|
|
<label id="customertype"></label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Customer Id</span>
|
|
</td>
|
|
<td style="" class=" darktxt">
|
|
<label id="customer_id"></label>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
);
|
|
panelbar.Add().Text("Vehicle Health").HtmlAttributes(new { @id = "divBatteryVoltage", @class = "" })
|
|
|
|
.Content(@<div>
|
|
<div id="loadingvehicleHealthDetails" class="loadingBlue"></div>
|
|
<table id="tableVehicleHealthDetails" class="themeTable TicketID" cellpadding="0" cellspacing="0">
|
|
<tbody>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Battery Voltage</span>
|
|
</td>
|
|
<td style="" class=" darktxt">
|
|
<label id="batteryVoltage"></label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Fuel Level In Per</span>
|
|
</td>
|
|
<td style="" class=" darktxt">
|
|
<label id="fuelLevelInPer"></label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Def Level In Ltr</span>
|
|
</td>
|
|
<td style="" class=" darktxt">
|
|
<label id="defLevelInLtr"></label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Fuel Level In Ltr</span>
|
|
</td>
|
|
<td style="" class=" darktxt">
|
|
<label id="fuelLevelInLtr"></label>
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
);
|
|
panelbar.Add().Text("Vehicle Info").HtmlAttributes(new { @id = "divVehicleDetails", @class = "" })
|
|
.Content(@<div>
|
|
<div id="loadingVehicleDetails" class="loadingBlue"></div>
|
|
<table id="tableVehicleDetails" class="themeTable TicketID" cellpadding="0" cellspacing="0">
|
|
<tbody>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Registration No.</span>
|
|
</td>
|
|
<td style="" class=" darktxt">
|
|
<label id="vehicleRegistration"></label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Chassis No.</span>
|
|
</td>
|
|
<td style="" class=" darktxt">
|
|
<label id="vehiclechassisnumber">@Html.DisplayFor(modelItem => item2.ChassisNumber)</label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Model No.</span>
|
|
</td>
|
|
<td style="" class=" darktxt">
|
|
<label id="vehicleModelNo"></label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Product Variant</span>
|
|
</td>
|
|
<td style="" class=" darktxt">
|
|
<label id="vehicleProductVariant"></label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Vehicle Type</span>
|
|
</td>
|
|
<td style="" class=" darktxt">
|
|
<label id="vehicleType"></label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Vehicle Installation Date</span>
|
|
</td>
|
|
<td style="" class=" darktxt">
|
|
<label id="vehicleInstallationDate"></label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Type of Load Carrying</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item2.DefaultCol2)</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Direction of Vechicle</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item2.DefaultCol3)</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Nature of Problem</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item2.Description)</td>
|
|
</tr>
|
|
@*added on 27/11/2020*@
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Vehicle Warranty</span>
|
|
</td>
|
|
<td style="" class=" darktxt" id="lblvehicleWarranty">@Html.DisplayFor(modelItem => item2.vehicle_warranty)</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Vehicle Extended Warranty</span>
|
|
</td>
|
|
<td style="" class="darktxt" id="lblVehicleextendedWarranty">@Html.DisplayFor(modelItem => item2.vehicle_warranty)</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Extended Warranty End Date</span>
|
|
</td>
|
|
<td style="" class=" darktxt" id="lblVehicleextendedeWarrantyenddate">@Html.DisplayFor(modelItem => item2.vehicle_warranty)</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Vehicle Amc</span>
|
|
</td>
|
|
<td style="" class=" darktxt" id="lblVehicleAMc">@Html.DisplayFor(modelItem => item2.vehicle_amc)</td>
|
|
</tr>
|
|
<tr id="trtype">
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Vehicle AMC Type</span>
|
|
</td>
|
|
<td style="" class=" darktxt" id="lblVehicleType">@Html.DisplayFor(modelItem => item2.vehicle_amc)</td>
|
|
</tr>
|
|
|
|
<tr id="trdate">
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Vehicle AMC End Date</span>
|
|
</td>
|
|
<td style="" class=" darktxt" id="lblVehicledate">@Html.DisplayFor(modelItem => item2.vehicle_amc)</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Vehicle Emission Norms</span>
|
|
</td>
|
|
<td style="" class=" darktxt" id="lblVehicleEmissionNorms">@Html.DisplayFor(modelItem => item2.vehicle_emission_norms)</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Vehicle Sales Date</span>
|
|
</td>
|
|
<td style="" class=" darktxt" id="lblVehicleSalesDate">@Html.DisplayFor(modelItem => item2.vehicle_sales_date)</td>
|
|
</tr>
|
|
|
|
@*ended on 27/11/2020*@
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
);
|
|
|
|
if (item2.AssignedTo == "van")
|
|
{
|
|
|
|
panelbar.Add().Text("Van Info").HtmlAttributes(new { @id = "divVanDetails", @class = "" })
|
|
.Expanded(true)
|
|
.Content(@<div>
|
|
<div id="loadingVanDetails" class="loadingBlue"></div>
|
|
<table id="tableVanDetails" class="themeTable TicketID" cellpadding="0" cellspacing="0">
|
|
<tbody>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Van ID</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item2.DealerOrVanId)</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">EOS Team Member</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item2.DealerOrVanName)</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Dealer Name</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item2.Dealerdealer_name)</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Contact No.</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item2.DealerOrServiceEnggContactNumber)</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Workshop Manager Name and Contact No.</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item2.WM_Name) (@Html.DisplayFor(modelItem => item2.DealerContactNumber1))</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Dealer State</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item2.DealerState)</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
);
|
|
}
|
|
else
|
|
{
|
|
|
|
panelbar.Add().Text("Dealer Info").HtmlAttributes(new { @id = "divDealerDetails", @class = "" })
|
|
.Expanded(true)
|
|
.Content(@<div>
|
|
<div id="loadingDealerDetails" class="loadingBlue"></div>
|
|
<table id="tableDealerDetails" class="themeTable TicketID" cellpadding="0" cellspacing="0">
|
|
<tbody>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Dealer ID</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item2.DealerOrVanId)</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Dealer Name</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item2.DealerOrVanName)</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Contact No.</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item2.DealerOrServiceEnggContactNumber)</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Workshop Manager Name</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item2.WM_Name)</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Dealer State</span>
|
|
</td>
|
|
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item2.DealerState)</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
);
|
|
}
|
|
panelbar.Add().Text("Escalation Members Info").HtmlAttributes(new { @id = "divEscalationDetails", @class = "" })
|
|
//.Expanded(true)
|
|
.Content(@<div>
|
|
<div id="loadingEscalationMembersDetails" class="loadingBlue"></div>
|
|
<div id="divEscalationMembersDetails" class="contentoverflow"></div>
|
|
|
|
</div>
|
|
);
|
|
panelbar.Add().Text("Kam Details Info").HtmlAttributes(new { @id = "divKamDetails", @class = "" })
|
|
.Content(@<div>
|
|
<div id="loadingKamDetails" class="loadingBlue"></div>
|
|
<table id="tableKamDetails" class="themeTable TicketID" cellpadding="0" cellspacing="0">
|
|
<tbody>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Fleet Manager Name</span>
|
|
</td>
|
|
<td style="" class=" darktxt">
|
|
<label id="fleetName"></label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">Fleet Manager Number</span>
|
|
</td>
|
|
<td style="" class=" darktxt">
|
|
<label id="FleetNo"></label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">KAM Manager Name</span>
|
|
</td>
|
|
<td style="" class="darktxt">
|
|
<label id="kamName"></label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="" class=" ">
|
|
<span class="darktxt">KAM Manager Number</span>
|
|
</td>
|
|
<td style="" class=" darktxt">
|
|
<label id="KamNo"></label>
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
);
|
|
|
|
|
|
})
|
|
|
|
)
|
|
</div>
|
|
}
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
else
|
|
{
|
|
<div id="divNoDataFound_DRCRate" class="divNoDataFound no_data">
|
|
<span>
|
|
<p class="fs16">
|
|
@*No Details Available!!!*@
|
|
@System.Configuration.ConfigurationManager.AppSettings["no_details_available"].ToString()
|
|
</p>
|
|
|
|
</span>
|
|
</div>
|
|
}
|
|
<input type="hidden" id="hdndtcdevicetype" />
|
|
<input type="hidden" id="hdnchassisno" />
|
|
|
|
@*<script src="~/Scripts/Report/reportTicketDetails.js"></script>*@
|
|
<script>
|
|
|
|
onclickLabelRoute();
|
|
|
|
onclickLabelActivity();
|
|
|
|
onclickLabelFeedback();
|
|
$(document).ready(function () {
|
|
ticketId = $("#tableTicketHistory > tbody > tr")[0].id;
|
|
console.log(ticketId);
|
|
getdtccountbyticketid(ticketId)
|
|
});
|
|
</script>
|
|
<style type="text/css">
|
|
span.k-icon.k-i-calendar {
|
|
background-image: url('http://169.38.133.115:9090/Content/kendo/Default/date-icon.png')!important;
|
|
background-position: 5px 0px !important;
|
|
width: 19px !important;
|
|
height: 16px;
|
|
}
|
|
|
|
span.k-icon.k-i-arrow-w {
|
|
width: inherit !important;
|
|
/* background-position: -11px -48px;*/
|
|
|
|
}
|
|
|
|
|
|
span.k-icon.k-i-arrow-e {
|
|
width: inherit !important;
|
|
/*background-position: -11px -48px;*/
|
|
}
|
|
.TicketID td {
|
|
height: 32px;
|
|
}
|
|
|
|
/*.k-icon {
|
|
width: auto !important;
|
|
}*/
|
|
|
|
|
|
.TicketID td {
|
|
height: 32px;
|
|
padding: 5px 7px;
|
|
word-break: break-word;
|
|
width: auto !important;
|
|
}
|
|
|
|
.ldSection {
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.k-i-close {
|
|
background-color: #fff;
|
|
border-radius: 2px;
|
|
width: inherit !important;
|
|
}
|
|
.datesectiondtc span.k-datepicker {
|
|
width: 120px !important;
|
|
background-color: #E8EBF5 !important;
|
|
}
|
|
|
|
.datesectiondtc span {
|
|
display: inline-block;
|
|
}
|
|
|
|
.spndate {
|
|
vertical-align: inherit;
|
|
color: black;
|
|
font-weight: bold;
|
|
text-align: -internal-center;
|
|
}
|
|
|
|
table.modalTable, .modalTable th, .modalTable td {
|
|
border: 1px solid #c5c5c5;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.modalTable th, .modalTable td {
|
|
padding: 4px 5px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.modalTable th {
|
|
text-align: left;
|
|
background: #f7f7f7;
|
|
background: url("/Content/css/images/inner.gif") repeat-x scroll center bottom !important;
|
|
}
|
|
|
|
.modalTable {
|
|
border-spacing: 5px;
|
|
}
|
|
|
|
.modalTable tbody tr:nth-child(even) { /*background: #f7f7f7;*/
|
|
}
|
|
|
|
</style>
|