使用Iframe实现TAB页面切换


package com.it.springweb.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;

/**
* 〈已卖出的宝贝〉<br>
* 〈功能详细描述〉
*
* @see [相关类/方法](可选)
* @since [产品/模块版本] (可选)
*/
@Controller
@RequestMapping(value = "/havesellbaby")
public class HaveSellBabyController {

/**
*
* 进入已卖出的宝贝主页面 <br>
* 〈功能详细描述〉
*
* @param modelAndView
* @return
* @see [相关类/方法](可选)
* @since [产品/模块版本](可选)
*/
@RequestMapping(value = "main.action")
public ModelAndView main(ModelAndView modelAndView) {

modelAndView.setViewName("havesellbaby/main");
return modelAndView;
}

/**
*
* 进入近三个月订单页面 <br>
* 〈功能详细描述〉
*
* @param modelAndView
* @return
* @see [相关类/方法](可选)
* @since [产品/模块版本](可选)
*/
@RequestMapping(value = "nearthreeorder.action")
public ModelAndView nearThreeOrder(ModelAndView modelAndView) {

modelAndView.setViewName("havesellbaby/nearthreeorder");
return modelAndView;
}

/**
*
* 进入等待发货订单页面 <br>
* 〈功能详细描述〉
*
* @param modelAndView
* @return
* @see [相关类/方法](可选)
* @since [产品/模块版本](可选)
*/
@RequestMapping(value = "waitdeliveryorder.action")
public ModelAndView waitDeliveryOrder(ModelAndView modelAndView) {

modelAndView.setViewName("havesellbaby/waitdeliveryorder");
return modelAndView;
}

/**
*
* 进入已发货订单页面 <br>
* 〈功能详细描述〉
*
* @param modelAndView
* @return
* @see [相关类/方法](可选)
* @since [产品/模块版本](可选)
*/
@RequestMapping(value = "hasdeliveryorder.action")
public ModelAndView hasDeliveryOrder(ModelAndView modelAndView) {

modelAndView.setViewName("havesellbaby/hasdeliveryorder");
return modelAndView;
}

/**
*
* 进入已发货订单页面 <br>
* 〈功能详细描述〉
*
* @param modelAndView
* @return
* @see [相关类/方法](可选)
* @since [产品/模块版本](可选)
*/
@RequestMapping(value = "returningorder.action")
public ModelAndView returningOrder(ModelAndView modelAndView) {

modelAndView.setViewName("havesellbaby/returningorder");
return modelAndView;
}

/**
*
* 进入退款中的订单页面 <br>
* 〈功能详细描述〉
*
* @param modelAndView
* @return
* @see [相关类/方法](可选)
* @since [产品/模块版本](可选)
*/
@RequestMapping(value = "successorder.action")
public ModelAndView successOrder(ModelAndView modelAndView) {

modelAndView.setViewName("havesellbaby/successorder");
return modelAndView;
}

/**
*
* 进入三个月前的订单页面 <br>
* 〈功能详细描述〉
*
* @param modelAndView
* @return
* @see [相关类/方法](可选)
* @since [产品/模块版本](可选)
*/
@RequestMapping(value = "threebeforeorder.action")
public ModelAndView threeBeforeOrder(ModelAndView modelAndView) {

modelAndView.setViewName("havesellbaby/threebeforeorder");
return modelAndView;
}
}



leftmenu.ftl

<div class="leftMenu cl">
<ul>
<li>
<dl>
<dt class="menu2"><span></span><em></em>消息和任务</dt>
<dd><a href="#">系统消息</a></dd>
<dd><a href="#">待办任务</a></dd>
</dl>
</li>
<li>
<dl>
<dt class="menu3"><span></span><em></em>我的店铺</dt>
<dd><a href="#">店铺规范</a></dd>
<dd><a href="#">基本设置</a></dd>
<dd><a href="#">查看我的店铺</a></dd>
<dd><a href="#">店铺装修</a></dd>
<dd><a href="#">分类管理</a></dd>
</dl>
</li>
<li>
<dl>
<dt class="menu5"><span></span><em></em>促销管理</dt>
<dd><a href="#">我要促销</a></dd>
<dd><a href="#">促销查询</a></dd>
</dl>
</li>
</ul>
</div>



rightmenu.ftl

<div class="rightCon">
<h3 class="top-h3">已卖出的宝贝</h3>

<table border="0" cellspacing="0" cellpadding="0" class="baby-001">
<colgroup>
<col width="70">
<col width="170">
<col width="70">
<col width="160">
<col width="80">
<col width="244">
</colgroup>
<tr>
<td>宝贝名称:</td>
<td><input type="text" class="uiText"/></td>
<td>成交时间:</td>
<td colspan="3">
<span class="title-word">从</span>
<div class="date1 data-w80">
<input type="text" id="dateinput1" class="uiText" value="">
<a id="date1" href="javascript:void(0);"></a>
</div>
<span class="title-word">日</span>
<select class="web-select l"><option>00</option></select>
<span class="title-word">时</span>
<input type="text" class="uiText w20" value="00">
<span class="title-word">分</span>
<span class="title-word">至</span>
<div class="date2 data-w80">
<input type="text" id="dateinput2" class="uiText" value="">
<a id="date2" href="javascript:void(0);"></a>
</div>
<span class="title-word">日</span>
<select class="web-select l"><option>00</option></select>
<span class="title-word">时</span>
<input type="text" class="uiText w20" value="00">
<span class="title-word">分</span>
</td>
</tr>
<tr>
<td>买家昵称:</td>
<td><input type="text" class="uiText"/></td>
<td>订单状态:</td>
<td><select class="web-select"><option>全部</option></select></td>
<td>评价状态:</td>
<td><select class="web-select"><option>全部</option></select></td>
</tr>
<tr>
<td>订单编号:</td>
<td><input type="text" class="uiText"/></td>
<td>售后服务:</td>
<td><select class="web-select"><option>全部</option></select></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="6"><a href="#" class="uiBtn case7"><span>搜索</span></a></td>
</tr>
</table>

