1<import-sjs from="./netCfg.sjs" name="netCfg"></import-sjs>
2<view class="page">
3  <view class="page-section">
4    <view class="page-section-title">蓝牙配网</view>
5    <view class="form-row">
6      <view class="form-row-label">选择设备</view>
7      <view class="form-row-content">
8        <block a:if="{{net_config_devices.length>0}}">
9          <picker value="{{selected_device_index}}" range="{{netCfg.getDeviceNameList(net_config_devices)}}" onChange="bindDevicePickerChange">
10            <view style="display:flex; align-items: center; justify-content: space-between;">
11              <text>{{netCfg.getDeviceNameList(net_config_devices)[selected_device_index]}}</text>
12              <image mode="scaleToFill" style="width:30rpx; height:30rpx" src="../../resource/image/picker.png"/>
13            </view>
14          </picker>
15        </block>
16        <block a:else>
17          <text>未找到待配网设备</text>
18        </block>
19      </view>
20    </view>
21    <view class="form-row">
22      <button class="form-button" size="default" type="primary" disabled="{{netCfgState.scanning}}" onTap="startNetConfigDevicesDiscovery">扫描待配网设备</button>
23    </view>
24  </view>
25  <view class="page-section">
26    <view class="page-section-title">网络信息</view>
27    <view class="form-row">
28      <view class="form-row-label">Wi-Fi</view>
29      <view class="form-row-content" style="display:flex; flex-direction: row;">
30        <input class="input" placeholder="SSID" value="{{ssid}}" onInput = "ssidOnInput" />
31        <view onTap="getWiFiList" style="width:50rpx; height:50rpx; ">
32          <!--<picker range="{{ssidList}}" onChange="bindSSIDPickerChange"> -->
33          <image mode="scaleToFill" style="width:30rpx; height:30rpx" src="../../resource/image/picker.png"/>
34          <!--</picker> -->
35        </view>
36      </view>
37    </view>
38    <view class="form-row">
39      <view class="form-row-label">密码</view>
40      <view class="form-row-content">
41        <input class="input" placeholder="Password" value="{{password}}" onInput = "passwordOnInput" />
42      </view>
43    </view>
44  </view>
45  <view class="page-section">
46    <button size="default" type="primary" disabled="{{net_config_devices.length<=0 || netCfgState.configing}}" loading="{{netCfgState.configing}}" onTap="setNetConfig">发起配网</button>
47  </view>
48  <view class="page-section">
49    <view class="page-section-title">配网状态</view>
50    <view class="form-row">
51      <view class="form-row-label">设备IP</view>
52      <view class="form-row-content">{{ipAddr == null? '未完成配网':ipAddr}}</view>
53    </view>
54  </view>
55</view>
56
57<view a:if="{{wifiSelect}}" class="picker-mask">
58  <view class="picker-contenter">
59    <picker-view value="{{value}}" class="wifi-picker" onChange="wifiPickerOnChange">
60      <picker-view-column>
61        <view a:for="{{ssidList}}">{{item}}</view>
62      </picker-view-column>
63    </picker-view>
64    <view class="pick-button-row">
65      <button class="picker-button" hover-class="picker-button-hover" size="default" type="primary" onTap="wifiSelectCancel">取消</button>
66      <button class="picker-button" hover-class="picker-button-hover" size="default" type="primary" onTap="wifiSelectConform">确定</button>
67    </view>
68  </view>
69</view>