manageProduct.html 16.8 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">
		search_ajaxUrl = 'http://www.nong12.com/tip.html?callback=jQuery18304425293356180191_1413859900213&key=a&_=1413859908376'
	</script>
	<script type="text/javascript" src="../../common/js/base/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="../../common/js/base/sea.js"></script>
	<link rel="stylesheet" type="text/css" href="../css/style/manageProduct.css">
	<script type="text/javascript" src="../js/javascript/common/config.js"></script>

	<!--[if lt IE 9]>
		<script src="../../common/js/plugin/respond.src.js"></script>
		<link href="../../common/js/plugin/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />
		<link href="../respond.proxy.gif" id="respond-redirect" rel="respond-redirect" />
		<script src="../../common/js/plugin/respond.proxy.js"></script>
	<![endif]-->
</head>

<body>

<!-- loading -->
<div id="s-page-loading"></div>
<!-- loading end-->	
<!-- header-->


<!-- header end -->

<!-- main-->
<div class="main clearfix">

    <div class="credit-manage right-place">
        <div class="mbox-bd">

			<!-- 卡片开始 -->
            <div class="tab-title-container">
	            <ul class="tab-title">
					<li>
	                    <a href="#tab-one"><span>待上架的商品</span></a>
					</li>
					<li>
	                    <a href="#tab-two"><span>审核中的商品</span></a>
					</li>
					<li>
	                    <a href="#tab-three"><span>审核失败的商品</span></a>
					</li>
				</ul>
            </div>
			<!-- 卡片结束 -->



            <!-- 卡片内容开始 -->
			<div class="tab-cells">
                <ul>
				    <li class="tab-one" id="tab-one">

                        <!-- 提示开始 -->
                        <div class="manage-hint">
                            <i></i>
                            <i class="hide-this"></i>
                            这些商品还没有上架,手指点点“上架”就可以马上销售哦!
                        </div>
                        <!-- 提示结束 -->

			            <!-- 筛选条开始 -->
			            <div class="mbox-filter">
			                <form class="s-validate">
			                    <div class="filter-cell">
			                        <span>
			                            <input type="text" class="long iptText required" placeholder="输入商品标题或者商品分类进行搜索" />
			                        </span>
			                        <button class="submitBtn grayBtn">搜索</button>
			                        <span class="as-inline more-link">精确筛选条件</span>
			                    </div>
			                    <div class="filter-cell filter-more">
			                        <span>发布时间:</span>
			                        <span>
			                            <input class="iptText medium" id="ds1" onfocus="var ds2=$dp.$('ds2');WdatePicker({onpicked:function(){ds2.focus();},readOnly:true,dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'ds2\')}'})" readonly="">

			                            <input class="iptText medium" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true,minDate:'#F{$dp.$D(\'ds1\')}'})" id="ds2" readonly="">
			                        </span>
			                        <span>下架时间:</span>
			                        <span>
			                            <input class="iptText medium" id="ds3" onfocus="var ds4=$dp.$('ds4');WdatePicker({onpicked:function(){ds4.focus();},readOnly:true,dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'ds4\')}'})" readonly="">

			                            <input class="iptText medium" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true,minDate:'#F{$dp.$D(\'ds3\')}'})" id="ds4" readonly="">
			                        </span>
			                        <span>商品类型:</span>
			                        <span>
			                            <select class="s-select" name="sp-type" id="sp-type">
			                                <option value="option">option</option>
			                                <option value="option">option</option>
			                                <option value="option">option</option>
			                            </select>
			                        </span>
			                    </div>
			                </form>
			            </div>
			            <!-- 筛选条结束 -->

                        <table border="0" cellpadding="0" cellspacing="0">
                            <thead>
                            <tr>
                                <td>
                                    <label><input type="checkbox" />全部</label>
                                </td>
                                <td class="ona">商品名称</td>
                                <td class="oty">商品分类</td>
                                <td class="sig">单价</td>
                                <td class="sel">可销售量</td>
                                <td>到期时间</td>
                                <td class="ope">操作</td>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td>
                                    <p class="name">
                                        <a href="#" class="as-inline"><img src="../upload/image-1.jpg" alt="" /></a>
                                        <a href="#" class="as-inline">山东寿光蔬菜白菜产量大量上市 大量批发更优惠</a>
                                    </p>
                                </td>
                                <td>大白菜</td>
                                <td>
                                    <p class="price-target">
                                        0.05-0.08元/公斤
                                    </p>
                                    <a href="#fancy-alter" class="a-link act-price" data-sdk="1,2"><i></i>修改价格</a>
                                </td>
                                <td>
                                    <p class="supply-target">
                                        100公斤
                                    </p>
                                    <a href="#fancy-alter" class="a-link act-supply" data-sdk="5,6"><i></i>修改库存</a>
                                </td>
                                <td>2015-02-02 12:12</td>
                                <td>
                                    <a href="#" class="submitBtn">上架</a>
                                    <p><a href="#" class="a-link">预览</a></p>
                                    <p><a href="#" class="a-link">修改</a></p>
                                    <p><a href="#" class="a-link">删除</a></p>
                                </td>
                            </tr> 
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td>
                                    <p class="name">
                                        <a href="#" class="as-inline"><img src="../upload/image-1.jpg" alt="" /></a>
                                        <a href="#" class="as-inline">山东寿光蔬菜白菜产量大量上市 大量批发更优惠</a>
                                    </p>
                                </td>
                                <td>大白菜</td>
                                <td>
                                    <p class="price-target">
                                        0.05-0.08元/公斤
                                    </p>
                                    <a href="#fancy-alter" class="a-link act-price" data-sdk="3,4,5"><i></i>修改价格</a>
                                </td>
                                <td>
                                    <p class="supply-target">
                                        100公斤
                                    </p>
                                    <a href="#fancy-alter" class="a-link act-supply" data-sdk="6,7"><i></i>修改库存</a>
                                </td>
                                <td>2015-02-02 12:12</td>
                                <td>
                                    <a href="#" class="submitBtn">上架</a>
                                    <p><a href="#" class="a-link">预览</a></p>
                                    <p><a href="#" class="a-link">修改</a></p>
                                    <p><a href="#" class="a-link">删除</a></p>
                                </td>
                            </tr> 
                            </tbody>
                        </table>

					    <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 class="batch">
                            <span class="submitBtn grayBtn">批量上架商品</span>
                            <span class="submitBtn grayBtn">批量设置店铺分类</span>
                        </div>

                        <div class="empty">
							<div class="empty-body">
								<img src="../images/baby-dili.png" alt="">
								<div class="empty-words">
									<span>抱歉,</span>
                                    这里暂时还是空的!
                                    要不要去
                                    <a href="#" class="a-link">添加</a>
                                    试试?
									<i></i>
									<em></em>
									<b></b>
								</div>
							</div>
						</div>
				    </li>
				    <li class="tab-two" id="tab-two">
                        234
				    </li>
				    <li class="tab-three" id="tab-three">
                    345
				    </li>
                </ul>
			</div>
            <!-- 卡片内容结束 -->
			
        </div>
    </div>

