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.
38 lines
1.7 KiB
38 lines
1.7 KiB
@{
|
|
HideBread = true;
|
|
}
|
|
<br />
|
|
<div class="row">
|
|
<div class="col-md-12" v-if="model.length">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<div class="card-title">
|
|
<input type="checkbox" id="All" class="checkall" v-on:change="SelectNode($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="SelectNode($event)">反选</button>
|
|
</div>
|
|
<div class="card-tools">
|
|
<button class="btn btn-success" v-on:click="Power('On')">开</button>
|
|
<button class="btn btn-success" v-on:click="Power('Off')">关</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2 col-sm-4 col-xs-6" v-for="item in GetNodes()">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h3 class="card-title">
|
|
<label style="font-weight:normal;"><input type="checkbox" name="numbers[]" class="item" :value="item.Number" v-on:change="SelectNode($event)">{{item.Name}}</label>
|
|
</h3>
|
|
<div class="card-tools"><span data-toggle="tooltip" class="badge bg-green">{{item.DeviceCount}}</span></div>
|
|
</div>
|
|
<a class="card-body" :href="'/Home/Node/?number='+item.Number" style="display:block;text-align:center;">
|
|
<img :alt="item.Name" :src="item.Image" style="margin:0 auto;width:64px;" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@section scripts{
|
|
<script src="/js/page.js"></script>
|
|
<script src="/js/nodes.js"></script>
|
|
} |