> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# 空间门户设计

> 本文档介绍了如何设计和管理空间门户，包括创建、编辑门户的步骤以及不同版本下的功能支持情况。

> 灰度中

创建工作空间之后，你可以参考本文操作步骤，设计空间门户首页。

## 1、空间门户设计

| **版本权益**     | **免费版** | **轻享版** | **专业版** | **专属版** | **专属-OA增强包** |
| ------------ | ------- | ------- | ------- | ------- | ------------ |
| **多门户**      | 不支持     | 不支持     | 不支持     | 不支持     | 支持           |
| **移动端导航自定义** | 不支持     | 不支持     | 不支持     | 不支持     | 支持           |

### 1.1 功能简介

空间门户设计，旨在根据业务特点设计空间门户，一个空间里可以有多个门户，如办公门户、企业信息门户、党建门户等，一个空间内可以创建多个不同的门户，满足不同业务场景的需求。空间导航支持自定义配置，单门户主题可选择是否跟随空间主题。

### 1.2 应用场景

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1740397556289-623c1c4f-8b78-4a65-a1a4-1e34c85d40a5.png)
</Frame>

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1740397591437-3183e497-d1e3-4b91-831a-e383c3a237ba.png)
</Frame>

## 2、操作步骤

### 2.1 创建门户

<Steps>
  <Step title="步骤 1">
    应用管理员身份，登录[宜搭工作台](https://www.yidaapps.com/workPlatform)。
  </Step>

  <Step title="步骤 2">
    单击右上角**平台管理**<img className="inline-icon" src="https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1719223243015-7f46aa6b-de74-4103-847f-c216209f07ae.png" width="20" alt="" />按钮，进入平台管理页面。
  </Step>

  <Step title="步骤 3">
    在左侧菜单栏依次选择**平台专属定制** > **空间管理**，选择需要编辑的空间，单击**编辑**。
  </Step>

  <Step title="步骤 4">
    依次单击**空间门户设置**> **新建门户**。
  </Step>
</Steps>

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1739960363030-793b392c-7604-4caf-8a73-17e02432230f.png)
</Frame>

#### 创建模版门户

* 新建门户页，可选择【从模版中新建页面】/新建空白页面。

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1739960471074-90010072-c1c3-493e-a64c-bd98072ee351.png)
</Frame>

* 选择某一模版门户在页面中编排和设计空间门户样式。

<Note>
  工作空间门户组件与可播报门户组件基本一致，详情请参考[门户组件](/zh/yida/portal/qqtor4i974oshuet)。
</Note>

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1740398142573-1df5d244-77ba-4b96-9da6-61590243fcee.png)
</Frame>

* 编辑完成后，单击右上角 保存 按钮。

#### 创建空白门户

* 点击新建空白页面后，直接跳转至新的 空白门户编辑页 ，如下图所示：

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1739960471074-90010072-c1c3-493e-a64c-bd98072ee351.png)
</Frame>

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1740482548277-44413ab6-008a-41bf-b5b8-e9083d1425b6.png)
</Frame>

### 2.2 编辑门户

1. 选进入空间编辑，选择【空间门户设置】，选择某一个空间门户，点击【 编辑 】。

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1740122001978-223ac763-5976-4570-822a-e53d140c83de.png)
</Frame>

### 2.3 门户管理

1. 空间门户设置页为多个门户的管理页，列表展示项有：门户、查看范围、最后更新时间人员及人员动作、门户启用状态、操作。
2. 点击门户，可跳转至该门户查看页。
3. 点击编辑，可跳转至门户编辑页。
4. 点击复制，可复制一条门户数据。
5. 点击删除，二次确认后可删除门户。
6. 点击权限设置，可跳转至权限设置页。

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1739967376474-004946de-f1d2-46c6-9088-26b4aaafdb0d.png)
</Frame>

## 3、门户组件说明

<Note>
  工作空间门户组件与可播报门户组件基本一致，详情请参考[门户组件](/zh/yida/portal/qqtor4i974oshuet)。以下说下不同之处
