coupon.html 9.51 KB
<!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>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>兑换优惠券</title>
	<script type="text/javascript" src="../../common/js/base/jquery.js"></script>
	<script type="text/javascript" src="../../common/js/base/sea.js"></script>
	<script type="text/javascript" src="../js/javascript/common/config.js"></script>

  <link href="../newstyle/user_common.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" type="text/css" href="../newstyle/coupon.css">

</head>
<body>

<div class="data-page">
	<div class="header">
		<div class="nav site-width">
			<div class="info clearfix">
				<em>欢迎您!来到农丰网</em>
				<div class="islogin">
					<a href="#" class="hover-color-green">登录</a>
					<a href="#" class="hover-color-green">免费注册</a>
				</div>
				<div class="im">
					<div class="im-tip hover-color-green">消息<span>0</span><span class="icon-im-new"></span></div>
					<div class="im-msgs">
						<div class="on-msg">暂无更多消息</div>
						<div class="im-list">
							<ul>
								<li><a href="#">海州海参</a><span>29</span></li>
								<li><a href="#">精品水果批发市场</a><span>12</span></li>
								<li><a href="#">海州海参</a><span>999</span></li>
								<li><a href="#">高端韩国肥牛</a><span>0</span></li>
								<li><a href="#">拉斯维加斯龙虾</a><span>0</span></li>
								<li><a href="#">海州海参</a><span>29</span></li>
								<li><a href="#">精品水果批发市场</a><span>12</span></li>
								<li><a href="#">海州海参</a><span>999</span></li>
								<li><a href="#">高端韩国肥牛</a><span>0</span></li>
								<li><a href="#">拉斯维加斯龙虾</a><span>0</span></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="menu">
				<ul>
					<li><a href="#">账户中心</a></li>
					<li class="more">
						<a href="#">采购中心<b class="icon-direction"></b></a>
						<div class="menu-list">
							<div class="menu-list-panel">
								<a href="#">已买到的商品</a>
								<a href="#">我的收藏</a>
								<a href="#">我的浏览</a>
							</div>
						</div>
					</li>
					<li class="more">
						<a href="#">销售中心<b class="icon-direction"></b></a>
						<div class="menu-list">
							<div class="menu-list-panel">
								<a href="#">我的店铺</a>
								<a href="#">已卖出的商品</a>
								<a href="#">出售中的商品</a>
								<a href="#">免费发布商品</a>
							</div>
						</div>
					</li>
					<li><a href="#">进货单<span class="color-green">(0)</span></a></li>
					<li><a href="#">客服服务<span class="icon-im"></span></a></li>
					<li><a href="#">帮助中心</a></li>
				</ul>
			</div>
		</div>
		<div class="head-end">
			<div class="head site-width clearfix">
				<div class="logo"><a href="#"></a></div>
				<div class="menu">
					<ul>
						<li><a href="#">首页</a></li>
						<li><a href="#">采购中心</a></li>
						<li><a href="#" class="on">销售中心</a></li>
						<li><a href="#">账号管理</a></li>
					</ul>
				</div>
				<div class="search">
					<div class="search-type">
						<ul>
							<li>产品<b class="icon-direction icon-direction-middle"></b></li>
							<li>店铺</li>
						</ul>
					</div>
					<div class="search-input">
						<input type="text" placeholder="搜“黄瓜”试试,保证有惊喜!" >
					</div>
					<div class="search-btn">
						<button class="btn"><i></i>搜索</button>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="content site-width clearfix">
		<div class="crumbs"><a href="#">销售中心</a><a href="#">店铺管理</a><a href="#" class="on">店铺设置</a></div>
		<div class="cont-left">
			<div class="left-menu">
				<div class="title">销售中心<span class="icon-user-left"></span></div>
				<ul>
					<li>
						<a href="#">已卖出的商品</a>
					</li>
					<li>
						<a href="#">赊销管理</a>
					</li>
					<li>
						<a href="#">店铺管理<b class="icon-direction icon-direction-middle"></b></a>
						<div class="movers">
							<ul>
								<li><a href="#">店铺管理</a></li>
								<li class="on"><a href="#">店铺设置</a></li>
								<li><a href="#">店铺装修</a></li>
								<li><a href="#">资质管理</a></li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">图片管理</a>
					</li>
					<li>
						<a href="#">退款管理</a>
					</li>
					<li>
						<a href="#">优惠信息</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="cont-right">
			<div class="nf">
        <h2 class="subh2"><p>优惠信息</p></h2>

        <ul class="linelist tgap">
          <li class="let leton"><a href="#">未使用(5)</a></li>
          <li class="let"><a href="#">已使用(10)</a></li>
          <li class="let"><a href="#">已过期(10)</a></li>
          <li>
            <a href="#fancy-exchange" class="submitBtn orangeBtn exchange act-exchange">兑换优惠券</a>
          </li>
        </ul>

				<table cellpadding="0" cellspacing="0" class="unbtable tgap">
				  <thead>
					<tr>
					  <td>面值</td>
					  <td>使用条件</td>
					  <td>使用时间</td>
					</tr>
				  </thead>
				  <tbody>
            <tr>
              <td>
                <p class="inline couponvalue">
                  <span class="coupon-ticket">¥100 优惠券</span>
                  <span class="couponout">即将过期</span>
                </p>
              </td>
              <td>满 200 可使用</td>
              <td>2015.04.15 - 2015.08.20</td>
            </tr>
				  </tbody>
				</table>

				<div class="alter-hint tgap"> 
				  <p> 你目前可没有未使用的现金券,赶紧点击右上角的按钮进行兑换! </p>
				</div>

        <div class="page">
				  <a href="#">首页</a>
				  <a href="#" class="prev">&lt;</a>
				  <a href="#">1</a>
				  <b>2</b>
				  <a href="#">3</a>
				  <a href="#" class="next">&gt;</a>
				  <a href="#">尾页</a>
				  第10页/共20页
			  </div>

			</div>
		</div>
	</div>
	<div class="footer">
		<div class="helper-end">
			<div class="helper clearfix">
				<div class="help">
					<ul>
						<li>
							<span class="icon-we"></span>
							<p>关于我们</p>
							<div class="f-list">
								<a href="#">关于地利</a>
								<a href="#">诚聘英才</a>
								<a href="#">联系我们</a>
								<a href="#">地利服务</a>
							</div>
						</li>
						<li>
							<span class="icon-aftersales"></span>
							<p>售后服务</p>
							<div class="f-list">
								<a href="#">纠纷处理</a>
								<a href="#">退款流程</a>
								<a href="#">退款政策</a>
							</div>
						</li>
						<li>
							<span class="icon-shopping"></span>
							<p>购物指南</p>
							<div class="f-list">
								<a href="#">交易规则</a>
								<a href="#">购物流程</a>
								<a href="#">订单结算</a>
								<a href="#">支付方式</a>
							</div>
						</li>
						<li>
							<span class="icon-identity"></span>
							<p>身份认证</p>
							<div class="f-list">
								<a href="#">邮箱验证</a>
								<a href="#">企业验证</a>
								<a href="#">实名认证</a>
								<a href="#">密码找回</a>
							</div>
						</li>
						<li>
							<span class="icon-novice"></span>
							<p>新手指南</p>
							<div class="f-list">
								<a href="#">个人注册</a>
								<a href="#">企业注册</a>
								<a href="#">会员须知</a>
								<a href="#">会员登陆</a>
							</div>
						</li>
					</ul>
				</div>
				<div class="contact">
					<span class="icon-shield"></span>
					<ul class="clearfix">
						<li><span class="icon-f-phone"></span><p>服务热线:<span class="text-phone">400-888-6666</span></p></li>
						<li><span class="icon-f-customerservice"></span><p>服务时间:<span class="text-time">上午9:00 - 晚上21:00</span></p></li>
						<li><span class="icon-f-im"></span><p class="dili-im" href="#"><span class="icon-im-call"></span>联系我们</p></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="dili site-width">
			<div class="about">
				<a href="#">关于我们</a> |
				<a href="#">联系我们</a> |
				<a href="#">人才招聘</a> |
				<a href="#">地利服务</a> |
				<a href="#">帮助中心</a>
			</div>
			<p> Copyright © 2013-2014 nong12.com,All Rights Reserved 陕ICP备14002958号</p>
			<p>版权所有 地利网络农业有限公司</p>
		</div>
	</div>
</div>

<!-- 兑换优惠券 开始 -->
<div class="fancy-alter" id="fancy-exchange">
  <h2 class="tgap">兑换优惠券</h2>
  <div class="fancybd">
    <form action="" accept-charset="utf-8" class="k-validate exchangetab">
    <table cellpadding="0" cellspacing="0" class="tgap">
      <tr>
        <td>
          <input type="text" class="required iptText short coupon" name="some_name" placeholder="请输入6位兑换码" />
          <button class="submitBtn actsub">提交</button>
        </td>
      </tr>
    </table>
    </form>
  </div>
</div>
<!-- 兑换优惠券 结束 -->

<script type="text/javascript">

	seajs.use([ 
      '../js/javascript/common/common.js',
      '../js/javascript/order/coupon.js'
      ]);

  seajs.use(['pophint'],function(pophint){
      $(".alter-btn").on({
        click: function(){
          var _this = this;
          new pophint( this, {
            content: $(_this).attr("data-close"),
            operation : function(){
              $(_this).parent().slideUp();
            }
          } )

        }
      })
  })
	
</script>

</body>
</html>