@{
    HtmlTitle = "设备列表"+ Infrastructure.Extensions.Helper.Instance.GetMacAddress();
}
<div class="row p-2">
    <button class="btn btn-info btn-sm m-1" v-on:click="upload">上传数据</button>
    <button class="btn btn-info btn-sm m-1" v-on:click="searchGateway">查找网关</button>
</div>
<div class="row">
    <table class="table">
        <tr>
            <td>#</td>
            <td>产品编号</td>
            <td>设备</td>
            <td>显示名称</td>
            <td>在线</td>
            <td>操作</td>
        </tr>
        <template v-if="gateway">
            <tr v-for="(item,index) in gateway.devices">
                <td>{{index+1}}</td>
                <td>{{item.ioTProduct.number}}</td>
                <td>{{item.name}}</td>
                <td>{{item.displayName}}</td>
                <td>{{item.isOnline===true?"在线":"离线"}}</td>
                <td>
                    <template v-if="item.ioTProduct.number.indexOf('fbee')!==-1">
                        <button v-if="item.ioTProduct.number.indexOf('gateway')===-1" v-on:click="remove(item.gateway,item.number)" class="btn btn-info btn-sm">移除设备</button>
                        <button v-else v-on:click="searchDevice(item.number)" class="btn btn-info btn-sm">查询网关</button>
                    </template>
                </td>
            </tr>
        </template>
    </table>
</div>
@section scripts{
    <script src="~/js/home/index.js"></script>
}