<div class="fhWrap fhWrap2 new-fhWrap2 mt10" style="padding-bottom:10px;">
<ul class="sixTabArea new-sixTabArea">
<li class="on">近三个月订单</li>
<li>等待发货</li>
<li>已发货</li>
<li>退款中</li>
<li>成功的订单</li>
<li class="haveNoBorder">三个月前的订单</li>
</ul>
<!---第一个tab-->
<div id="div1" class="fiveTab">
<iframe id="tab1" src="" scrolling="no" frameborder="0" style="display:block;width:100%;"></iframe>
</div>

<!--第二个tab-->
<div id="div2" class="fiveTab hide">
<iframe id="tab2" src="" scrolling="no" frameborder="0" style="display:block;width:100%;"></iframe>
</div>

<!---第三个tab-->
<div id="div3" class="fiveTab hide">
<iframe id="tab3" src="" scrolling="no" frameborder="0" style="display:block;width:100%;"></iframe>
</div>

<!--第四个tab--->
<div id="div4" class="fiveTab hide">
<iframe id="tab4" src="" scrolling="no" frameborder="0" style="display:block;width:100%;"></iframe>
</div>

<!--第五个tab-->
<div id="div5" class="fiveTab hide">
<iframe id="tab5" src="" scrolling="no" frameborder="0" style="display:block;width:100%;"></iframe>
</div>

<!--第六个tab-->
<div id="div6" class="fiveTab hide">
<iframe id="tab6" src="" scrolling="no" frameborder="0" style="display:block;width:100%;"></iframe>
</div>
</div>
</div>



popwin.ftl

<!-- 遮罩层 -->
<div id="MUC_fullBg"></div>

<!---延长收货时间 浏览框-->
<div class="uiPop MUC_pop15 bgfa" id="MUC_pop15" style="display:none;width:500px;margin-left:-200px;">
<div class="secTitle uc_sp">
<b class="r uc_sp" onClick="myOpen.uCenter.popClose()"></b>
<h4 class="l">提示</h4>
</div>
<div class="textArea mb10 offPage offPage-tleft">
<p class="mb10">延长收货时间可以让买家有更多时间来"确定收货",而不会急于去申请退款。</p>
<strong>延长本交易的"确认收货"期限为:</strong><select class="web-select"><option>3天</option></select>
</div>
<!-- MUC_popMain end -->
<div class="MUC_popBtn textArea textArea2">
<a href="#" class="uiBtn case3 mr10"><span>确定</span></a>
<a href="javascript:;" class="uiBtn case5" onClick="myOpen.uCenter.popClose()"><span>取消</span></a>
</div>
</div>



main.ftl

<#include "/common/common.ftl">
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>发货给顾客</title>
<meta name="description" content="苏宁易购"/>
<meta name="keywords" content="苏宁易购"/>
<link rel="shortcut icon" href="http://www.suning.com/favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="${ctxPath}/havesellbaby/css/common.css">
<link rel="stylesheet" type="text/css" href="${ctxPath}/havesellbaby/css/dispatch.css">
<script type="text/javascript" src="${ctxPath}/havesellbaby/js/jquery.js"></script>
<script src="${ctxPath}/havesellbaby/js/calendar.js" type="text/javascript"></script>


<script>
var urls = ['${ctxPath}/havesellbaby/nearthreeorder.action',
'${ctxPath}/havesellbaby/waitdeliveryorder.action',
'${ctxPath}/havesellbaby/hasdeliveryorder.action',
'${ctxPath}/havesellbaby/returningorder.action',
'${ctxPath}/havesellbaby/successorder.action',
'${ctxPath}/havesellbaby/threebeforeorder.action'];
$(function() {
//默认展示第一个TAB页
$('#tab1').attr('src',urls[0]);

//绑定TBA页点击事件
bindTabClickEvent();
});

//绑定TBA页点击事件
function bindTabClickEvent(){
$("ul>li").click(function(){
var index=$(this).index(); //获取当前li索引,从0开始
var tabIndex=index+1;

if($('#tab'+tabIndex).attr('src')=='') {//如果iframe没有加载过
$('#tab'+tabIndex).attr('src',urls[tabIndex-1]);
}

$(".fiveTab").hide();//将索引TAB页隐藏
$("#div"+tabIndex).show();//显示当前点击的TAB页

$("ul>li").removeClass("on");//将索引li隐藏
$(this).addClass("on");//现在当前点击的li

iFrameHeightAdaption('tab'+tabIndex);
});
}

