我的YOHO-我的投诉.html 15.2 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>YOHO有货</title>
<meta name="description" content="YOHO有货,中国最大的潮流购物网站,100%正品保证,支持货到付款。汇集了全球流行时尚商品,是国内最大的原创文化商品平台,也是香港,台湾地区流行商品的集中地。同时包含日本、韩国等众多国外潮流品牌,带给您全新潮流购物体验。" />
<meta name="keywords" content="Yoho有货,潮流,时尚,流行,购物,B2C,正品,购物网站,网上购物,货到付款,品牌服饰,男士护肤,黑框眼镜,匡威,板鞋,美特斯邦威,i.t,izzue,李宁,new balance,新百伦,lacoste,melissa,casio,卡西欧手表,舒雅,江南布衣,jasonwood,odm,AAAA,香港购物网站,日本潮流" />
<link href="http://static.yohobuy.com/css/common.css" rel="stylesheet" type="text/css" media="all" />
<link href="http://static.yohobuy.com/css/myyoho.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="http://static.yohobuy.com/js/jquery.min.js"></script>
<script type="text/javascript" src="http://static.yohobuy.com/js/yoho_common.js"></script>
<script type="text/javascript" src="http://static.yohobuy.com/js/jslider/jquery.slider-min.js"></script>
<link rel="stylesheet" href="http://static.yohobuy.com/js/jslider/stylesheets/jslider.css" type="text/css">
<script type="text/javascript" src="http://static.yohobuy.com/js/jslider/jquery.dependClass.js"></script>
<script type="text/javascript" src="http://static.yohobuy.com/js/jquery-treeview/jquery.treeview.js"></script>
<script src="http://static.yohobuy.com/js/jquery.cookie.js" type="text/javascript"></script>
</head>
<body>
<div id="wrapper"> 
  <!--页头开始-->
  <div class="header">
    <div class="liquidFix">
    <div class="logo"><a href="http://buy.yoho.cn"><img src="http://static.yohobuy.com/images/logo_yohobuy.png" alt="YOHO!有货 buy.yoho.cn-全球年轻人流行商品购物平台" /></a></div>
    <div class="right">
      <dl class="login">
        <script type="text/javascript">
<!--
$(function(){

$("#myyoho").hover(function(){
$(this).addClass("myyoho_a");
$(this).removeClass("myyoho_b");
$(this).find("ul").fadeIn ()
},
function(){
$(this).addClass("myyoho_b");
$(this).removeClass("myyoho_a");
$(this).find("ul").slideUp ("fast")
});
});
//-->
</script>
        <dd><a href="#">登录</a></dd>
        <dd><a href="#">注册</a></dd>
        <dt>
          <div id="myyoho">
            <ol>
              <a href="#">个人中心</a>
            </ol>
            <ul>
              <li><a href="#">订单中心</a></li>
              <li><a href="#">评价/ 晒物</a></li>
            </ul>
          </div>
        </dt>
        <dd><a href="#" class="vip">VIP</a></dd>
        <dd><a href="#">优惠券</a></dd>
        <dd><a href="#">帮助中心</a></dd>
      </dl>
      <div class="clear"></div>
      <dl class="search">
        <dt>
          <input type="text" class="input_search"/>
        </dt>
        <dd>
          <input type="button" class="btn_search" />
        </dd>
        <dd class="keywords">热搜:<a href="#">冬季新款</a> <a href="#">打折促销</a> <a href="#">优惠商品</a></dd>
      </dl>
      <div class="tab"> <a href="#" class="tab_new" title="新品上架"></a> <a href="#" class="tab_zt" title="潮流专题"></a> <a href="#" class="tab_brand" title="所有品牌"></a> </div>
    </div>
    </div>
    <div class="nav">
    <div class="liquidFix">
      <ul>
        <li><a href="#" class="n0">首页</a></li>
        <li><a href="#" class="n1">上衣</a></li>
        <li><a href="#" class="n2">外套</a></li>
        <li><a href="#" class="n3">裤类</a></li>
        <li><a href="#" class="n4">裙袜类</a></li>
        <li><a href="#" class="n5">内衣/泳衣</a></li>
        <li><a href="#" class="n6"></a></li>
        <li><a href="#" class="n7"></a></li>
        <li><a href="#" class="n8">配饰</a></li>
        <li><a href="#" class="n9">化妆品</a></li>
        <li><a href="#" class="n10">创意生活</a></li>
      </ul>
      <a href="#" class="btn_mycart"><span>我的购物车(33)</span></a> 
      </div>
      </div>
  </div>
  <!--页头结束--> 
