<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="OrderProgressRate.aspx.cs" Inherits="CY.WebForm.Pages.business.OrderProgressRate" %>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
<head runat="server">
|
<title>订单进度</title>
|
<script src="../../js/utils/jquery-1.5.1.min.js" type="text/javascript"></script>
|
<link href="../../css/base.css" rel="stylesheet" type="text/css" />
|
<style type="text/css">
|
.bar, .progress, .ul_item li { display: block; font-family: 黑体; font-size: 13px; }
|
.bodycontent { width: 95%; margin-left: auto; margin-right: auto; margin-top: 5px; overflow: hidden; }
|
.bar { border: 2px solid #DDDDDD; border-radius: 15px; }
|
.progress { width: 2px; background-color: #FF831B; overflow: hidden; text-align: right; border-radius: 15px; float: left; }
|
.ul_item { margin: 0; padding: 0; }
|
.ul_item li { list-style: none; float: left; margin-left: 1%; font-size: 12px; text-align: center; }
|
#ul_currentitemList li { list-style: none; }
|
#ul_phase { display: block; position: absolute; z-index: 1; }
|
#ul_phase li { color: White; font-weight: bold; font-size: 14px; text-align: right; }
|
#ul_currentitemList { display: none; }
|
#div_progress { float: left; }
|
</style>
|
<script type="text/javascript">
|
function LoadInfo()
|
{
|
|
var operates=<%=Request.RequestContext.RouteData.DataTokens["operates"] %>;
|
var dooperates=<%=Request.RequestContext.RouteData.DataTokens["dooperates"] %>;
|
var iunit=parseInt(95/operates.length);
|
|
if(!operates||operates.length==0||!dooperates){alert('卖家尚未对订单进行处理！'); return;}else;
|
|
var ul_itemparent=document.getElementById('ul_itemparent');
|
var ul_phase=document.getElementById('ul_phase');
|
var ul_currentitem=document.getElementById('ul_currentitem');
|
|
var i=-1;
|
var rateset={};
|
while(++i<operates.length){
|
var li_item=document.createElement('li');
|
li_item.id='li_item'+operates[i].id;
|
li_item.style.width=(iunit)+'%';
|
li_item.innerHTML=operates[i].name;
|
ul_itemparent.appendChild(li_item);
|
|
|
var li_phase=document.createElement('li');
|
li_phase.id='li_phase'+operates[i].id;
|
li_phase.style.width=(iunit)+'%';
|
li_phase.innerHTML='> ';
|
ul_phase.appendChild(li_phase);
|
|
var li_currentitem=document.createElement('li');
|
li_currentitem.id='li_currentitem'+operates[i].id;
|
li_currentitem.style.width=iunit+'%';
|
li_currentitem.style.height=26+'px';
|
li_currentitem.innerHTML=' <br/> ';
|
ul_currentitem.appendChild(li_currentitem);
|
rateset[operates[i].id]=1+i;
|
|
}
|
var ul_currentitemList=document.getElementById('ul_currentitemList');
|
|
|
i=-1;
|
var rate=0;
|
while(++i<dooperates.length){
|
var li_currentitem= document.getElementById('li_currentitem'+dooperates[i].id);
|
if(!li_currentitem){
|
try
|
{
|
if(window.currentOther&&Date.Parse(window.currentOther.dotime)>Date.Parse(dooperates[i].dotime))continue;
|
window.currentOther=dooperates[i];
|
var spn_OtherState =document.getElementById('spn_OtherState');
|
spn_OtherState.innerHTML=dooperates[i].name+"";
|
spn_OtherState.title=dooperates[i].dotime+" "+dooperates[i].operator+" ";
|
}
|
catch(ex)
|
{
|
}
|
continue;
|
}else;
|
li_currentitem.innerHTML=dooperates[i].dotime;//.replace(' ','<br/>');
|
li_currentitem.title='操作人：'+dooperates[i].operator;
|
rate=rate>rateset[dooperates[i].id]?rate:rateset[dooperates[i].id];
|
var li_currentListitem=document.createElement('li');
|
li_currentListitem.innerHTML=(dooperates[i].dotime+" "+dooperates[i].operator+" "+document.getElementById('li_item'+dooperates[i].id).innerHTML);
|
ul_currentitemList.appendChild(li_currentListitem);
|
}
|
|
if(0<rate){
|
//改变进度条
|
$('#div_progress').width((rate*iunit)+'%');
|
}else;
|
}
|
|
$(function(){LoadInfo();});
|
</script>
|
</head>
|
<body>
|
<div class='bodycontent bar'>
|
<ul id='ul_phase' class='ul_item bodycontent'>
|
</ul>
|
<div class='progress' id='div_progress'>
|
<span></span>
|
</div>
|
<span id='spn_OtherState'></span><span class='clear'></span>
|
</div>
|
<div class='bodycontent'>
|
<ul id='ul_itemparent' class='ul_item'>
|
</ul>
|
<span class='clear'></span>
|
</div>
|
<div class='bodycontent'>
|
<span class='clear'></span>
|
<ul id='ul_currentitem' class='ul_item'>
|
</ul>
|
<span class='clear'></span>
|
</div>
|
<br />
|
<br />
|
<div>
|
<ul id='ul_currentitemList'>
|
</ul>
|
<span class='clear'></span>
|
</div>
|
</body>
|
</html>
|