function iFrameHeightAdaption(id) {
var iframe=document.getElementById(id); //iframe id
var height=iframe.contentDocument.body.scrollHeight + 200;
//设置当前iframe高度
$(iframe).height(height);
}
</script>

</head>

<body>
<div class="myOpen">
<div class="wrap">
<!-- 面包屑 -->
<div class="crumb">您当前的位置:<a href="#">首页 </a> > 交易中心</div>
<!-- 面包屑 -->


<!-- 左侧菜单开始 -->
<#include "leftmenu.ftl">
<!-- 左侧菜单结束 -->


<!-- 右侧菜单开始 -->
<#include "rightmenu.ftl">
<!-- 右侧菜单结束 -->
</div>
</div>

<!-- 相关的弹出框开始 -->
<#include "popwin.ftl">
<!-- 相关的弹出框结束 -->

<script type="text/javascript">
$(function(){
ECode.calendar({inputBox:"#date1",showbox:"#dateinput1",flag:false});
ECode.calendar({inputBox:"#date2",showbox:"#dateinput2",flag:false});
})
</script>
</body>
</html>





nearthreeorder.ftl

<#include "/common/common.ftl">
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>近三个月的订单</title>
<link rel="stylesheet" type="text/css" href="${ctxPath}/havesellbaby/css/common.css">
<link rel="stylesheet" type="text/css" href="${ctxPath}/havesellbaby/css/dispatch.css">
<script type="text/javascript" src="${ctxPath}/havesellbaby/js/jquery.js"></script>
<script src="${ctxPath}/havesellbaby/js/calendar.js" type="text/javascript"></script>

<script>
$(function() {
parent.iFrameHeightAdaption("tab1");
});
</script>
</head>

<body>
<div class="dataTable dataTable22 mt10">
<table class="changeColor">
<thead>
<tr>
<th width="207">宝贝</th>
<th width="100">单价(元)</th>
<th width="108">数量</th>
<th width="100">售后</th>
<th width="150">买家</th>
<th width="120">交易状态</th>
<th width="120">实收款(元)</th>
<th width="100">评价</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="8">
<div class="liulanArea">
<div class="liulanAreaLeft new-liulanAreaLeft">
<input type="checkbox" class="vmiddle"> 全选
<a onclick="myOpen.uCenter.popOpen('MUC_pop16', myOpen.uCenter.pop16);" class="ml10" href="javascript://">批量发货</a>
<a href="javascript://">批量备忘</a>
</div>
<div class="liulanAreaRight">
<a class="noContent" href="javascript://">上一页</a>
<a href="javascript://">下一页</a>
</div>
</div>
</td>
</tr>
<tr>
<td style="height:25px;" colspan="8">
<div class="cellCheck">
<em class="disabled-flag" title="暂时没有备忘信息"></em>
<input type="checkbox">
<span>订单编号:700966589001004588ZE18</span>
<span>成交时间:2012-12-24 16:24:45</span>
<span class="tipTxt"><em class="tipInfo4"></em>超过24小时未发货订单</span>
</div>
</td>
</tr>
<tr>
<td width="77" class="wrapp">
<div class="smallPic smallPic180">
<a href="#" target="_blank"><img width="60" height="60" src="temp/ucTemp01.jpg" alt="商品名称"></a>
<div class="proDtial">
<p class="proTitle" title="完整内容"><a href="#" title="" target="_blank">牛奶小雪人奶酪制品现货新品牛奶小雪人奶酪制品 现货 新品奶酪制品现货新品牛奶小</a></p>
<p class="mt10">商家编码:123</p>
</div>
</div>
</td>
<td width="77" class="wrapp">50.00</td>
<td><b>1</b></td>
<td class="cf60">未发货</td>
<td>
<i>xiaolong43434343434</i>
<a href="#" title="查询该买家订单" target="_blank" class="chaxun-maijia"></a>
</td>
<td rowspan="2">
<span class="cf60">部分发货</span><br>
<a href="javascript://">详情</a><br>
<a class="uiBtn case7" href="#"><span>发货</span></a><br>
<a onclick="myOpen.uCenter.popOpen('MUC_pop08', myOpen.uCenter.pop08);" href="javascript:;">延长收货时间</a>
</td>
<td>
<b class="thm">0.55</b><br>
<em>含快递:0.00</em><br>
<a href="" title="" target="_blank">查看物流</a>
</td>
<td>对方已评</td>
</tr>
<tr>
<td width="77" class="wrapp">
<div class="smallPic smallPic180">
<a href="#" target="_blank"><img width="60" height="60" src="temp/ucTemp01.jpg" alt="商品名称"></a>
<div class="proDtial">
<p class="proTitle" title="完整内容"><a href="#" title="" target="_blank">牛奶小雪人奶酪制品现货新品牛奶小雪人奶酪制品 现货 新品奶酪制品现货新品牛奶小</a></p>
<p class="mt10">商家编码:123</p>
</div>
</div>
</td>
<td width="77" class="wrapp">50.00</td>
<td><b>1</b></td>
<td>已发货</td>
<td>
<i>xiaolong43434343434</i>
<a href="#" title="查询该买家订单" target="_blank" class="chaxun-maijia"></a>
</td>

