为CsTicket类型的priority枚举属性添加状态关联箭头图片

首先明确CsTicket的枚举和类定义示例（基于C#）：

public enum Priority
{
    Low,
    Medium,
    High
}

public class CsTicket
{
    public Priority Priority { get; set; }
    // 其他工单属性
}

核心逻辑是为每个枚举值绑定对应的图片资源，并根据优先级变化动态切换图片，以下是几种常见场景的实现：

场景1：ASP.NET MVC/Razor 视图 #

静态渲染工单列表 #

在视图中定义优先级与图片的映射关系，遍历工单时直接渲染对应图片：

@{
    var priorityImageMap = new Dictionary<Priority, string>
    {
        { Priority.Low, "/images/arrow-down-green.png" },
        { Priority.Medium, "/images/arrow-right-yellow.png" },
        { Priority.High, "/images/arrow-up-red.png" }
    };
}

@foreach (var ticket in Model.Tickets)
{
    <div class="ticket-card">
        <img src="@priorityImageMap[ticket.Priority]" 
             alt="@ticket.Priority.ToString() 优先级" 
             class="priority-arrow" />
        <span>@ticket.Title</span>
    </div>
}

动态切换优先级（实时更新图片） #

用下拉框选择优先级，通过JavaScript监听变化并切换图片：

<select id="prioritySelector" onchange="updateArrowImage(this)">
    <option value="@Priority.Low">低优先级</option>
    <option value="@Priority.Medium">中优先级</option>
    <option value="@Priority.High">高优先级</option>
</select>
<img id="priorityArrow" src="/images/arrow-down-green.png" alt="低优先级" />

<script>
    // 优先级到图片的映射
    const imageMap = {
        '@Priority.Low': '/images/arrow-down-green.png',
        '@Priority.Medium': '/images/arrow-right-yellow.png',
        '@Priority.High': '/images/arrow-up-red.png'
    };

    function updateArrowImage(selectEl) {
        const selectedPriority = selectEl.value;
        const arrowImg = document.getElementById('priorityArrow');
        arrowImg.src = imageMap[selectedPriority];
        arrowImg.alt = `${selectedPriority} 优先级`;
    }
</script>

场景2：Blazor（Server/WASM） #

利用Blazor的双向绑定特性，优先级变化时自动重新渲染图片：

组件代码 #

@code {
    private readonly Dictionary<Priority, string> _priorityImageMap = new()
    {
        { Priority.Low, "images/arrow-down-green.png" },
        { Priority.Medium, "images/arrow-right-yellow.png" },
        { Priority.High, "images/arrow-up-red.png" }
    };

    private CsTicket CurrentTicket { get; set; } = new CsTicket { Priority = Priority.Low };
}

<div class="ticket-controls">
    <InputSelect @bind-Value="CurrentTicket.Priority">
        <option value="@Priority.Low">低优先级</option>
        <option value="@Priority.Medium">中优先级</option>
        <option value="@Priority.High">高优先级</option>
    </InputSelect>

    <img src="@_priorityImageMap[CurrentTicket.Priority]" 
         alt="@CurrentTicket.Priority.ToString() 优先级" />
</div>

当CurrentTicket.Priority通过下拉框改变时，Blazor会自动更新图片的src属性，无需手动编写JS。

场景3：WPF 桌面应用 #

通过ViewModel的属性绑定实现动态切换：

ViewModel 代码 #

using System.ComponentModel;
using System.Runtime.CompilerServices;
using System.Windows.Media;
using System.Windows.Media.Imaging;

public class TicketViewModel : INotifyPropertyChanged
{
    private Priority _currentPriority;
    public Priority CurrentPriority
    {
        get => _currentPriority;
        set
        {
            _currentPriority = value;
            OnPropertyChanged();
            OnPropertyChanged(nameof(PriorityImage));
        }
    }

    public ImageSource PriorityImage
    {
        get
        {
            return CurrentPriority switch
            {
                Priority.Low => new BitmapImage(new Uri("pack://application:,,,/Images/arrow-down-green.png")),
                Priority.Medium => new BitmapImage(new Uri("pack://application:,,,/Images/arrow-right-yellow.png")),
                Priority.High => new BitmapImage(new Uri("pack://application:,,,/Images/arrow-up-red.png")),
                _ => null
            };
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

XAML 代码 #

<Window.DataContext>
    <local:TicketViewModel />
</Window.DataContext>

<StackPanel>
    <ComboBox SelectedItem="{Binding CurrentPriority}">
        <ComboBoxItem Content="低优先级" Tag="{x:Static local:Priority.Low}" />
        <ComboBoxItem Content="中优先级" Tag="{x:Static local:Priority.Medium}" />
        <ComboBoxItem Content="高优先级" Tag="{x:Static local:Priority.High}" />
    </ComboBox>
    <Image Source="{Binding PriorityImage}" Width="24" Height="24" />
</StackPanel>

通用注意事项 #

1. 图片路径需根据项目结构调整：Web项目放在wwwroot目录下，WPF项目设置图片的生成操作为资源
2. 若为前后端分离架构，可由后端返回优先级对应的图片URL，或前端本地维护映射表，后端仅返回枚举值
3. 若枚举值为数字存储（如数据库中存0、1、2），需确保映射关系与枚举的底层值对应

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