<div class="container">
  <div class="daohang"> <a href="#">有货首页</a> > <span>个人中心</span> </div>
  <div class="con-left">
    <div class="usercenter-nav">
      <div class="title">个人中心</div>
      <div class="main">
        <div class="userinfo">
          <dl>
            <dt><img src="http://static.yohobuy.com/images/p_48_48_1.jpg" /></dt>
            <dd><strong>慕容小妹妹</strong><br />
              <span class="level_vip_s1" title="vip等级1"></span></dd>
          </dl>
          <dl>
            <a href="#" class="btn_h"><span>修改头像</span></a> <a href="#" class="btn_h"><span>修改个人资料</span></a>
          </dl>
        </div>
        <div class="userstat">
            <div class="li-1"> <strong>¥500.00</strong><br />
              YOHO币 </div>
            <div class="li-2"> <strong>5个</strong><br />
              完成订单 </div>
            <div class="li-3"> <strong>¥50,00.00</strong><br />
              年内消费 </div>
            <div class="li-4"> <strong>¥160,00.00</strong><br />
              总消费 </div>
          </div>
          <div class="upgrade">
            <h4>升级状态:</h4>
            <div class="slider">
              <div class="slider-over" style="width:50%;"></div>
              <span>30/1500</span> </div>
            <dl>
              <dt><span class="level_vip_s1" title="vip等级1"></span></dt>
              <dd><span class="level_vip_s2" title="vip等级2"></span></dd>
            </dl>
            <dl class="end">
              <span class="level_vip_sh" title="vipIII已经升级至最高等级"></span>
            </dl>
            <div class="info">您再消费300.00元就能升级为VIP白金用户<span class="ico_tips"></span> </div>
          </div>
        <div class="box">
          <div class="box-t t_jygl">
            <h2>交易管理</h2>
          </div>
          <ul>
            <li><a href="#">订单中心</a></li>
            <li><a href="#">评价/晒物</a></li>
          </ul>
        </div>
        <div class="box">
          <div class="box-t t_fwzx">
            <h2>服务中心</h2>
          </div>
          <ul>
            <li><a href="#">购买咨询</a></li>
            <li><a href="#">我的投诉</a></li>
            <li><a href="#">售后服务</a></li>
          </ul>
        </div>
        <div class="box">
          <div class="box-t t_gryygl">
            <h2>个人应用管理</h2>
          </div>
          <ul>
            <li><a href="#">短信息</a></li>
            <li><a href="#">收藏夹</a></li>
            <li><a href="#">地址管理</a></li>
            <li><a href="#">促销推送</a></li>
          </ul>
        </div>
        <div class="box">
          <div class="box-t t_grxxgl">
            <h2>个人信息管理</h2>
          </div>
          <ul>
            <li><a href="#">个人资料</a></li>
            <li><a href="#">修改密码</a></li>
            <li><a href="#">我的等级</a></li>
            <li><a href="#">YOHO币</a></li>
            <li><a href="#">优惠券</a></li>
            <li><a href="#">兑换礼品卡</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="clear"></div>
  </div>
  <div class="con-right"> 
    <!--我的投诉开始-->
    <div class="wdts">
      <div class="title">
        <h2>我的投诉</h2>
      </div>
      <div class="main">
        <div class="list-t">
          <div class="li-1">基本信息</div>
          <div class="li-2">投诉内容</div>
        </div>
        <div class="list-m">
          <div class="list">
            <div class="li-1"> 投诉主题:客服服务态度问题<br />
              投诉对象:客服008号<br />
              投诉类型:产品相关<br />
              涉及订单:03434567 </div>
            <div class="li-2">
              <p class="z-question">这个商品黑色的那款还有没有啊?</p>
              <p>问题尚未回答。</p>
              <p><a href="#" class="btn_c3"><span>撤销投诉</span></a></p>
            </div>
            <div class="li-3">2011-12-23 23:45:32</div>
          </div>
          <div class="list">
            <div class="li-1"> 投诉主题:客服服务态度问题<br />
              投诉对象:客服008号<br />
              投诉类型:产品相关<br />
              涉及订单:03434567 </div>
            <div class="li-2">
              <p class="z-question">这个商品黑色的那款还有没有啊?</p>
              <p class="z-reply">客服回复:您好,这款黑色已经卖完了,请进行缺货
                登记,我们到货时会通知您的。</p>
            </div>
            <div class="li-3">2011-12-23 23:45:32</div>
          </div>
          <div class="list">
            <div class="li-1"> 投诉主题:客服服务态度问题<br />
              投诉对象:客服008号<br />
              投诉类型:产品相关<br />
              涉及订单:03434567 </div>
            <div class="li-2">
              <p class="z-question">这个商品黑色的那款还有没有啊?</p>
              <p>问题尚未回答。</p>
              <p><a href="#" class="btn_c3"><span>撤销投诉</span></a></p>
            </div>
            <div class="li-3">2011-12-23 23:45:32</div>
          </div>
          <div class="list">
            <div class="li-1"> 投诉主题:客服服务态度问题<br />
              投诉对象:客服008号<br />
              投诉类型:产品相关<br />
              涉及订单:03434567 </div>
            <div class="li-2">
              <p class="z-question">这个商品黑色的那款还有没有啊?</p>
              <p class="z-reply">客服回复:您好,这款黑色已经卖完了,请进行缺货
                登记,我们到货时会通知您的。</p>
            </div>
            <div class="li-3">2011-12-23 23:45:32</div>
          </div>
          <div class="clear"></div>
        </div>
        <div class="wyts-form">
          <h2>我要投诉</h2>
          <div class="wyts-form-main">
            <dl>
              <dt>投诉主题:</dt>
              <dd>
                <input name="" type="text" class="input_1" style="width:340px;" />
                <span class="tips-right">正确提示!</span> </dd>
            </dl>
            <dl class="tips-box-text">
              <dt>投诉对象:</dt>
              <dd>
                <input name="" type="text" class="input_1" style="width:150px;" />
                <span class="tips-text">请填写您要投诉的对象,比如:客服00*号、发货员...</span> </dd>
            </dl>
            <dl class="tips-box-error">
              <dt>投诉类型:</dt>
              <dd>
                <select name="" size="1">
                  <option>请选择</option>
                </select>
                <span class="tips-error">错误提示信息!</span> </dd>
            </dl>
            <dl>
              <dt>涉及订单:</dt>
              <dd>
                <input name="" type="text" class="input_1" style="width:190px;" />
                <span class="tips-p">如果多个,请用英文逗号隔开,没有则不填</span> </dd>
            </dl>
            <dl>
              <dt>投诉内容:</dt>
              <dd>
                <textarea name="" cols="" rows="" class="textarea_1" style="width:400px;height:80px;"></textarea>
              </dd>
            </dl>
          </div>
          <div class="wyts-form-submit">
            <input type="button" value="提交投诉内容" class="btn_b2" />
          </div>
        </div>
        <div class="list-b">
          <div class="clear"></div>
          <div class="page"> 共300条结果,1/30页:<a href="#" class="page_pre">上一页</a><a href="#" class="page_home">首页</a><a href="#" class="act"><span>1</span></a><a href="#"><span>2</span></a><a href="#"><span>3</span></a><a href="#"><span>4</span></a><a href="#"><span>5</span></a>...<a href="#"><span>30</span></a><a href="#" class="page_next">下一页</a> </div>
        </div>
      </div>
    </div>
    
    <!--我的投诉结束-->
    <div class="lan-yj">
      <dl>
        <dt>对"个人中心"有意见和建议? <a href="#">帮助我们改善>></a></dt>
        <dd><a href="javascript:scroll(0,0)" class="btn_top">返回顶部</a></dd>
      </dl>
    </div>
    <div class="clear"></div>
  </div>