<td>
<b class="thm">0.55</b><br>
<em>含快递:0.00</em><br>
<a href="" title="" target="_blank">查看物流</a>
</td>
<td>对方已评</td>
</tr>
<tr>
<td style="height:25px;" colspan="8">
<div class="cellCheck">
<em class="disabled-flag red-flag" title="买家要求13号再次发货,小龙"></em>
<input type="checkbox">
<span>订单编号:700966589001004588ZE18</span>
<span>成交时间:2012-12-24 16:24:45</span>
</div>
</td>
</tr>
<tr>
<td width="77" class="wrapp">
<div class="smallPic smallPic180">
<a href="#" target="_blank"><img width="60" height="60" alt="商品名称" src="temp/ucTemp01.jpg"></a>
<div class="proDtial">
<p title="完整内容" class="proTitle"><a target="_blank" title="" href="#">牛奶小雪人奶酪制品现货新品牛奶小雪人奶酪制品 现货 新品奶酪制品现货新品牛奶小</a></p>
<p class="mt10">商家编码:123</p>
</div>
</div>
</td>
<td width="77" class="wrapp">50.00</td>
<td><b>1</b></td>
<td><em class="clock"></em><a target="_blank" title="" href="">退款</a></td>
<td>
<i>xiaolong43434343434</i>
<a class="chaxun-maijia" target="_blank" title="查询该买家订单" href="#"></a>
</td>
<td>
<span class="cf60">买家已付款</span><br>
<a href="javascript://">详情</a><br>
<a onclick="confirm('本订单总的部分宝贝,买家已经提交退款申请,进行发货操作将撤销订单中所有退款,是否继续?');" class="uiBtn case7" href="javascript:;"><span>发货</span></a><br>
</td>
<td>
<b class="thm">0.55</b><br>
<em>含快递:0.00</em><br>
<a target="_blank" title="" href="">查看物流</a>
</td>
<td> </td>
</tr>
<tr>
<td style="height:25px;" colspan="8">
<div class="cellCheck">
<em class="disabled-flag" title="暂时没有备忘信息"></em>
<input type="checkbox">
<span>订单编号:700966589001004588ZE18</span>
<span>成交时间:2012-12-24 16:24:45</span>
</div>
</td>
</tr>
<tr>
<td width="77" class="wrapp">
<div class="smallPic smallPic180">
<a href="#" target="_blank"><img width="60" height="60" alt="商品名称" src="temp/ucTemp01.jpg"></a>
<div class="proDtial">
<p title="完整内容" class="proTitle"><a target="_blank" title="" href="#">牛奶小雪人奶酪制品现货新品牛奶小雪人奶酪制品 现货 新品奶酪制品现货新品牛奶小</a></p>
<p class="mt10">商家编码:123</p>
</div>
</div>
</td>
<td width="77" class="wrapp">50.00</td>
<td><b>1</b></td>
<td>已发货</td>
<td>
<i>xiaolong43434343434</i>
<a class="chaxun-maijia" target="_blank" title="查询该买家订单" href="#"></a>
</td>
<td>
<span>卖家已发货</span><br>
<a href="javascript://">详情</a><br>
<a onclick="myOpen.uCenter.popOpen('MUC_pop15', myOpen.uCenter.pop15);" href="javascript:;">延长收货时间</a>
</td>
<td>
<b class="thm">0.55</b><br>
<em>含快递:0.00</em><br>
<a target="_blank" title="" href="">查看物流</a>
</td>
<td> </td>
</tr>
<tr>
<td colspan="8">
<div class="bottomMoreButton">
<span class="bottomAllChecked"><input type="checkbox"> 全选</span>
<a onclick="myOpen.uCenter.popOpen('MUC_pop16', myOpen.uCenter.pop16);" href="javascript://">批量发货</a>
<a href="javascript://">批量备忘</a>
</div>
</td>
</tr>
</tbody>
</table>
<!--页码-->
<div class="snPages mt10">
<span class="prev"><b></b> 上一页</span>
<a href="#" class="prev"><b></b> 上一页</a>
<a href="#" class="current">1</a>
<a href="#">2</a>
<a href="#">3</a>
<span>...</span>
<a href="#">13</a>
<span class="next"><b></b> 下一页</span>
<a href="#" class="next"><b></b> 下一页</a>
<div>跳转至<input type="text">页
<input type="button" value="确定" class="pagesubmit">
</div>
</div>
</div>
</body>
</html>



waitdeliveryorder.ftl

<#include "/common/common.ftl">
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>等待发货的订单</title>
<link rel="stylesheet" type="text/css" href="${ctxPath}/havesellbaby/css/common.css">
<link rel="stylesheet" type="text/css" href="${ctxPath}/havesellbaby/css/dispatch.css">
<script type="text/javascript" src="${ctxPath}/havesellbaby/js/jquery.js"></script>
<script src="${ctxPath}/havesellbaby/js/calendar.js" type="text/javascript"></script>
</head>

