You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
3.6 KiB
73 lines
3.6 KiB
@{
|
|
HideBread = true;
|
|
}
|
|
<br />
|
|
<template v-if="model">
|
|
<div class="row mb-2">
|
|
<div class="col-sm-6">
|
|
<h1>{{model.name}}</h1>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<ol class="breadcrumb float-sm-right">
|
|
<li class="breadcrumb-item"><a href="/">产品列表</a></li>
|
|
<li class="breadcrumb-item active">{{model.name}}</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12" v-if="HasBatchCommand()">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<div class="card-title">
|
|
<input type="checkbox" id="All" class="checkall" v-on:change="SelectDevice($event)" />
|
|
<label for="All" class="btn btn-sm btn-info" style="height:31px;margin-bottom:0;">全选</label>
|
|
<button class="btn btn-sm btn-info uncheck" v-on:click="SelectDevice($event)">反选</button>
|
|
</div>
|
|
<div class="card-tools">
|
|
<button class="btn btn-success" v-on:click="CallApiAll('On')">开</button>
|
|
<button class="btn btn-success" v-on:click="CallApiAll('Stop')" v-if="model.name.indexOf('窗帘电机')>=0">停</button>
|
|
<button class="btn btn-success" v-on:click="CallApiAll('Off')">关</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2 col-sm-4 col-xs-6" v-for="item in GetDevices()">
|
|
<div class="card" debug="12021508">
|
|
<div class="card-header">
|
|
<h3 class="card-title">
|
|
<label style="font-weight:normal;"><input type="checkbox" name="numbers[]" class="item" :value="item.number" v-if="HasBatchCommand()" v-on:change="SelectDevice($event)">{{item.name}}</label>
|
|
</h3>
|
|
<template v-if="HasBatchCommand()">
|
|
<div class="card-tools"> {{GetDataValue(item.number,'状态')}}</div>
|
|
</template>
|
|
</div>
|
|
<a class="card-body" :href="'@Url.Content("~")/Home/Device?number='+item.number+'&productNumber='+model.number" style="display:block;text-align:center;">
|
|
<img :alt="item.name" :src="'@Url.Content("~")'+model.image" style="margin:0 auto;max-width:64px;" />
|
|
</a>
|
|
<!-- 设备信息 Start -->
|
|
|
|
<div class="card-body" style="font-size: 12px;" v-if="item.name === '温湿度传感器'">
|
|
<div class="row">
|
|
<div class="col-md-4">温度</div>
|
|
<div class="col-md-8">{{GetDataValue(item.number,'温度')}} {{GetDeviceDataAttr(item.number,'温度','Unit')}} {{GetDeviceDataAttr(item.number,'温度','description')}}</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4">湿度</div>
|
|
<div class="col-md-8">{{GetDataValue(item.number,'湿度')}} {{GetDeviceDataAttr(item.number,'湿度','Unit')}} {{GetDeviceDataAttr(item.number,'湿度','description')}}</div>
|
|
</div>
|
|
</div>
|
|
<!-- 设备信息 End -->
|
|
<div class="card-footer">
|
|
{{item.node.name}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
@section scripts{
|
|
<script>
|
|
var baseUrl = '@Url.Content("~")';
|
|
</script>
|
|
<script src="~/js/page.js"></script>
|
|
<script src="~/js/product.js"></script>
|
|
} |