[AI Generated]: feat(Views): 新增连接WiFi页五态状态机及密码连接交互

miniprogram/pages/connectedWifi/connectedWifi.wxml

@@ -7,7 +7,7 @@
                     <view>
                         <image src="/images/configureDevice/wifiPwd.png"/>
                     </view>
-                    <view>WIFI 账号</view>
+                    <view>{{selectedWifi.name}}</view>
                 </view>
                 <view>
                     <view>密码</view>
@@ -35,56 +35,82 @@
                 </view>
             </view>
             <view class="setWifi-btn">
-				<view>取消</view>
-				<view>连接</view>
+				<view bind:tap="onCancelPwd">取消</view>
+				<view bind:tap="onConfirmPwd">连接</view>
 			</view>
         </view>
     </block>
 
     <block wx:else>
+		<!-- 顶部已连接设备卡 -->
 		<view class="deviceCard">
 			<view></view>
 			<view>
-				<view></view>
-				<view></view>
+				<view>{{currentDevice.name}}</view>
+				<view>
+					<view></view>
+					<text>已连接</text>
+				</view>
 			</view>
 		</view>
+
 		<block wx:if="{{status === 'idle'}}">
 			<view class="wifiIdle">
 				查找周边WiFi
 			</view>
 		</block>
+
 		<block wx:if="{{status === 'searching'}}">
 			<view class="wifiSearching">
 				搜索中...
 			</view>
 		</block>
+
 		<block wx:if="{{status === 'list'}}">
 			<view class="wifiHeader">
 				<view>
 					<view>附近WiFi</view>
 				</view>
-				<view>网络列表（请选择一个网络进行连接）</view>
-			</view>
-			<view class="wifiList">
-				
+				<view>网络列表(请选择一个网络进行连接)</view>
 			</view>
+			<scroll-view class="wifiList" scroll-y>
+				<block wx:for="{{wifiList}}" wx:key="id">
+					<block wx:if="{{item.connected}}">
+						<view class="wifiItem wifiItem-connected" data-id="{{item.id}}" bind:tap="onTapWifi">
+							<view></view>
+							<text>{{item.name}}</text>
+							<view>
+								<text>已连接</text>
+								<view></view>
+							</view>
+						</view>
+					</block>
+					<block wx:else>
+						<view class="wifiItem" data-id="{{item.id}}" bind:tap="onTapWifi">
+							<view></view>
+							<text>{{item.name}}</text>
+							<view></view>
+						</view>
+					</block>
+				</block>
+			</scroll-view>
 			<view class="wifiBtn">
-				<view></view>
-			</view>	
+				<view class="{{hasConnected ? '' : 'wifiBtn-disabled'}}" bind:tap="onConfirm">确认</view>
+			</view>
 		</block>
+
 		<block wx:if="{{status === 'empty'}}">
 			<view class="wifiHeader">
 				<view>
 					<view>附近WiFi</view>
-					<view>刷新</view>
+					<view bind:tap="onRefresh">刷新</view>
 				</view>
-				<view>网络列表（请选择一个网络进行连接）</view>
+				<view>网络列表(请选择一个网络进行连接)</view>
 			</view>
 			<view class="wifiEmpty">
-			
+				<view></view>
+				<text>未查找到可用wifi,请重试</text>
 			</view>
 		</block>
     </block>
 </view>
-