<body>
<div class="dataTable dataTable22 mt10">
<table class="changeColor">
<thead>
<tr>
<th width="207">宝贝</th>
<th width="100">单价(元)</th>
<th width="108">数量</th>
<th width="100">售后</th>
<th width="150">买家</th>
<th width="120">交易状态</th>
<th width="120">实收款(元)</th>
<th width="100">评价</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="8">
<div class="liulanArea">
<div class="liulanAreaLeft new-liulanAreaLeft">
<input type="checkbox" class="vmiddle"/> 全选
<a href="javascript://" class="ml10" onclick="myOpen.uCenter.popOpen('MUC_pop16', myOpen.uCenter.pop16);">批量发货</a>
<a href="javascript://">批量备忘</a>
</div>
<div class="liulanAreaRight">
<a href="javascript://" class="noContent">上一页</a>
<a href="javascript://">下一页</a>
</div>
</div>
</td>
</tr>
<tr>
<td colspan="8" style="height:25px;">
<div class="cellCheck">
<em title="暂时没有备忘信息" class="disabled-flag"></em>
<input type="checkbox" />
<span>订单编号:700966589001004588ZE18</span>
<span>成交时间:2012-12-24 16:24:45</span>
<span class="tipTxt"><em class="tipInfo4"></em>超过24小时未发货订单</span>
</div>
</td>
</tr>
<tr>
<td width="77" class="wrapp">
<div class="smallPic smallPic180">
<a href="#" target="_blank"><a href="#" target="_blank"><img src="temp/ucTemp01.jpg" width="60" height="60" alt="商品名称"/></a></a>
<div class="proDtial">
<p class="proTitle" title="完整内容"><a href="#" title="" target="_blank">牛奶小雪人奶酪制品现货新品牛奶小雪人奶酪制品 现货 新品奶酪制品现货新品牛奶小</a></p>
<p class="mt10">商家编码:123</p>
</div>
</div>
</td>
<td width="77" class="wrapp" class="thm">50.00</td>
<td><b>1</b></td>
<td class="cf60">未发货</td>
<td>
<i>xiaolong43434343434</i>
<a href="#" title="查询该买家订单" target="_blank" class="chaxun-maijia"></a>
</td>
<td>
<span class="cf60">买家已付款</span><br/>
<a href="javascript://">详情</a><br/>
<a href="#" class="uiBtn case7"><span>发货</span></a><br/>
</td>
<td>
<b class="thm">0.55</b><br/>
<em>含快递:0.00</em><br/>
</td>
<td> </td>
</tr>
<tr>
<td colspan="8">
<div class="bottomMoreButton">
<span class="bottomAllChecked"><input type="checkbox" /> 全选</span>
<a href="javascript://" onclick="myOpen.uCenter.popOpen('MUC_pop16', myOpen.uCenter.pop16);">批量发货</a>
<a href="javascript://">批量备忘</a>
</div>
</td>
</tr>
</tbody>
</table>
<!--页码-->
<div class="snPages mt10">
<span class="prev"><b></b> 上一页</span>
<a href="#" class="prev"><b></b> 上一页</a>
<a href="#" class="current">1</a>
<a href="#">2</a>
<a href="#">3</a>
<span>...</span>
<a href="#">13</a>
<span class="next"><b></b> 下一页</span>
<a href="#" class="next"><b></b> 下一页</a>
<div>跳转至<input type="text">页
<input type="button" value="确定" class="pagesubmit">
</div>
</div>
</div>
</body>
</html>



hasdeliveryorder.ftl

<#include "/common/common.ftl">
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>已发货的订单</title>
<link rel="stylesheet" type="text/css" href="${ctxPath}/havesellbaby/css/common.css">
<link rel="stylesheet" type="text/css" href="${ctxPath}/havesellbaby/css/dispatch.css">
<script type="text/javascript" src="${ctxPath}/havesellbaby/js/jquery.js"></script>
<script src="${ctxPath}/havesellbaby/js/calendar.js" type="text/javascript"></script>
</head>

