|
|
|
|
@ -1,27 +1,50 @@
|
|
|
|
|
<div class="page js_show">
|
|
|
|
|
<div class="weui-header">
|
|
|
|
|
<router-link to="/" class="weui-header-left">
|
|
|
|
|
<i class="ion ion-ios-arrow-back"></i>
|
|
|
|
|
</router-link>
|
|
|
|
|
<h1 class="weui-header-title">智慧教室</h1>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="main">
|
|
|
|
|
<div class="row p-1">
|
|
|
|
|
<div class="col-md-2 col-sm-3 col-4 p-1" v-for="node in nodes" >
|
|
|
|
|
<div class="card">
|
|
|
|
|
<div class="card-header">
|
|
|
|
|
<input type="checkbox" name="numbers[]" class="item" value="{{node.number}}">
|
|
|
|
|
<span class="float-right text-success" v-if="node.isOnline"><i class="ion ion-ios-wifi"></i></span>
|
|
|
|
|
<span class="float-right text-danger" v-else><i class="ion ion-ios-wifi"></i></span>
|
|
|
|
|
</div>
|
|
|
|
|
<router-link :to="{path:'/pages/iot/node',query:{number:node.number}}">
|
|
|
|
|
<div class="weui-grid__icon">
|
|
|
|
|
<img :src="node.image.replace('.png', '.svg')" style="width:32px; margin:auto auto" />
|
|
|
|
|
<div class="weui-tab">
|
|
|
|
|
<div class="weui-tab__panel bg-white" style="display: block;">
|
|
|
|
|
<div class="weui-header">
|
|
|
|
|
<router-link to="/" class="weui-header-left">
|
|
|
|
|
<i class="ion ion-ios-arrow-back"></i>
|
|
|
|
|
</router-link>
|
|
|
|
|
<h1 class="weui-header-title">智慧教室</h1>
|
|
|
|
|
<div class="weui-header-right" style="display: none;"><a class="ion ion-ios-more"></a></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="main">
|
|
|
|
|
<div class="row weui-cells_checkbox p-1">
|
|
|
|
|
<div class="col-md-2 col-sm-3 col-4 p-1" v-for="node in nodes" >
|
|
|
|
|
<div class="card">
|
|
|
|
|
<div class="card-header" style="padding: 0">
|
|
|
|
|
<label class="weui-check__label" style="display: block; padding: .75rem 1.25rem; margin:0">
|
|
|
|
|
<input type="checkbox" name="numbers[]" class="weui-check item" :value="node.number"><i class="weui-icon-checked"></i>
|
|
|
|
|
<span class="float-right text-success" v-if="node.isOnline"><i class="ion ion-ios-wifi"></i></span>
|
|
|
|
|
<span class="float-right text-danger" v-else><i class="ion ion-ios-wifi"></i></span>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<p class="weui-grid__label">{{node.name}}（{{node.count}}）</p>
|
|
|
|
|
</router-link>
|
|
|
|
|
<router-link :to="{path:'/pages/iot/node',query:{number:node.number}}">
|
|
|
|
|
<div class="weui-grid__icon">
|
|
|
|
|
<img :src="node.image.replace('.png', '.svg')" style="width:32px; margin:auto auto" />
|
|
|
|
|
</div>
|
|
|
|
|
<p class="weui-grid__label">{{node.name}}（{{node.count}}）</p>
|
|
|
|
|
</router-link>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="weui-tabbar">
|
|
|
|
|
<a href="javascript:;" v-on:click="selectAll();" class="weui-tabbar__item">
|
|
|
|
|
<i class="ion ion-md-checkmark weui-tabbar__icon"></i>
|
|
|
|
|
<p class="weui-tabbar__label">全部选取</p>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="javascript:;" v-on:click="resetAll()" class="weui-tabbar__item">
|
|
|
|
|
<i class="ion ion-md-radio-button-off weui-tabbar__icon"></i>
|
|
|
|
|
<p class="weui-tabbar__label">取消选取</p>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="javascript:;" v-on:click="setPower('On')" class="weui-tabbar__item">
|
|
|
|
|
<i class="ion ion-ios-flash weui-tabbar__icon"></i>
|
|
|
|
|
<p class="weui-tabbar__label">批量开启</p>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="javascript:;" v-on:click="setPower('Off')" class="weui-tabbar__item">
|
|
|
|
|
<i class="ion ion-ios-flash-off weui-tabbar__icon"></i>
|
|
|
|
|
<p class="weui-tabbar__label">批量关闭</p>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
