此模块线上的前端实现交互，与交互说明存在多处不一致。 请依据最新交互说明调整。
该模块高度随内容量浮动 。
字段：
「服务能力」 / 「媒体渠道」：读取该CW邮箱创建的服务方案中，所选的全部服务能力/媒体渠道。 只显示标签内容，不显示统计数据。
• 标签显示逻辑：某一个CW邮箱所建立的所有服务方案，所包括的【服务能力】与【媒体渠道】汇总。
• 排序方式：按照服务方案中，选中的服务能力/媒体渠道的次数由多到少排序。
• 服务能力与媒体渠道分别排序，不互相影响。
• 服务能力与媒体渠道默认显示两行标签。超出两行出现省略提示。 hover省略按钮可查看被省略的其他标签 (hover的 浮窗中不再重复展示已经暴露在外部的标签)。
「账户介绍」： 由原名称“公司介绍” 变更而来。 最多显示两行数据。 「账户介绍」超过2行省略显示，尾部提供【 查看全部】按钮。hover显示完整的账户介绍内容。
「相关资料」：数量最大值为10个。 「相关资料」附件超过一行时，折行显示。
该模块高度固定
1 左上角邮箱账号信息区域 + 购物车收藏区域
邮箱实体主页模块说明
• 社交账号列表排序：按照个人中心-我的信息-社交账号中的博主列表排序。
• 社交账号列表采用分段加载，预先加载100条社交账号信息，滚动到容器底部后，每次加载100条。
• 该模块高度确定，超出高度则出现滚动条。该模块不随页面滑动而滑动。
• 筛选器：
- 默认选中：全部。 筛选区支持搜索。
-筛选器备选项：媒体渠道类型。包括：动态计算该CW邮箱账号现有主社交账号的所属媒体渠道，非全体媒体渠道。
- 点击筛选器，展开下拉选项。点击某一选项，则社交账号列表切换为：该媒体渠道的所有社交账号列表。
• 字段：
社交账号名称： 同<供给端-我的信息-社交账号页面 - 社交账号名称>
社交账号所属媒体渠道： <供给端-我的信息-社交账号页面 - 社交账号所属媒体渠道>
社交账号ID： <供给端-我的信息-社交账号页面 - 社交账号ID>
供应商-企业/供应商个人， 显示模块小标题为 "共代理N个社交账号"
供应商-企业/供应商个人， 显示模块小标题为 "共拥有N个社交账号"
2 左下角社交账号信息区域
3 右上角模块
4.1 右下角模块-服务方案区域交互
• 模块tab默认悬停在：服务方案。
• 点击模块tab，则快速定位至该tab对应模块内容，使得该内容顶部位于模块tab栏底部。
• 页面滑动，当某模块内容顶部位于tab栏底部时，则选中对应模块tab。
• 页面滑动，模块tab栏滑动至该页面顶部时，吸顶。
• 服务方案列表
-排序：按个人中心-我的信息-服务能力中的默认列表排序。
-服务方案列表仅显示：该主页所属账户，我的信息-服务方案页面中，【上架中】状态的方案。
• 筛选tab
-默认选中：所有。tab项为：全部服务方案类型。
-点击某筛选tab，展示该tab下的服务方案列表。
4 右下角模块-服务方案区域、任务统计区域、任务评价区域
供应商任务众包系统
项目概览
tab栏吸顶状态
供应商/博主广场
个人中心
在收起状态时，若标签超过2行，省略展示。hover最后一个省略标签，出现浮层，可查看被省略的其他标签 (hover的 浮窗中不再重复展示已经暴露在外部的标签)。
• 任务评价模块中，评价排序：按评价时间，倒序排列。
• 筛选tab默认选中：所有。tab项为各阶段分值，如图。
点击某筛选tab，展示该tab下的评价列表。
所有联系方式字段默认全部都展示。
去除线上的隐藏设计： 红色虚线框区域，若某条联系信息为空，则该条不显示。
• 任务统计模块中，历史任务类型占比图表有下钻。第一级为：媒体渠道，第二级为：服务能力。
点击某个社交账号区域(蓝色区域)，新开页面，打开该CW邮箱 x 该社交账号的一对关系主页页面。
注意：需求端和供给端均需要支持点击跳转。（线上供给端不支持跳转查看）
账户名称
账户
头像
官方认证日期
官方认证ID：GS12345678
2020-01-01
加入购物车
收藏
账户名称
账户
头像
加入购物车
收藏
字段说明
•「账户头像」：参考 <供给端 -我的账号 -头像 >
•「供应商类型ICON」：说明参考 <需求端-供给广场-列表说明- 3.1 产品逻辑说明-供应商类型ICON>
•「手机」：同 <供给端 -我的信息 -基本信息页面 - 联系信息-手机>
•「微信号」：同 <供给端 -我的信息 -基本信息页面 - 联系信息-微信号>
•「邮箱」：同 <供给端 -我的信息 -基本信息页面 - 联系信息-手机>
•「官方认证时间」：同 <供给端 -我的信息 -基本信息页面 - 官方认证时间>
•「官方认证ID」：同 <供给端 -我的账号 -官方认证ID >
根据官方认证ID状态，显示为以下几种，前端需对照线上实现调整细节；
加入购物 / 收藏的交互，同 <需求端-供给广场-列表说明-加入购物车/收藏>
账户名称
账户
头像
尚未申请官方认证
加入购物车
收藏
账户名称
账户
头像
有官方认证ID :(需求端如下)
无官方认证ID :(需求端如下)
无官方认证ID :(供给端如下)
尚未申请官方认证
去申请
官方认证申请审核中
官方认证ID审核中 :(需求端如下)
账户名称
账户
头像
官方认证申请审核中
官方认证ID审核中 :(供给端如下)
账户名称
账户
头像
官方认证日期
官方认证ID：GS12345678
2020-01-01
有官方认证ID :(供给端如下)
共代理 N 个社交账号
Destiny未眠
Destiny未眠
Destiny未眠
化妆师繁子
化妆师繁子
化妆师繁子
社交
头像
媒体渠道名称1
账号ID: XXXXXX
媒体渠道名称2
账号ID: XXXXXX
媒体渠道名称3
账号ID: XXXXXX
抖音短视频
账号ID: 123456
小红书
账号ID: 123456
快手短视频
账号ID: 123456
社交
头像
社交
头像
社交
头像
社交
头像
社交
头像
全部
8
共拥有 N 个社交账号
Destiny未眠
Destiny未眠
Destiny未眠
化妆师繁子
化妆师繁子
化妆师繁子
社交
头像
媒体渠道名称1
账号ID: XXXXXX
媒体渠道名称2
账号ID: XXXXXX
媒体渠道名称3
账号ID: XXXXXX
抖音短视频
账号ID: 123456
小红书
账号ID: 123456
快手短视频
账号ID: 123456
社交
头像
社交
头像
社交
头像
社交
头像
社交
头像
全部
8
服务能力
账户介绍
媒体渠道
这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200 这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200字 查看全部
账户介绍附件1.ppt
相关资料
服务能力1
服务能力2
服务能力3
服务能力4
服务能力5
服务能力6
服务能力7
...
媒体渠道1
媒体渠道2
媒体渠道3
媒体渠道4
媒体渠道5
媒体渠道6
媒体渠道7
...
账户介绍附件1.ppt
账户介绍附件1.ppt
账户介绍附件1.ppt
「相关资料」附件超过一行时，折行显示。hover附件整行（下图红框区域），出现【下载全部】按钮，点击后可下载全部附件。
账户名称
账户
头像
官方认证时间
官方认证ID：GS12345678
2020-01-01
加入购物车
收藏
服务方案/任务统计/任务评价，数据统计计算均基于该CW邮箱账号的全体数据。
举例：
基于该CW邮箱创建的所有服务方案统计
基于该CW邮箱执行的所有任务统计
基于该CW邮箱执行的所有任务的评价
点击【去申请】新开页面跳转至<供给端-我的信息-基本信息> 页面
前提1： 个人主页link生成规则说明
个人主页类型
link 生成规则
备注
需求端-邮箱实体主页
参考 : 域名前缀/homepage-邮箱实体的ssoid
需求端需要支持可以分享主页地址查看
需求端-邮箱实体x社交账号的一对关系主页
参考 : 域名前缀/homepage-邮箱实体的ssoid + 社交账号的CWID
需求端需要支持可以分享主页地址查看
需求端-邮箱实体主页
参考 : 域名前缀/homepage
供给端仅该邮箱自身可查看自己的主页，不支持其他人查看
需求端-邮箱实体x社交账号的一对关系主页
参考 : 域名前缀/homepage + 社交账号的CWID
供给端仅该邮箱自身可查看自己的主页，不支持其他人查看
账户介绍附件1.ppt
账户介绍附件1.ppt
账户介绍附件1.ppt
账户介绍附件1.ppt
账户介绍附件1.ppt
账户介绍附件1.ppt
下载全部
账户介绍
这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200 这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200字 查看全部
这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200 这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200 这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200字这里是账户介绍最多200字
最多显示两行数据。 「账户介绍」超过2行省略显示，尾部提供【 查看全部】按钮。hover显示完整的账户介绍内容。
前提2： 左右两侧区域的内容单独滚动
左侧区域 与 右侧区域 的内容高度，如超出浏览器窗口高度限制，则左右两侧内容区域单独滚动。