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.
295 lines
16 KiB
Plaintext
295 lines
16 KiB
Plaintext
@{
|
|
|
|
}
|
|
<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 orderlist-nav">
|
|
<li>
|
|
<a aria-expanded="false" role="button" href="#" id="btnCopy"><i class="fa fa-copy"></i>@Resources.LangOrder.BtnCopy</a>
|
|
</li>
|
|
<li>
|
|
<a aria-expanded="false" role="button" class="tabs" data-url="@Url.Action("Order")" data-title="@Resources.LangOrder.BtnNew"><i class="fa fa-plus"></i>@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-bnone ibox float-e-margins">
|
|
<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-5 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">
|
|
<label class="col-lg-2 col-md-3 col-sm-2 control-label">@Resources.LangAll.LabelSIStatus</label>
|
|
<div class="col-lg-10 col-md-9 col-sm-10">
|
|
<select class="form-control" name="SISTATUS">
|
|
<option value="">全部</option>
|
|
<option value="NOT">未截单</option>
|
|
<option value="YES">已截单</option>
|
|
</select>
|
|
</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("OrderListData")"
|
|
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"
|
|
data-detail-view="true"
|
|
data-detail-formatter="detailFormatter">
|
|
<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="SISTATUS_NAME" data-sortable="true">@Resources.LangAll.LabelSIStatus</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/hplus/css/plugins/datapicker/datepicker3.css" />
|
|
<link type="text/css" rel="stylesheet" href="~/Content/css/orderlist.css" />
|
|
<link type="text/css" rel="stylesheet" href="~/Content/hplus/css/plugins/footable/footable.core.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>
|
|
$(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)
|
|
})
|
|
|
|
setInterval('orderRefresh()', 1000);
|
|
});
|
|
|
|
function orderRefresh() {
|
|
var ordRef = window.parent.document.orderRefresh;
|
|
if (ordRef != undefined && ordRef) {
|
|
$('#table').bootstrapTable('refresh')
|
|
window.parent.document.orderRefresh = false;
|
|
}
|
|
}
|
|
|
|
|
|
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;
|
|
params.SISTATUS = cond.SISTATUS;
|
|
|
|
return params
|
|
}
|
|
|
|
function operateFormatter(value, row, index) {
|
|
var titleNO = row.MBLNO;
|
|
if (titleNO==null || titleNO.length == 0) {
|
|
titleNO = row.ORDERNO;
|
|
}
|
|
|
|
if (row.BSSTATUS == "@OrderStatus.Create"||row.BSSTATUS == "@OrderStatus.Back") {
|
|
return [
|
|
'<a class="audit tabs" data-url="@Url.Action("Order")?ordno=' + row.ORDNO + '" data-title="' + titleNO+'@Resources.LangAll.LinkTitleOrder">',
|
|
'<i class="fa fa-edit"></i>@Resources.LangAll.BtnEdit',
|
|
'</a>'
|
|
].join('');
|
|
} else if (row.BSSTATUS == "@OrderStatus.Submit") {
|
|
return [
|
|
'<a class="audit tabs" data-url="@Url.Action("Order")?ordno=' + row.ORDNO + '" data-title="' + titleNO+'@Resources.LangAll.LinkTitleOrder">',
|
|
'<i class="fa fa-eye"></i>@Resources.LangAll.BtnView',
|
|
'</a>'
|
|
].join('');
|
|
}
|
|
else if (row.BSSTATUS == "@OrderStatus.Confirm" && row.SISTATUS!='@OrderConfirmStatus.Confirm') {
|
|
return [
|
|
'<a class="audit tabs" data-url="@Url.Action("Confirm")?ordno=' + row.ORDNO + '" data-title="' + titleNO+'@Resources.LangAll.LinkTitleConfirm">',
|
|
'<i class="fa fa-edit"></i>@Resources.LangOrder.BtnConfirm',
|
|
'</a><br/>',
|
|
'<a class="audit tabs" data-url="@Url.Action("Order")?ordno=' + row.ORDNO + '" data-title="' + titleNO+'@Resources.LangAll.LinkTitleOrder">',
|
|
'<i class="fa fa-eye"></i>@Resources.LangAll.BtnView',
|
|
'</a>'
|
|
].join('');
|
|
} else {
|
|
return [
|
|
'<a class="audit tabs" data-url="@Url.Action("Order")?ordno=' + row.ORDNO + '" data-title="' + titleNO+'@Resources.LangAll.LinkTitleOrder">',
|
|
'<i class="fa fa-eye"></i>@Resources.LangAll.BtnView',
|
|
'</a>'
|
|
].join('');
|
|
}
|
|
|
|
return '';
|
|
}
|
|
|
|
function detailFormatter(index, row) {
|
|
//var html = []
|
|
//$.each(row, function (key, value) {
|
|
// html.push('<p><b>' + key + ':</b> ' + value + '</p>')
|
|
//})
|
|
//return html.join('')
|
|
|
|
var html;
|
|
|
|
if (row.ConfirmList.length > 0) {
|
|
html = '<table class="table"><thead><tr>';
|
|
var arr = [
|
|
'@Resources.LangAll.LabelCARRIER',
|
|
'@Resources.LangAll.LabelYARD',
|
|
'@Resources.LangAll.LabelCNTRTOTAL',
|
|
'@Resources.LangAll.LabelPORTLOAD',
|
|
'@Resources.LangAll.LabelPORTDISCHARGE',
|
|
'@Resources.LangAll.LabelCONTRACTNO',
|
|
'@Resources.LangAll.LabelVESSEL',
|
|
'@Resources.LangAll.LabelVOYNO',
|
|
'@Resources.LangAll.LabelMBLNO',
|
|
'@Resources.LangAll.LabelETD',
|
|
'@Resources.LangAll.LabelBSSTATUS'
|
|
];
|
|
|
|
for (var idx in arr) {
|
|
html += '<td>' + arr[idx] + '</td>'
|
|
}
|
|
|
|
html += '</tr></thead><tbody>';
|
|
|
|
for (var i = 0; i < row.ConfirmList.length; i++) {
|
|
html += '<tr>';
|
|
html += '<td>' + row.ConfirmList[i].CARRIER + '</td>';
|
|
html += '<td>' + row.ConfirmList[i].YARD + '</td>';
|
|
html += '<td>' + row.ConfirmList[i].CNTRTOTAL + '</td>';
|
|
html += '<td>' + row.ConfirmList[i].PORTLOAD + '</td>';
|
|
html += '<td>' + row.ConfirmList[i].PORTDISCHARGE + '</td>';
|
|
html += '<td>' + row.ConfirmList[i].CONTRACTNO + '</td>';
|
|
html += '<td>' + row.ConfirmList[i].VESSEL + '</td>';
|
|
html += '<td>' + row.ConfirmList[i].VOYNO + '</td>';
|
|
html += '<td><a class="tabs" data-url="@Url.Action("ConfirmEdit")?sino=' + row.ConfirmList[i].SINO + '" data-title="' + row.ConfirmList[i].MBLNO +'@Resources.LangAll.LinkTitleConfirm">' + row.ConfirmList[i].MBLNO + '</a></td>';
|
|
html += '<td>' + row.ConfirmList[i].ETD + '</td>';
|
|
html += '<td>' + row.ConfirmList[i].BSSTATUS_NAME + '</td>';
|
|
html += '</tr>';
|
|
}
|
|
html += '</tbody></table>';
|
|
} else {
|
|
html='<span>没有截单数据</span>'
|
|
}
|
|
return html;
|
|
|
|
|
|
}
|
|
</script>
|
|
} |