61 lines
2.0 KiB
Plaintext
61 lines
2.0 KiB
Plaintext
<!--pages/mine/mine.wxml-->
|
|
<view class="container">
|
|
<!-- 用户信息卡片 -->
|
|
<view class="user-card">
|
|
<view class="user-info">
|
|
<image class="avatar" src="/assets/images/default-avatar.png" mode="aspectFill"></image>
|
|
<view class="info">
|
|
<text class="username">{{userInfo.userName || '未登录'}}</text>
|
|
<!-- <text class="user-id">ID: {{userInfo.userId || '-'}}</text> -->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 状态信息 -->
|
|
<view class="status-section">
|
|
<view class="section-title">连接状态</view>
|
|
<view class="status-list">
|
|
<view class="status-item">
|
|
<text class="label">MQTT 状态</text>
|
|
<text class="status" style="color: {{mqttStatusColor}}">{{mqttStatus}}</text>
|
|
</view>
|
|
<view class="status-item">
|
|
<text class="label">蓝牙状态</text>
|
|
<text class="status" style="color: {{bleStatusColor}}">{{bleStatus}}</text>
|
|
</view>
|
|
<view class="status-item">
|
|
<text class="label">采集设备</text>
|
|
<text class="status">{{activeDevice}}</text>
|
|
</view>
|
|
<view class="status-item">
|
|
<text class="label">离线缓存</text>
|
|
<text class="status">{{pendingCount}} 条</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 功能列表 -->
|
|
<view class="function-section">
|
|
<view class="section-title">功能</view>
|
|
<view class="function-list">
|
|
<view class="function-item" bindtap="clearCache">
|
|
<text class="function-name">清除缓存</text>
|
|
<text class="function-arrow">></text>
|
|
</view>
|
|
<view class="function-item" bindtap="showAbout">
|
|
<text class="function-name">关于</text>
|
|
<text class="function-arrow">></text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 退出登录按钮 -->
|
|
<view class="logout-section">
|
|
<button class="logout-btn" bindtap="logout">退出登录</button>
|
|
</view>
|
|
|
|
<!-- 版本信息 -->
|
|
<view class="version-info">
|
|
<text>版本 {{appVersion}}</text>
|
|
</view>
|
|
</view> |