Эффективное управление взаимоотношениями с клиентами имеет решающее значение для любого бизнеса, а визуальное представление вашей воронки продаж может значительно повысить производительность. В Odoo, популярном программном обеспечении для управления взаимоотношениями с клиентами (CRM), представление Канбан обеспечивает интуитивно понятный способ отслеживания возможностей и управления ими. В этой статье блога мы рассмотрим различные методы визуального выделения выигранных возможностей в представлении CRM Kanban с помощью зеленой ленты. Мы предоставим примеры кода и пошаговые инструкции для обеспечения бесперебойной реализации.

Метод 1: настройка CSS
Один из способов добиться желаемого эффекта — настроить CSS представления Канбан. Odoo позволяет вам добавлять в вашу систему собственные стили CSS, предоставляя вам полный контроль над внешним видом вашего модуля CRM. Чтобы выделить выигранные возможности зеленой лентой, вы можете добавить следующий CSS-код:

.opportunity.won .oe_kanban_color {
  background-color: #00FF00 !important;
}

Этот код предназначен для класса opportunityи применяет зеленый цвет фона к элементу oe_kanban_color, когда возможность помечается как выигранная. Сохраните код CSS в файле, а затем загрузите его в Odoo и примените к модулю CRM.

Метод 2: настройка полей
Другой подход — использовать функцию настройки полей Odoo. Вы можете добавить новое поле в модель возможности, чтобы представить выигранный статус, и использовать его для запуска визуального эффекта зеленой ленты. Вот пример того, как этого можно добиться:

1. Добавьте новое логическое поле с именем is_wonв модель crm.leadв режиме разработчика Odoo.
2. В XML-определении представления Канбан добавьте условный класс на основе поля is_won:

<kanban>
  <templates>
    <t t-name="kanban-box">
      <div t-attf-class="#{record.is_won ? 'oe_kanban_color' : ''}">
        ...
      </div>
    </t>
  </templates>
</kanban>

Этот код проверяет значение поля is_wonдля каждой возможности и применяет класс oe_kanban_color, если для него установлено значение True.

Метод 3: настройка JavaScript
Если вы предпочитаете более динамичный подход, вы можете использовать JavaScript для управления представлением Канбан и динамического добавления зеленой ленты. Платформа веб-клиента Odoo предоставляет интерфейс для расширения его функциональности. Вот пример того, как этого можно добиться:

1. Создайте новый файл JavaScript и включите его в свой модуль Odoo.
2. Используйте платформу Odoo, чтобы настроить представление Канбан и изменить CSS в зависимости от статуса выигранной возможности:

odoo.define('your_module_name.your_js_file_name', function (require) {
  "use strict";

  var KanbanView = require('web.KanbanView');
  var core = require('web.core');
  var qweb = core.qweb;
  KanbanView.include({
    render: function () {
      this._super.apply(this, arguments);
      var self = this;
      this.$('.oe_kanban_color').each(function () {
        var record_id = $(this).data('id');
        var record = self.records.get(record_id);
        if (record && record.data.is_won) {
          $(this).addClass('won-opportunity');
        }
      });
    },
  });
});

Этот код расширяет KanbanView и добавляет пользовательскую функцию рендеринга для управления классами CSS карточек Канбан на основе поля is_won.

Применив один из этих методов, вы можете повысить визуальную четкость представления CRM Kanban в Odoo, выделив выигранные возможности зеленой лентой. Независимо от того, выбираете ли вы настройку CSS, настройку полей или настройку JavaScript, Odoo предоставляет гибкость, позволяющую адаптировать ваш модуль CRM к вашим конкретным потребностям. Внедрение этой визуальной подсказки может повысить эффективность вашей команды и позволит легко выявить реализованные возможности.