</Note>

| **功能/版本** | **免费版** | **轻享版** | **专业版** | **专属版** | **专属-OA增强包** |
| --------- | ------- | ------- | ------- | ------- | ------------ |
| **选项卡**   | 不支持     | 不支持     | 不支持     | 不支持     | 支持           |
| **钉钉公告**  | 不支持     | 不支持     | 不支持     | 不支持     | 支持           |
| **钉钉应用**  | 不支持     | 不支持     | 不支持     | 不支持     | 支持           |
| **钉钉待办**  | 不支持     | 不支持     | 不支持     | 不支持     | 支持           |
| **钉钉文档**  | 不支持     | 不支持     | 不支持     | 不支持     | 支持           |
| **钉钉项目**  | 不支持     | 不支持     | 不支持     | 不支持     | 支持           |

### 3.1 空间门户支持选项卡

空间门户界面支持使用选项卡组件，方便用户在不同模块之间快速切换。

拖拽组件，并进行组件基础信息配置。

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1740575311196-7df96da8-ac3e-4f4c-b22f-c9cb5256b628.png)
</Frame>

<table>
  <tr>
    <td>**图例**</td>
    <td>**组件属性配置项**</td>
    <td>**基本说明**</td>
  </tr>

  <tr>
    <td rowSpan={12}>![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1739969848136-3a6d04a1-251f-4fcf-9cb0-e4a78617fad9.png)</td>
    <td>尺寸</td>
    <td>小/中，默认为中</td>
  </tr>

  <tr>
    <td>选项卡过多时</td>
    <td>两种方式展现：滑动、下拉</td>
  </tr>

  <tr>
    <td>内容</td>
    <td>标签项，最多添加20个标签页</td>
  </tr>

  <tr>
    <td>内边距</td>
    <td>可设置内边距</td>
  </tr>

  <tr>
    <td>边框</td>
    <td>可设置边框</td>
  </tr>

  <tr>
    <td>阴影</td>
    <td>可设置阴影</td>
  </tr>

  <tr>
    <td rowSpan={6}>显示设备</td>
    <td rowSpan={6}>可设置双端/仅PC<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1739969824422-e31d568b-5709-44cd-b85e-0c10e8e1dcc1.png)</td>
  </tr>

  <tr />

  <tr />

  <tr />

  <tr />

  <tr />
</table>

### 3.2 空间门户支持钉钉文档组件

通过将钉钉文档集成到宜搭的空间门户中，企业可以实现文档的集中化管理。所有与项目、流程相关的文档都可以在一个平台上进行统一管理和访问，减少了跨平台操作的麻烦。

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1740575704795-5b67de1b-ca1b-4502-b2d3-5e7edbba8f9e.png)
</Frame>

#### 1 ）安装宜搭空间门户X钉钉文档组件

1. 进入 宜搭插件中心 。
2. 选择 空间门户X钉钉文档 插件。

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1740622560027-e2dafead-bc37-48e0-8b05-d7017564c603.png)
</Frame>

<Steps>
  <Step title="在右侧单击 安装插件">
    <Frame>
      ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1740622595311-bab73b04-c0a0-4538-a570-e7f1f67c6ed4.png)
    </Frame>
  </Step>

  <Step title="插件安装成功后，你可以在钉钉工作台 > 平台管理页面管理插件">
    <Note>
      详情请参考[插件管理](https://docs.aliwork.com/docs/yida_support/_15/_13/uguu1s8arfqim7kt)。
    </Note>
  </Step>
</Steps>

#### 2 ）使用宜搭空间门户X钉钉文档组件

<table>
  <tr>
    <td>**图例**</td>
    <td>**组件属性配置项**</td>
    <td>**基本说明**</td>
  </tr>

  <tr>
    <td rowSpan={11}>![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1739970474034-b10f1f1e-66c0-4a86-a05c-b99331c13117.png)</td>
    <td>显示标题</td>
    <td>定义面包屑之间的连接符，默认为“/”</td>
  </tr>

  <tr>
    <td>标题名称</td>
    <td>最大为100</td>
  </tr>

  <tr>
    <td>帮助提示</td>
    <td>帮助提示语，填写后显示在❓处<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1739970667919-8072e266-c4a6-4728-9672-e0723ddf8139.png)</td>
  </tr>

  <tr>
    <td>查看更多</td>
    <td>显示更多按钮，且点击后可跳转至相应网址<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1739970736855-7a0c6f66-0381-474a-a7aa-3cbc34707f74.png)</td>
  </tr>

  <tr>
    <td>添加文档</td>
    <td>点击跳出钉钉文档列表，点击可选择文档</td>
  </tr>

  <tr>
    <td rowSpan={6}>双端显示控制</td>
    <td rowSpan={6}>显示设备：双端/仅pc</td>
  </tr>

  <tr />

  <tr />

  <tr />

  <tr />

  <tr />
