《 听产品经理说》141期·供应商协同云：供应商门户3.0，助力企业个性化门户配置

一、 用户场景

供应商门户作为企业与供应商沟通的重要桥梁，承载着公告展示、供应商注册、登录等功能。不同的企业对于门户样式、公告类型展示模式有不同的要求，常见的场景有以下两种：

• 用户场景1：按照招标、中标、流标公告三大块统一进行展示，不区分具体的寻源方式。

图1 用户场景1：招标、中标、流标公告三大块进行统一展示风格（门户3.0效果）

• 用户场景2：按照更加细致的模块展示，即 寻源方式（e.g. 招标、询比价、紧急采购...）进行区分展示。

图2 用户场景2：按照寻源方式细致化展示风格（门户3.0效果）

在这种背景下，星瀚供应商协同云对门户的架构进行了重新设计，通过以下几点，最终实现支持企业配置个性化门户的目标：

1）门户公告组件内的公告数据需支持配置取值逻辑；

2）组件需支持多次放出到门户首页；

3）组件间需支持上下排序。

二、整体解决方案

星瀚V5.0.011版本中发布了供应商门户3.0，其拥有全新的UI设计，除了支持常见元素的个性化修改（如：logo、门户名称、轮播图、友情链接、关于我们...），还支持公告组件多次放出到门户首页、公告数据取值支持自定义配置、门户组件自定义排序等功能，助力形成企业个性化的门户方案，供应商获取公告信息更直观、注册更顺畅，合力打造高效协同环境。

图3 供应商门户3.0组件化思想

三、操作指引

1. 门户组件配置

操作路径：【供应商协同云】→【供应商管理】→【基础设置】 →【供应商门户配置】→【门户组件配置】

门户有且只有7种组件，分别是：顶部信息栏组件、轮播图组件、筛选栏组件、标准公告组件、大公告组件、流程引导图组件、底部信息栏组件。

针对每一种组件，系统中都预置了对应数据，用户可以在预置数据的基础上进行微调（如：添加轮播图、修改公告取值逻辑、修改友情链接...），也可以在一种组件中“新增”进行配置。

图4 门户组件配置后台及组件预置数据展示

2. 门户方案配置

操作路径：【供应商协同云】→【供应商管理】→【基础设置】 →【供应商门户配置】→【门户方案配置】

配置好组件后，接下来就是用组件来配置成一套门户方案。在门户方案配置中，选取所要使用的组件，并且可以使用“上移”、“下移”对组件进行上下排序，门户首页将会对应进行展示。同时，当前租户的门户网址可在门户方案详情中查看到。系统自动生成的是长地址，可以联系星瀚运维同事映射为短地址，方便供应商使用。

图5 门户方案配置后台展示

同样，系统中预置了两套门户方案。用