You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
DS7/BookingWeb/Views/Booking/Confirm.cshtml

1833 lines
98 KiB
Plaintext

3 years ago
@using BookingWeb.Models
@model ConfirmEditViewModel
@{
/**/
var seleteItemsCARGO = new List<SelectListItem>();
seleteItemsCARGO.Add(new SelectListItem() { Value = "S", Text = Resources.LangOrder.SelectCARGOID_S });
seleteItemsCARGO.Add(new SelectListItem() { Value = "R", Text = Resources.LangOrder.SelectCARGOID_R });
seleteItemsCARGO.Add(new SelectListItem() { Value = "D", Text = Resources.LangOrder.SelectCARGOID_D });
seleteItemsCARGO.Add(new SelectListItem() { Value = "O", Text = Resources.LangOrder.SelectCARGOID_O });
string[] arrNum = new string[] { "ZERO", "ONE", "TWO", "THREE", "FOUR", "FIVE", "SIX", "SEVEN", "EIGHT", "NINE", "TEN" };
var selectItemsNum = new List<SelectListItem>();
foreach (var n in arrNum)
{
selectItemsNum.Add(new SelectListItem() { Value = n, Text = n });
}
}
<style type="text/css">
/*距离时间*/
.confirm-nav li.cut-off a {
border: none !important;
color: #ff0000 !important;
}
.confirm-nav li.cut-off a:hover {
border: none !important;
}
</style>
<div class="top-navigation">
<div id="wrapper">
<div class="gray-bg">
<div class="row border-bottom white-bg nav-fixed">
<nav class="navbar navbar-static-top" role="navigation">
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav confirm-nav">
@if (Model.BSSTATUS == OrderConfirmStatus.Create.ToString() || Model.BSSTATUS == OrderConfirmStatus.Reject.ToString())
{
<li>
<a aria-expanded="false" role="button" href="#" id="btnLoadTemplate"><i class="fa fa-paste"></i>@Resources.LangOrder.TopBtnLoadTemplate</a>
</li>
<li>
<a aria-expanded="false" role="button" href="#" id="btnSaveTemplate"><i class="fa fa-file-o"></i>@Resources.LangOrder.TopBtnSaveTemplate</a>
</li>
}
else
{
<li>
<a aria-expanded="false" role="button" href="#" class="disabled"><i class="fa fa-paste"></i>@Resources.LangOrder.TopBtnLoadTemplate</a>
</li>
<li>
<a aria-expanded="false" role="button" href="#" class="disabled"><i class="fa fa-file-o"></i>@Resources.LangOrder.TopBtnSaveTemplate</a>
</li>
}
@*<li>
<a aria-expanded="false" role="button" class="tabs" data-url="@Url.Action("Order")" data-title="@Resources.LangAll.BtnCreate"><i class="fa fa-plus"></i>@Resources.LangAll.BtnCreate</a>
</li>*@
@if (Model.BSSTATUS == OrderConfirmStatus.Create.ToString() || Model.BSSTATUS == OrderConfirmStatus.Reject.ToString())
{
<li>
<a aria-expanded="false" role="button" href="#" id="btnSave"><i class="fa fa-save"></i>@Resources.LangAll.BtnSave</a>
</li>
<li>
<a aria-expanded="false" role="button" href="#" id="btnSubmit"><i class="fa fa-check-circle"></i>@Resources.LangAll.BtnSubmit</a>
</li>
if (string.IsNullOrEmpty(Model.SINO))
{
<li>
<a aria-expanded="false" role="button" href="#" class="disabled"><i class="fa fa-trash"></i>@Resources.LangAll.BtnDel</a>
</li>
}
else
{
<li>
<a aria-expanded="false" role="button" href="#" id="btnDelete"><i class="fa fa-trash"></i>@Resources.LangAll.BtnDel</a>
</li>
}
}
else
{
<li>
<a aria-expanded="false" role="button" href="#" class="disabled"><i class="fa fa-save"></i>@Resources.LangAll.BtnSave</a>
</li>
<li>
<a aria-expanded="false" role="button" href="#" class="disabled"><i class="fa fa-check-circle"></i>@Resources.LangAll.BtnSubmit</a>
</li>
<li>
<a aria-expanded="false" role="button" href="#" class="disabled"><i class="fa fa-trash"></i>@Resources.LangAll.BtnDel</a>
</li>
}
@if (Model.BSSTATUS == OrderConfirmStatus.Submit.ToString())
{
<li>
<a aria-expanded="false" role="button" href="#" id="btnCancel" data-expire="@ViewBag.ClosingDateExpire"><i class="fa fa-remove"></i>@Resources.LangOrder.TopBtnCancel</a>
</li>
}
else
{
<li>
<a aria-expanded="false" role="button" href="#" class="disabled"><i class="fa fa-remove"></i>@Resources.LangOrder.TopBtnCancel</a>
</li>
}
@if (ViewBag.RemainTimeClosing != null)
{
<li>
<a style="color:#ff0000 !important;background:none !important;border:none !important">@ViewBag.RemainTimeClosing (@ViewBag.CLOSEDOCDATE)</a>
</li>
}
</ul>
</div>
</nav>
</div>
<div class="wrapper wrapper-content">
<form action="" id="formEdit">
@Html.HiddenFor(m => m.SINO)
@Html.HiddenFor(m => m.ORDNO)
@Html.HiddenFor(m => m.BSSTATUS)
@Html.HiddenFor(m => m.MODIFYTIME)
<div class="row">
<div class="col-sm-12">
<div class="ibox float-e-margins fixed-top">
<div class="ibox-content">
<div class="form-horizontal clearfix">
<div class="form-group col-md-3 col-sm-12">
<label class="col-lg-3 col-md-4 col-sm-2 control-label">@Resources.LangAll.LabelCARRIER</label>
<div class="col-lg-9 col-md-8 col-sm-10">
<div class="input-group">
@Html.TextBoxFor(m => m.CARRIER, new { @class = "form-control", autocomplete = "off" })
<div class="input-group-btn">
<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>
</div>
</div>
</div>
</div>
<div class="form-group col-md-3 col-sm-12">
<label class="col-lg-3 col-md-4 col-sm-2 control-label">@Resources.LangAll.LabelMBLNO</label>
<div class="col-lg-9 col-md-8 col-sm-10">
@Html.TextBoxFor(m => m.MBLNO, new { @class = "form-control" })
</div>
</div>
<div class="form-group col-md-3 col-sm-12">
<label class="col-lg-3 col-md-4 col-sm-2 control-label">@Resources.LangOrder.LabelORDERNO</label>
<div class="col-lg-9 col-md-8 col-sm-10">
@Html.TextBoxFor(m => m.ORDERNO, new { @class = "form-control", placeholder = Resources.LangOrder.PHGenAuto, @readonly = "readonly" })
</div>
</div>
<div class="form-group col-md-3 col-sm-12">
<label class="col-lg-3 col-md-4 col-sm-2 control-label">@Resources.LangAll.LabelCONTRACTNO</label>
<div class="col-lg-9 col-md-8 col-sm-10">
@Html.TextBoxFor(m => m.CONTRACTNO, new { @class = "form-control" })
</div>
</div>
<div class="both"></div>
<div class="form-group col-md-3 col-sm-12">
<div class="col-sm-12">
<div class="row">
<label class="col-lg-3 col-md-4 col-sm-2 control-label">@Resources.LangAll.LabelETD</label>
<div class="col-lg-9 col-md-8 col-sm-10">
<div class="input-group date">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
@Html.TextBoxFor(m => m.ETD, new { @class = "form-control", autocomplete = "off" })
</div>
</div>
</div>
</div>
</div>
<div class="form-group col-md-3 col-sm-12">
<label class="col-lg-3 col-md-4 col-sm-2 control-label">@Resources.LangAll.LabelVESSEL</label>
<div class="col-lg-9 col-md-8 col-sm-10">
<div class="input-group">
@Html.TextBoxFor(m => m.VESSEL, new { @class = "form-control", autocomplete = "off" })
<div class="input-group-btn">
<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>
</div>
</div>
</div>
</div>
<div class="form-group col-md-3 col-sm-12">
<label class="col-lg-3 col-md-4 col-sm-2 control-label">@Resources.LangAll.LabelVOYNO</label>
<div class="col-lg-9 col-md-8 col-sm-10">
@Html.TextBoxFor(m => m.VOYNO, new { @class = "form-control" })
</div>
</div>
<div class="form-group col-md-3 col-sm-12">
<label class="col-lg-3 col-md-4 col-sm-2 control-label">@Resources.LangAll.LabelYARD</label>
<div class="col-lg-9 col-md-8 col-sm-10">
<div class="input-group">
@Html.TextBoxFor(m => m.YARD, new { @class = "form-control", autocomplete = "off" })
<div class="input-group-btn">
<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row m-row">
<div class="form-group col-sm-4">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h5>@Resources.LangAll.LabelSHIPPER</h5>
<div class="ibox-tools">
<a class="format-text-len" data-len="30">
30
</a>
<a class="format-text-len" data-len="40">
40
</a>
<a class="format-text-len" data-len="50">
50
</a>
</div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-12 m-left">
@Html.TextAreaFor(m => m.SHIPPER, new { @class = "form-control text-area-show-number", rows = "5", wrap = "off" })
<div class="div-show-number"></div>
</div>
</div>
</div>
</div>
</div>
<div class="form-group col-sm-4">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h5>@Resources.LangAll.LabelCONSIGNEE</h5>
<div class="ibox-tools">
<a class="format-text-len" data-len="30">
30
</a>
<a class="format-text-len" data-len="40">
40
</a>
<a class="format-text-len" data-len="50">
50
</a>
</div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-12 m-left">
@Html.TextAreaFor(m => m.CONSIGNEE, new { @class = "form-control text-area-show-number", rows = "5", wrap = "off" })
<div class="div-show-number"></div>
</div>
</div>
</div>
</div>
</div>
<div class="form-group col-sm-4">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h5>@Resources.LangAll.LabelNOTIFYPARTY</h5>
<div class="ibox-tools">
<a class="format-text-len" data-len="30">
30
</a>
<a class="format-text-len" data-len="40">
40
</a>
<a class="format-text-len" data-len="50">
50
</a>
</div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-12 m-left">
@Html.TextAreaFor(m => m.NOTIFYPARTY, new { @class = "form-control text-area-show-number", rows = "5", wrap = "off" })
<div class="div-show-number"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h5>@Resources.LangAll.LabelMARKS</h5>
</div>
<div class="ibox-content">
<div class="row">
<div class="form-group col-sm-12 textarea-m">
@Html.TextAreaFor(m => m.MARKS, new { @class = "form-control", rows = "14" })
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h5>@Resources.LangAll.LabelDESCRIPTION</h5>
</div>
<div class="ibox-content">
<div class="row">
<div class="form-group col-sm-12 textarea-m">
@Html.TextAreaFor(m => m.DESCRIPTION, new { @class = "form-control", rows = "14" })
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="ibox float-e-margins">
<div class="ibox-content clearfix">
<div class="form-horizontal">
<div class="form-group col-md-6 col-sm-12">
<label class="col-lg-3 col-md-4 col-sm-3 control-label">@Resources.LangAll.LabelHSCODE</label>
<div class="col-lg-9 col-md-8 col-sm-9">
@Html.TextBoxFor(m => m.HSCODE, new { @class = "form-control" })
</div>
</div>
<div class="form-group col-md-6 col-sm-12">
<label class="col-lg-4 col-md-4 col-sm-3 control-label">@Resources.LangAll.LabelISCONTAINERSOC</label>
<div class="col-lg-8 col-md-8 col-sm-9">
<div class="checkbox whether">
<label>
@Html.CheckBoxFor(m => m.ISCONTAINERSOC)
</label>
</div>
</div>
</div>
<div class="both"></div>
<div class="form-group col-md-6 col-sm-12">
<label class="col-lg-3 col-md-4 col-sm-3 control-label">@Resources.LangAll.LabelCARGOID</label>
<div class="col-lg-9 col-md-8 col-sm-9">
@Html.DropDownListFor(m => m.CARGOID, seleteItemsCARGO, new { @class = "form-control" })
</div>
</div>
<div class="form-group col-md-6 col-sm-12">
<label class="col-lg-3 col-md-4 col-sm-3 control-label">@Resources.LangAll.LabelCNTRTOTAL</label>
<div class="col-lg-9 col-md-8 col-sm-9">
@Html.TextBoxFor(m => m.CNTRTOTAL, new { @class = "form-control", @readonly = "readonly" })
</div>
</div>
<div class="both"></div>
<div class="form-group col-md-6 col-sm-12">
<label class="col-lg-3 col-md-4 col-sm-3 control-label">@Resources.LangAll.LabelPKGS</label>
<div class="col-lg-9 col-md-8 col-sm-9">
@Html.TextBoxFor(m => m.PKGS, new { @class = "form-control" })
</div>
</div>
<div class="form-group col-md-6 col-sm-12">
<label class="col-lg-3 col-md-4 col-sm-3 control-label">@Resources.LangAll.LabelKINDPKGS</label>
<div class="col-lg-9 col-md-8 col-sm-9">
<div class="input-group">
@Html.TextBoxFor(m => m.KINDPKGS, new { @class = "form-control", autocomplete = "off" })
<div class="input-group-btn">
<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>
</div>
</div>
</div>
</div>
<div class="both"></div>
<div class="form-group col-md-6 col-sm-12">
<label class="col-lg-3 col-md-4 col-sm-3 control-label">@Resources.LangAll.LabelKGS</label>
<div class="col-lg-9 col-md-8 col-sm-9">
@Html.TextBoxFor(m => m.KGS, new { @class = "form-control" })
</div>
</div>
<div class="form-group col-md-6 col-sm-12">
<label class="col-lg-3 col-md-4 col-sm-3 control-label">@Resources.LangAll.LabelCBM</label>
<div class="col-lg-9 col-md-8 col-sm-9">
@Html.TextBoxFor(m => m.CBM, new { @class = "form-control" })
</div>
</div>
<div class="form-group hdn-temp col-md-6 col-sm-12">
<label class="col-lg-3 col-md-4 col-sm-3 control-label">@Resources.LangAll.LabelTEMPSET</label>
<div class="col-lg-9 col-md-8 col-sm-9">
@Html.TextBoxFor(m => m.TEMPSET, new { @class = "form-control" })
</div>
</div>
<div class="form-group hdn-temp col-md-6 col-sm-12">
<label class="col-lg-3 col-md-4 col-sm-3 control-label">@Resources.LangAll.LabelTEMPID</label>
<div class="col-lg-9 col-md-8 col-sm-9">
@Html.TextBoxFor(m => m.TEMPID, new { @class = "form-control", maxlength = "1" })
</div>
</div>
<div class="form-group hdn-temp col-md-6 col-sm-12">
<label class="col-lg-3 col-md-4 col-sm-3 control-label">@Resources.LangAll.LabelREEFERF</label>
<div class="col-lg-9 col-md-8 col-sm-9">
@Html.TextBoxFor(m => m.REEFERF, new { @class = "form-control" })
</div>
</div>
<div class="form-group hdn-temp col-md-6 col-sm-12">
<label class="col-lg-3 col-md-4 col-sm-3 control-label">@Resources.LangAll.LabelHUMIDITY</label>
<div class="col-lg-9 col-md-8 col-sm-9">
@Html.TextBoxFor(m => m.HUMIDITY, new { @class = "form-control" })
</div>
</div>
<div class="form-group hdn-danger col-md-6 col-sm-12">
<label class="col-lg-3 col-md-4 col-sm-3 control-label">@Resources.LangAll.LabelDCLASS</label>
<div class="col-lg-9 col-md-8 col-sm-9">
@Html.TextBoxFor(m => m.DCLASS, new { @class = "form-control" })
</div>
</div>
<div class="form-group hdn-danger col-md-6 col-sm-12">
<label class="col-lg-3 col-md-4 col-sm-3 control-label">@Resources.LangAll.LabelDUNNO</label>
<div class="col-lg-9 col-md-8 col-sm-9">
@Html.TextBoxFor(m => m.DUNNO, new { @class = "form-control" })
</div>
</div>
<div class="form-group hdn-danger col-md-6 col-sm-12">
<label class="col-lg-3 col-md-4 col-sm-3 control-label">@Resources.LangAll.LabelDPAGE</label>
<div class="col-lg-9 col-md-8 col-sm-9">
@Html.TextBoxFor(m => m.DPAGE, new { @class = "form-control" })
</div>
</div>
<div class="form-group hdn-danger col-md-6 col-sm-12">
<label class="col-lg-3 col-md-4 col-sm-3 control-label">@Resources.LangAll.LabelDLABEL</label>
<div class="col-lg-9 col-md-8 col-sm-9">
@Html.TextBoxFor(m => m.DLABEL, new { @class = "form-control" })
</div>
</div>
<div class="form-group hdn-danger col-md-6 col-sm-12">
<label class="col-lg-3 col-md-4 col-sm-3 control-label">@Resources.LangAll.LabelLINKMAN</label>
<div class="col-lg-9 col-md-8 col-sm-9">
@Html.TextBoxFor(m => m.LINKMAN, new { @class = "form-control" })
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="ibox float-e-margins">
<div class="ibox-content clearfix">
<div class="form-horizontal">
<div class="form-group col-md-4 col-sm-6">
<label class="col-lg-2 col-md-2 col-sm-2 control-label">@Resources.LangAll.LabelPLACERECEIPT</label>
<div class="col-lg-5 col-md-5 col-sm-5">
<div class="input-group">
@Html.TextBoxFor(m => m.PLACERECEIPTID, new { @class = "form-control", autocomplete = "off" })
<div class="input-group-btn">
<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>
</div>
</div>
</div>
<div class="col-lg-5 col-md-5 col-sm-5">
@Html.TextBoxFor(m => m.PLACERECEIPT, new { @class = "form-control" })
</div>
</div>
<div class="form-group col-md-4 col-sm-6">
<label class="col-lg-2 col-md-2 col-sm-2 control-label">@Resources.LangAll.LabelPORTLOAD</label>
<div class="col-lg-5 col-md-5 col-sm-5">
<div class="input-group">
@Html.TextBoxFor(m => m.PORTLOADID, new { @class = "form-control", autocomplete = "off" })
<div class="input-group-btn">
<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>
</div>
</div>
</div>
<div class="col-lg-5 col-md-5 col-sm-5">
@Html.TextBoxFor(m => m.PORTLOAD, new { @class = "form-control" })
</div>
</div>
<div class="form-group col-md-4 col-sm-6">
<label class="col-lg-2 col-md-2 col-sm-2 control-label">@Resources.LangAll.LabelPORTDISCHARGE</label>
<div class="col-lg-5 col-md-5 col-sm-5">
<div class="input-group">
@Html.TextBoxFor(m => m.PORTDISCHARGEID, new { @class = "form-control", autocomplete = "off" })
<div class="input-group-btn">
<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>
</div>
</div>
</div>
<div class="col-lg-5 col-md-5 col-sm-5">
@Html.TextBoxFor(m => m.PORTDISCHARGE, new { @class = "form-control" })
</div>
</div>
<div class="form-group col-md-4 col-sm-6">
<label class="col-lg-2 col-md-2 col-sm-2 control-label">@Resources.LangAll.LabelDESTINATION</label>
<div class="col-lg-5 col-md-5 col-sm-5">
<div class="input-group">
@Html.TextBoxFor(m => m.DESTINATIONID, new { @class = "form-control", autocomplete = "off" })
<div class="input-group-btn">
<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>
</div>
</div>
</div>
<div class="col-lg-5 col-md-5 col-sm-5">
@Html.TextBoxFor(m => m.DESTINATION, new { @class = "form-control" })
</div>
</div>
<div class="form-group col-md-4 col-sm-6">
<label class="col-lg-2 col-md-2 col-sm-2 control-label">@Resources.LangAll.LabelPLACEDELIVERY</label>
<div class="col-lg-5 col-md-5 col-sm-5">
<div class="input-group">
@Html.TextBoxFor(m => m.PLACEDELIVERYID, new { @class = "form-control", autocomplete = "off" })
<div class="input-group-btn">
<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>
</div>
</div>
</div>
<div class="col-lg-5 col-md-5 col-sm-5">
@Html.TextBoxFor(m => m.PLACEDELIVERY, new { @class = "form-control" })
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h5>@Resources.LangAll.LabelCtrnTypeNum</h5>
</div>
<div class="ibox-content">
<div class="row" id="ctrn-btn-group">
<div class="col-sm-12">
<a href="javascript:void(0);" class="btn btn-primary ctrn-add-new"><i class="fa fa-plus"></i>@Resources.LangAll.BtnNew</a>
<a href="javascript:void(0);" class="btn btn-primary ctrn-del"><i class="fa fa-trash"></i>@Resources.LangAll.BtnDel</a>
<a href="javascript:void(0);" class="btn btn-primary ctrn-multi"><i class="fa fa-edit"></i>@Resources.LangConfirm.BtnMulti</a>
@*<a href="javascript:void(0);" class="btn btn-primary ctrn-expand"><i class="fa fa-edit"></i>@Resources.LangConfirm.BtnExpand</a>*@
<a href="javascript:void(0);" class="btn btn-primary ctrn-yard-data"><i class="fa fa-upload"></i>@Resources.LangConfirm.BtnYardData</a>
<a href="javascript:void(0);" class="btn btn-primary ctrn-import"><i class="fa fa-file-excel-o"></i>@Resources.LangConfirm.BtnImport</a>
<a href="~/Content/other/CtrnImportTemplate.xlsx" class="btn btn-primary"><i class="fa fa-download"></i>@Resources.LangConfirm.BtnDownloadTempate</a>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<table id="ctrnTable" data-toggle="table" data-height="250" data-mobile-responsive="true">
<thead>
<tr>
<th data-checkbox="true"></th>
<th data-field="Index">@Resources.LangAll.LabelIndex</th>
<th data-field="CTNALL">@Resources.LangAll.LabelCtrnType</th>
@*<th data-field="CTNNUM">@Resources.LangAll.LabelCtrnNum</th>*@
@*<th data-field="TEU">@Resources.LangAll.LabelTEU</th>*@
<th data-field="CNTRNO">@Resources.LangAll.LabelCNTRNO</th>
<th data-field="SEALNO">@Resources.LangAll.LabelSEALNO</th>
<th data-field="PKGS">@Resources.LangAll.LabelPKGS</th>
<th data-field="KINDPKGS">@Resources.LangAll.LabelKINDPKGS</th>
<th data-field="KGS">@Resources.LangAll.LabelKGS</th>
<th data-field="CBM">@Resources.LangAll.LabelCBM</th>
<th data-field="TAREWEIGHT">@Resources.LangAll.LabelTAREWEIGHT</th>
<th data-field="CTNSTATUS" data-formatter="fmtCTNSTATUS">@Resources.LangAll.LabelCTNSTATUS</th>
<th data-field="WEIGHTYPE">@Resources.LangAll.LabelWEIGHTYPE</th>
<th data-field="WEIGHKGS">@Resources.LangAll.LabelWEIGHKGS</th>
<th data-field="WEIGHATTN">@Resources.LangAll.LabelWEIGHATTN</th>
<th data-field="VGMCONNCOM">@Resources.LangAll.LabelVGMCONNCOM</th>
<th data-field="WEIGHTEL">@Resources.LangAll.LabelWEIGHTEL</th>
<th data-field="WEIGHDATE">@Resources.LangAll.LabelWEIGHDATE</th>
<th data-field="VGMADDR">@Resources.LangAll.LabelVGMADDR</th>
<th data-field="VGMEMAIL">@Resources.LangAll.LabelVGMEMAIL</th>
<th data-field="REMARK">@Resources.LangAll.LabelREMARK</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h5>@Resources.LangAll.LabelSIRemark</h5>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-12">
@Html.TextAreaFor(m => m.SIREMARK, new { @class = "form-control", rows = "4" })
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-8">
<div class="ibox float-e-margins">
<div class="ibox-content clearfix">
<div class="form-horizontal">
<div class="form-group col-lg-4 col-md-4 col-sm-12">
<label class="col-lg-4 col-md-4 col-sm-2 control-label">@Resources.LangAll.LabelISSUETYPE</label>
<div class="col-lg-8 col-md-8 col-sm-10">
<div class="input-group">
@Html.TextBoxFor(m => m.ISSUETYPE, new { @class = "form-control", autocomplete = "off" })
<div class="input-group-btn">
<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>
</div>
</div>
</div>
</div>
<div class="form-group col-lg-4 col-md-4 col-sm-12">
<label class="col-lg-4 col-md-4 col-sm-2 control-label">@Resources.LangAll.LabelSERVICE</label>
<div class="col-lg-8 col-md-8 col-sm-10">
<div class="input-group">
@Html.TextBoxFor(m => m.SERVICE, new { @class = "form-control", autocomplete = "off" })
<div class="input-group-btn">
<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>
</div>
</div>
</div>
</div>
<div class="form-group col-lg-4 col-md-4 col-sm-12">
<label class="col-lg-4 col-md-4 col-sm-2 control-label">@Resources.LangAll.LabelBLFRT</label>
<div class="col-lg-8 col-md-8 col-sm-10">
<div class="input-group">
@Html.TextBoxFor(m => m.BLFRT, new { @class = "form-control", autocomplete = "off" })
<div class="input-group-btn">
<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>
</div>
</div>
</div>
</div>
<div class="form-group col-lg-4 col-md-4 col-sm-12">
<label class="col-lg-4 col-md-4 col-sm-2 control-label">@Resources.LangAll.LabelPREPARDAT</label>
<div class="col-lg-8 col-md-8 col-sm-10">
<div class="input-group">
@Html.TextBoxFor(m => m.PREPARDAT, new { @class = "form-control", autocomplete = "off" })
<div class="input-group-btn">
<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>
</div>
</div>
</div>
</div>
<div class="form-group col-lg-4 col-md-4 col-sm-12">
<label class="col-lg-4 col-md-4 col-sm-2 control-label">@Resources.LangAll.LabelNOBILL</label>
<div class="col-lg-8 col-md-8 col-sm-10">
@Html.DropDownListFor(m => m.NOBILL, selectItemsNum, new { @class = "form-control" })
</div>
</div>
<div class="form-group col-lg-4 col-md-4 col-sm-12">
<label class="col-lg-4 col-md-4 col-sm-2 control-label">@Resources.LangAll.LabelCOPYNOBILLL</label>
<div class="col-lg-8 col-md-8 col-sm-10">
@Html.DropDownListFor(m => m.COPYNOBILLL, selectItemsNum, new { @class = "form-control" })
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal fade" id="ctrnModal" tabindex="-1" role="dialog" aria-labelledby="ctrnModalLabel">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="ctrnModalLabel">@Resources.LangAll.LabelCtrn</h4>
</div>
<div class="modal-body cleafix">
<button type="button" class="btn btn-primary" id="btnCtrnModalAdd">@Resources.LangAll.BtnNew</button>
<form id="formCtrn" class="form-horizontal">
<input type="hidden" id="modelCtrnIndex" name="Index">
<div class="form-group col-md-3">
<label for="recipient-name" class="control-label">@Resources.LangAll.LabelCtrnType</label>
<div class="input-group">
<input type="text" class="form-control" id="modelCtrnType" name="CTNALL" autocomplete="off">
<div class="input-group-btn" style="position:unset">
<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>
</div>
</div>
</div>
@*<div class="form-group col-md-3">
<label for="message-text" class="control-label">@Resources.LangAll.LabelCtrnNum</label>
<input type="text" class="form-control" id="modelCtrnNum" name="CTNNUM">
</div>
<div class="form-group col-md-3">
<label for="message-text" class="control-label">@Resources.LangAll.LabelTEU</label>
<input type="text" class="form-control" id="modelCtrnTEU" name="TEU">
</div>*@
<div class="form-group col-md-3">
<label for="message-text" class="control-label">@Resources.LangAll.LabelCNTRNO</label>
<input type="text" class="form-control" id="modelCtrnCNTRNO" name="CNTRNO">
</div>
<div class="form-group col-md-3">
<label for="message-text" class="control-label">@Resources.LangAll.LabelSEALNO</label>
<input type="text" class="form-control" id="modelCtrnSEALNO" name="SEALNO">
</div>
<div class="form-group col-md-3">
<label for="message-text" class="control-label">@Resources.LangAll.LabelPKGS</label>
<input type="text" class="form-control" id="modelCtrnPKGS" name="PKGS">
</div>
<div class="clearfix"></div>
<div class="form-group col-md-3">
<label for="message-text" class="control-label">@Resources.LangAll.LabelKINDPKGS</label>
<div class="input-group">
<input type="text" class="form-control" id="modelCtrnKINDPKGS" name="KINDPKGS" autocomplete="off">
<div class="input-group-btn" style="position:unset">
<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>
</div>
</div>
</div>
<div class="form-group col-md-3">
<label for="message-text" class="control-label">@Resources.LangAll.LabelKGS</label>
<input type="text" class="form-control" id="modelCtrnKGS" name="KGS">
</div>
<div class="form-group col-md-3">
<label for="message-text" class="control-label">@Resources.LangAll.LabelCBM</label>
<input type="text" class="form-control" id="modelCtrnCBM" name="CBM">
</div>
<div class="form-group col-md-3">
<label for="message-text" class="control-label">@Resources.LangAll.LabelTAREWEIGHT</label>
<input type="text" class="form-control" id="modelCtrnTAREWEIGHT" name="TAREWEIGHT">
</div>
<div class="clearfix"></div>
<div class="form-group col-md-3">
<label for="message-text" class="control-label">@Resources.LangAll.LabelCTNSTATUS</label>
<select id="modelCtrnCTNSTATUS" name="CTNSTATUS" class="form-control">
<option value="F">@Resources.LangConfirm.OptionCtnStatusF</option>
<option value="E">@Resources.LangConfirm.OptionCtnStatusE</option>
<option value="L">@Resources.LangConfirm.OptionCtnStatusL</option>
</select>
</div>
<div class="form-group col-md-3">
<label for="message-text" class="control-label">@Resources.LangAll.LabelWEIGHTYPE</label>
<select id="modelCtrnWEIGHTYPE" name="WEIGHTYPE" class="form-control">
<option value="@Resources.LangConfirm.OptionWeighType1">@Resources.LangConfirm.OptionWeighType1</option>
<option value="@Resources.LangConfirm.OptionWeighType2">@Resources.LangConfirm.OptionWeighType2</option>
</select>
</div>
<div class="form-group col-md-3">
<label for="message-text" class="control-label">@Resources.LangAll.LabelWEIGHKGS</label>
<input type="text" class="form-control" id="modelCtrnWEIGHKGS" name="WEIGHKGS">
</div>
<div class="form-group col-md-3">
<label for="message-text" class="control-label">@Resources.LangAll.LabelWEIGHATTN</label>
<input type="text" class="form-control" id="modelCtrnWEIGHATTN" name="WEIGHATTN">
</div>
<div class="clearfix"></div>
<div class="form-group col-md-3">
<label for="message-text" class="control-label">@Resources.LangAll.LabelVGMCONNCOM</label>
<input type="text" class="form-control" id="modelCtrnVGMCONNCOM" name="VGMCONNCOM">
</div>
<div class="form-group col-md-3">
<label for="message-text" class="control-label">@Resources.LangAll.LabelWEIGHTEL</label>
<input type="text" class="form-control" id="modelCtrnWEIGHTEL" name="WEIGHTEL">
</div>
<div class="form-group col-md-3 p-date">
<label for="message-text" class="control-label">@Resources.LangAll.LabelWEIGHDATE</label>
<input type="text" class="form-control" id="modelCtrnWEIGHDATE" name="WEIGHDATE">
</div>
<div class="form-group col-md-3">
<label for="message-text" class="control-label">@Resources.LangAll.LabelVGMADDR</label>
<input type="text" class="form-control" id="modelCtrnVGMADDR" name="VGMADDR">
</div>
<div class="clearfix"></div>
<div class="form-group col-md-3">
<label for="message-text" class="control-label">@Resources.LangAll.LabelVGMEMAIL</label>
<input type="text" class="form-control" id="modelCtrnVGMEMAIL" name="VGMEMAIL">
</div>
<div class="form-group col-md-12 p-remark">
<label for="message-text" class="control-label">@Resources.LangAll.LabelREMARK</label>
<input type="text" class="form-control" id="modelCtrnREMARK" name="REMARK">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">@Resources.LangAll.BtnClose</button>
<button type="button" class="btn btn-primary" id="modelBtnSave">@Resources.LangAll.BtnSave</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="tempModel" tabindex="-1" role="dialog" aria-labelledby="tempModelLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="tempModelLabel">@Resources.LangAll.LabelTemplate</h4>
</div>
<div class="modal-body">
<form id="formTemp" class="form-horizontal">
<div class="form-group">
<label for="message-text" class="control-label">@Resources.LangAll.LabelTempName</label>
<input type="text" class="form-control" id="modelTempName" name="NAME">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">@Resources.LangAll.BtnClose</button>
<button type="button" class="btn btn-primary" id="tempModelBtnSave">@Resources.LangAll.BtnSave</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="loadTempModel" tabindex="-1" role="dialog" aria-labelledby="loadTempModelLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="loadTempModelLabel">@Resources.LangAll.LabelLoadTemplate</h4>
</div>
<div class="modal-body">
<form id="formLoadTemp" class="form-horizontal">
<div class="form-group">
<label for="message-text" class="control-label">@Resources.LangAll.LabelTempName</label>
<select class="form-control" id="modelLoadTempName"></select>
@*<div class="input-group">
<input type="text" class="form-control" id="modelLoadTempName" name="NAME" autocomplete="off">
<div class="input-group-btn">
<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>
</div>
</div>*@
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">@Resources.LangAll.BtnClose</button>
<button type="button" class="btn btn-primary" id="loadTempModelBtn">@Resources.LangAll.BtnOK</button>
</div>
</div>
</div>
</div>
<form id="formUpXls" method="post" enctype="multipart/form-data" action="@Url.Action("CtrnFromExcel")" style="display:none;">
<input type="file" id="fileUpXls" name="file" />
</form>
@section styles
{
<link type="text/css" rel="stylesheet" href="~/Content/hplus/css/plugins/datapicker/datepicker3.css" />
<link type="text/css" rel="stylesheet" href="~/Content/css/order.css" />
}
@section scripts{
<script src="~/Content/hplus/js/plugins/validate/jquery.validate.min.js"></script>
<script src="~/Content/hplus/js/plugins/suggest/bootstrap-suggest.min.js"></script>
<script src="~/Content/hplus/js/plugins/datapicker/bootstrap-datepicker.js"></script>
<script src="~/Content/js/validatorConfig.js"></script>
<script src="~/Content/js/jquery.form.js"></script>
<script src="~/Content/js/common.js"></script>
<script>
var ctrnData = @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(Model.CtrnList));
var templateData = [];
var changed = false;
var isCreate=@string.IsNullOrEmpty(Model.SINO).ToString().ToLower();
$(function () {
$("#formCtrn").validate({
rules: {
CTNALL: "required",
PKGS: "digits",
KGS: "number",
CBM: "number",
WEIGHKGS: "number",
CNTRNO: 'required',
SEALNO: 'required'
},
messages: {
CTNALL: errIcon + "@Resources.LangOrder.ValidInputCtrnType",
PKGS:errIcon + "@Resources.LangAll.ValidMustInteger",
KGS:errIcon + "@Resources.LangAll.ValidMustNumber",
CBM:errIcon + "@Resources.LangAll.ValidMustNumber",
WEIGHKGS: errIcon + "@Resources.LangAll.ValidMustNumber",
CNTRNO: errIcon + "@Resources.LangAll.ValidRequired",
SEALNO: errIcon + "@Resources.LangAll.ValidRequired"
}
});
$("#formTemp").validate({
rules: {
NAME: "required"
},
messages: {
NAME: errIcon + "@Resources.LangOrder.ValidInputTempName"
}
});
//船公司
$("#CARRIER").bsSuggest({
url: "@Url.Action("SuggestCarrier", "Common")?keyword=",
idField: "CODENAME",
keyField: "SHORTNAME",
getDataMethod: 'url',
clearable: true
}).on('onSetSelectValue', function (e, model) {
console.log('onSetSelectValue: ', model);
});
//场站
$("#YARD").bsSuggest({
url: "@Url.Action("SuggestYard", "Common")?keyword=",
idField: "CODENAME",
keyField: "SHORTNAME",
getDataMethod: 'url',
clearable: true
}).on('onSetSelectValue', function (e, model) {
console.log('onSetSelectValue: ', model);
});
//签单方式
$("#ISSUETYPE").bsSuggest({
url: "@Url.Action("SuggestIssuType", "Common")?keyword=",
idField: "GID",
keyField: "BLTYPE",
getDataMethod: 'url',
effectiveFields: ["BLTYPE"],
clearable: true
}).on('onSetSelectValue', function (e, model) {
console.log('onSetSelectValue: ', model);
});
//付费方式
$("#BLFRT").bsSuggest({
url: "@Url.Action("SuggestFRT", "Common")?keyword=",
idField: "FRT",
keyField: "FRT",
getDataMethod: 'url',
clearable: true
}).on('onSetSelectValue', function (e, model) {
console.log('onSetSelectValue: ', model);
});
//包装
$("#KINDPKGS").bsSuggest({
url: "@Url.Action("SuggestPackage", "Common")?keyword=",
idField: "FRT",
keyField: "PKGS",
getDataMethod: 'url',
effectiveFields: ["PKGS"],
clearable: true
}).on('onSetSelectValue', function (e, model) {
console.log('onSetSelectValue: ', model);
});
//收货地
$("#PLACERECEIPTID").bsSuggest({
url: "@Url.Action("SuggestLoadport", "Common")?keyword=",
idField: "PORT",
keyField: "EDICODE",
getDataMethod: 'url',
clearable: true
}).on('onSetSelectValue', function (e, model) {
console.log('onSetSelectValue: ', model);
$("#PLACERECEIPT").val(model.id);
if ($("#PORTLOADID").val().length == 0) {
$("#PORTLOADID").val($("#PLACERECEIPTID").val())
$("#PORTLOAD").val(model.id);
}
});
//装货港
$("#PORTLOADID").bsSuggest({
url: "@Url.Action("SuggestLoadport", "Common")?keyword=",
idField: "PORT",
keyField: "EDICODE",
getDataMethod: 'url',
clearable: true
}).on('onSetSelectValue', function (e, model) {
console.log('onSetSelectValue: ', model);
$("#PORTLOAD").val(model.id);
});
//卸货港
$("#PORTDISCHARGEID").bsSuggest({
url: "@Url.Action("SuggestDisport", "Common")?keyword=",
idField: "PORT",
keyField: "EDICODE",
getDataMethod: 'url',
clearable: true
}).on('onSetSelectValue', function (e, model) {
console.log('onSetSelectValue: ', model);
$("#PORTDISCHARGE").val(model.id);
if ($("#DESTINATIONID").val().length == 0) {
$("#DESTINATIONID").val($("#PORTDISCHARGEID").val())
$("#DESTINATION").val(model.id);
}
if ($("#PLACEDELIVERYID").val().length == 0) {
$("#PLACEDELIVERYID").val($("#PORTDISCHARGEID").val())
$("#PLACEDELIVERY").val(model.id);
}
});
//目的地
$("#DESTINATIONID").bsSuggest({
url: "@Url.Action("SuggestDisport", "Common")?keyword=",
idField: "PORT",
keyField: "EDICODE",
getDataMethod: 'url',
clearable: true
}).on('onSetSelectValue', function (e, model) {
console.log('onSetSelectValue: ', model);
$("#DESTINATION").val(model.id);
});
//交货地
$("#PLACEDELIVERYID").bsSuggest({
url: "@Url.Action("SuggestDisport", "Common")?keyword=",
idField: "PORT",
keyField: "EDICODE",
getDataMethod: 'url',
clearable: true
}).on('onSetSelectValue', function (e, model) {
console.log('onSetSelectValue: ', model);
$("#PLACEDELIVERY").val(model.id);
});
//付费地点
$("#PREPARDAT").bsSuggest({
url: "@Url.Action("SuggestDisport", "Common")?keyword=",
idField: "PORT",
keyField: "EDICODE",
getDataMethod: 'url',
clearable: true
}).on('onSetSelectValue', function (e, model) {
console.log('onSetSelectValue: ', model);
});
//运输条款
$("#SERVICE").bsSuggest({
url: "@Url.Action("SuggestService", "Common")?keyword=",
idField: "GID",
keyField: "SERVICE",
getDataMethod: 'url',
effectiveFields: ["SERVICE"],
clearable: true
}).on('onSetSelectValue', function (e, model) {
console.log('onSetSelectValue: ', model);
});
//船名
$("#VESSEL").bsSuggest({
url: "@Url.Action("SuggestVESSEL", "Common")?keyword=",
idField: "VSID",
keyField: "VESSEL",
getDataMethod: 'url',
effectiveFields: ["VESSEL"],
clearable: true
}).on('onSetSelectValue', function (e, model) {
console.log('onSetSelectValue: ', model);
});
//保存
$("#btnSave").click(function () {
saveOrSubmit(false)
});
//提交
$("#btnSubmit").click(function () {
saveOrSubmit(true);
});
//取消
$("#btnCancel").click(function () {
window.parent.document.orderRefresh = true;
if ($("#btnCancel").data('expire') == 'True') {
var idx = layer.alert("@Resources.LangConfirm.MsgClosingDateExpire", function () {
$.ajax({
method: 'POST',
url: '@Url.Action("ConfirmCancel")?sino=@Model.SINO',
success: function (data) {
layer.alert(data.Message, function () {
location.reload();
})
}
})
})
} else {
$.ajax({
method: 'POST',
url: '@Url.Action("ConfirmCancel")?sino=@Model.SINO',
success: function (data) {
layer.alert(data.Message, function () {
location.reload();
})
}
})
}
});
//删除
$("#btnDelete").click(function () {
var idx= layer.confirm('@Resources.LangOrder.MsgConfirmDelete', {
btn: ['@Resources.LangAll.BtnOK', '@Resources.LangAll.BtnCancel'] //按钮
}, function () {
$.ajax({
method: 'POST',
url: '@Url.Action("ConfirmDelete")?sino=@Model.SINO',
success: function (data) {
window.parent.document.orderRefresh = true;
var subIdx= layer.alert(data.Message, function () {
if (data.Success) {
$(parent.document).find('.J_menuTab.active i').click()
}
layer.close(subIdx)
})
}
})
}, function () {
});
});
//集装箱信息
$("#ctrnTable").bootstrapTable()
$("#ctrnTable").bootstrapTable('load', ctrnData)
//集装箱新增删除
var ctrnTypeIsChoose = false;
$("#modelCtrnType").bsSuggest({
url: "@Url.Action("SuggestCTN", "Common")?keyword=",
idField: "CTNID",
keyField: "CTN",
getDataMethod: 'url',
effectiveFields: ["CTN"]
}).on('onSetSelectValue', function (e, model) {
console.log('onSetSelectValue: ', model);
ctrnTypeIsChoose = true;
}).on('onUnsetSelectValue', function () {
console.log('onUnsetSelectValue');
ctrnTypeIsChoose = false;
}).on('blur', function () {
if (!ctrnTypeIsChoose) {
$("#modelCtrnType").val("")
}
});
$("a.ctrn-add-new").click(function () {
$("#ctrnModal").modal('show')
$("#ctrnTable").bootstrapTable('uncheckAll')
$("#formCtrn").resetForm();
if (ctrnData.length > 0) {
$("#formCtrn").loadData(ctrnData[ctrnData.length - 1]);
$("#modelCtrnCNTRNO").val("");
$("#modelCtrnSEALNO").val("");
}
});
//删除集装箱信息
$("a.ctrn-del").click(function () {
var ids = $.map($("#ctrnTable").bootstrapTable('getSelections'), function (row) {
return row.Index
})
if (ids.length > 0) {
changed = true;
$("#ctrnTable").bootstrapTable('remove', { field: 'Index', values: ids });
reorderCtns();
$("#ctrnTable").bootstrapTable('load', ctrnData)
}
});
//多品名维护
$("a.ctrn-multi").click(function () {
if (changed || isCreate) {
layer.alert("@Resources.LangConfirm.MsgNeedSave");
return;
}
layer.open({
type: 2,
title: '@Resources.LangConfirm.BtnMulti',
shadeClose: true,
shade: 0.8,
area: ['90%', '90%'],
content: '@Url.Action("CtnDetail",new { sino= Model.SINO })'
});
});
//展开集装箱
$("a.ctrn-expand").click(function () {
if (changed) {
layer.alert("@Resources.LangConfirm.MsgNeedSave");
return;
}
var ctrnDataNew = [];
$.each(ctrnData, function (idx, item) {
if (item.CTNNUM == 1) {
ctrnDataNew.push(item);
} else if (item.CTNNUM > 1) {
var count = item.CTNNUM;
for (var m = 0; m < count; m++) {
var newItem = {
CTN_ID: ctrnDataNew.length + 1,
CTNALL: item.CTNALL,
CTNNUM: 1,
TEU: item.TEU,
CNTRNO: item.CNTRNO,
SEALNO: item.SEALNO,
PKGS: item.PKGS,
KINDPKGS: item.KINDPKGS,
KGS: item.KGS,
CBM: item.CBM,
TAREWEIGHT: item.TAREWEIGHT,
CTNSTATUS: item.CTNSTATUS,
WEIGHTYPE: item.WEIGHTYPE,
WEIGHKGS: item.WEIGHKGS,
WEIGHATTN: item.WEIGHATTN,
VGMCONNCOM: item.VGMCONNCOM,
WEIGHTEL: item.WEIGHTEL,
WEIGHDATE: item.WEIGHDATE,
VGMADDR: item.VGMADDR,
VGMEMAIL: item.VGMEMAIL,
REMARK: item.REMARK
};
ctrnDataNew.push(newItem);
}
}
})
ctrnData = ctrnDataNew;
$("#ctrnTable").bootstrapTable('load', ctrnData)
});
//双击编辑集装箱
$("#ctrnTable").on('dbl-click-row.bs.table', function (row, $element, field) {
$("#ctrnModal").modal('show')
$("#ctrnTable").bootstrapTable('uncheckAll')
$("#ctrnTable").bootstrapTable('checkBy', { field: 'Index', values: [$element.Index] })
$("#formCtrn").loadData($element);
})
//保存集装箱
$("#modelBtnSave").click(function () {
if ($("#formCtrn").valid()) {
changed = true;
var selList = $("#ctrnTable").bootstrapTable('getSelections');
var isAdd = false;
if (selList.length > 0) {
var json = $("#formCtrn").toJson();
selList[0].CTNALL = json.CTNALL;
selList[0].CTNNUM = json.CTNNUM;
selList[0].CNTRNO = json.CNTRNO;
selList[0].SEALNO = json.SEALNO;
selList[0].PKGS = json.PKGS;
selList[0].KINDPKGS = json.KINDPKGS;
selList[0].KGS = json.KGS;
selList[0].CBM = json.CBM;
selList[0].TAREWEIGHT = json.TAREWEIGHT;
selList[0].CTNSTATUS = json.CTNSTATUS;
selList[0].WEIGHTYPE = json.WEIGHTYPE;
selList[0].WEIGHKGS = json.WEIGHKGS;
selList[0].WEIGHATTN = json.WEIGHATTN;
selList[0].VGMCONNCOM = json.VGMCONNCOM;
selList[0].WEIGHTEL = json.WEIGHTEL;
selList[0].WEIGHDATE = json.WEIGHDATE;
selList[0].VGMADDR = json.VGMADDR;
selList[0].VGMEMAIL = json.VGMEMAIL;
selList[0].REMARK = json.REMARK;
} else {
isAdd = true;
ctrnData.push({
Index: ctrnData.length + 1,
CTN_ID: '',
CTNALL: $("#modelCtrnType").val(),
CTNNUM: parseInt($("#modelCtrnNum").val()),
TEU: 0,
CNTRNO: $("#modelCtrnCNTRNO").val(),
SEALNO: $("#modelCtrnSEALNO").val(),
PKGS: $("#modelCtrnPKGS").val(),
KINDPKGS: $("#modelCtrnKINDPKGS").val(),
KGS: $("#modelCtrnKGS").val(),
CBM: $("#modelCtrnCBM").val(),
TAREWEIGHT: $("#modelCtrnTAREWEIGHT").val(),
CTNSTATUS: $("#modelCtrnCTNSTATUS").val(),
WEIGHTYPE: $("#modelCtrnWEIGHTYPE").val(),
WEIGHKGS: $("#modelCtrnWEIGHKGS").val(),
WEIGHATTN: $("#modelCtrnWEIGHATTN").val(),
VGMCONNCOM: $("#modelCtrnVGMCONNCOM").val(),
WEIGHTEL: $("#modelCtrnWEIGHTEL").val(),
WEIGHDATE: $("#modelCtrnWEIGHDATE").val(),
VGMADDR: $("#modelCtrnVGMADDR").val(),
VGMEMAIL: $("#modelCtrnVGMEMAIL").val(),
REMARK: $("#modelCtrnREMARK").val()
})
}
reorderCtns();
$("#ctrnTable").bootstrapTable('load', ctrnData)
if (isAdd) {
$("#ctrnTable").bootstrapTable('checkBy', { field: 'Index', values: [ctrnData[ctrnData.length-1].Index] })
}
}
});
$("#btnCtrnModalAdd").click(function () {
$("#modelBtnSave").click();
$("#ctrnTable").bootstrapTable('uncheckAll')
$("#formCtrn").resetForm();
if (ctrnData.length > 0) {
$("#formCtrn").loadData(ctrnData[ctrnData.length - 1]);
$("#modelCtrnCNTRNO").val("");
$("#modelCtrnSEALNO").val("");
}
});
$("#modelCtrnKINDPKGS").bsSuggest({
url: "@Url.Action("SuggestPackage", "Common")?keyword=",
idField: "FRT",
keyField: "PKGS",
getDataMethod: 'url',
effectiveFields: ["PKGS"]
}).on('onSetSelectValue', function (e, model) {
console.log('onSetSelectValue: ', model);
});
//引入场站数据
$("a.ctrn-yard-data").click(function () {
var mblno = $("#MBLNO").val();
var yard = $("#YARD").val();
var layerIdx = layer.load(0, {
shade: [0.2, '#000'] //0.1透明度的白色背景
});
$.ajax({
method: 'POST',
url: '@Url.Action("GetYardData")?mblno=' + mblno + '&yardname=' + yard,
dataType:'json',
success: function (data) {
if (data.Success) {
updateCtrnData(data.List);
} else {
layer.alert(data.Message)
}
layer.close(layerIdx);
}
})
});
//引入excel数据
$("a.ctrn-import").click(function () {
$("#fileUpXls").click();
});
$("#fileUpXls").change(function () {
$("#formUpXls").ajaxSubmit(
{
dataType: 'json',
success: function (data)
{
if (data.Success) {
updateCtrnData(data.List);
} else {
layer.alert(data.Message);
}
}
});
})
//发货 收货 通知人格式化
$("a.format-text-len").click(function () {
var len = parseInt($(this).data('len'));
var area = $(this).parents("div.ibox").find("textarea.text-area-show-number");
var arr = $(area).val().split("\n");
var result = [];
var strResult = '';
for (idx in arr) {
var str = arr[idx];
if (str.length > len) {
while (str.length > 0) {
result.push(str.substr(0, len));
strResult += str.substr(0, len) + '\n'
str = str.substr(len);
}
} else {
result.push(str);
strResult += str + '\n';
}
}
if (strResult.endsWith('\n')) {
strResult = strResult.substr(0, strResult.length - 1);
}
$(area).val(strResult)
$(area).change()
});
$("textarea.text-area-show-number").scroll(function () {
var $this = $(this);
var top = $this.scrollTop();
console.log(top)
var numContainer = $($this.parent().find("div.div-show-number"));
numContainer.scrollTop(top);
numContainer.height($this.parent().height())
})
$("textarea.text-area-show-number").keyup(function () {
var $this = $(this);
$this.change();
});
$("textarea.text-area-show-number").change(function () {
var $this = $(this);
var numContainer = $($this.parent().find("div.div-show-number"));
var arr = $this.val().split("\n");
var arrNum = [];
for (idx in arr) {
arrNum.push(arr[idx].length);
}
numContainer.empty();
for (idx in arrNum) {
numContainer.append('<div>' + arrNum[idx] + '</div>');
}
})
$("textarea.text-area-show-number").blur(function () {
var val = $(this).val().toUpperCase();
$(this).val(val)
})
//货物类型
$("#CARGOID").change(function () {
var val = $("#CARGOID").val();
if (val == "R") {
$("div.hdn-temp").show();
$("div.hdn-danger").hide();
} else if (val == "D") {
$("div.hdn-danger").show();
$("div.hdn-temp").hide();
} else {
$("div.hdn-temp,div.hdn-danger").hide();
}
});
//页面加载时显示
$("#CARGOID").change();
//模板
$("#btnSaveTemplate").click(function () {
$("#tempModel").modal('show')
$("#modelTempName").val('');
});
$("#tempModelBtnSave").click(function () {
if ($("#formTemp").valid()) {
var obj = getEditJson();
var tempObj = {
NAME: $("#modelTempName").val(),
CATE: '@TemplateCate.Confirm.ToString()',
CONTENT: JSON.stringify(obj)
}
$.ajax({
method: 'POST',
url: '@Url.Action("SaveTemplate", "Template")',
dataType: 'json',
data: JSON.stringify(tempObj),
contentType: "application/json",
success: function (data) {
layer.alert(data.Message)
}
})
$("#tempModel").modal('hide')
}
});
//模板
$("#btnLoadTemplate").click(function () {
$("#loadTempModel").modal('show')
$("#modelLoadTempName").val('');
});
$.ajax({
method: 'GET',
url: '@Url.Action("GetTemplates", "Template")?cate=@TemplateCate.Confirm.ToString()',
success: function (data) {
console.log(data)
for (var idx in data) {
$("#modelLoadTempName").append('<option value="' + idx + '">' + data[idx].NAME + '</option>')
}
templateData = data;
}
})
$("#loadTempModelBtn").click(function () {
var val = $("#modelLoadTempName").val();
debugger;
if (val.length > 0) {
var idx = parseInt(val);
var content = templateData[idx].CONTENT;
var json = JSON.parse(content);
$("#formEdit").loadData(json);
ctrnData = json.CtrnList;
$("#ctrnTable").bootstrapTable('load', ctrnData);
$("#ORDNO").val('');
}
$("#loadTempModel").modal('hide')
})
$("#PKGS").on('blur', function () {
var regExp = /[0-9]+/gi
var val = $("#PKGS").val();
var find = regExp.exec(val);
if (find.length > 0) {
$("#PKGS").val(find);
$("#KINDPKGS").val(val.replace(find, ''))
}
})
$("textarea.text-area-show-number").change();
$("#ETD").datepicker({
autoclose: true,
format: "yyyy-mm-dd",
startDate: new Date()
});
$("#modelCtrnWEIGHDATE").datepicker({
autoclose: true,
format: "yyyy-mm-dd"
});
});
function saveOrSubmit(submit) {
if (submit) {
validSubmit();
$("#BSSTATUS").val('@OrderStatus.Submit');
if (!$("#formEdit").valid()) {
layer.alert('@Resources.LangAll.ValidFormHasError')
return;
}
} else {
validSave();
if (!$("#formEdit").valid()) {
layer.alert('@Resources.LangAll.ValidFormHasError')
return;
}
$("#BSSTATUS").val('@OrderStatus.Create');
}
var obj = getEditJson();
$.ajax({
method: 'POST',
url: '@Url.Action("ConfirmSave")',
dataType: 'json',
data: JSON.stringify(obj),
contentType: "application/json",
success: function (data) {
if (data.Success) {
window.parent.document.orderRefresh = true;
layer.alert(data.Message, function () {
if (data.Url.length > 0) {
location.href = data.Url;
}
})
} else {
layer.alert(data.Message)
}
}
})
}
function getEditJson() {
var obj = $("#formEdit").toJson();
obj.ISCONTAINERSOC = $("#ISCONTAINERSOC").prop('checked');
obj.CtrnList = ctrnData;
return obj;
}
function validSave() {
$("#formEdit").validate({
rules: {
HSCODE: {
rangelength: [6, 6] //[18, 18]
3 years ago
},
PKGS: { digits: true },
KGS: { number: true },
CBM: { number: true }
},
messages: {
HSCODE: {
rangelength: errIcon + "@Resources.LangOrder.ValidInputHSCODE"
},
PKGS: { digits: errIcon + '@Resources.LangAll.ValidMustInteger' },
KGS: { number: errIcon + '@Resources.LangAll.ValidMustNumber' },
CBM: { number: errIcon + '@Resources.LangAll.ValidMustNumber' }
}
});
}
function validSubmit() {
$("#formEdit").validate({
rules: {
CARRIER: "required",
ETD: "required",
SHIPPER: "required",
CONSIGNEE: "required",
NOTIFYPARTY: "required",
MARKS: "required",
DESCRIPTION: "required",
PKGS: {
required: true,
digits: true
},
KGS: {
required: true,
number: true
},
KINDPKGS: "required",
CBM: {
required: true,
number: true
},
PORTLOADID: "required",
PORTDISCHARGEID: "required",
PLACEDELIVERYID: "required",
ISSUETYPE: "required",
SERVICE: "required",
BLFRT: "required",
HSCODE: {
rangelength: [6, 6] //[18, 18]
3 years ago
}
},
messages: {
CARRIER: errIcon + "@Resources.LangOrder.ValidInputCARRIER",
ETD: errIcon + "@Resources.LangOrder.ValidInputETD",
SHIPPER: errIcon + "@Resources.LangOrder.ValidInputSHIPPER",
CONSIGNEE: errIcon + "@Resources.LangOrder.ValidInputCONSIGNEE",
NOTIFYPARTY: errIcon + "@Resources.LangOrder.ValidInputNOTIFYPARTY",
MARKS:errIcon+"@Resources.LangOrder.ValidInputMARKS",
DESCRIPTION:errIcon+"@Resources.LangOrder.ValidInputDESCRIPTION",
PKGS: {
required: errIcon + "@Resources.LangOrder.ValidInputPKGS",
digits: errIcon + "@Resources.LangAll.ValidMustInteger"
},
KGS: {
required: errIcon+"@Resources.LangOrder.ValidInputKGS",
number: errIcon + '@Resources.LangAll.ValidMustNumber'
},
KINDPKGS: errIcon + "@Resources.LangOrder.ValidInputKINDPKGS",
CBM: {
required: errIcon+"@Resources.LangOrder.ValidInputCBM",
number: errIcon + '@Resources.LangAll.ValidMustNumber'
},
PORTLOADID:errIcon+"@Resources.LangOrder.ValidInputPORTLOADID",
PORTDISCHARGEID:errIcon+"@Resources.LangOrder.ValidInputPORTDISCHARGEID",
PLACEDELIVERYID:errIcon+"@Resources.LangOrder.ValidInputPLACEDELIVERY",
ISSUETYPE:errIcon+"@Resources.LangOrder.ValidInputISSUETYPE",
SERVICE:errIcon+"@Resources.LangOrder.ValidInputSERVICE",
BLFRT: errIcon + "@Resources.LangOrder.ValidInputBLFRT",
HSCODE: {
rangelength: errIcon + "@Resources.LangOrder.ValidInputHSCODE"
}
}
});
}
fmtCTNSTATUS= function(value, row, index) {
if (row.CTNSTATUS == "F") {
return '@Resources.LangConfirm.TextCtnStatusF';
}
else if (row.CTNSTATUS == "E")
{
return '@Resources.LangConfirm.TextCtnStatusE';
}
else if (row.CTNSTATUS == "L") {
return '@Resources.LangConfirm.TextCtnStatusL';
}
return '';
}
function reorderCtns() {
for (var idx = 0; idx < ctrnData.length; idx++) {
ctrnData[idx].Index = idx + 1;
}
}
function updateCtrnData(list) {
$.each(list, function (idx, item) {
var findItem = null;
$.each(ctrnData, function (i, o) {
if (o.CNTRNO == item.CNTRNO) {
findItem = o;
return true;
}
})
if (findItem == null) {
findItem = {
Index: ctrnData.length + 1,
CTN_ID: '',
CTNNUM: 1
};
ctrnData.push(findItem);
}
findItem.CTNALL = item.CTNALL;
findItem.TEU = item.TEU;
findItem.CNTRNO = item.CNTRNO;
findItem.SEALNO = item.SEALNO;
findItem.PKGS = item.PKGS;
findItem.KINDPKGS = item.KINDPKGS;
findItem.KGS = item.KGS;
findItem.CBM = item.CBM;
findItem.TAREWEIGHT = item.TAREWEIGHT;
//findItem.CTNSTATUS=item.CTNSTATUS;
//findItem.WEIGHTYPE=item.WEIGHTYPE;
//findItem.WEIGHKGS=item.WEIGHKGS;
//findItem.WEIGHATTN=item.WEIGHATTN;
//findItem.VGMCONNCOM=item.VGMCONNCOM;
//findItem.WEIGHTEL=item.WEIGHTEL;
//findItem.WEIGHDATE=item.WEIGHDATE;
//findItem.VGMADDR=item.VGMADDR;
//findItem.VGMEMAIL=item.VGMEMAIL;
//findItem.REMARK=item.REMARK
})
$("#ctrnTable").bootstrapTable('load', ctrnData)
}
</script>
@if (Model.BSSTATUS != OrderConfirmStatus.Create.ToString() && Model.BSSTATUS != OrderConfirmStatus.Reject.ToString())
{
<script>
$(function () {
$("input,select,textarea").prop("readonly", "readonly").prop("disabled", "disabled");
$("#ctrn-btn-group").hide();
})
</script>
}
}