</table>

### 3.3 空间门户支持钉钉项目组件

通过将钉钉项目集成到宜搭的空间门户中，钉钉项目中的数据（如任务状态、里程碑、问题记录）可以实时同步到宜搭门户，确保项目团队随时掌握最新进展，避免信息滞后。

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1740575542003-15fa19b7-2c6b-447e-a383-8dd1a483b8d3.png)
</Frame>

<table>
  <tr>
    <td>**图例**</td>
    <td>**组件属性配置项**</td>
    <td>**基本说明**</td>
  </tr>

  <tr>
    <td rowSpan={10}>![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1739970453591-b7fbbdb3-7850-4767-b971-2e22a38a4ca5.png)</td>
    <td>唯一标识</td>
    <td>系统自动生成</td>
  </tr>

  <tr>
    <td>显示标题</td>
    <td>默认为【钉钉项目】</td>
  </tr>

  <tr>
    <td>帮助提示</td>
    <td>帮助提示语，填写后显示在❓处</td>
  </tr>

  <tr>
    <td>查看更多</td>
    <td>显示更多按钮，且点击后可跳转至相应网址</td>
  </tr>

  <tr>
    <td rowSpan={6}>显示设备</td>
    <td rowSpan={6}>显示设备：双端/仅pc</td>
  </tr>

  <tr />

  <tr />

  <tr />

  <tr />

  <tr />
</table>

### 3.4 空间门户支持集成钉钉公告

工作空间门户公告栏组件的动态数据源支持添加钉钉公告为数据来源，可以在宜搭空间**门户设计**页，选择**公告栏**组件，然后在右侧**属性**栏将**数据来源**设置为动态数据源，将**内容来源**设置为**钉钉公告**即可。

<table>
  <tr>
    <td>**公告栏图例**</td>
    <td colSpan={2}>**组件属性配置项操作说明**</td>
  </tr>

  <tr>
    <td>![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1740577658053-d3acebcb-a416-4813-8eab-6268b68e7439.png)</td>
    <td colSpan={2}>1、组件右侧属性配置-公告内容-动态数据。<br />2、内容来源选择钉钉公告。<br />3、公告分类多选，仅能够选择有权限的公告分类。<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1740578476821-bf072aba-6ba0-4b0d-bd14-39e5ff5cbe5f.png)</td>
  </tr>
</table>

### 3.5 空间门户支持集成钉钉应用

工作空间支持在空间内，添加已经发布到钉钉工作台的钉钉应用（包括企业内部应用和第三方企业应用）。可以在轮播图、资讯列表、公告栏、快捷入口等空间组件静态数据源内，选择钉钉应用。

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1740575863114-2e583df6-4a95-466b-81b4-10b47e8cf220.png)
</Frame>

**以下分别说明：**

#### 1 ）轮播图组件

该组件的其他基础属性配置请[查看该文档](/zh/yida/portal/xbn4iv7pclumwhep)。

