id	summary	reporter	owner	description	type	status	priority	milestone	component	version	resolution	keywords	cc	due_date
290	itbbs改版帖子页需求_V1	chenguohao	dingjianyong	"{{{
    #!html
<table width=""990"" border=""1"" class=""wiki"">
  <tr>
    <td width=""84"" bgcolor=""#4F81BD"">元素</td>
    <td width=""690"" bgcolor=""#4F81BD"">描述</td>
    <td width=""304"" bgcolor=""#4F81BD"">截图</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td colspan=""3""><strong>头部</strong></td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>顶栏</td>
    <td>统一如前</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>pconline的logo</td>
    <td>1.""大首页""链接，新窗口打开；<br/>
2.logo尺寸缩小</td>
    <td><img src=""http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1406/05/c8/34955059_1401935832408_1024x1024.jpg"" alt="""" width=""100"" height=""54"" /></td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>版块名称</td>
    <td>当前版块的名称</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>去其他论坛</td>
    <td><p>on mouse下拉展开，展开效果如前</p></td>
    <td>缺下拉效果</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>登录信息区</td>
    <td><strong>未登录状态：</strong><br/>
    1.默认头像20*20；<br/>    
    2.登录按钮，点击后当前页面打开通行证登录页面；<br/>
    3.on mouse 上述区域，下拉展开所有登录方式：通行证登录，QQ、微博、淘宝登录；点击后当前页面打开对应登录方式的通行证登录页面；<br/>
    4.点击上述登录跳转至通行证页面的，完成登录流程后需跳转回原页面；<br/>---------------------<br/>
    <strong>登录状态：</strong><br/>
    1.用户头像20*20；<br/>
    2.用户昵称，点击新开窗跳转至个人中心首页http://my.pconline.com.cn/<br/>
    3.on mouse 上述区域，下拉展开其他个人中心链点：<br/> 
  好友动态（http://my.pconline.com.cn/）、我的帖子（http://my.pconline.com.cn/forum/topic.jsp）、我的回复（http://my.pconline.com.cn/forum/reply.jsp）、我的精华帖（http://my.pconline.com.cn/forum/pick.jsp）、我的收藏（http://my.pconline.com.cn/forum/favorforum.jsp）个人中心（http://my.pconline.com.cn/）<br/>
    4.消息（包含未读数量提示），点击新开窗跳转至消息中心（http://my.pconline.com.cn/msg/notice.jsp）；on mouse该区域，下拉展开其他消息链点：<br/>
    系统通知（http://my.pconline.com.cn/msg/notice.jsp）、论坛回复（http://my.pconline.com.cn/forum/receivereply.jsp）查看私信（http://my.pconline.com.cn/msg/inbox.jsp?pageNo=1）</td>
    <td>缺未登录及下拉效果</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>导航</td>
    <td>1.导航内容读取cms栏目内容如前<br/>
      2.搜索输入框前可下拉选择搜帖子、作者，如论坛首页</td>
    <td><img src=""http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1406/05/c8/34955190_1401935935981_1024x1024.jpg"" alt="""" width=""303"" height=""41"" /></td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>面包屑</td>
    <td>如旧：<br/>
      1.小房子-pconline首页；<br/>
      2.论坛-itbbs首页；<br/>
      3.各级列表页；<br/>
      4.正文；（单当前帖子URL）<br/>
      5.收藏帖子按钮，<strong>此处需新增判断当前用户是否已收藏此帖子，若已收藏，按钮需要显示为“已收藏”，点击已收藏，取消当前用户该帖子的收藏；</strong></td>
    <td>缺""收藏""按钮</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td colspan=""3""><strong>右侧栏</strong></td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td rowspan=""6"">交互功能模块</td>
    <td><strong>发帖按钮</strong>：<br/>1.on mouse有下拉效果，可选择发帖的类型（活动、悬赏等），如前；<br/>
