feat(equipment): 实现设备管理页面，新增运维模式与配对/补传弹框

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-08-19 14:27:51 +08:00
parent 3a67b26ed6
commit eaec08a6e4
15 changed files with 520 additions and 59 deletions
@@ -1,2 +1,86 @@
-<!--pages/equipment/equipment.wxml-->
-<text>pages/equipment/equipment.wxml</text>
+ <view class="equipment">
+    <!-- 运维模式提示行 -->
+    <view class="ops-bar">
+        <view class="ops-mode">当前为：运维模式</view>
+        <view class="ops-btn ops-btn--blue" bind:tap="onCloseOps">关闭运维模式</view>
+    </view>
+
+    <!-- 顶部卡片（渐变背景 + 设备图片占位） -->
+    <view class="top-banner">
+        <image src="/images/equipment/bg.png" />
+    </view>
+
+    <!-- 已配对设备行 -->
+    <view class="section-bar">
+        <view class="section-left">
+            <view class="bt-icon">
+                <image src="/images/equipment/bluetooth.png" />
+            </view>
+            <view class="section-title">已配对设备</view>
+        </view>
+        <view class="ops-btn ops-btn--red" bind:tap="onUnpairAll">取消全部配对</view>
+    </view>
+
+    <!-- 设备列表 -->
+    <block wx:for="{{ devices }}" wx:key="id">
+        <view class="device-card">
+            <view class="device-top">
+                <view class="device-icon"></view>
+                <view class="device-info">
+                    <view class="device-info_">
+                        <view class="device-name">{{ item.name }}</view>
+                        <view class="device-unpair" bind:tap="onTapUnpair">取消配对</view>
+                    </view>
+                    <view class="device-status">
+                        <view class="device-status--connected">
+                            <view class="status-dot"></view>
+                            <view class="status-text">{{ item.status }}</view>
+                        </view>
+                    </view>
+                </view>
+            </view>
+
+            <view class="device-meta">
+                <view class="meta-row">
+                    <view class="meta-label">型号</view>
+                    <view class="meta-value">{{ item.model }}</view>
+                </view>
+                <view class="meta-row">
+                    <view class="meta-label">设备编号</view>
+                    <view class="meta-value">{{ item.serial }}</view>
+                </view>
+            </view>
+
+            <view class="device-actions">
+                <view class="device-action-btn">
+                    <view>
+                        <image src="/images/equipment/wifi.png" />
+                    </view>
+                    <view>设备WIFI</view>
+                </view>
+                <view class="device-action-btn">
+                    <view>
+                        <image src="/images/equipment/users.png" />
+                    </view>
+                    <view>用户(4)</view>
+                </view>
+                <view class="device-action-btn">
+                    <view>
+                        <image src="/images/equipment/reload.png" />
+                    </view>
+                    <view>数据补传</view>
+                </view>
+            </view>
+        </view>
+    </block>
+
+    <!-- 添加设备按钮 -->
+    <view class="add-btn" bind:tap="onTapAdd">
+        <view class="add-icon">
+            <image src="/images/addBtn.png" />
+        </view>
+        <view class="add-text">添加设备</view>
+    </view>
+
+    <equipment-dialog show="{{ loadingShow }}" title="{{ loadingTitle }}" content="{{ loadingContent }}" bind:close="onCloseLoading" />
+</view>