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.
64 lines
3.1 KiB
64 lines
3.1 KiB
<div class="weui-tab" id="tab">
|
|
<div class="weui-tab__panel">
|
|
<div class="weui-tab__content">
|
|
<div class="weui-cells">
|
|
<div class="weui-cell weui-cell_active weui-cell_access" v-for="message in store.state.messages">
|
|
<div class="weui-cell__bd">
|
|
<span class="badge badge-success" style="margin-left: 5px;">{{message.device.node.name}}{{message.device.displayName}}{{message.name}}:{{message.value}} {{message.unit}} {{message.description}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="weui-tab__content">
|
|
<div class="row p-3">物联网</div>
|
|
<div class="row">
|
|
<router-link to="/pages/iot/products" class="col-md-2 col-sm-3 col-4 p-3">
|
|
<div class="weui-grid__icon">
|
|
<img src="/IoTCenter/images/device.png" />
|
|
</div>
|
|
<p class="weui-grid__label">设备</p>
|
|
</router-link>
|
|
<router-link to="/pages/iot/nodes" class="col-md-2 col-sm-3 col-4 p-3">
|
|
<div class="weui-grid__icon">
|
|
<img src="/IoTCenter/images/node.png" />
|
|
</div>
|
|
<p class="weui-grid__label">智慧教室</p>
|
|
</router-link>
|
|
<router-link to="/pages/iot/scenes" class="col-md-2 col-sm-3 col-4 p-3">
|
|
<div class="weui-grid__icon">
|
|
<img src="/IoTCenter/images/scene.png" />
|
|
</div>
|
|
<p class="weui-grid__label">平台场景</p>
|
|
</router-link>
|
|
</div>
|
|
</div>
|
|
<div class="weui-tab__content">
|
|
<div class="weui-cells" v-if="user">
|
|
<div class="weui-cell">
|
|
<div class="weui-cell__hd" style="position: relative;margin-right: 10px;">
|
|
<img :src="user.avatar?user.avatar:'/images/empty.png'" style="width: 50px;display: block">
|
|
</div>
|
|
<div class="weui-cell__bd">
|
|
<p>{{user.nickName}}</p>
|
|
<p style="font-size: 13px;color: #888888;">{{user.userName}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a href="javascript:;" class="weui-btn weui-btn_primary" style="margin-top:16px;" v-on:click="logout">退出</a>
|
|
</div>
|
|
</div>
|
|
<div class="weui-tabbar">
|
|
<a href="javascript:;" class="weui-tabbar__item">
|
|
<i class="ion ion-ios-chatboxes weui-tabbar__icon"></i>
|
|
<p class="weui-tabbar__label">消息</p>
|
|
</a>
|
|
<a href="javascript:;" class="weui-tabbar__item">
|
|
<i class="ion ion-md-apps weui-tabbar__icon"></i>
|
|
<p class="weui-tabbar__label">应用</p>
|
|
</a>
|
|
<a href="javascript:;" class="weui-tabbar__item">
|
|
<i class="ion ion-md-person weui-tabbar__icon"></i>
|
|
<p class="weui-tabbar__label">我的</p>
|
|
</a>
|
|
</div>
|
|
</div> |