</div>
<!-- main end -->
<script type="text/javascript">
	
	seajs.use(
            [ '../js/javascript/common/common.js', 
            '../js/javascript/sell/manageProduct.js']
            );
	
</script>
<script language="javascript" type="text/javascript" src="http://static.nong12.com/static/common/date/WdatePicker.js"></script>

<!-- footer-->
<div class="footer">
    <div class="bg-F9">
        <div class="footer-view clearfix">
            <div class="left">
                <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="right">
                <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="#"><i></i>联系我们</p></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer-end">
         <p>
             <a href="#">关于我们</a> |
             <a href="#">联系我们</a> |
             <a href="#">人才招聘</a> |
             <a href="#">地利服务</a> |
             <a href="#">帮助中心</a>
         </p>
        <p class="col-999"> Copyright © 2013-2014 nong12.com,All Rights Reserved 陕ICP备14002958号</p>
        <p class="col-999">版权所有 地利网络农业有限公司</p>
    </div>
</div>
<!-- footer end -->

<!-- 弹框开始 -->
<div class="fancy-alter" id="fancy-alter">
    <form class="s-validate">
    <ul>
        <li data-sdk="1">
            <span class="al-tt">起批量:</span>
            <span class="al-num-ipt">
                <span><input type="text" class="iptText medium required" /></span>
            </span>
            <span class="al-num">公斤以上</span>
            <span class="al-unit-ipt">
                <span><input type="text" class="iptText medium required" name="o"/></span>
            </span>
            <span class="al-unit">元/公斤</span>
        </li>
        <li data-sdk="2">
            <span class="al-tt">购买:</span>
            <span class="al-num-ipt">
                <span><input type="text" class="iptText medium required" name="t"/></span>
            </span>
            <span class="al-num">公斤以上</span>
            <span class="al-unit-ipt">
                <span><input type="text" class="iptText medium required" name="th"/></span>
            </span>
            <span class="al-unit">元/公斤</span>
        </li>
        <li data-sdk="3">
            <span class="al-tt">大/短叶菠菜:</span>
            <span class="al-num-ipt">
                <span><input type="text" class="iptText medium required" name="f"/></span>
            </span>
            <span class="al-num"></span>
            <span class="al-unit">30吨起售</span>
        </li>
        <li data-sdk="4">
            <span class="al-tt">短叶菠菜:</span>
            <span class="al-num-ipt">
                <span><input type="text" class="iptText medium required" name="fi"/></span>
            </span>
            <span class="al-num">元/公斤</span>
        </li>
        <li data-sdk="5">
            <span class="al-tt">可售总量:</span>
            <span class="al-num-ipt">
                <span><input type="text" class="iptText medium required" name="s"/></span>
            </span>
            <span class="al-num"></span>
            <span class="al-unit">30吨起售</span>
        </li>
        <li class="li-border"></li>
        <li data-sdk="6">
            <span class="al-tt">起售量:</span>
            <span class="al-words">30吨</span>
        </li>
        <li data-sdk="7">
            <span class="al-tt">库存总量:</span>
            <span class="al-words">300吨</span>
        </li>
        <li class="li-border"></li>
    </ul>
    <div class="fancy-alter-ft">
        <button class="submitBtn btn-ensure">确定</button>
        <a href="#" class="submitBtn grayBtn btn-cancel">取消</a>
    </div>
    </form>
</div>
<!-- 弹框结束 -->

<!-- 修改提示开始 
<div class="chint">
    <div class="hint-word as-inline">
        <i class="as-inline as-true"></i>
        <i class="as-inline as-false"></i>
        <span class="msg-word">修改成功</span>
    </div>
</div>
修改提示结束 -->

</body>
</html>