<table>
  <tr>
    <td>**轮播图图例**</td>
    <td colSpan={2}>**组件属性配置项操作说明**</td>
  </tr>

  <tr>
    <td>![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1740577362162-1bc89ab6-dd57-481c-8e1c-a53517a1e9c7.png)</td>
    <td colSpan={2}>1、组件右侧属性配置-轮播内容-静态数据-编辑。<br />2、链接类型点击选择应用。<br />3、点击选择应用。<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1740577201140-8a330c6a-fcf5-4822-b389-4dfecf0f8b15.png)<br />4、在应用弹窗中展示有权限的宜搭应用/钉钉应用。<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1740577307758-f7341af2-b7ae-4009-af56-305982a56ad7.png)</td>
  </tr>
</table>

#### 2 ）资讯列表

该组件的其他基础属性配置请[查看该文档](/zh/yida/portal/bd77lg07oxxuuhcg)。

<table>
  <tr>
    <td>**资讯列表图例**</td>
    <td colSpan={2}>**组件属性配置项操作说明**</td>
  </tr>

  <tr>
    <td>![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1740577604012-99e6ec35-3ea6-455f-8d3d-fe47d2615860.png)</td>
    <td colSpan={2}>1、组件右侧属性配置-资讯内容-静态数据-编辑。<br />2、链接类型点击选择应用。<br />3、点击选择应用。<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1740577522874-d8979dc0-311b-420a-a681-be89f05890c8.png)<br />4、在应用弹窗中展示有权限的宜搭应用/钉钉应用。<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1740577307758-f7341af2-b7ae-4009-af56-305982a56ad7.png)</td>
  </tr>
</table>

#### 3 ）公告栏

该组件的其他基础属性配置请[查看该文档](/zh/yida/portal/ik3610wn0kc5twhv)。

<table>
  <tr>
    <td>**公告栏图例**</td>
    <td colSpan={2}>**组件属性配置项操作说明**</td>
  </tr>

  <tr>
    <td>![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1740577658053-d3acebcb-a416-4813-8eab-6268b68e7439.png)</td>
    <td colSpan={2}>1、组件右侧属性配置-公告内容-静态数据-编辑。<br />2、链接类型点击选择应用。<br />3、点击选择应用。<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1740577721109-1f52955d-dfa3-4533-9da2-162bf4c117b2.png)<br />4、在应用弹窗中展示有权限的宜搭应用/钉钉应用。<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1740577307758-f7341af2-b7ae-4009-af56-305982a56ad7.png)</td>
  </tr>
</table>

#### 4 ）快捷入口

该组件的其他基础属性配置请[查看该文档](/zh/yida/portal/kb5a0gh7oq93ffgl)。

<table>
  <tr>
    <td>**轮播图图例**</td>
    <td colSpan={2}>**组件属性配置项操作说明**</td>
  </tr>

  <tr>
    <td>![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1740577776741-6bd04a8c-36c7-4341-b3ef-429915f6e9e2.png)</td>
    <td colSpan={2}>1、组件右侧属性配置-快捷入口-编辑。<br />2、链接类型点击选择应用。<br />3、点击选择应用。<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1740577861919-1bc1dedd-533a-48c8-8eca-64e3cdf14b97.png)<br />4、在应用弹窗中展示有权限的宜搭应用/钉钉应用。<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1740577307758-f7341af2-b7ae-4009-af56-305982a56ad7.png)</td>
  </tr>
</table>

### 3.6 空间门户支持集成钉钉待办

支持将钉钉待办集成到宜搭的空间门户中，主要包括两个组件：待办指标及待办清单。

**待办清单**是用来管理和跟踪任务或待处理事项的工具，当前以任务清单形式呈现，旨在帮助用户高效组织工作。

**待办指标**是对待办清单中任务状态的统计与可视化工具，其主要作用是帮助用户从数据层面了解任务执行的全局情况，鼓励更有目标感和成就感地完成事项。

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1745742932917-f7252f01-0b6f-4230-b56f-8f7d3b77c8db.png)
</Frame>

#### 1 ）待办清单

