72 lines
2.4 KiB
Plaintext
72 lines
2.4 KiB
Plaintext
<view class="device-detail-page">
|
|
<!-- 页面头部 -->
|
|
<view class="page-header">
|
|
<view class="header-left">
|
|
<view class="back-btn" bind:tap="onBack">
|
|
<t-icon name="chevron-left" size="48rpx" />
|
|
</view>
|
|
<view class="device-info">
|
|
<view class="device-name">{{device.name}}</view>
|
|
<view class="device-meta">
|
|
<text class="device-id">ID: {{device.id}}</text>
|
|
<text class="subdevice-count">子设备: {{device.subDeviceCount || 0}}个</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 加载状态 -->
|
|
<block wx:if="{{loading}}">
|
|
<view class="loading-container">
|
|
<t-skeleton theme="paragraph" loading />
|
|
<t-skeleton theme="paragraph" loading />
|
|
<t-skeleton theme="paragraph" loading />
|
|
</view>
|
|
</block>
|
|
|
|
<!-- 错误状态 -->
|
|
<block wx:elif="{{loadError}}">
|
|
<view class="error-container">
|
|
<t-empty icon="error-circle" description="加载失败，请下拉刷新重试" />
|
|
</view>
|
|
</block>
|
|
|
|
<!-- 主要内容 -->
|
|
<block wx:elif="{{device}}">
|
|
<!-- 子设备列表 -->
|
|
<view class="subdevices-section">
|
|
<view class="section-title">
|
|
子设备列表
|
|
<text class="subdevice-count">({{subDevices.length}})</text>
|
|
</view>
|
|
<view wx:if="{{subDeviceLoading}}" class="loading-container">
|
|
<t-loading theme="circular" size="40rpx" />
|
|
<text class="loading-text">加载中...</text>
|
|
</view>
|
|
<block wx:elif="{{subDevices.length > 0}}">
|
|
<view
|
|
wx:for="{{subDevices}}"
|
|
wx:key="id"
|
|
class="subdevice-item"
|
|
bind:tap="viewSubDeviceDetail"
|
|
data-subdevice="{{item}}">
|
|
<view class="subdevice-info">
|
|
<view class="subdevice-name">{{item.name}}</view>
|
|
<view class="subdevice-meta">
|
|
<text class="subdevice-id">ID: {{item.id}}</text>
|
|
<text class="subdevice-usage">使用: {{item.usage_count || 0}}次</text>
|
|
<text class="subdevice-status">
|
|
状态: <text class="status-badge status-{{item.status || 'normal'}}">{{deviceStatusMap[item.status || 'normal']}}</text>
|
|
</text>
|
|
</view>
|
|
</view>
|
|
<t-icon name="chevron-right" size="32rpx" color="#999" />
|
|
</view>
|
|
</block>
|
|
<t-empty wx:else description="暂无子设备" />
|
|
</view>
|
|
</block>
|
|
|
|
<!-- Toast 消息提示 -->
|
|
<t-toast id="t-toast" />
|
|
</view> |