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.
135 lines
8.2 KiB
135 lines
8.2 KiB
<div class="weui-tab" id="tab">
|
|
<div class="weui-tab__panel bg-white">
|
|
<div class="weui-tab__content">
|
|
<div class="weui-header">
|
|
<div class="weui-header-left" v-if="typeof api !== 'undefined'"> <a class="icon icon-109" style="color:#fff" href="javascript:" v-on:click="closeWindow()">关闭</a> </div>
|
|
<h1 class="weui-header-title">消息({{store.state.messages.length < 99 ? store.state.messages.length : '99+' }})</h1>
|
|
</div>
|
|
<div class="center page-bd main">
|
|
<div id="empty-msg" style="width:20%; margin: 30% 40%;" v-if="!store.state.messages.length">
|
|
<img src="/images/emptymsg.svg" style="width: 100%;">
|
|
<span style="display: block; font-size: 0.8em; text-align: center; color:#ccc;">暂无消息</span>
|
|
</div>
|
|
<div class="weui-news" v-if="store.state.messages.length" >
|
|
<ul class="weui-news-list">
|
|
<li class="weui-news-item" v-for="message in store.state.messages">
|
|
<div class="weui-news-inner">
|
|
<div class="weui-news-inners">
|
|
<div class="weui-news-text">
|
|
<div class="weui-news-title">[ {{message.data.device.displayName}} ] {{message.data.name}} {{message.data.value}} {{message.data.unit}}</div>
|
|
</div>
|
|
<div class="weui-news-info">
|
|
<div class="weui-news-infoitem">
|
|
<img :onerror="'this.src=\'' + config.apigateway + '/images/info.svg' + '\'' " :src="config.apigateway+'/IoTCenter'+'/images/'+ iconMessage(message.data.key, message.data.value) +'.png'" class="weui-news-round" /><span class="weui-news-left">{{message.data.description}}</span>
|
|
</div>
|
|
<div class="weui-news-infoitem">{{ formatDate(message.data.timestamp) }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="weui-tab__content">
|
|
<div class="weui-header">
|
|
<div class="weui-header-left" v-if="typeof api !== 'undefined'"> <a class="icon icon-109" style="color:#fff" href="javascript:" v-on:click="closeWindow()">关闭</a> </div>
|
|
<h1 class="weui-header-title">应用</h1>
|
|
<div class="weui-header-right"></div>
|
|
</div>
|
|
<div class="page__bd main">
|
|
<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" style="width:32px">
|
|
<img src="/images/device.svg" />
|
|
</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" style="width:32px">
|
|
<img src="/images/node.svg" />
|
|
</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" style="width:32px">
|
|
<img src="/images/scene.svg" />
|
|
</div>
|
|
<p class="weui-grid__label">平台场景</p>
|
|
</router-link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="weui-tab__content">
|
|
<div class="weui-header">
|
|
<div class="weui-header-left" v-if="typeof api !== 'undefined'"> <a class="icon icon-109" style="color:#fff" href="javascript:" v-on:click="closeWindow()">关闭</a> </div>
|
|
<h1 class="weui-header-title">我的</h1>
|
|
<div class="weui-header-right"></div>
|
|
</div>
|
|
<div class="page panel js_show">
|
|
<div class="page__bd main">
|
|
<div class="weui-panel weui-panel_access">
|
|
<div class="weui-panel__bd">
|
|
<a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg weui-cell_link">
|
|
<div class="weui-media-box__hd"> <img class="weui-media-box__thumb" :src="user && user.avatar ? user.avatar : config.apigateway+'/images/avatar.svg'" /></div>
|
|
<div class="weui-media-box__bd">
|
|
<div class="weui-cell__bd">
|
|
<h4 class="weui-media-box__title">{{user ? user.nickName : ''}}</h4>
|
|
<p class="weui-media-box__desc">账号：{{user ? user.userName : ''}}</p>
|
|
</div>
|
|
</div>
|
|
<span class="weui-cell__ft"></span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="weui-panel weui-panel_access">
|
|
<div class="weui-panel__ft"> <a href="javascript:void(0);" class="weui-cell weui-cell_link">
|
|
<div class="weui-cell__bd">姓名</div>
|
|
<span class="weui-cell__ft">{{user ? user.realName : ''}}</span> </a>
|
|
</div>
|
|
<div class="weui-panel__ft"> <a href="javascript:void(0);" class="weui-cell weui-cell_link">
|
|
<div class="weui-cell__bd">身份证</div>
|
|
<span class="weui-cell__ft">{{user ? user.idCardNumber : '' }}</span> </a>
|
|
</div>
|
|
<div class="weui-panel__ft"> <a href="javascript:void(0);" class="weui-cell weui-cell_link">
|
|
<div class="weui-cell__bd">性别</div>
|
|
<span class="weui-cell__ft">{{ (user && user.sex === 0) ? '男' : '女' }}</span> </a>
|
|
</div>
|
|
<div class="weui-panel__ft"> <a href="javascript:void(0);" class="weui-cell weui-cell_link">
|
|
<div class="weui-cell__bd">Email</div>
|
|
<span class="weui-cell__ft">{{user ? user.email : '' }}</span> </a>
|
|
</div>
|
|
<div class="weui-panel__ft"> <a href="javascript:void(0);" class="weui-cell weui-cell_link">
|
|
<div class="weui-cell__bd">生日</div>
|
|
<span class="weui-cell__ft">{{user ? user.birthday : '' }}</span> </a>
|
|
</div>
|
|
<div class="weui-panel__ft"> <a href="javascript:void(0);" class="weui-cell weui-cell_link">
|
|
<div class="weui-cell__bd">地区</div>
|
|
<span class="weui-cell__ft">{{user ? user.address : '' }}</span> </a>
|
|
</div>
|
|
</div>
|
|
<div class="weui-panel weui-panel_access">
|
|
<div class="weui-panel__ft"> <a href="javascript:void(0);" class="weui-cell weui-cell_link" v-on:click="logout">
|
|
<div class="weui-cell__bd tcenter">退出</div></a>
|
|
</div>
|
|
</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> |