@model IoT.Shared.Application.Domain.Entities.IoTDevice
@{
    var state = Model.Data.FirstOrDefault(o => o.Key == "State")?.Value;
    var isOpend = Model.Data.Any(o => o.Key == "State" && o.Value == "开");
}
<div class="col-sm-2">
    <div class="card bg-light">
        <div class="card-header">
            <h5 class="card-title">@(Model.DisplayName??Model.Name)</h5>
            <div class="card-tools">@state</div>
        </div>
        <div class="card-body device">
            <div class="row">
                <img class="icon" src="@Url.Content2(Model.Product.Image)" />
            </div>
            <div class="row">
                @if (isOpend)
                {
                    <img class="pointer" onclick="execApi(device.number,'/Socket/Off')" src="@Url.Content2("/images/off.svg")" />
                }
                else
                {
                    <img class="pointer" onclick="execApi(device.number,'/Socket/On')" src="@Url.Content2("/images/on.svg")" />
                }
            </div>
        </div>
    </div>
</div>