<table>
  <tr>
    <td>**图例**</td>
    <td>**组件属性配置项**</td>
    <td>**基本说明**</td>
  </tr>

  <tr>
    <td rowSpan={5}>![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1744260113614-40fed5a0-3090-4264-bb47-2348a8e96efa.png)</td>
    <td>**样式库**<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1744260139827-6393e022-aa3b-4e5f-98d9-f3a6eb38c5d2.png)</td>
    <td>**可切换清单样式**</td>
  </tr>

  <tr>
    <td>**标题栏**</td>
    <td>**默认为开启，可关闭**<br />**开启后可配置标题名称、帮助提示、查看更多。**</td>
  </tr>

  <tr>
    <td>**宜搭待办**<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1744264437035-c8244f18-4d19-4d96-8e9e-33aef49aefdc.png)</td>
    <td>**待办内容宜搭待办，数据只有宜搭内的流程任务信息。**<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1742808786419-2b5b0124-5a1b-4b0b-a06b-cbd2038a3a1a.png)<br /><ul><li>**待办清单类型：**「待我处理」「我创建的」「我已处理」「抄送我的」。</li></ul></td>
  </tr>

  <tr>
    <td>**钉钉待办**<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1744260256379-489d1da7-1377-476c-b060-4e462f7cfa5c.png)</td>
    <td>**待办内容选择钉钉待办。**<br /><ul><li>**待办分类：需选择待办分类，可选择多个待办分类。**</li></ul><br />待办分类选项同该组织在钉钉待办里一级分类，如下图所示：<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1744264789073-0f8e986f-7f3d-47f5-8c34-b32787007499.png)<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1744265854456-ed826010-6966-4928-b5fa-f3c1e570842b.png)<br /><ul><li>**待办清单类型：**「待我处理」「我创建的」「我已处理」「我参与的」。</li><li>**点击「更多」**：跳转到钉钉的待办中心。</li><li>**点击具体某条待办任务**，跳转到钉钉待办中心并定位到对应这条任务。</li></ul></td>
  </tr>

  <tr>
    <td>**显示设备**</td>
    <td>**显示设备：双端/仅pc**</td>
  </tr>
</table>

#### 2 ）待办指标

<table>
  <tr>
    <td>**图例**</td>
    <td>**组件属性配置项**</td>
    <td>**基本说明**</td>
  </tr>

  <tr>
    <td rowSpan={5}>![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1742808341284-1409b5e5-0801-407e-b1c3-73e2296892a3.png)</td>
    <td>**样式库**<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1742808514343-6bfa527e-a006-493d-974a-0d3effeb03c4.png)</td>
    <td>默认为蓝色，可切换各种样式。</td>
  </tr>

  <tr>
    <td>**显示标题**<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1742808535615-78bdfee6-b56b-41ea-af02-9cf7640f6536.png)</td>
    <td>默认为开启，可关闭。<br />开启后可配置标题名称、帮助提示、查看更多。</td>
  </tr>

  <tr>
    <td>**宜搭待办**<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1742809098420-4a1e55c8-9135-4c34-a05b-f12303c52cd6.png)</td>
    <td>**待办内容**选择宜搭待办，统计数据只有宜搭内的流程任务信息。<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1742808786419-2b5b0124-5a1b-4b0b-a06b-cbd2038a3a1a.png)<br /><ul><li>**待办清单类型：**「待我处理」「我创建的」「我已处理」「抄送我的」。</li></ul></td>
  </tr>

  <tr>
    <td>**钉钉待办**<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1742808632637-39bc21b7-9a6d-4ad2-9f35-9d3656ac063e.png)</td>
    <td>**待办内容**选择钉钉待办。<br /><ul><li>**待办分类：需选择待办分类，可选择多个待办分类。**</li><li>**待办指标**：指标变为「待我处理」「我创建的」「我已处理」「我参与的」。</li><li>**点击指标**：进入钉钉的待办中心。</li></ul><br /><ul /></td>
  </tr>

  <tr>
    <td>**显示设备**</td>
    <td>**显示设备：双端/仅pc**</td>
  </tr>
</table>