wanggang
/
iot
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update

Browse Source 
Former-commit-id: 8d700465214a24588dfb8cf196fe18331c53549a
TangShanKaiPing
wanggang 6 years ago
parent 10d69bdae8
commit e196877aa1
15 changed files with 103 additions and 204 deletions
Show Stats Download Patch File Download Diff File

BIN
projects/IoTCenter/wwwroot/images/device.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 756 B

BIN
projects/IoTCenter/wwwroot/images/light.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
projects/IoTCenter/wwwroot/images/node.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

15
projects/WebApp/wwwroot/css/app.css
Unescape View File

@ -767,16 +767,21 @@ img {
.ir table,.ir .table { .ir table,.ir .table {
border-collapse: separate; border-collapse: separate;
margin: 15px auto; margin: 5px auto;
padding: 15px; padding: 5px;
border: 2px solid #ddd; border: 2px solid #ddd;
border-radius: 15px; border-radius: 15px;
} }
.ir table td { .ir table td {
padding: 5px; padding: 2px;
text-align: center; text-align: center;
} }
.ir .table button{ .ir .table button{
margin:5px; margin:2px;
} }
.weui-grid__icon {
width: 48px;
height: 48px;
margin: 0 auto;
}

2
projects/WebApp/wwwroot/js/iot.js
Unescape View File

@ -22,7 +22,7 @@ function getDeviceDataUnit(device, name) {
function getDeviceData(device, name) { function getDeviceData(device, name) {
var data = Enumerable.from(device.data).where(o => o.name === name).firstOrDefault(); var data = Enumerable.from(device.data).where(o => o.name === name).firstOrDefault();
if (data) { if (data) {
return data['value'] + data['unit']; return data['value'] + data['unit'] ? ' ' + data['unit']:'';
} }
return null; return null;
} }

30
projects/WebApp/wwwroot/pages/home.html
Unescape View File

@ -4,22 +4,20 @@
<h2>消息</h2> <h2>消息</h2>
</div> </div>
<div class="weui-tab__content"> <div class="weui-tab__content">
<div class="col-md-12 my-2">物联网</div> <div class="row p-3">物联网</div>
<div class="col-md-12"> <div class="row">
<div class="row"> <router-link to="/pages/iot/products" class="col-md-2 col-sm-3 col-4 p-3">
<router-link to="/pages/iot/products" class="col-md-2 col-sm-3 col-4 p-1"> <div class="weui-grid__icon">
<div class="weui-grid__icon"> <img src="/IoTCenter/images/device.png"/>
<i class="ion ion-md-laptop weui-tabbar__icon"></i> </div>
</div> <p class="weui-grid__label">设备</p>
<p class="weui-grid__label">设备</p> </router-link>
</router-link> <router-link to="/pages/iot/nodes" class="col-md-2 col-sm-3 col-4 p-3">
<router-link to="/pages/iot/nodes" class="col-md-2 col-sm-3 col-4 p-1"> <div class="weui-grid__icon">
<div class="weui-grid__icon"> <img src="/IoTCenter/images/node.png" />
<i class="ion ion-md-share weui-tabbar__icon"></i> </div>
</div> <p class="weui-grid__label">智慧教室</p>
<p class="weui-grid__label">智慧教室</p> </router-link>
</router-link>
</div>
</div> </div>
</div> </div>
<div class="weui-tab__content"> <div class="weui-tab__content">

18
projects/WebApp/wwwroot/pages/iot/device/humiture.html
Unescape View File

@ -1,38 +1,38 @@
<template> <template>
<div class="card"> <div class="card" style="box-sizing:border-box;height:150px;margin:10px;">
<div class="card-header"> <div class="card-header">
{{device.displayName}} {{device.displayName}}
<span class="float-right text-success" v-if="device.isOnline"><i class="ion ion-ios-wifi"></i></span> <span class="float-right text-success" v-if="device.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> <span class="float-right text-danger" v-else><i class="ion ion-ios-wifi"></i></span>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="row media" style="height:100px;"> <div class="row" style="height:100%;width:300px;margin: 0 auto;">
<div class="col col-md-4 col-sm-4 align-self-center"> <div class="col col-md-4 col-sm-4 align-self-center">
<img class="mh-100" src="/IoTCenter/images/humiture.png" /> <img class="mh-100" src="/IoTCenter/images/humiture.png" />
</div> </div>
<div class="col col-md-8 col-sm-8 align-self-center"> <div class="col col-md-8 col-sm-8 align-self-center">
<div class="row" style="height:50px;line-height:28px;"> <div class="row" style="height:25px;line-height:25px;">
<span> <span>
温度： 温度：
<span class="text-success mx-2" style="font-size:28px;" v-if="getDeviceDataDescription(device,'温度')==='适中'"> <span class="text-success mx-2" style="font-size:20px;" v-if="getDeviceDataDescription(device,'温度')==='适中'">
{{getDeviceDataDescription(device,'温度')}} {{getDeviceDataDescription(device,'温度')}}
</span> </span>
<span v-else class="text-danger" style="font-size:28px;"> <span v-else class="text-danger" style="font-size:20px;">
{{getDeviceDataDescription(device,'温度')}} {{getDeviceDataDescription(device,'温度')}}
</span> </span>
{{getDeviceData(device,'温度')}} {{getDeviceData(device,'温度')}}
</span> </span>
</div> </div>
<div class="row" style="height:50px;line-height:28px;"> <div class="row" style="height:25px;line-height:20px;">
<span> <span>
湿度： 湿度：
<span class="text-success" style="font-size:28px;" v-if="getDeviceDataDescription(device,'湿度')==='适中'"> <span class="text-success" style="font-size:20px;" v-if="getDeviceDataDescription(device,'湿度')==='适中'">
{{getDeviceDataDescription(device,'湿度')}} {{getDeviceDataDescription(device,'湿度')}}
</span> </span>
<span v-else class="text-danger mx-2" style="font-size:28px;"> <span v-else class="text-danger mx-2" style="font-size:20px;">
{{getDeviceDataDescription(device,'湿度')}} {{getDeviceDataDescription(device,'湿度')}}
</span> </span>
{{getDeviceData(device,'温度')}} {{getDeviceData(device,'湿度')}}
</span> </span>
</div> </div>
</div> </div>

42
projects/WebApp/wwwroot/pages/iot/device/ir.html
Unescape View File

@ -5,7 +5,7 @@
<span class="float-right text-success" v-if="device.isOnline"><i class="ion ion-ios-wifi"></i></span> <span class="float-right text-success" v-if="device.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> <span class="float-right text-danger" v-else><i class="ion ion-ios-wifi"></i></span>
</div> </div>
<div class="card-body"> <div class="card-body" style="padding-top:0;">
<div class="weui-tab"> <div class="weui-tab">
<div class="weui-navbar"> <div class="weui-navbar">
<a href="javascript:;" class="weui-tabbar__item"> <a href="javascript:;" class="weui-tabbar__item">
@ -23,7 +23,6 @@
</div> </div>
<div class="weui-tab__panel media ir"> <div class="weui-tab__panel media ir">
<div class="weui-tab__content"> <div class="weui-tab__content">
<div>{{code}}={{power.value}}+{{pattern.value}}+{{direction.value}}+{{wind.value}}+{{temperature.value}}</div>
<table> <table>
<tr> <tr>
<td> <td>
@ -70,10 +69,10 @@
<table> <table>
<tr> <tr>
<td> <td>
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="2" v-on:click="tv($event)">AV</button> <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="1" v-on:click="tv($event)">电源</button>
</td> </td>
<td> <td>
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="1" v-on:click="tv($event)">电源</button> <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="2" v-on:click="tv($event)">AV</button>
</td> </td>
<td> <td>
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="15" v-on:click="tv($event)">静音</button> <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="15" v-on:click="tv($event)">静音</button>
@ -114,12 +113,15 @@
</tr> </tr>
<tr> <tr>
<td> <td>
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="13" v-on:click="tv($event)">返回</button>
</td> </td>
<td> <td>
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="0" v-on:click="tv($event)">0</button> <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="0" v-on:click="tv($event)">0</button>
</td> </td>
<td> <td>
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="14" v-on:click="tv($event)">退出</button>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
@ -181,7 +183,17 @@
<td> <td>
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="25" v-on:click="tv($event)">↓</button> <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="25" v-on:click="tv($event)">↓</button>
</td> </td>
</tr>
<tr>
<td>
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="26" v-on:click="tv($event)">快退</button>
</td>
<td>
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="28" v-on:click="tv($event)">播放</button>
</td>
<td>
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="28" v-on:click="tv($event)">快进</button>
</td>
</tr> </tr>
</table> </table>
</div> </div>
@ -189,11 +201,9 @@
<table> <table>
<tr> <tr>
<td> <td>
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="2" v-on:click="tv($event)">关</button> <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="1" v-on:click="tv($event)">电源</button>
</td>
<td>
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="1" v-on:click="tv($event)">开</button>
</td> </td>
<td></td>
<td> <td>
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="15" v-on:click="tv($event)">静音</button> <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="15" v-on:click="tv($event)">静音</button>
</td> </td>
@ -233,11 +243,13 @@
</tr> </tr>
<tr> <tr>
<td> <td>
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="13" v-on:click="tv($event)">返回</button>
</td> </td>
<td> <td>
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="0" v-on:click="tv($event)">0</button> <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="0" v-on:click="tv($event)">0</button>
</td> </td>
<td> <td>
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="14" v-on:click="tv($event)">退出</button>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -300,7 +312,17 @@
<td> <td>
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="25" v-on:click="tv($event)">↓</button> <button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="25" v-on:click="tv($event)">↓</button>
</td> </td>
</tr>
<tr>
<td>
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="26" v-on:click="tv($event)">快退</button>
</td>
<td>
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="28" v-on:click="tv($event)">播放</button>
</td>
<td>
<button type="button" class="weui-btn weui-btn_mini weui-btn_default" value="28" v-on:click="tv($event)">快进</button>
</td>
</tr> </tr>
</table> </table>
</div> </div>

6
projects/WebApp/wwwroot/pages/iot/device/light.html
Unescape View File

@ -1,14 +1,14 @@
<template> <template>
<div class="card"> <div class="card" style="box-sizing:border-box;height:150px;margin:10px;">
<div class="card-header"> <div class="card-header">
{{device.displayName}} {{device.displayName}}
<span class="float-right text-success" v-if="device.isOnline"><i class="ion ion-ios-wifi"></i></span> <span class="float-right text-success" v-if="device.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> <span class="float-right text-danger" v-else><i class="ion ion-ios-wifi"></i></span>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="row media" style="height:100px;"> <div class="row" style="height:100%;width:300px;margin: 0 auto;">
<div class="col col-md-4 col-sm-4 align-self-center"> <div class="col col-md-4 col-sm-4 align-self-center">
<img class="mh-100" src="/IoTCenter/images/light.png" style="width:48px;" /> <img class="mh-100" src="/IoTCenter/images/light.png" />
</div> </div>
<div class="col col-md-8 col-sm-8 align-self-center"> <div class="col col-md-8 col-sm-8 align-self-center">
<div class="row" style="line-height:28px;"> <div class="row" style="line-height:28px;">

6
projects/WebApp/wwwroot/pages/iot/device/person.html
Unescape View File

@ -1,14 +1,14 @@
<template> <template>
<div class="card"> <div class="card" style="box-sizing:border-box;height:150px;margin:10px;">
<div class="card-header"> <div class="card-header">
{{device.displayName}} {{device.displayName}}
<span class="float-right text-success" v-if="device.isOnline"><i class="ion ion-ios-wifi"></i></span> <span class="float-right text-success" v-if="device.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> <span class="float-right text-danger" v-else><i class="ion ion-ios-wifi"></i></span>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="row media" style="height:100px;"> <div class="row" style="height:100%;width:300px;margin: 0 auto;">
<div class="col col-md-4 col-sm-4 align-self-center"> <div class="col col-md-4 col-sm-4 align-self-center">
<img class="mh-100" src="/IoTCenter/images/smoke.png" style="width:48px;" /> <img class="mh-100" src="/IoTCenter/images/person.png" style="width:48px;" />
</div> </div>
<div class="col col-md-8 col-sm-8 align-self-center"> <div class="col col-md-8 col-sm-8 align-self-center">
<div class="row" style="line-height:28px;"> <div class="row" style="line-height:28px;">

4
projects/WebApp/wwwroot/pages/iot/device/smoke.html
Unescape View File

@ -1,12 +1,12 @@
<template> <template>
<div class="card"> <div class="card" style="box-sizing:border-box;height:150px;margin:10px;">
<div class="card-header"> <div class="card-header">
{{device.displayName}} {{device.displayName}}
<span class="float-right text-success" v-if="device.isOnline"><i class="ion ion-ios-wifi"></i></span> <span class="float-right text-success" v-if="device.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> <span class="float-right text-danger" v-else><i class="ion ion-ios-wifi"></i></span>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="row media" style="height:100px;"> <div class="row" style="height:100%;width:300px;margin: 0 auto;">
<div class="col col-md-4 col-sm-4 align-self-center"> <div class="col col-md-4 col-sm-4 align-self-center">
<img class="mh-100" src="/IoTCenter/images/smoke.png" style="width:48px;" /> <img class="mh-100" src="/IoTCenter/images/smoke.png" style="width:48px;" />
</div> </div>

134
projects/WebApp/wwwroot/pages/iot/node.html
Unescape View File

@ -19,138 +19,20 @@
<div class="col col-md-12 my-2 px-3">环境</div> <div class="col col-md-12 my-2 px-3">环境</div>
<div class="row"> <div class="row">
<!--光强检测器--> <!--光强检测器-->
<div class="col col-md-2 col-sm-3 col-4 " v-for="device in getDevices('光强检测器')"> <div v-for="device in getDevices('光强检测器')" class="col" style="min-width:320px;">
<div class="card"> <iot-light v-bind:device="device"></iot-light>
<div class="card-header">
{{device.displayName}}
<span class="float-right text-success" v-if="device.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>
<div class="card-body">
<div class="row media" style="height:100px;">
<div class="col col-md-4 col-sm-4 align-self-center">
<img class="mh-100" src="/IoTCenter/images/light.png" style="width:48px;" />
</div>
<div class="col col-md-8 col-sm-8 align-self-center">
<div class="row" style="line-height:28px;">
<span>
光照度：
<span class="text-success" style="font-size:28px;" v-if="getDeviceDataAttr(device.number,'光照度','description')==='适中'">
{{getDeviceDataAttr(device.number,'光照度','description')}}
</span>
<span v-else class="text-danger mx-2" style="font-size:28px;">
{{getDeviceDataAttr(device.number,'光照度','description')}}
</span>
{{getDeviceDataAttr(device.number,'光照度','value')}}{{ getDeviceDataAttr(device.number,'光照度','unit')}}
</span>
</div>
</div>
</div>
</div>
</div>
</div> </div>
<!--温湿度传感器--> <!--温湿度传感器-->
<div class="col col-md-2 col-sm-3 col-4 " v-for="device in getDevices('温湿度传感器')"> <div v-for="device in getDevices('温湿度传感器')" class="col" style="min-width:320px;">
<div class="card"> <iot-humiture v-bind:device="device"></iot-humiture>
<div class="card-header">
{{device.displayName}}
<span class="float-right text-success" v-if="device.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>
<div class="card-body">
<div class="row media" style="height:100px;">
<div class="col col-md-4 col-sm-4 align-self-center">
<img class="mh-100" src="/IoTCenter/images/humiture.png" />
</div>
<div class="col col-md-8 col-sm-8 align-self-center">
<div class="row" style="height:50px;line-height:28px;">
<span>
温度：
<span class="text-success mx-2" style="font-size:28px;" v-if="getDeviceDataAttr(device.number,'温度','description')==='适中'">
{{getDeviceDataAttr(device.number,'温度','description')}}
</span>
<span v-else class="text-danger" style="font-size:28px;">
{{getDeviceDataAttr(device.number,'温度','description')}}
</span>
{{getDeviceDataAttr(device.number,'温度','value')}}{{ getDeviceDataAttr(device.number,'温度','unit')}}
</span>
</div>
<div class="row" style="height:50px;line-height:28px;">
<span>
湿度：
<span class="text-success" style="font-size:28px;" v-if="getDeviceDataAttr(device.number,'湿度','description')==='适中'">
{{getDeviceDataAttr(device.number,'湿度','description')}}
</span>
<span v-else class="text-danger mx-2" style="font-size:28px;">
{{getDeviceDataAttr(device.number,'湿度','description')}}
</span>
{{getDeviceDataAttr(device.number,'湿度','value')}}{{ getDeviceDataAttr(device.number,'湿度','unit')}}
</span>
</div>
</div>
</div>
</div>
</div>
</div> </div>
<!--烟雾报警器--> <!--烟雾报警器-->
<div class="col col-md-2 col-sm-3 col-4 " v-for="device in getDevices('烟雾报警器')"> <div v-for="device in getDevices('烟雾报警器')" class="col" style="min-width:320px;">
<div class="card"> <iot-smoke v-bind:device="device"></iot-smoke>
<div class="card-header">
{{device.displayName}}
<span class="float-right text-success" v-if="device.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>
<div class="card-body">
<div class="row media" style="height:100px;">
<div class="col col-md-4 col-sm-4 align-self-center">
<img class="mh-100" src="/IoTCenter/images/smoke.png" style="width:48px;" />
</div>
<div class="col col-md-8 col-sm-8 align-self-center">
<div class="row" style="line-height:28px;">
<span>
状态：
<span class="text-success" style="font-size:28px;" v-if="getDeviceDataAttr(device.number,'状态','value')==='正常'">
{{getDeviceDataAttr(device.number,'状态','value')}}
</span>
<span v-else class="text-danger mx-2" style="font-size:28px;">
{{getDeviceDataAttr(device.number,'状态','value')}}
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div> </div>
<!--人体感应器--> <!--人体感应器-->
<div class="col col-md-2 col-sm-3 col-4 " v-for="device in getDevices('人体感应器')"> <div v-for="device in getDevices('人体感应器')" class="col" style="min-width:320px;">
<div class="card"> <iot-person v-bind:device="device"></iot-person>
<div class="card-header">
{{device.displayName}}
<span class="float-right text-success" v-if="device.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>
<div class="card-body">
<div class="row media" style="height:100px;">
<div class="col col-md-4 col-sm-4 align-self-center">
<img class="mh-100" src="/IoTCenter/images/person.png" style="width:48px;" />
</div>
<div class="col col-md-8 col-sm-8 align-self-center">
<div class="row" style="line-height:28px;">
<span>
状态：
<span class="text-success" style="font-size:28px;" v-if="getDeviceDataAttr(device.number,'状态','value')==='正常'">
{{getDeviceDataAttr(device.number,'状态','value')}}
</span>
<span v-else class="text-danger mx-2" style="font-size:28px;">
{{getDeviceDataAttr(device.number,'状态','value')}}
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
<!--电器--> <!--电器-->

16
projects/WebApp/wwwroot/pages/iot/nodes.html
Unescape View File

@ -4,14 +4,12 @@
<mt-button icon="back">back</mt-button> <mt-button icon="back">back</mt-button>
</router-link> </router-link>
</mt-header> </mt-header>
<div class="col-md-12"> <div class="row">
<div class="row"> <router-link v-for="node in nodes" :to="{path:'/pages/iot/node',query:{number:node.number}}" class="col-md-2 col-sm-3 col-4 p-3">
<router-link v-for="node in nodes" :to="{path:'/pages/iot/node',query:{number:node.number}}" class="col-md-2 col-sm-3 col-4 m-2"> <div class="weui-grid__icon">
<div class="weui-grid__icon"> <img :src="'/IoTCenter'+node.image" />
<img :src="'/IoTCenter'+node.image" /> </div>
</div> <p class="weui-grid__label">{{node.name}}（{{node.count}}）</p>
<p class="weui-grid__label">{{node.name}}（{{node.count}}）</p> </router-link>
</router-link>
</div>
</div> </div>
</div> </div>

18
projects/WebApp/wwwroot/pages/iot/product.html
Unescape View File

@ -4,16 +4,12 @@
<mt-button icon="back">back</mt-button> <mt-button icon="back">back</mt-button>
</router-link> </router-link>
</mt-header> </mt-header>
<div class="col-md-12"> <div class="row">
<div class="row"> <router-link v-if="product" v-for="device in product.devices" :to="{path:'/pages/iot/device',query:{number:device.number}}" class="col-lg-3 col-md-4 col-sm-6 p-3">
<template v-if="product"> <div class="weui-grid__icon">
<router-link v-for="device in product.devices" :to="{path:'/pages/iot/device',query:{number:device.number}}" class="col-lg-3 col-md-4 col-sm-6 p-5"> <img :src="'/IoTCenter'+product.image" />
<div class="weui-grid__icon"> </div>
<img :src="'/IoTCenter'+product.image" /> <p class="weui-grid__label">{{device.displayName}}</p>
</div> </router-link>
<p class="weui-grid__label">{{device.displayName}}</p>
</router-link>
</template>
</div>
</div> </div>
</div> </div>

16
projects/WebApp/wwwroot/pages/iot/products.html
Unescape View File

@ -4,14 +4,12 @@
<mt-button icon="back">back</mt-button> <mt-button icon="back">back</mt-button>
</router-link> </router-link>
</mt-header> </mt-header>
<div class="col-md-12"> <div class="row">
<div class="row"> <router-link v-for="product in products" :to="{path:'/pages/iot/product',query:{number:product.number}}" class="col-md-2 col-sm-3 col-4 p-3">
<router-link v-for="product in products" :to="{path:'/pages/iot/product',query:{number:product.number}}" class="col-md-2 col-sm-3 col-4 p-1"> <div class="weui-grid__icon">
<div class="weui-grid__icon"> <img class="weui-tabbar__icon" :src="'/IoTCenter'+product.image" />
<img :src="'/IoTCenter'+product.image" /> </div>
</div> <p class="weui-grid__label">{{product.name}}（{{product.count}}）</p>
<p class="weui-grid__label">{{product.name}}（{{product.count}}）</p> </router-link>
</router-link>
</div>
</div> </div>
</div> </div>
Write Preview
Loading…
Cancel
Save