【教程】第十章:任务仪表盘(2) —— 各有千秋

news/2024/12/23 19:33:43/文章来源:https://www.cnblogs.com/nocobase/p/18624868

在本章中,我们将带您一步步完成任务仪表盘的下一部分,有任何疑问记得随时来论坛咨询。

从复习上章内容开始,让我们一起展开这段探索之旅吧!

10.1 揭晓上一章节答案

10.1.1 状态与链接

首先,我们要为不同状态的数据添加链接跳转,以便于快速导航。以下是每种状态的链接结构:

(假设我们的链接是 http://xxxxxxx/admin/hliu6s5tp9xhliu6s5tp9x

挑战谜底
状态
链接
未开始
hliu6s5tp9xhliu6s5tp9x?task_status=Not started
进行中
hliu6s5tp9xhliu6s5tp9x?task_status=In progress
待审核
hliu6s5tp9xhliu6s5tp9x?task_status=To be review
已完成
hliu6s5tp9xhliu6s5tp9x?task_status=Completed
已取消
hliu6s5tp9xhliu6s5tp9x?task_status=Cancelled
已归档
hliu6s5tp9xhliu6s5tp9x?task_status=Archived

10.1.2 添加负责人多选功能

  1. 新建自定义字段:我们需要创建一个“负责人”字段,类型为多选,并填写成员的昵称(或用户名),方便在任务分配时快速选择对应的人员。

  1. 在报表配置中:设置“负责人/昵称 包含 当前筛选/负责人”作为筛选条件。这样,您可以快速查找到当前负责人相关的任务。

任意筛选几次,以确认该功能正常工作。


10.2 使仪表盘和用户关联

我们可以根据不同用户展示不同的内容,操作方法如下:

  1. 设置“负责人”字段的默认值为“当前用户/昵称”:这样可以让系统自动展示当前用户相关的任务,提升操作效率。

  1. 刷新页面后:仪表盘会自动加载与当前登录用户关联的数据。(记得给需要的图表添加用户筛选条件)


10.3 重构任务筛选

一些朋友可能发现了一个不合理的设计:

直接在表格区块“设置数据范围”跳转后,我们的任务就会被提前限制在对应状态范围,这个时候我们再筛选其他状态,发现数据是空的!

怎么办呢?我们去除数据筛选,来换一种筛选方式吧!

  1. 去掉数据筛选方式:避免状态数据被锁定在当前范围,灵活调整筛选需求。

  1. 配置表单筛选区块默认值。

还记得我们的筛选区块吗?

新建一个用于任务表筛选的表单区块,配置 状态 和 你需要的其他字段,我们用来填充 url 带来的变量。(记得连接需要被筛选的任务表区块)

  • 设置状态字段默认值为 URL search params/task_status

  1. 测试新筛选功能:可以随时更换状态筛选条件,自由切换。

  • 可选:如果您希望每个用户专注于自己任务,还可以将“负责人”字段默认值设置为“当前用户”。

10.4 新闻、通知、信息聚焦

来改造下文档库吧!把我们需要的信息,展示到仪表盘~

在长期文档管理中,我们会碰到越来越多的资料和文档,这个时候我们会逐渐出现多种需求:

  • News:聚焦项目动态、成就、里程碑
  • 临时公告/提醒

10.4.1 热点信息(News)

  1. 添加“热点信息”字段:在文档表中新增“热点信息”勾选字段,以标记该文档是否为重要新闻。

  1. 追加和选择文档信息:我们随意挑选一篇文章,在编辑表单中添加“热点信息”字段,并勾选。

  1. 新建“列表”区块:回到在仪表盘中,新建“列表”区块 > 选择文档表。

拖拽到右侧,展示“创建日期”和“标题”,调整字段宽度,并且关闭“显示标题”

  1. 展示热点信息

为了体现实时性,我们可以同时展示时间。

按照创建日期倒序排列,展示最新的热点新闻。

一个简单的热点信息就做好了,成员随时可以关注整个项目的重要进展!

10.4.2 公告通知

接下来是一个简单的公开通知功能,相信大家在我们的在线 Demo 中已经见过不少次他的身影了。对于这种临时性的通知,我们不希望长期显示,也不需要记录项目进展。只是用来提醒/通知一些临时性的事情。

  1. 新建 Markdown 区块:选择仪表盘的任意区域,使用 Markdown 语法添加公告内容。

关于 Markdown 的实际使用,可以参考我们的官方 Demo、官方文档,或者“轻量化文档”教程。

做为简单范例,根据HTML语言写的“一个华丽的公告”来给大家演示一下 Markdown 区块的强大功能。

  • 示例代码:
<div style="font-family: 'Arial', sans-serif; background-color: #e9f5ff; margin: 10px; padding: 10px; border: 2px solid #007bff; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);"><h1 style="color: #007bff; text-align: center; font-size: 2em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);">重要公告</h1><p style="font-size: 1.2em; line-height: 1.6; color: #333;">亲爱的同事们:</p><p style="font-size: 1.2em; line-height: 1.6;">为了更好地提高工作效率,我们将于 <span style="color: red; font-weight: bold; font-size: 1.5em;">11月10日</span> 开展一次全员培训。</p><p style="font-size: 1.2em; line-height: 1.6; font-style: italic;">谢谢大家的配合!</p><p style="font-size: 1.2em; line-height: 1.6;">祝好,</p><p style="font-size: 1.2em; line-height: 1.6;">管理团队</p>
</div>

10.5 小结

通过以上的配置步骤,我们成功创建了一个个性化的仪表盘,使团队成员能够更高效地管理任务、关注项目进展,并及时接收公告和通知。

从状态筛选、负责人设置到热点信息展示,旨在优化用户体验并提升系统的便捷性和灵活性。

至此,我们的个性化仪表盘已经准备就绪,欢迎大家动手体验,一起来结合实际需求,深入改造,让我们步入下一章节!


继续探索,尽情发挥你的创造力!如果遇到问题,不要忘了随时可以查阅 NocoBase 官方文档 或加入 NocoBase 社区 进行讨论。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/857619.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Llama 3.2 900亿参数视觉多模态大模型本地部署及案例展示

本文介绍了如何在本地部署Llama 3.2 90B(900亿参数)视觉多模态大模型,并开发一些Use Case,展示其强大的视觉理解能力。Llama 3.2 900亿参数视觉多模态大模型本地部署及案例展示 本文将介绍如何在本地部署Llama 3.2 90B(900亿参数)视觉多模态大模型,并开发一些Use Case,…

【新教程】Ubuntu server 24.04配置无线网WiFi

0 相关信息 Ubuntu Server 24.04 1 工具准备 sudo apt install network-manager wpasupplicant wireless-tools2 过程 查看无线网卡名称: ip addr一般wl开头的为无线网卡。比如,我这里的无线网卡就是wlo1 扫描无线网络: sudo iwlist wlo1 scan | grep ESSID # 注意将 wlan0…

BOE(京东方)亮相世界显示产业创新发展大会 以创新科技全面引领行业风向标

2024年12月19日,世界显示产业创新发展大会在成都举办,来自全球的显示领域企业及行业专家汇聚一堂,共同探讨新一轮产业升级趋势及行业未来发展方向。BOE(京东方)总裁高文宝博士应邀出席大会,并在开幕式发表《屏之物联 聚智创新》主题演讲,引发现场嘉宾和观众强烈共鸣。大…

BOE(京东方)“向新2025”年终媒体智享会落地成都 持续创新引领产业步入高价值增长新纪元

12月20日,BOE(京东方)“向新 2025”年终媒体智享会的脚步从上海延伸至成都。川渝之地,作为 BOE(京东方)产业生态战略布局中的关键一子,此刻再度成为行业瞩目的焦点。本次活动全面回溯了BOE(京东方)在2024年多个关键领域斩获的斐然佳绩,深入剖析了六大维度构建的“向新…

BOE(京东方)绿色低碳显示生态交流会成功举办 共筑行业绿色未来

2024年12月19日,世界显示产业创新发展大会在成都盛大召开,众多行业专家及产业链伙伴齐聚一堂,共同探讨显示产业科技创新成果与未来发展方向。作为全球半导体显示行业龙头企业,BOE(京东方)在大会同期举办了主题为“物联视界,碳索未来”的绿色低碳显示生态交流会,携手上下…

聊一下新电脑-macbook air 15寸 m2 16+512g

购买于转转二手商城 售价: 6250 配置:16+512g m2芯片 15寸 已经过保了,激活日期是去年的12月,差不多刚好一年电池健康:100%算是保养得很好的了!磁盘读写也不多:整体橙色95新以上! 我使用时间机器去换机的,整个过程十分的流畅! 除了换完之后开机有点卡顿,不知道是网络还是什么原…

小学数学思维训练 一年级 第一周(少儿思维启蒙)

前言 本文主要介绍了通过各种题型和解题方法培养孩子的数学思维能力。通过系统的方法训练一年级学生的数学思维能力,帮助他们学会举一反三,融会贯通地解决各类数学问题。 点击获取小学数学1-6年级思维训练电子版 第一周 比一比 比一比是实际生活中常见的一类数学问题,需要同…

VXLAN 网络中报文转发过程

以同网段的 VM 间互通简单介绍 VXLAN 网络中的报文转发过程。本文分享自天翼云开发者社区《VXLAN 网络中报文转发过程》,作者:刘****林 以同网段的 VM 间互通简单介绍 VXLAN 网络中的报文转发过程。1.VM1 发送目的地址为 VM2 的报文。 2.VTEP1 收到该报文后进行 VXLAN 封装,…

【YashanDB知识库】YMP迁移过程中报错YAS-02143或YAS-02193

本文内容来自YashanDB官网,原文内容请见 https://www.yashandb.com/newsinfo/7802944.html?templateId=1718516 【标题】YMP迁移过程中报错account lock 【关键字】YMP 迁移 account lock openssl 【问题描述】YMP所在机器的openssl版本低于1.1.1,在安装YMP及内置库时使用了…

js侧边栏菜单插件canvi

canvi.js是一款js侧边栏菜单插件。canvi.js使用简单,可以快速的制作出侧边栏展开收缩js特效。你可以在同一个页面实例化多个侧边栏实例,还可以设置侧边栏的响应式宽度,自定义侧边栏样式等。在线预览 下载使用方法 在页面中引入canvi.css和canvi.js文件。< link rel=&qu…

GitHub主页3D图表显示

效果如图,项目来源于 yoshi389111/github-profile-3d-contrib: This GitHub Action creates a GitHub contribution calendar on a 3D profile image. 1. 创建自己的github主页属性项目——跟你github用户名一致即可, 比如我github名字叫FlameskyDexive, 创建一个FlameskyDe…