changePhone.html 16 KB
<!DOCTYPE html>
<html>
<head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>供应管理</title>
    <link href="../newstyle/user_common.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="../newstyle/changephone.css">
    <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script>
    <script type="text/javascript" src="../js/javascript/common/config.js"></script>
</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 recommend_goods">
                <div class="content-box frtemp">
                    <div class="mbox-name r-hd">修改手机号</div>
                    <div class="steps col3 tspace">
				              <ul class="clearfix">
				                  <li class="steps-current steps1">                               
				                      <span class="steps-num">1</span>
                              验证身份
				                      <i></i>
				                      <em></em>
				                  </li>
				                  <li class="steps2"> 
				                      <span class="steps-num">2</span>
                              输入新手机号并验证
				                      <i></i>
				                      <em></em>
				                  </li>
				                  <li class="steps3">
				                      <span class="steps-num">3</span>
                              修改完成
				                      <i></i>
				                      <em></em>
				                  </li>
				              </ul>
				            </div>
                    <div class="message-wrap changephone">
                      <span class="safe-icon"></span>
					            <span class="successTips">您绑定的手机号码已成功修改为150****0909,您可以用新的手机号登录了!</span>
                      <p class="tspace"><a href="#" class="submitBtn">返回我的农丰</a></p>
				            </div>
                    <div class="changephone">
                      <div class="d-box tspace">
                        <div class="d-list clearfix">
                          <div class="align-right">
                            <span class="required-icon">*</span>您目前的手机号:</div> <div class="d-content goods-cat">
                            <p class="focus">
                              150****0090
                              <span class="bhint">若您的号码 不用/丢失,或无法收到验证码?请联系客服协助处理!</span>
                            </p>
                          </div>
                        </div>
                        <div class="d-list clearfix">
                          <div class="align-right">新手机号码:</div> 
                          <div class="d-content goods-cat">
                            <p class="inline">
                              <input type="text" class="iptText"
                              placeholder="请填写您日常使用的手机号" />
                            </p>
                          </div>
                        </div>
                        <div class="d-list clearfix">
                          <div class="align-right">说明(此行只有说明功能):</div> 
                          <div class="d-content goods-cat">
                            此处逻辑并非如此,具体展现形式请查看需求文档
                            ui显示并没有对应需求文档。

                            目前手机号 和 新手机号码
                            只会同时存在一个,处于两个不同的步骤当中
                          </div>
                        </div>
                        <div class="d-list clearfix">
                          <div class="align-right">验证码:</div> 
                          <div class="d-content goods-cat">
                            <p class="verifycode inline">
                              <input type="text" class="iptText mini"
                              placeholder="请输入验证码" />
                              <span class="verifyimg">
                                <img src="https://authcode.nong12.com/verify/image?acid=3e362319-bdbc-49b4-9f59-d5f79c4ff157" alt=""/>
                              </span>
                            </p>
                          </div>
                        </div>
                        <div class="d-list clearfix">
                          <div class="align-right">校验码:</div> 
                          <div class="d-content">
                            <span class="verifycode ">
                              <input type="text" class="iptText mini"
                              placeholder="请输入校验码" />
                            </span>
                            <a href="javascript:;" class="submitBtn grayBtn">免费获取手机校验码</a>
                            <a href="javascript:;" class="submitBtn grayBtn
                          disabled">免费获取手机校验码</a>
                          </div>
                        </div>
                        <div class="d-list clearfix">
                          <div class="align-right"></div> 
                          <div class="d-content buttonarea">
                            <a class="submitBtn" href="javascript">下一步</a>
                          </div>
                        </div>
                      </div>
                    </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>

<script type="text/javascript">
    seajs.use([
        'jquery',
        '../js/javascript/common/common.js',
        '../js/javascript/account/freightTemplate.js'
    ]);
</script>
</body>
</html>