2.非登录状态，点击后当前页面跳转至通行证登录页面，完成登录后跳转至发帖页；</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td><strong>回复按钮</strong>：<br/>
      1.非登录状态，按钮为不可点击状态；<br/>
    2.登录状态，按钮为可点击状态，点击后锚点定位至快速回复区；</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td><strong>收藏按钮</strong>：<br/>
      1.非登录状态，按钮为不可点击状态；<br/>
    2.登录状态，按钮为可点击状态，点击后弹窗提示收藏成功；</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td><strong>评分按钮</strong>：（对楼主评分）<br/>
      1.非登录状态及未达到评分条件（当前登录用户等级不够或是楼主自身），按钮为不可点击状态；<br/>
    2.当前用户可对主楼评分时，按钮为可点击状态，点击后弹窗执行对主楼评分（需提示对主楼评分）</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td><strong>分享按钮</strong>：<br/>
    on mouse有下拉效果，显示分享组件（如右）</td>
    <td><img src=""http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1406/30/c13/35815516_1404098739959_1024x1024.jpeg"" alt="""" width=""205"" height=""65"" /></td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>交互效果：固定至浏览器右上角，上边距15px；<br/>
      触发条件：页面向下滚动时，浏览器上边框触及该模块上缘向上增加15px时；</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td><del>帖子作者</del></td>
    <td><del>1.作者头像（50*50），点击跳转作者个人中心首页；<br/>      
      2.作者昵称，点击跳转个人中心首页；在线标黄<br/>      
    3.职务：站长、版主、版副、嘉宾；<br/>
    4.注册时间&quot;2009-09-03&quot;<br/>
    5.等级“太平洋舰队新兵”<br/>
    6.星星太阳月亮，如前；<br/>
    7.主题、回复、精华、粉丝，对应数值，带链接topic/reply/pick/fan；当数值数位超过5位时，显示前两位数字及“w”，如326505即显示32w；<br/>
    8.勋章：一行显示5个，超过5个时显示“展开更多”（alt）的按钮，展开后显示收起的按钮；<br/>
    9.发消息&amp;关注Ta<br/>
</del></td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>Ta的帖子</td>
    <td>展示该帖作者的最新发表的主题（发表时间降序），自适应高度最多显示5条数据；</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>推荐阅读</td>
    <td>HTML代码块（需确定代码块ID），读取CMS栏目接口；</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>浮动按钮</td>
    <td>1.回顶部（alt提示""回顶部""）；<br/>
      2.发帖（alt提示""发新帖""），非登录状态点击参照上述""发帖按钮""；</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td colspan=""3""><strong>帖子正文区</strong></td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>标题</td>
    <td>带链接，超出部分换行左对齐显示；</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td><del>帖子图集</del></td>
    <td><del>1.是否显示提交按钮判断如前；<br/>
      2.点击跳转帖子图集；</del></td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>作者头像</td>
    <td>带个人中心链接，尺寸70*70</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>勋章</td>
    <td>按需显示，最多显示18个，有打开更多的效果</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>帖子信息</td>
    <td>1.作者昵称；<br/>
      2.职务“作者”；<br/>
      3.等级“lv33,太平洋舰队发言人”；<br/>
      4.发表时间“14-5-19 20:33”；<br/>
      5.浏览数，查看数；<br/>
      6.只看楼主；<br/>
      7.楼主（带链接）；<br/>
      8.楼层跳转；</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>帖子正文</td>
    <td>如前；图片显示700px</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>帖子评分内容</td>
    <td>如前，样式稍调整</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>签名档</td>
    <td>高度限制350px，超出隐藏；</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>产品库&amp;快聚&amp;IT百科</td>
    <td>去掉~</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td colspan=""3""><strong>回帖区</strong></td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>头像及用户信息</td>
    <td>1.头像尺寸70*70；<br/>      
      2.职务“作者”；<br/>
3.等级“lv33,太平洋舰队发言人”；<br/>
4.勋章，默认显示5个，有打开更多的效果；</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>信息弹层</td>
    <td>用户信息弹层on mouse头像及昵称弹出：<br/>
1.作者头像（50*50），点击跳转作者个人中心首页；<br/>
2.作者昵称，点击跳转个人中心首页；在线标黄；<br/>
3.职务：站长、版主、版副、嘉宾；<br/>
4.注册时间&quot;2009-09-03&quot;<br/>
5.等级""太平洋舰队新兵""<br/>
6.星星太阳月亮，如前；<br/>
7.主题、回复、精华、粉丝，对应数值，带链接topic/reply/pick/fan；当数值数位超过5位时，显示前两位数字及""w""，如326505即显示32w；<br/>
8.勋章：一行显示5个，超过5个时显示""展开更多""（alt）的按钮，展开后显示收起的按钮；<br/>
9.发消息&amp;关注Ta<br/>
10.达人标识</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>回帖信息</td>
    <td>2013-4-19 01:50:24（回帖发表时间）；<br/>
      来自android客户端（agent如前，on mouse弹出二维码，带链接）；<br/>
      只看该作者，如前；<br/>沙发、板凳...（带链接如前）</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td rowspan=""2"">回复<br/>
      (
      回复本楼)</td>
    <td>1.引用 xxx（昵称带链接） 2014-05-13 12:46（时间） 发表于x楼的内容<br/>
      2.文本输入框，如前；<br/>
      3.选取表情，弹框显示全部表情；<br/>
      4.高级模式，引用&amp;输入内容需要带到发帖页的输入框，如前；<br/>
      5.发表按钮，去掉”发消息给xxx“勾选框,发消息只判断发帖时是否勾选了接收信息；</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>新增功能：上传图片（单图）<br/>
      1.点击该功能按钮，直接弹出系统选文件的窗口；<br/>
      2.选取文件（只可选单个图片文件，格式如前，≤5M）；<br/>
      3.点击确定后，显示弹层，提示”正在上传...xxx.jpg“,xxx为文件名，最多只显示3中文5英文，多出部分截取掉；<br/>
      4.上传完毕后，自适应显示缩略图（120*90；alt:发表回复将插入该图），下方”删除“按钮，点击后清楚图片隐藏弹层；若再点击上传按钮则重新弹窗选图；<br/>
    5.上传完毕后，再次点击上传功能按钮，则重新弹窗选一张图，若”确认“，则重新上传该图片（覆盖前一张），如前所述；<br/>
    6.点击”发表“按钮，完成发布后，则该图片与上述文本框输入的内容（及引用的内容）结合（图片位于文本下方，无需隔行），输出该回帖；</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>评分</td>
    <td>如帖子评分；</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>举报</td>
    <td>弹窗如前；</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>被删/被锁楼层</td>
    <td>只显示：<br/>1.头像：系统默认头像；<br/>2.昵称：系统管理员；<br/>3.内容：该楼层已被屏蔽 | 为什么？“为什么”的链接待定</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>下一页</td>
    <td>点击跳转下一页如列表页；</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>翻页框</td>
    <td>带跳页功能如前；发帖按钮如前</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td>快速回复工具</td>
    <td>工具栏，去掉网络图片功能，新增上传图片（单图），其余功能如前；<br/>去掉右侧表情</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor=""#ffd"">
    <td colspan=""3""><strong>底部如列表页</strong></td>
  </tr>
</table>
}}}"	需求	closed	最高级（1）		电脑网产品论坛	电脑论坛BBS7.1	已处理			06/06/2014