<body>
<div class="dataTable dataTable22 mt10">
<table class="changeColor">
<thead>
<tr>
<th width="207">宝贝</th>
<th width="100">单价(元)</th>
<th width="108">数量</th>
<th width="100">售后</th>
<th width="150">买家</th>
<th width="130">交易状态</th>
<th width="120">实收款(元)</th>
<th width="100">评价</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="8">
<div class="liulanArea">
<div class="liulanAreaLeft new-liulanAreaLeft">
<input type="checkbox" class="vmiddle"/> 全选
<a href="javascript://" class="ml10" onclick="myOpen.uCenter.popOpen('MUC_pop16', myOpen.uCenter.pop16);">批量发货</a>
<a href="javascript://">批量备忘</a>
</div>
<div class="liulanAreaRight">
<a href="javascript://" class="noContent">上一页</a>
<a href="javascript://">下一页</a>
</div>
</div>
</td>
</tr>
<tr>
<td colspan="8" style="height:25px;">
<div class="cellCheck">
<em title="暂时没有备忘信息" class="disabled-flag"></em>
<input type="checkbox" />
<span>订单编号:700966589001004588ZE18</span>
<span>成交时间:2012-12-24 16:24:45</span>
</div>
</td>
</tr>
<tr>
<td width="77" class="wrapp">
<div class="smallPic smallPic180">
<a href="#" target="_blank"><a href="#" target="_blank"><img src="temp/ucTemp01.jpg" width="60" height="60" alt="商品名称"/></a></a>
<div class="proDtial">
<p class="proTitle" title="完整内容"><a href="#" title="" target="_blank">牛奶小雪人奶酪制品现货新品牛奶小雪人奶酪制品 现货 新品奶酪制品现货新品牛奶小</a></p>
<p class="mt10">商家编码:123</p>
</div>
</div>
</td>
<td width="77" class="wrapp" class="thm">50.00</td>
<td><b>1</b></td>
<td>已发货</td>
<td>
<i>xiaolong43434343434</i>
<a href="#" title="查询该买家订单" target="_blank" class="chaxun-maijia"></a>
</td>
<td>
<span>卖家已发货</span><br/>
<a href="javascript://">详情</a><br/>
<a href="javascript:;" onclick="myOpen.uCenter.popOpen('MUC_pop15', myOpen.uCenter.pop15);">延长收货时间</a>
</td>
<td>
<b class="thm">0.55</b><br/>
<em>含快递:0.00</em><br/>
<a href="" title="" target="_blank">查看物流</a>
</td>
<td> </td>
</tr>
<tr>
<td colspan="8" style="height:25px;">
<div class="cellCheck">
<em title="买家要求13号再次发货,小龙" class="disabled-flag red-flag green-flag"></em>
<input type="checkbox" />
<span>订单编号:700966589001004588ZE18</span>
<span>成交时间:2012-12-24 16:24:45</span>
</div>
</td>
</tr>
<tr>
<td width="77" class="wrapp">
<div class="smallPic smallPic180">
<a href="#" target="_blank"><a href="#" target="_blank"><img src="temp/ucTemp01.jpg" width="60" height="60" alt="商品名称"/></a></a>
<div class="proDtial">
<p class="proTitle" title="完整内容"><a href="#" title="" target="_blank">牛奶小雪人奶酪制品现货新品牛奶小雪人奶酪制品 现货 新品奶酪制品现货新品牛奶小</a></p>
<p class="mt10">商家编码:123</p>
</div>
</div>
</td>
<td width="77" class="wrapp" class="thm">50.00</td>
<td><b>1</b></td>
<td>已发货</td>
<td>
<i>xiaolong43434343434</i>
<a href="#" title="查询该买家订单" target="_blank" class="chaxun-maijia"></a>
</td>
<td>
<span>卖家已发货</span><br/>
<a href="javascript://">详情</a><br/>
</td>
<td>
<b class="thm">0.55</b><br/>
<em>含快递:0.00</em><br/>
<a href="" title="" target="_blank">查看物流</a>
</td>
<td> </td>
</tr>
<tr>
<td colspan="8">
<div class="bottomMoreButton">
<span class="bottomAllChecked"><input type="checkbox" /> 全选</span>
<a href="javascript://" onclick="myOpen.uCenter.popOpen('MUC_pop16', myOpen.uCenter.pop16);">批量发货</a>
<a href="javascript://">批量备忘</a>
</div>
</td>
</tr>
</tbody>
</table>
<!--页码-->
<div class="snPages mt10">
<span class="prev"><b></b> 上一页</span>
<a href="#" class="prev"><b></b> 上一页</a>
<a href="#" class="current">1</a>
<a href="#">2</a>
<a href="#">3</a>
<span>...</span>
<a href="#">13</a>
<span class="next"><b></b> 下一页</span>
<a href="#" class="next"><b></b> 下一页</a>
<div>跳转至<input type="text">页
<input type="button" value="确定" class="pagesubmit">
</div>
</div>
</div>
</body>
</html>



returningorder.ftl

<#include "/common/common.ftl">
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>退款中的订单</title>
<link rel="stylesheet" type="text/css" href="${ctxPath}/havesellbaby/css/common.css">
<link rel="stylesheet" type="text/css" href="${ctxPath}/havesellbaby/css/dispatch.css">
<script type="text/javascript" src="${ctxPath}/havesellbaby/js/jquery.js"></script>
<script src="${ctxPath}/havesellbaby/js/calendar.js" type="text/javascript"></script>
</head>

