Odoo 14中如何在仪表盘上将App图标设置为可跳转按钮

现成管理后台/低代码平台配置步骤 #

• 进入仪表盘编辑模式：点击仪表盘右上角的编辑、自定义布局按钮进入可编辑状态
• 添加App快捷入口组件：在组件库中找到「App快捷入口」「快捷图标」类组件，拖入仪表盘你期望放置的位置，选择销售主题的预设图标，也可自行上传自定义图标
• 配置跳转规则：打开该图标组件的设置面板，找到点击事件/跳转规则选项，选择跳转目标为内部页面，在下拉列表中选中对应的销售表单页面；如果支持自定义路由，直接填写销售表单页的相对路径即可
• 保存生效：点击保存仪表盘配置，发布后即可测试点击跳转效果

自研系统代码实现示例 #

如果是自行开发的仪表盘系统，直接给图标绑定跳转逻辑即可，以下是常见框架的示例：

// React 实现示例
import { useNavigate } from 'react-router-dom'
// 这里使用的是antd图标库，可替换为自己的图标资源
import { SaleOutlined } from '@ant-design/icons'

const DashboardShortcut = () => {
  const navigate = useNavigate()
  return (
    <div 
      className="shortcut-app-card" 
      onClick={() => navigate('/sales/manage/form')}
    >
      <SaleOutlined className="app-icon" />
      <span className="app-name">销售App</span>
    </div>
  )
}

<!-- Vue 实现示例 -->
<template>
  <div class="shortcut-app-card" @click="$router.push('/sales/manage/form')">
    <SaleOutlined class="app-icon" />
    <span class="app-name">销售App</span>
  </div>
</template>

内容的提问来源于stack exchange，提问作者Dheeraj