Shopware 6 后台订单列表自定义过滤器开发问询

嘿，看起来你正在尝试给Shopware 6后台的订单列表加一个基于自定义字段的供应商多选项过滤器，不过你贴的代码片段好像没写完，我结合实际开发经验给你梳理下完整的实现步骤和注意事项吧：

一、补全前端组件重写代码 #

你在sw-order-list组件里注入过滤器的逻辑方向是对的，我帮你补全并优化了细节，比如添加了选项数据源的获取逻辑，还修正了可能打错的i18n键名：

Shopware.Component.override('sw-order-list', {
    computed: {
        filterOptions() {
            // 先继承原有的过滤器配置
            const baseOptions = this.$super('filterOptions');
            
            // 注入自定义供应商多选项过滤器
            baseOptions['supplier-filter'] = {
                property: 'customFields.supplier',
                type: 'multi-select-filter',
                label: this.$tc('swedi-order.filters.customFilter.label'),
                placeholder: this.$tc('swedi-order.filters.customFilter.placeholder'),
                // 配置选项数据源：从API获取供应商列表
                optionsProvider: () => {
                    return this.repositoryFactory
                        .create('product_supplier')
                        .search(new Shopware.Data.Query.Criteria(), Shopware.Context.api)
                        .then(searchResult => {
                            return searchResult.map(supplier => ({
                                label: supplier.name,
                                value: supplier.id
                            }));
                        });
                }
            };
            
            return baseOptions;
        }
    }
});

二、确保自定义字段的正确配置 #

这一步很关键，很多过滤器失效的问题都出在这：

• 先登录Shopware后台，进入设置 > 系统 > 自定义字段
• 选择订单实体（order），添加名为supplier的自定义字段：
  • 如果是直接存储供应商ID或名称，选单文本字段类型
  • 如果是关联供应商实体，选实体关联类型，关联目标选product_supplier

三、后端扩展以支持数据查询 #

如果你的自定义字段是关联供应商实体的，需要确保订单列表的API查询能拉取到关联的供应商数据，不然前端过滤器无法匹配到对应值。可以通过重写订单列表路由来实现：

1. 创建路由重写类 #

<?php

namespace Swedi\OrderFilter\Core\Content\Order;

use Shopware\Core\Content\Order\SalesChannel\OrderListingRoute;
use Shopware\Core\Framework\DataAbstractionLayer\Search\Criteria;
use Symfony\Component\HttpFoundation\Request;

class CustomOrderListingRoute extends OrderListingRoute
{
    protected function extendCriteria(Criteria $criteria, Request $request): void
    {
        // 先执行父类的逻辑
        parent::extendCriteria($criteria, $request);
        
        // 加入自定义字段的关联查询，确保能获取供应商数据
        $criteria->addAssociation('customFields.supplier');
    }
}

2. 注册路由服务 #

在插件的src/Resources/config/services.xml里添加以下配置，实现路由的装饰器模式：

<service id="Swedi\OrderFilter\Core\Content\Order\CustomOrderListingRoute" 
         decorates="Shopware\Core\Content\Order\SalesChannel\OrderListingRoute">
    <argument type="service" id="Swedi\OrderFilter\Core\Content\Order\CustomOrderListingRoute.inner"/>
    <argument type="service" id="Shopware\Core\Content\Order\OrderRepository"/>
    <argument type="service" id="Shopware\Core\Framework\DataAbstractionLayer\Search\CriteriaParser"/>
    <argument type="service" id="Shopware\Core\Framework\DataAbstractionLayer\Search\Sorting\SortingParser"/>
    <argument type="service" id="Shopware\Core\Content\SalesChannel\SalesChannelContextFactory"/>
</service>

四、常见问题排查 #

• 过滤器不显示：检查插件的i18n文件里的翻译键是否正确，比如在src/Resources/app/administration/src/snippet/en-GB.json里要对应添加"swedi-order.filters.customFilter.label": "Supplier", "swedi-order.filters.customFilter.placeholder": "Select a supplier"
• 过滤无效果：确认订单实体的supplier自定义字段已经正确赋值，后端的路由重写是否生效，前端过滤器的property路径是否和自定义字段的存储路径完全匹配
• 过滤器选项为空：检查optionsProvider里的API请求是否有足够权限，或者返回的格式是否是{label: '供应商名称', value: '供应商ID'}的数组结构

内容来源于stack exchange