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.

109 lines
4.7 KiB
Plaintext

11 months ago
@{
}
<div class="wrapper-content J_mainContent gray-bg-right">
<div class="row">
<div class="ibox">
<div class="ibox-title">
<h5>费用</h5>
</div>
<div class="ibox-content">
<form class="form-horizontal" id="formCond">
<div class="col-lg-2 col-md-3">
<input name="MBLNO" class="form-control" type="text" placeholder="提单号">
</div>
<div class="col-lg-2 col-md-3">
<input name="INVNO" class="form-control" type="text" placeholder="发票号">
</div>
<div class="col-lg-2 col-md-3">
<input name="VESSEL" class="form-control" type="text" placeholder="船名">
</div>
<div class="col-lg-1 col-md-2">
<input name="VOYNO" class="form-control" type="text" placeholder="航次">
</div>
<div class="col-lg-2 col-md-3 form-group">
<a class="btn btn-resect" id="btn-reset">重置</a>
<a class="btn btn-query" id="btnSearch">搜索</a>
</div>
</form>
<table id="table"
data-toggle="table"
data-toolbar="#toolbar"
data-show-refresh="false"
data-show-toggle="false"
data-show-columns="false"
data-query-params="queryParams"
data-url="@Url.Action("OpSeaeList")"
data-pagination="true"
data-side-pagination="server"
data-total-field="Total"
data-data-field="Data"
data-page-number="1"
data-page-size="10"
data-sortable="true"
data-sort-class="table-active"
data-silent-sort="false"
data-method="post">
<thead>
<tr>
<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="INVNO" data-sortable="true">@Resources.LangAll.LabelINVNO</th>
@*<th data-field="CUSTOMNO" data-sortable="true">@Resources.LangAll.LabelCUSTOMNO</th>*@
<th data-field="CNTRTOTAL" data-sortable="true">@Resources.LangAll.LabelCtrnTypeNum</th>
<th data-field="ETD" data-sortable="true">@Resources.LangAll.LabelETD</th>
@*<th data-field="ETA" data-sortable="true">@Resources.LangAll.LabelETA</th>*@
<th data-field="YARD" data-sortable="true">@Resources.LangAll.LabelYARD</th>
<th data-field="AMOUNT_RMB" data-sortable="true" class="text-right">@Resources.LangFee.LabelFeeRMB</th>
<th data-field="AMOUNT_USD" data-sortable="true" class="text-right">@Resources.LangFee.LabelFeeUSD</th>
<th data-field="BSNO" data-formatter="mblnoFormatter">操作</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
@section styles
{
<link type="text/css" rel="stylesheet" href="~/Content/css/orderlist.css" />
<link type="text/css" rel="stylesheet" href="~/Content/css/opfeelist.css" />
}
@section scripts{
<script>
$(function () {
$('#table').bootstrapTable({ height: $(window).height() - 20 });
$('#feeTable').bootstrapTable();
$("#btnSearch").click(function () {
$('#table').bootstrapTable('refresh')
})
})
function queryParams(params) {
var condition = {};
$('#formCond').find('input[name]').each(function () {
condition[$(this).attr('name')] = $(this).val()
})
params.condition = JSON.stringify(condition);
return params
}
function mblnoFormatter(value, row, index) {
return [
'<a class="audit tabs" data-url="@Url.Action("OpFeeList")?BSNO=' + row.BSNO + '" data-title="@Resources.LangFee.TextFeeInfo">查看费用',
'</a>'
].join('');
}
</script>
}