</div>

  <!--页尾帮助开始-->
  <div class="helpinfo">
    <div class="liquidFix">
    <ul>
      <li class="begin">
        <dl class="li-1">
          <dt>新手上路</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 class="li-2">
          <dt>关于商品</dt>
          <dd><a href="#">找到想要的商品</a></dd>
          <dd><a href="#">试衣搭配</a></dd>
          <dd><a href="#">商品的详细信息</a></dd>
          <dd><a href="#">"预发售"的商品</a></dd>
        </dl>
      </li>
      <li>
        <dl class="li-3">
          <dt>付款方式</dt>
          <dd><a href="#">货到付款</a></dd>
          <dd><a href="#">网上银行支付</a></dd>
          <dd><a href="#">有货优惠券</a></dd>
          <dd><a href="#">YOHO币</a></dd>
          <dd><a href="#">关于货品发票</a></dd>
        </dl>
      </li>
      <li>
        <dl class="li-4">
          <dt>配送方式</dt>
          <dd><a href="#">配送方法</a></dd>
          <dd><a href="#">配送时间</a></dd>
          <dd><a href="#">配送范围</a></dd>
        </dl>
      </li>
      <li>
        <dl class="li-5">
          <dt>售后服务</dt>
          <dd><a href="#">商品的签收与拒收</a></dd>
          <dd><a href="#">商品的换货</a></dd>
          <dd><a href="#">商品的退货</a></dd>
        </dl>
      </li>
      <li class="end">
        <dl class="li-6">
          <dt>在线帮助</dt>
          <dd><a href="#">在线客服</a></dd>
          <dd><a href="#">电话:400-889-9646</a></dd>
          <dd><a href="#">关于警惕网络诈骗的
            重要公告</a></dd>
        </dl>
      </li>
    </ul>
    <div class="clear"></div>
    <div class="help-footer"></div>
    </div>
  </div>
  <!--页尾帮助结束--> 
  <!--页尾开始-->
  <div class="footer">
  <div class="liquidFix">
    <dl>
      <dt> <a href="#">返回首页</a> <a href="#">关于我们</a> <a href="#">诚聘英才</a> <a href="#">广告服务</a> <a href="#">联系我们</a> <a href="#">隐私条款</a> <a href="#">友情链接</a> <a href="#">问题反馈</a> <a href="#">网站地图</a> <a href="#">网站帮助</a> </dt>
      <dd> CopyRight © 2007-2016 NewPower Co. All Right Reserved. </dd>
    </dl>
   </div>
  </div>
  <!--页尾结束--> 
</div>
</body>
</html>