id	summary	reporter	owner	description	type	status	priority	milestone	component	version	resolution	keywords	cc	due_date
373	亲子、家居、电脑网图片贴需求修正	luohuimin	dingjianyong	"框架：http://192.168.21.51/pcgroup-picture/
设计稿：http://192.168.50.88/2015_zym/0911/pcbaby.html
制作稿：待定
美图flash： 
http://www1.pcbaby.com.cn/flash/150804/meitu/qinzi_840X620_llx.swf（亲子）、
http://www1.pchouse.com.cn/flash/150901/jjwmt/840X620_llx.swf（家居）、
http://www1.pconline.com.cn/flash/150901/dnwmt/840X620_llx.swf（电脑）

----

'''一、发帖页：'''
1、发帖页--页面展示：
1）图片贴作为一种新的帖子类型呈现；
2）编辑器上传图片外链功能隐藏；
3）编辑器编辑源码功能仅开放给管理员权限用户；
4）编辑器右侧显示图片上传区域
5）编辑器下方新增图片模块（一个图片模块由一张图片、一个文本输入框、一个关闭按钮组成）；
6）图片模块仅在网友已上传并点选图片时显示，帖子无图时隐藏图片模块。
7）图片模块中，有“美化图片”按钮。
8）图片模块中，文本输入框内，有提示文案：“请在此输入200字内的图片描述...”


2、发帖流程：
1）网友进入图片贴发帖页，以正常流程输入帖子标题、选择分类、输入帖子正文（编辑器）。
2）点击图片上传区域中的“从电脑中选图片”按钮，从目录里选择单张或多张图片上传
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/15/c2/9793975_1436933676970_1024x1024.png)]]
3）上传成功的图片，显示在右侧“图片上传”区域中。
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1509/08/c1/12322247_1441678962939_1024x1024.png)]]
3）点选区域图片，则在左侧编辑器下方，对应新增一图片模块，网友可在图片模块里编辑图片、输入图片描述、以及上下拖动模块以调整模块顺序。
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1509/08/c1/12326293_1441681583607_1024x1024.png)]]
4）整理好帖子后，点击“发表帖子”发布。

3、补充说明：
1）“上传图片”区域内：
---鼠标指向图片时，显示“删除”按钮
---点击“删除”按钮则删除该张图片（此功能仅为删除右侧“上传图片”区域内的图片，并不影响已插入正文的图片。比如，图a已经加载到帖子里，则在“上传图片”区域里删除图a，后，帖子里的图a并不会一并删除）
2）左侧编辑器下方的帖子图片模块：
---鼠标长按并上下拖动图片模块时，可调换模块位置，但帖子正文（编辑器）位置固定在最顶不变。（帖子正文在前、所有图片模块在后）指针指向图片+描述模块时，指针改为十字形，以便网友知悉模块可拖动。
---图片模块固定显示“美化图片”提示，点击图片后，弹出图片编辑框。
---当网友美化图片并保存后，图片模块中的缩略图也实时更新。（但优化不影响右侧“图片上传”区域内的图片缩略图）
---图片模块右上角有删除按钮，点击后可删除整个图片模块。（但不会影响右侧“图片上传”区域内的图片）


3、注：
1）图片贴发帖权限，后台归入到“用户”-“普通权限”的配置中，上线时默认对普通网友开放，各网可根据运营需要自行修改权限配置。
2）图片描述字数，限制在每张图片200字内。
3）对同一个帖子内的图片，上传数量不作限制。
4）对图片贴内的图片大小尺寸控制，与普通贴的图片保持一致。
5）图片编辑：在电脑网图片编辑功能的基础上，增加马赛克功能；并优化文字工具功能（在文字编辑的状态下，可更改已输入的文字颜色及大小）

二、帖子页：
1、页面展示：
1）帖子内容显示顺序：正文--图片1及图片1描述--图片2及图片2描述...以此类推
2）图片及其图片描述，合拼为一整体模块，显示在帖子页当中：
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/30/c4/10440359_1438239138179_1024x1024.png)]]

三、列表页
1、帖子类型筛选，增加“图片贴”筛选项
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/23/c5/10139665_1437643225931_1024x1024.png)]]
2、发帖类型选项，增加“图片贴”发帖项
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/23/c5/10139639_1437643224824_1024x1024.png)]]
3、贴子类型icon，增加图片贴icon
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/23/c5/10139666_1437643229573_1024x1024.png)]]

四、帖子图集：
1、页面展示：
1）图片下方新增图片描述，包含图片页数和图片描述内容
[[Image(http://img.pcbaby.com.cn/images/upload/upc/tx/kidsbbs6/1507/15/c2/9794016_1436933757574_1024x1024.png)]]
2）图片描述浮层，默认显示两行，若描述内容超过两行，则当网友鼠标指向描述框时，自动向上展开剩余的隐藏部分。"	需求	new	最高级（1）		亲子网论坛	亲子论坛BBS7.3.3				30/10/2015