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.
433 lines
16 KiB
Plaintext
433 lines
16 KiB
Plaintext
<%@ Page Title="" Language="C#" MasterPageFile="~/Areas/Dispatch/Views/Shared/MP.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
|
|
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="Body" runat="server">
|
|
<style>
|
|
.order_status {
|
|
height: 75px;
|
|
padding-top: 50px;
|
|
padding-left: 0px
|
|
}
|
|
|
|
.order_status .s-step {
|
|
float: left;
|
|
width: 85px;
|
|
height: 60px;
|
|
position: relative;
|
|
}
|
|
|
|
.order_status .s-step:nth-child(5n) {
|
|
width: 0px;
|
|
}
|
|
|
|
.order_status .s-step.active {
|
|
float: left;
|
|
width: 85px;
|
|
height: 60px;
|
|
position: relative;
|
|
}
|
|
|
|
.order_status .s-step > b > b.active {
|
|
background-color: #3cc51f
|
|
}
|
|
|
|
.order_status .s-step > b {
|
|
display: block;
|
|
width: 32px;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
border-radius: 32px;
|
|
position: absolute;
|
|
margin-left: -16px;
|
|
top: -20px;
|
|
z-index: 87
|
|
}
|
|
|
|
.order_status .s-step > b > b {
|
|
display: block;
|
|
width: 26px;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
border-radius: 26px;
|
|
background: #ccc;
|
|
margin-top: 3px;
|
|
margin-left: 3px;
|
|
z-index: 88
|
|
}
|
|
|
|
.order_status .s-step > p {
|
|
width: 70px;
|
|
border: 1px dashed #ddd;
|
|
top: -20px;
|
|
position: absolute;
|
|
z-index: 86;
|
|
margin: 16px 0;
|
|
}
|
|
|
|
.order_status .s-step > p.active {
|
|
width: 70px;
|
|
border: 1px dashed #3cc51f;
|
|
top: -20px;
|
|
position: absolute;
|
|
z-index: 86
|
|
}
|
|
|
|
.order_status .s-step em {
|
|
display: block;
|
|
padding-top: 20px;
|
|
font-style: normal;
|
|
text-align: center;
|
|
color: #b7b7b7;
|
|
font-size: 12px;
|
|
margin-left: -65px;
|
|
width: 130px
|
|
}
|
|
|
|
.order_status .s-step em.second {
|
|
padding-top: 0px;
|
|
}
|
|
|
|
.order_status .s-step > div {
|
|
display: block;
|
|
width: 80px;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
position: absolute;
|
|
margin-left: -40px;
|
|
top: -55px;
|
|
z-index: 87;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
color: #c9c4c4
|
|
}
|
|
|
|
.order_status .s-step > div.active {
|
|
display: block;
|
|
width: 80px;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
position: absolute;
|
|
margin-left: -40px;
|
|
top: -55px;
|
|
z-index: 87;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
color: #3cc51f
|
|
}
|
|
</style>
|
|
|
|
<header class='demos-header'>
|
|
<h2 class="demos-title">状态信息</h2>
|
|
</header>
|
|
|
|
<div class="weui-cells">
|
|
<div class="order_status">
|
|
<span class="s-step">
|
|
<b>
|
|
<b></b>
|
|
</b>
|
|
<p class="active"></p>
|
|
<em></em>
|
|
<em class="second"></em>
|
|
<div>空箱出场</div>
|
|
</span>
|
|
<span class="s-step">
|
|
<b>
|
|
<b></b>
|
|
</b>
|
|
<p class="active"></p>
|
|
<em></em>
|
|
<em class="second"></em>
|
|
<div>重箱返场</div>
|
|
</span>
|
|
<span class="s-step">
|
|
<b>
|
|
<b></b>
|
|
</b>
|
|
<p class="active"></p>
|
|
<em></em>
|
|
<em class="second"></em>
|
|
<div>海关放行</div>
|
|
</span>
|
|
<span class="s-step">
|
|
<b><b></b></b>
|
|
<p class="active"></p>
|
|
<em></em>
|
|
<em class="second"></em>
|
|
<div>码头放行</div>
|
|
</span>
|
|
<span class="s-step">
|
|
<b>
|
|
<b></b>
|
|
</b>
|
|
<em></em>
|
|
<em class="second"></em>
|
|
<div>装船出运</div>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<header class='demos-header'>
|
|
<h2 class="demos-title">详情</h2>
|
|
</header>
|
|
<div class="weui-cells weui-cells_form">
|
|
<div class="weui-cell">
|
|
<div class="weui-cell__hd">
|
|
<label class="weui-label">船名</label>
|
|
</div>
|
|
<div class="weui-cell__bd">
|
|
<input class="weui-input" type="text" id="iptVESSEL" readonly />
|
|
</div>
|
|
</div>
|
|
<div class="weui-cell">
|
|
<div class="weui-cell__hd">
|
|
<label class="weui-label">航次</label>
|
|
</div>
|
|
<div class="weui-cell__bd">
|
|
<input class="weui-input" type="text" id="iptVOYNO" readonly />
|
|
</div>
|
|
</div>
|
|
<div class="weui-cell">
|
|
<div class="weui-cell__hd">
|
|
<label class="weui-label">提单号</label>
|
|
</div>
|
|
<div class="weui-cell__bd">
|
|
<input class="weui-input" type="text" id="iptMBLNO" readonly />
|
|
</div>
|
|
</div>
|
|
<div class="weui-cell">
|
|
<div class="weui-cell__hd">
|
|
<label class="weui-label">发票号</label>
|
|
</div>
|
|
<div class="weui-cell__bd">
|
|
<input class="weui-input" type="text" id="iptINVNO" readonly />
|
|
</div>
|
|
</div>
|
|
<div class="weui-cell">
|
|
<div class="weui-cell__hd">
|
|
<label class="weui-label">报关单号</label>
|
|
</div>
|
|
<div class="weui-cell__bd">
|
|
<input class="weui-input" type="text" id="iptCUSTOMNO" readonly />
|
|
</div>
|
|
</div>
|
|
<div class="weui-cell">
|
|
<div class="weui-cell__hd">
|
|
<label class="weui-label">箱型箱量</label>
|
|
</div>
|
|
<div class="weui-cell__bd">
|
|
<input class="weui-input" type="text" id="iptCNTRTOTAL" readonly />
|
|
</div>
|
|
</div>
|
|
<div class="weui-cell">
|
|
<div class="weui-cell__hd">
|
|
<label class="weui-label">装货时间</label>
|
|
</div>
|
|
<div class="weui-cell__bd">
|
|
<input class="weui-input" type="text" id="iptCARGODATE" readonly />
|
|
</div>
|
|
</div>
|
|
<div class="weui-cell">
|
|
<div class="weui-cell__hd">
|
|
<label class="weui-label">返场信息</label>
|
|
</div>
|
|
<div class="weui-cell__bd">
|
|
<input class="weui-input" type="text" id="iptSTA_ZXFC" readonly />
|
|
</div>
|
|
</div>
|
|
<div class="weui-cell">
|
|
<div class="weui-cell__hd">
|
|
<label class="weui-label">通关放行信息</label>
|
|
</div>
|
|
<div class="weui-cell__bd">
|
|
<input class="weui-input" type="text" id="iptSTA_HGFX" readonly />
|
|
</div>
|
|
</div>
|
|
<div class="weui-cell">
|
|
<div class="weui-cell__hd">
|
|
<label class="weui-label">开船日</label>
|
|
</div>
|
|
<div class="weui-cell__bd">
|
|
<input class="weui-input" type="text" id="iptETD" readonly />
|
|
</div>
|
|
</div>
|
|
<div class="weui-cell">
|
|
<div class="weui-cell__hd">
|
|
<label class="weui-label">到港日</label>
|
|
</div>
|
|
<div class="weui-cell__bd">
|
|
<input class="weui-input" type="text" id="iptATD" readonly />
|
|
</div>
|
|
</div>
|
|
<div class="weui-cell">
|
|
<div class="weui-cell__hd">
|
|
<label class="weui-label">吨位</label>
|
|
</div>
|
|
<div class="weui-cell__bd">
|
|
<input class="weui-input" type="text" id="iptKGS" readonly />
|
|
</div>
|
|
</div>
|
|
<div class="weui-cell">
|
|
<div class="weui-cell__hd">
|
|
<label class="weui-label">场站</label>
|
|
</div>
|
|
<div class="weui-cell__bd">
|
|
<input class="weui-input" type="text" id="iptYARD" readonly />
|
|
</div>
|
|
</div>
|
|
<div class="weui-cell">
|
|
<div class="weui-cell__hd">
|
|
<label class="weui-label">箱封号</label>
|
|
</div>
|
|
<div class="weui-cell__bd">
|
|
<%--<input class="weui-input" type="text" id="iptCNTRSEALNO" readonly />--%>
|
|
<span class="fac-addr-text-break" id="iptCNTRSEALNO"></span>
|
|
</div>
|
|
</div>
|
|
<div class="weui-cell">
|
|
<div class="weui-cell__hd">
|
|
<label class="weui-label">装货地址</label>
|
|
</div>
|
|
<div class="weui-cell__bd">
|
|
<%--<input class="weui-input" type="text" id="iptFACTORYADDR" readonly />--%>
|
|
<span class="fac-addr-text-break" id="iptFACTORYADDR"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<header class='demos-header'>
|
|
<h2 class="demos-title">费用列表</h2>
|
|
</header>
|
|
<div class="weui-panel">
|
|
<div class="weui-panel__bd" id="listContainer">
|
|
</div>
|
|
</div>
|
|
|
|
<div class='demos-content-padded'>
|
|
<div class="weui-loadmore" id="loadingTip">
|
|
<i class="weui-loading"></i>
|
|
<span class="weui-loadmore__tips">正在加载</span>
|
|
</div>
|
|
</div>
|
|
</asp:Content>
|
|
<asp:Content ID="Content2" ContentPlaceHolderID="FooterScript" runat="server">
|
|
<script>
|
|
var bsno = '<%=ViewData["bsno"].ToString()%>';
|
|
|
|
$(function () {
|
|
loadData();
|
|
|
|
var winWidth = $(window).width();
|
|
var pieceWidth = (winWidth - 60 - 26) / 4;
|
|
$(".order_status span.s-step:first").css({"padding-left":"40px"});
|
|
$(".order_status span.s-step").width(pieceWidth);
|
|
$(".order_status span.s-step:last").width(26);
|
|
$(".order_status span p").width(pieceWidth);
|
|
});
|
|
|
|
function loadData() {
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "/Dispatch/Dispatch/SaleOpSeaeDetailData?bsno=" + bsno,
|
|
dataType: "json",
|
|
success: function (data) {
|
|
$("#iptBSNO").val(data.BSNO);
|
|
$("#iptVESSEL").val(data.VESSEL);
|
|
$("#iptVOYNO").val(data.VOYNO);
|
|
$("#iptMBLNO").val(data.MBLNO);
|
|
$("#iptINVNO").val(data.INVNO);
|
|
$("#iptETD").val(data.ETD);
|
|
$("#iptATD").val(data.ATD);
|
|
$("#iptCNTRTOTAL").val(data.CNTRTOTAL);
|
|
$("#iptKGS").val(data.KGS);
|
|
$("#iptYARD").val(data.YARD);
|
|
//$("#iptCNTRSEALNO").val(data.CNTRSEALNO);
|
|
$("#iptCNTRSEALNO").html(data.CNTRSEALNO);
|
|
$("#iptCUSTOMNO").val(data.CUSTOMNO);
|
|
//$("#iptFACTORYADDR").val(data.FACTORYADDR);
|
|
$("#iptFACTORYADDR").html(data.FACTORYADDR);
|
|
$("#iptCARGODATE").val(data.CARGODATE);
|
|
$("#iptSTA_ZXFC").val(data.STA_ZXFC);
|
|
$("#iptSTA_HGFX").val(data.STA_HGFX);
|
|
|
|
showList(data.FEE_LIST);
|
|
showStatus(data.STATE_LIST);
|
|
|
|
$("#loadingTip").hide();
|
|
}
|
|
});
|
|
}
|
|
|
|
function showList(list) {
|
|
for (var idx = 0; idx < list.length; idx++) {
|
|
var html = '<div class="weui-form-preview">'
|
|
+ '<div class="weui-form-preview__bd">'
|
|
+ ' <div class="weui-form-preview__item">'
|
|
+ ' <label class="weui-form-preview__label">费用名称</label>'
|
|
+ ' <span class="weui-form-preview__value">' + list[idx].FeeName + '</span>'
|
|
+ ' </div>'
|
|
+ ' <div class="weui-form-preview__item">'
|
|
+ ' <label class="weui-form-preview__label">单位标准</label>'
|
|
+ ' <span class="weui-form-preview__value">' + list[idx].Unit + '</span>'
|
|
+ ' </div>'
|
|
+ ' <div class="weui-form-preview__item">'
|
|
+ ' <label class="weui-form-preview__label">单价</label>'
|
|
+ ' <span class="weui-form-preview__value">' + list[idx].UnitPrice + '</span>'
|
|
+ ' </div>'
|
|
+ ' <div class="weui-form-preview__item">'
|
|
+ ' <label class="weui-form-preview__label">数量</label>'
|
|
+ ' <span class="weui-form-preview__value">' + list[idx].Quantity + '</span>'
|
|
+ ' </div>'
|
|
+ ' <div class="weui-form-preview__item">'
|
|
+ ' <label class="weui-form-preview__label">金额</label>'
|
|
+ ' <span class="weui-form-preview__value">' + list[idx].Amount + '</span>'
|
|
+ ' </div>'
|
|
+ ' <div class="weui-form-preview__item">'
|
|
+ ' <label class="weui-form-preview__label">币别</label>'
|
|
+ ' <span class="weui-form-preview__value">' + list[idx].Currency + '</span>'
|
|
+ ' </div>'
|
|
+ ' <div class="weui-form-preview__item">'
|
|
+ ' <label class="weui-form-preview__label">汇率</label>'
|
|
+ ' <span class="weui-form-preview__value">' + list[idx].ExChangerate + '</span>'
|
|
+ ' </div>'
|
|
+ '</div>'
|
|
$("#listContainer").append(html);
|
|
}
|
|
}
|
|
|
|
|
|
function ChangeDateFormat(cellval) {
|
|
|
|
var date = new Date(parseInt(cellval.replace("/Date(", "").replace(")/", ""), 10));
|
|
|
|
var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
|
|
|
|
var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
|
|
|
|
return date.getFullYear() + "-" + month + "-" + currentDate;
|
|
|
|
}
|
|
|
|
|
|
function showStatus(data) {
|
|
var spans = $(".order_status").find("span.s-step");
|
|
$(spans).each(function (idx, v) {
|
|
var findName = $(v).find("div:first").html();
|
|
var time = findStatusTime(data, findName);
|
|
if (time) {
|
|
$(v).find("em:first").html(time[0]);
|
|
$(v).find("em:eq(1)").html(time[1]);
|
|
$(v).find("b b").addClass("active");
|
|
}
|
|
});
|
|
}
|
|
|
|
function findStatusTime(arr, name) {
|
|
for (var idx = 0; idx < arr.length; idx++) {
|
|
if (arr[idx].STATUS == name) {
|
|
return [arr[idx].COMPTIME_DATE, arr[idx].COMPTIME_TIME];
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</asp:Content>
|