<body>
<div class="dataTable dataTable22 mt10">
<table class="changeColor">
<thead>
<tr>
<th width="207">宝贝</th>
<th width="100">单价(元)</th>
<th width="108">数量</th>
<th width="100">售后</th>
<th width="150">买家</th>
<th width="130">交易状态</th>
<th width="120">实收款(元)</th>
<th width="100">评价</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="8">
<div class="liulanArea">
<div class="liulanAreaLeft new-liulanAreaLeft">
<input type="checkbox" class="vmiddle"/> 全选
<a href="javascript://" class="ml10" onclick="myOpen.uCenter.popOpen('MUC_pop16', myOpen.uCenter.pop16);">批量发货</a>
<a href="javascript://">批量备忘</a>
</div>
<div class="liulanAreaRight">
<a href="javascript://" class="noContent">上一页</a>
<a href="javascript://">下一页</a>
</div>
</div>
</td>
</tr>
<tr>
<td colspan="8" style="height:25px;">
<div class="cellCheck">
<em title="买家要求13号再次发货,小龙" class="disabled-flag"></em>
<input type="checkbox" />
<span>订单编号:700966589001004588ZE18</span>
<span>成交时间:2012-12-24 16:24:45</span>
</div>
</td>
</tr>
<tr>
<td width="77" class="wrapp">
<div class="smallPic smallPic180">
<a href="#" target="_blank"><a href="#" target="_blank"><img src="temp/ucTemp01.jpg" width="60" height="60" alt="商品名称"/></a></a>
<div class="proDtial">
<p class="proTitle" title="完整内容"><a href="#" title="" target="_blank">牛奶小雪人奶酪制品现货新品牛奶小雪人奶酪制品 现货 新品奶酪制品现货新品牛奶小</a></p>
<p class="mt10">商家编码:123</p>
</div>
</div>
</td>
<td width="77" class="wrapp" class="thm">50.00</td>
<td><b>1</b></td>
<td><em class="clock"></em><a href="" title="" target="_blank">退款</a></td>
<td>
<i>xiaolong43434343434</i>
<a href="#" title="查询该买家订单" target="_blank" class="chaxun-maijia"></a>
</td>
<td>
<span class="cf60">买家已付款</span><br/>
<a href="javascript://">详情</a><br/>
<a href="javascript:;" class="uiBtn case7"><span>发货</span></a><br/>
</td>
<td>
<b class="thm">0.55</b><br/>
<em>含快递:0.00</em>
</td>
<td> </td>
</tr>
<tr>
<td colspan="8">
<div class="bottomMoreButton">
<span class="bottomAllChecked"><input type="checkbox" /> 全选</span>
<a href="javascript://" onclick="myOpen.uCenter.popOpen('MUC_pop16', myOpen.uCenter.pop16);">批量发货</a>
<a href="javascript://">批量备忘</a>
</div>
</td>
</tr>
</tbody>
</table>
<!--页码-->
<div class="snPages mt10">
<span class="prev"><b></b> 上一页</span>
<a href="#" class="prev"><b></b> 上一页</a>
<a href="#" class="current">1</a>
<a href="#">2</a>
<a href="#">3</a>
<span>...</span>
<a href="#">13</a>
<span class="next"><b></b> 下一页</span>
<a href="#" class="next"><b></b> 下一页</a>
<div>跳转至<input type="text">页
<input type="button" value="确定" class="pagesubmit">
</div>
</div>
</div>
</body>
</html>



successorder.ftl

<#include "/common/common.ftl">
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>成功的订单</title>
<link rel="stylesheet" type="text/css" href="${ctxPath}/havesellbaby/css/common.css">
<link rel="stylesheet" type="text/css" href="${ctxPath}/havesellbaby/css/dispatch.css">
<script type="text/javascript" src="${ctxPath}/havesellbaby/js/jquery.js"></script>
<script src="${ctxPath}/havesellbaby/js/calendar.js" type="text/javascript"></script>
</head>

<body>
<div class="dataTable dataTable22 mt10">
<table class="changeColor">
<thead>
<tr>
<th width="207">宝贝</th>
<th width="100">单价(元)</th>
<th width="108">数量</th>
<th width="100">售后</th>
<th width="150">买家</th>
<th width="130">交易状态</th>
<th width="120">实收款(元)</th>
<th width="100">评价</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="8">
<div class="liulanArea">
<div class="liulanAreaLeft new-liulanAreaLeft">
<input type="checkbox" class="vmiddle"/> 全选
<a href="javascript://" class="ml10" onclick="myOpen.uCenter.popOpen('MUC_pop16', myOpen.uCenter.pop16);">批量发货</a>
<a href="javascript://">批量备忘</a>
</div>
<div class="liulanAreaRight">
<a href="javascript://" class="noContent">上一页</a>
<a href="javascript://">下一页</a>
</div>
</div>
</td>
</tr>
<tr>
<td colspan="8" style="height:25px;">
<div class="cellCheck">
<em title="暂时没有备忘信息" class="disabled-flag green-flag"></em>
<input type="checkbox" />
<span>订单编号:700966589001004588ZE18</span>
<span>成交时间:2012-12-24 16:24:45</span>
</div>
</td>
</tr>
<tr>
<td width="77" class="wrapp">
<div class="smallPic smallPic180">
<a href="#" target="_blank"><a href="#" target="_blank"><img src="temp/ucTemp01.jpg" width="60" height="60" alt="商品名称"/></a></a>
<div class="proDtial">
<p class="proTitle" title="完整内容"><a href="#" title="" target="_blank">牛奶小雪人奶酪制品现货新品牛奶小雪人奶酪制品 现货 新品奶酪制品现货新品牛奶小</a></p>
<p class="mt10">商家编码:123</p>
</div>
</div>
</td>
<td width="77" class="wrapp" class="thm">50.00</td>
<td><b>1</b></td>
<td> </td>
<td>
<i>xiaolong43434343434</i>
<a href="#" title="查询该买家订单" target="_blank" class="chaxun-maijia"></a>
</td>
<td>
<span class="c4a0">交易成功</span><br/>
<a href="javascript://">详情</a>
</td>
<td>
<b class="thm">0.55</b><br/>
<em>含快递:0.00</em><br/>
<a href="" title="" target="_blank">查看物流</a>
</td>
<td> </td>
</tr>
<tr>
<td colspan="8">
<div class="bottomMoreButton">
<span class="bottomAllChecked"><input type="checkbox" /> 全选</span>
<a href="javascript://" onclick="myOpen.uCenter.popOpen('MUC_pop16', myOpen.uCenter.pop16);">批量发货</a>
<a href="javascript://">批量备忘</a>
</div>
</td>
</tr>
</tbody>
</table>
<!--页码-->
<div class="snPages mt10">
<span class="prev"><b></b> 上一页</span>
<a href="#" class="prev"><b></b> 上一页</a>
<a href="#" class="current">1</a>
<a href="#">2</a>
<a href="#">3</a>
<span>...</span>
<a href="#">13</a>
<span class="next"><b></b> 下一页</span>
<a href="#" class="next"><b></b> 下一页</a>
<div>跳转至<input type="text">页
<input type="button" value="确定" class="pagesubmit">
</div>
</div>
</div>
</body>
</html>



