DS7/BookingWeb/Views/Booking/ConfirmList.cshtml

191 lines
10 KiB
Plaintext

@{
}
<div class="top-navigation">
<div id="wrapper">
<div class="gray-bg">
@*<div class="row border-bottom white-bg">
<nav class="navbar navbar-static-top" role="navigation">
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a aria-expanded="false" role="button" href="#" id="btnCopy">@Resources.LangOrder.BtnCopy</a>
</li>
<li>
<a aria-expanded="false" role="button" href="@Url.Action("Order")">@Resources.LangOrder.BtnNew</a>
</li>
</ul>
</div>
</nav>
</div>*@
<div class="wrapper wrapper-content">
<div class="row">
<div class="col-sm-12">
<div class="ibox float-e-margins fixed-top">
<div class="ibox-title">
<h5>@Resources.LangOrder.LabelBookingAccount</h5>
<div class="ibox-tools">
<a class="collapse-link">
<i class="fa fa-chevron-up"></i>
</a>
<a class="close-link">
<i class="fa fa-times"></i>
</a>
</div>
</div>
<div class="ibox-content">
<form class="form-horizontal clearfix" id="formCond">
<div class="form-group col-md-4">
<label class="col-lg-2 col-md-3 col-sm-2 control-label">@Resources.LangAll.LabelMBLNO</label>
<div class="col-lg-10 col-md-9 col-sm-10">
<input type="text" class="form-control" name="MBLNO" />
</div>
</div>
<div class="form-group col-md-4">
<label class="col-lg-2 col-md-3 col-sm-2 control-label">@Resources.LangAll.LabelETD</label>
<div class="col-lg-5 col-md-4 col-sm-5">
<input type="text" class="form-control" name="ETD_START" id="ETD_START" />
</div>
<div class="col-lg-5 col-md-4 col-sm-5">
<input type="text" class="form-control" name="ETD_END" id="ETD_END" />
</div>
</div>
<div class="form-group col-md-4">
<label class="col-lg-2 col-md-3 col-sm-2 control-label">@Resources.LangAll.LabelPORTDISCHARGE</label>
<div class="col-lg-10 col-md-9 col-sm-10">
<input type="text" class="form-control" name="PORTDISCHARGE" />
</div>
</div>
<div class="form-group col-md-4">
<label class="col-lg-2 col-md-3 col-sm-2 control-label">@Resources.LangAll.LabelVESSEL@Resources.LangAll.LabelVOYNO</label>
<div class="col-lg-5 col-md-4 col-sm-5">
<input type="text" class="form-control" name="VESSEL" />
</div>
<div class="col-lg-5 col-md-4 col-sm-5">
<input type="text" class="form-control" name="VOYNO" />
</div>
</div>
<div class="form-group col-md-4">
<a id="btn-reset" href="javascript:;" class="btn btn-default btn-sm">@Resources.LangAll.BtnReset</a>
<a href="javascript:;" class="btn btn-primary btn-sm" id="btnSearch">@Resources.LangAll.BtnQuery</a>
</div>
</form>
<table id="table"
data-toggle="table"
data-show-refresh="false"
data-show-toggle="false"
data-show-columns="false"
data-url="@Url.Action("ConfirmListData")"
data-content-type="application/x-www-form-urlencoded"
data-pagination="true"
data-side-pagination="server"
data-total-field="Total"
data-data-field="DataList"
data-page-number="1"
data-page-size="15"
data-query-params="queryParams"
data-method="post">
<thead>
<tr>
<th data-checkbox="true"></th>
<th data-field="CARRIER" data-sortable="true">@Resources.LangAll.LabelCARRIER</th>
<th data-field="YARD" data-sortable="true">@Resources.LangAll.LabelYARD</th>
<th data-field="CNTRTOTAL" data-sortable="true">@Resources.LangAll.LabelCNTRTOTAL</th>
<th data-field="PORTLOAD" data-sortable="true">@Resources.LangAll.LabelPORTLOAD</th>
<th data-field="PORTDISCHARGE" data-sortable="true">@Resources.LangAll.LabelPORTDISCHARGE</th>
<th data-field="CONTRACTNO" data-sortable="true">@Resources.LangAll.LabelCONTRACTNO</th>
<th data-field="VESSEL" data-sortable="true">@Resources.LangAll.LabelVESSEL</th>
<th data-field="VOYNO" data-sortable="true">@Resources.LangAll.LabelVOYNO</th>
<th data-field="MBLNO" data-sortable="true">@Resources.LangAll.LabelMBLNO</th>
<th data-field="ETD" data-sortable="true">@Resources.LangAll.LabelETD</th>
<th data-field="BSSTATUS_NAME" data-sortable="true">@Resources.LangAll.LabelBSSTATUS</th>
<th data-field="ORDNO" data-formatter="operateFormatter">@Resources.LangAll.LabelOPERATE</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@section styles
{
<link type="text/css" rel="stylesheet" href="~/Content/css/orderlist.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/js/validatorConfig.js"></script>
<script src="~/Content/js/jquery.form.js"></script>
<script>
$(function () {
$("#btn-reset").click(function () {
$(".form-horizontal input").val('');
});
$('#table').bootstrapTable({ height: $(window).height() - 150 });
$("#btnSearch").click(function () {
$('#table').bootstrapTable('refresh')
})
$('#ETD_START,#ETD_END').datepicker({
autoclose: true,
format: "yyyy-mm-dd"
});
@*$("#btnCopy").click(function () {
var sel = $('#table').bootstrapTable('getSelections')
if (sel.length != 1) {
layer.alert('@Resources.LangOrder.MsgChooseOneToCopy');
return;
}
parent.addMenuTab("@Url.Action("Copy")?srcORDNO=" + sel[0].ORDNO, '@Resources.LangOrder.BtnCopy', 0)
})*@
});
function queryParams(params) {
var cond = $("#formCond").serializeObject();
params.MBLNO = cond.MBLNO;
params.ETD_START = cond.ETD_START;
params.ETD_END = cond.ETD_END;
params.PORTDISCHARGE = cond.PORTDISCHARGE;
params.VESSEL = cond.VESSEL;
params.VOYNO = cond.VOYNO;
return params
}
function operateFormatter(value, row, index) {
if (row.BSSTATUS == "@OrderConfirmStatus.Create" || row.BSSTATUS == "@OrderConfirmStatus.Reject") {
return [
'<a class="audit tabs" data-url="@Url.Action("ConfirmEdit")?sino=' + row.SINO + '" data-title="' + row.MBLNO+'@Resources.LangAll.LinkTitleConfirm">',
'<i class="fa fa-edit"></i>@Resources.LangAll.BtnEdit',
'</a>'
].join('');
} else
{
return [
'<a class="audit tabs" data-url="@Url.Action("ConfirmEdit")?sino=' + row.SINO + '" data-title="' + row.MBLNO+'@Resources.LangAll.LinkTitleConfirm">',
'<i class="fa fa-eye"></i>@Resources.LangAll.BtnView',
'</a>'
].join('');
}
return '';
}
</script>
}