store_fixture.html 21.7 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="http://static.nong12.com/static/source/components/js/base/jquery-1.8.2.min.js"></script>
        <script type="text/javascript" src="http://static.nong12.com/static/source/components/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 href="../newstyle/shop_common.css" rel="stylesheet" type="text/css">
        <link href="../newstyle/store_fixture.css" rel="stylesheet" type="text/css">
    </head>
    <body>
        <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="#">客服服务<b class="icon-direction icon-direction-top"></b></a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="cont-right">
                <div class="content-box">
                    <div class="mbox-name r-hd">设置店铺信息</div>
                    <div class="shopNameMsg sright">
                        <span class="shopIcon"></span>
                        <span>
                            您的店铺名称修改申请已通过,若有疑问请联系{Hotline}
                        </span>
                    </div>
                    <div class="shopNameMsg sfail">
                        <span class="shopIcon"></span>
                        <span>
                            您的店铺名称修改申请已通过,若有疑问请联系{Hotline}
                        </span>
                    </div>
                    <div class="shopNameMsg swarn">
                        <span class="shopIcon"></span>
                        <span>
                            您的店铺名称修改申请已通过,若有疑问请联系{Hotline}
                        </span>
                    </div>
                    <!-- 表单数据 -->
                    <form action="" class="s-form" ng-app="">
                        <div class="form-box" id="basic-info">
                            <div class="d-box">

                                <h3 class="d-title"><span>店铺banner</span></h3>
                                <div class="d-list clearfix">
                                    <div class="align-right"><span class="required-icon">*</span>店铺banner:</div>
                                    <div class="d-content banner">
                                        <div class="upload-raw">
                                            <input type="text" class="iptText" value="" /> 
                                            <a href="" class="m-btn btn-upload">上传</a>
                                        </div>
                                        <div class="upload-tip">
                                            <i class="m-icon icon-tip-angle"></i>
                                            注:上传图片宽度为1920像素,高为100像素;支持JPG、GIF格式图片文件;
                                        </div>
                                        
                                        <div class="upload-preview tspacemin">
                                            <img src="../temp/top_banner.png" alt="" />
                                        </div>
                                    </div>
                                </div>

                                <h3 class="d-title"><span>店铺轮播图</span></h3>
                                <div class="d-list clearfix">
                                    <div class="align-right"><span class="required-icon">*</span>店铺轮播图:</div>
                                    <div class="d-content slides">
                                        <table class="upload-table">
                                            <thead>
                                                <tr>
                                                    <td style="width:80px;">顺序</td>
                                                    <td style="width:200px;">图片</td>
                                                    <td style="width:270px;">链接地址</td>
                                                    <td style="width:180px;">操作</td>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td><span class="label">1</span></td>
                                                    <td>
                                                        <div class="upload-raw">
                                                            <div class="upload-previw">
                                                                <img src="" alt="" />
                                                                <div class="mask"></div>
                                                                <span>点击预览</span>
                                                            </div>
                                                            <a href="" class="m-btn btn-upload">上传</a>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <input type="text" class="iptText upload-text" style="display:none" value="nong12.com.jpg" /> 
                                                        <span class="upload-label">nong12.com.jpg</span>
                                                    </td>
                                                    <td>
                                                        <a href="" class="btn-update">修改</a>
                                                        <a href="" class="btn-del">预览</a>
                                                        <a href="" class="btn-prevew">预览</a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td><span class="label">1</span></td>
                                                    <td>
                                                        <div class="upload-raw">
                                                            <div class="upload-previw">
                                                                <img src="" alt="" />
                                                                <div class="mask"></div>
                                                                <span>点击预览</span>
                                                            </div>
                                                            <a href="" class="m-btn btn-upload">上传</a>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <input type="text" class="iptText upload-text" style="display:none" value="nong12.com.jpg" /> 
                                                        <span class="upload-label">nong12.com.jpg</span>
                                                    </td>
                                                    <td>
                                                        <a href="" class="btn-update">修改</a>
                                                        <a href="" class="btn-del">预览</a>
                                                        <a href="" class="btn-prevew">预览</a>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <div class="upload-tip">注:上传图片宽度为1200像素,高260像素;支持JPG、GIF格式图片文件;</div>
                                            
                                        <button class="btn-add">
                                            <i class="m-icon icon-plus"></i>
                                            添加新的轮播图
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="sub-box">
                            <button class="submitBtn">确定修改店铺资料</button>
                        </div>
                    </form>
                </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 class="compile" id="compile-name">
            <h1>修改店铺名称</h1>
            <form class="s-validate">
                <table>
                    <tbody><tr>
                        <td><label>当前店铺名称:</label></td>
                        <td>刘勇之的店铺</td>
                    </tr>
                    <tr>
                        <td class="iptCheck"><label>新店铺名称:</label></td>
                        <td>
                            <input type="text" class="iptText required" placeholder="请输入店铺名称">
                            <p class="iptTips">店铺名称修改后需要农丰网审核后才能正常使用!</p>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>
                            <a href="#compile-name" id="confirm-amend" class="submitBtn">确定修改</a>
                            <a href="#compile-name" class="submitBtn grayBtn">暂不修改</a>
                        </td>
                    </tr>
                </tbody></table>
            </form>
        </div>
        <script type="text/javascript" src="http://static.nong12.com/static/source/components/js/plugin/WdatePicker.js"></script>
        <script type="text/javascript" charset="utf-8" src="http://static.nong12.com/static/source/components/js/plugin/umeditor/umeditor.config.js"></script>
        <script type="text/javascript" charset="utf-8" src="http://static.nong12.com/static/source/components/js/plugin/umeditor/umeditor.min.js"></script>
        <link href="http://static.nong12.com/static/source/components/js/plugin/umeditor/themes/default/css/umeditor.min.css" type="text/css" rel="stylesheet">
        <script type="text/javascript">
            seajs.use(['../js/javascript/common/common.js']);

            // 上传修改
            $(".btn-update").click(function(event) {
                var $row = $(this).parent().parent();
                var $upload_text = $row.find('.upload-text');
                var $upload_label = $row.find('.upload-label');
                var active = $(this).data('active');
                if(active == "on"){
                    $(this).text('修改').data('active', '');
                    $upload_text.hide();
                    $upload_label.show();
                    $upload_label.text($upload_text.val());
                }else{
                    $(this).text('完成').data('active', 'on');
                    $upload_text.show();
                    $upload_label.hide();
                }
                return false;
            });
        </script>
    </body>
</html>