threebeforeorder.ftl

<#include "/common/common.ftl">
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>三个月前的订单</title>
<link rel="stylesheet" type="text/css" href="${ctxPath}/havesellbaby/css/common.css">
<link rel="stylesheet" type="text/css" href="${ctxPath}/havesellbaby/css/dispatch.css">
<script type="text/javascript" src="${ctxPath}/havesellbaby/js/jquery.js"></script>
<script src="${ctxPath}/havesellbaby/js/calendar.js" type="text/javascript"></script>
</head>

<body>
<div class="dataTable dataTable22 mt10">
<table class="changeColor">
<thead>
<tr>
<th width="207">宝贝</th>
<th width="100">单价(元)</th>
<th width="108">数量</th>
<th width="100">售后</th>
<th width="150">买家</th>
<th width="130">交易状态</th>
<th width="120">实收款(元)</th>
<th width="100">评价</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="8">
<div class="liulanArea">
<div class="liulanAreaRight">
<a href="javascript://" class="noContent">上一页</a>
<a href="javascript://">下一页</a>
</div>
</div>
</td>
</tr>
<tr>
<td colspan="8" style="height:25px;">
<div class="cellCheck">
<span>订单编号:700966589001004588ZE18</span>
<span>成交时间:2012-12-24 16:24:45</span>
</div>
</td>
</tr>
<tr>
<td width="77" class="wrapp">
<div class="smallPic smallPic180">
<a href="#" target="_blank"><a href="#" target="_blank"><img src="temp/ucTemp01.jpg" width="60" height="60" alt="商品名称"/></a></a>
<div class="proDtial">
<p class="proTitle" title="完整内容"><a href="#" title="" target="_blank">牛奶小雪人奶酪制品现货新品牛奶小雪人奶酪制品 现货 新品奶酪制品现货新品牛奶小</a></p>
</div>
</div>
</td>
<td width="77" class="wrapp" class="thm">50.00</td>
<td><b>1</b></td>
<td> </td>
<td>
<i>xiaolong43434343434</i>
<a href="#" title="查询该买家订单" target="_blank" class="chaxun-maijia"></a>
</td>
<td>
<span>交易关闭</span><br/>
<a href="javascript://">详情</a><br/>
</td>
<td>
<b class="thm">0.55</b><br/>
<em>含快递:0.00</em><br/>
</td>
<td> </td>
</tr>
<tr>
<td colspan="8" style="height:25px;">
<div class="cellCheck">
<span>订单编号:700966589001004588ZE18</span>
<span>成交时间:2012-12-24 16:24:45</span>
</div>
</td>
</tr>
<tr>
<td width="77" class="wrapp">
<div class="smallPic smallPic180">
<a href="#" target="_blank"><a href="#" target="_blank"><img src="temp/ucTemp01.jpg" width="60" height="60" alt="商品名称"/></a></a>
<div class="proDtial">
<p class="proTitle" title="完整内容"><a href="#" title="" target="_blank">牛奶小雪人奶酪制品现货新品牛奶小雪人奶酪制品 现货 新品奶酪制品现货新品牛奶小</a></p>
</div>
</div>
</td>
<td width="77" class="wrapp" class="thm">50.00</td>
<td><b>1</b></td>
<td> </td>
<td>
<i>xiaolong43434343434</i>
<a href="#" title="查询该买家订单" target="_blank" class="chaxun-maijia"></a>
</td>
<td>
<span class="c4a0">交易成功</span><br/>
<a href="javascript://">详情</a><br/>
</td>
<td>
<b class="thm">0.55</b><br/>
<em>含快递:0.00</em><br/>
</td>
<td> </td>
</tr>
</tbody>
</table>
<!--页码-->
<div class="snPages mt10">
<span class="prev"><b></b> 上一页</span>
<a href="#" class="prev"><b></b> 上一页</a>
<a href="#" class="current">1</a>
<a href="#">2</a>
<a href="#">3</a>
<span>...</span>
<a href="#">13</a>
<span class="next"><b></b> 下一页</span>
<a href="#" class="next"><b></b> 下一页</a>
<div>跳转至<input type="text">页
<input type="button" value="确定" class="pagesubmit">
</div>
</div>
</div>
</body>
</html>



common.ftl

<#assign ctxPath=request.contextPath>
<#setting number_format="#">

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值