前言 Preface

飞搭低代码平台（FeiDa，以下简称“飞搭”），为企业提供在线化、灵活的业务应用构建工具，支持高低代码融合，助力企业低门槛、高效率和低成本地快速应对市场变化，加速复杂业务场景落地。

概要介绍

在页面中我们经常用一些醒目的小图标或数字标识展示一些关键信息，例如：单据列表中显示不同审批状态单据的数量、新功能上线后增加“NEW”标识等，这样的页面元素不仅可以提升视觉吸引力，还能有效传达信息、增强用户互动和参与感。

飞搭支持在标签页、移动标签筛选和按钮显示标记以及自定义显示内容：

- 标签页&移动标签筛选显示标记：

飞搭支持在标签页的标签和移动的标签筛选上显示标记，通常用于展示数据的数量，方便用户快速获取数据的整体情况，提示信息获取效率。

例如：单据列表中显示不同审批状态单据的数量、项目管理场景中显示不同完成状态的任务的数量等。

- 按钮显示标记：

飞搭支持在按钮上显示标记，通常用于显示一些特殊标识，引导用户的操作。

例如：新功能上线后增加“NEW”标识、库存调拨按钮显示库存不足的标识等。

下文以采购管理-采购申请列表展示各状态数据的数量、库存管理-库存调拨按钮显示库存不足标识两个场景为例展开介绍标记的使用。

一、采购管理

采购申请列表展示各状态数据的数量

01. 场景说明

采购管理场景中，在采购申请列表页面通过标记展示不同审批状态的单据数量，用户可以快速了解每种状态（待审批、已审批、我提交的）的单据数量，提高信息获取效率。审批人员可以根据标记显示的数量，快速确定工作重点和优先级。

02. 实现效果

采购申请列表展示待审批、已审批、我的三个标签内数据的数量。

PC端：

移动端：

03. 功能实现

PC端：
首先可以使用采购申请列表、标签页等组件搭建采购申请查询页面，再配置显示标记相关的功能，步骤如下：

(1) 通过自定义取值获取列表的数据量，在列表数据加载后将获取的数据量赋值给全局变量。

(2) 选中标签，将“显示标记”修改为“是”，“标记显示内容”修改为对应的全局变量。

移动端：
首先可以使用采购申请列表等组件搭建采购申请查询页面，再配置显示标记相关的功能，步骤如下：

选中列表标签筛选的标签，将“显示标记”修改为“是”，“标记显示类型”修改为“当前标签数据总数”。

二、库存管理

库存调拨按钮显示库存不足标识

01. 场景说明

在库存管理场景中，当现有量小于库存安全范围下限时，库存调拨按钮显示警告标识，提醒相关工作人员快速识别库存不足的物料，及时进行库存调拨。

02. 实现效果

库存不足的物料的库存调拨按钮显示警告标识。

03. 功能实现

首先可以搭建现有量查询页面，再配置显示标记相关的功能，步骤如下：

(1) 新建条件“现有量小于库存安全范围下限”。

(2) 选中库存调拨按钮，“显示标记”的条件维护为“若现有量小于库存安全范围下限，则显示”，“标记显示类型”调整为“自定义”。标记显示内容维护为“缺货”，标记的背景颜色修改为黄色。

结语

飞搭低代码平台作为 HZERO 生态的重要组成部分，致力于充分融合 HZERO 的各平台能力，提供企业用户在线化灵活搭建业务应用的能力，支撑企业普惠化（低门槛、高协作）、敏态化（高效率） 和低成本化地快速响应市场变化，加速复杂业务场景落地。

本篇基于采购管理-采购申请列表展示各状态数据、库存管理-库存调拨按钮显示库存不足标识两个场景介绍了飞搭提供的标记的使用方法，无需复杂的开发即可快速显示标记，帮助用户快速识别关键信息，提升用户体验和工作效率！

接下来，我们将持续推出飞搭平台专题系列教程，帮助您更好地掌握飞搭平台的使用技巧，敬请期待！

联系我们

立即预约，免费演示 👉 获取产品演示

1 如果您想了解飞搭更详细的功能介绍和产品信息请查阅我们的产品文档：

请在PC端打开 👉汉得焱牛开放平台

https://open.hand-china.com/document-center/doc/product/10001/10767?doc_code=197304

2 如果您有疑问或者建议，可以通过开放平台进行工单反馈，问题分类请选择【产品/汉得aPaaS平台-飞搭】：

请在PC端打开👉汉得焱牛开放平台

https://open.hand-china.com/

3 相关产品咨询或更多信息了解，欢迎联系我们

邮箱：openhand@vip.hand-china.com